PayGreen/paygreen-ui v0.8.2

Améliorations FormControl, DatePicker, Logo, ModalControl et DropdownControl

on GitHub

Par @OliviaGometz dans #125 et @fanya3 dans #125 💪

FormControl

Retrait de la props hasHelpButton sur le composant FormControl : désormais, il vérifie tout seul s'il a un enfant DaHelp et remplit cette props tout seul pour appliquer les bons styles (sur lui-même ET sur les enfants qui ont cette props hasHelpButton.

Cela ne change absolument rien sur le style desdits composants par rapport aux versions antérieures : cette modification permet de simplifier leur intégration, puisque l'intégrateur n'a plus à ajouter manuellement cette props afin d'appliquer le style voulu.

Les anciennes intégrations fonctionnent toujours : "forcer" la props hasHelpButton sur un FormControl ou sur un DaInput contenu dans un FormControl n'a absolument aucun effet (seule la présence effective d'un DaHelp va déclencher ou non l'application des styles liés).

N'hésitez pas à clean les hasHelpButton={true} dans vos intégrations (mais si vous ne le faites pas, aucun souci ! 👌).

Type="button"

Ajout de type="button" sur tous les composants en htmlTag button : cette propriété HTML est indispensable car le type par défaut d'un bouton, me demandez pas pourquoi, c'est submit. Or, les 3 quarts du temps, on n'a pas besoin d'un submit et un oubli peut occasionner des comportements indésirables.

Il est toujours possible de forcer un type submit sur tous les composants en question 💪

Logo

Mon précédent fix sur l'alignement du Logo dans son propre conteneur a eu un effet secondaire sur les layout type BO. Pour résoudre le problème, une props align (à center par défaut) a été ajoutée et il est donc possible de choisir un alignement gauche pour fixer le problème de régression.

Amélioration du reset du DatePicker

Désormais, si aucune resetDate n'est définie, le DatePicker se vide lorsqu'une date incorrecte est saisie (exemple : le 30/02/2020). Cela n'impacte pas les resets liés aux dates min et max, qui demeurent identiques.

Modal et Dropdown

• Ajout d'une props hasOnClickControl sur les composants ModalControl et DropdownControl : elle permet de forcer le passage du onClick sur son enfant.
• Le composant ModalGroup devient ModalProvider

⚠️ Lors de la mise à jour de la version de PG UI, vérifiez que vous avez renommé tous vos ModalGroup en ModalProvider !