SelectNext n'accepte pas d'option avec une value vide

[martinratinaud]

Pour France Chaleur Urbaine, nous avons besoin de définir un SelectNext qui a une option avec une valeur vide

Ceci n'est pas possible car le composant actuel défini une option disabled par défaut avec une valeur vide aussi

Je propose 3 options:

• ne pas ajouter cette option par défaut et laisse l'utilisateur le faire si besoin
• ajouter une props "placeholder" (Comme dans MUI)
• n'ajouter cette option que dans le cas où aucune option passée n'a une option avec un value vide

Merci pour vos retours

[totakoko]

+1

Je vote pour la 3e solutions histoire d'avoir le moins d'impact sur les projets qui l'utilisent.

[ddecrulle]

Est-ce possible de détailler le besoin ?

[garronej]

Salut @martinratinaud,

Comme @ddecrulle, je serais intéressé par avoir le cas d'usage.
Pour la proposition 1 : Pour un composant plus headless, il y a déjà le composant Select qui délègue plus de responsabilités au développeur.
Pour la proposition 2, je ne comprends pas très bien, il y a déjà une option placeholder.
Ok pour la proposition 3, elle n'a pas d'impact sur l'API, je vais publier une candidate.

Le composant select a l'air simple car tous les cas pris individuellement sont simples, mais parvenir à avoir un composant qui couvre tous les cas d'usage et en plus produise une bonne inférence de types est très complexe.
Comme vous pouvez le voir ici sur les compile time tests : https://github.com/codegouvfr/react-dsfr/blob/c60ad4ab9ed43309218b333230971234dd08a603/test/types/Select.tsx

D'ailleurs, MUI a renoncé à fournir de l'inférence de type sur leur composant de formulaire...

[garronej]

Vous pouvez essayer @codegouvfr/react-dsfr@1.9.30-rc.1 je vous laisse me dire si ça marche pour vous.

[garronej]

Oui je comprend le usecase maintenant j'ai retravailler SelectNext et mis a jour la documentation storybook du component.

[totakoko]

@garronej J'ai pu tester ta RC. Ça fonctionne bien car on peut maintenant définir nous-mêmes la propriété avec valeur vide. Cad mettre une option avec label "Tous" et value "" par exemple.

Après, pour notre migration, j'ai directement utilisé le SelectNext plutôt que le Select classique comme indiqué dans la doc. Est-ce qu'il faudrait qu'on repasse sur le Select classique ?

[garronej]

Non non c'est bien d'avoir utiliser SelectNext.
J'ai clarifier dans le Storybook:

J'ai aussi rajouter une note pour la valeur vide.

[garronej]

Bon aller je release alors :)

[totakoko]

C'est bon pour nous. Merci @garronej !

[garronej]

Merci d'avoir fait remonter. Dsl d'avoir mis du temps a comprendre la pertinence

[totakoko]

Y'a pas de souci. C'est normal de questionner et bien comprendre le besoin ;)