feat: playground

[revolunet]

• Ajout d'une copie du playground rjsf
• J'ai mis DSFR par défaut et gardé le thème bootstrap 4 pour avoir un référentiel
• Ajustements sur quelques widgets
• Ajout de Radio/Textarea
• En dev ça à l'air de bien marcher
• J'ai ajouté un job pour envoyer sur gh-pages mais je ne suis pas 100% sûr !

[EmileRolley]

Trop bien ! Je vois que c'est en draft, tu as encore des choses à ajouter ?

[revolunet]

je vais re-nettoyer un peu;

dans le hintText que tu avais implémenté, il me semble que cette feature (icon clickable avec aide) n'existe pas dans le DSFR ? il y a seulement description qui est toujours visible.

Sauf erreur il y a donc deux notions a gérer : la ui:description et le ui:help

[EmileRolley]

je vais re-nettoyer un peu;

Ok, je ferai une review complète à ce moment là alors (sauf si tu as besoin d'en avoir une maintenant ?)

dans le hintText que tu avais implémenté, il me semble que cette feature (icon clickable avec aide) n'existe pas dans le DSFR ? il y a seulement description qui est toujours visible.

Sauf erreur il y a donc deux notions a gérer : la ui:description et le ui:help

Oui le hintText des <Input> de react-dsfr sont tout le temps visible, j'ai donc implémenté une la possibilité de les cacher. En effet, dans le cas de catala-dsfr, ça altérait grandement la lisibilité du formulaire. A voir donc si on a envie de garder ce composant par défaut, ou simplement utiliser les composant Input du DSFR comme prévu.

[EmileRolley]

Sauf erreur il y a donc deux notions a gérer : la ui:description et le ui:help

Après avoir lu la doc de ces propriétés, il semblerait en effet, que ce serait plus pertinent d'utiliser ui:description pour afficher les indications sur le champs plutôt que ui:help que l'on utilise actuellement sur catala-dsfr. Reste à savoir si on ne devrait pas avoir une propriété ui:collasableDescription pour le composant custom actuel et utiliser le contenu de ui:description pour le paramètre hintText de l'input de react-dsfr ?

[revolunet]

Vu que le ui:help existe dans rjsf, autant le garder avec ton mécanisme de toggle ?
et le ui-description lui permet d'afficher la description statique ?

[EmileRolley]

Vu que le ui:help existe dans rjsf, autant le garder avec ton mécanisme de toggle ? et le ui-description lui permet d'afficher la description statique ?

Les deux sont supportés nativement pas rjsf. ui:help est utilisez pour afficher un message d'information pendant que le champ est entrain d'être modifié. Alors que ui:description a pour but de décrire ce qui est attendu pour le champ.
Cependant, comme il ne me semble pas que les composant de react-dsfr ne permettent pas de faire cette nuance, il serait en effet logique de garder les ui:description pour les hintText des composants et ui:help pour le fonctionnement actuel 👍

[revolunet]

J'ai fait quelques ajustements :)

[EmileRolley]

J'ai fait quelques ajustements :)

J'essaie de tester ça demain matin !

[EmileRolley]

Ca à l'air de bien fonctionner sur la plus part des exemples. Cependant, les nested objects/array avec le composant Tabs de react-dsfr ne sont pas interactifs. Mais je pense que l'on peut quand même merge la PR pour tester le GH Pages et commencer à itérer sur le widgets ensuite 👌

[revolunet]

trop cool. oui il y a un souci avec les tabs