feat(select): add value customisation

[shiba-codes]

What

Adds customisation ability for the Select value

Media

Why

Normally, select works like WYSIWYG: the user selects an item in the list and it is displayed as a select value

​Scenario: we might show additional information in the list (Fleet label + fare + ETA), but still want to display only the label as the value, when the item is selected

How

Introducing the renderValue prop

[lloydaf]

I feel like this should be a configuration; i.e; we should have variants where this is possible and this is not possible (and would result in a validation error) depending on a config/prop value

But for the sake of the dispatcher I am fine with merging, but this is in "wave" so we should probably have this option in the future imo

[shiba-codes]

I feel like this should be a configuration; i.e; we should have variants where this is possible and this is not possible (and would result in a validation error) depending on a config/prop value

What scenario do you have in mind?

[lloydaf]

I feel like this should be a configuration; i.e; we should have variants where this is possible and this is not possible (and would result in a validation error) depending on a config/prop value

What scenario do you have in mind?

A normal scenario for a typeable select box component where we're only supposed to use the values available to us; that's how normal selects work, no?

[shiba-codes]

A normal scenario for a typeable select box component where we're only supposed to use the values available to us; that's how normal selects work, no?

It still uses the values available in the items, this is just a presentation change for the selected item

[lloydaf]

A normal scenario for a typeable select box component where we're only supposed to use the values available to us; that's how normal selects work, no?

It still uses the values available in the items, this is just a presentation change for the selected item

Respectfully I don't see the point in this change then; what are we trying to achieve? Can you add a more "real-life" example to the docs to illustrate where this is useful better?

[shiba-codes]

Can you add a more "real-life" example to the docs to illustrate where this is useful better?

Absolutely!
Imagine this: we have an additional information in the list to help make a selection

But we want to display only the label as the select value, so in this case "Taxi XL", not "Taxi XL in 6 min 15-17 EUR"

This is what this change is for

[github-actions]

🎉 This PR is included in version 2.16.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀