PayGreen/paygreen-ui v0.8.5

Création du composant Char et modifications de l'Histogram

on GitHub

Par @OliviaGometz dans #131 et #132 💪

Char

Ajout du composant Char, qui permet de faire des traitements basiques sur des chaînes de caractères :

• Tronquer quand la chaîne dépasse un certain nombre de caractères
• Masquer certains caractères (pour protéger les données sensibles)

Plusieurs de choses sont paramétrables :

• Nombre de caractères à afficher au début et à la fin de la chaîne
• Les caractères qui restent "en clair" même s'ils sont dans la zone à masquer (exemple : les espaces dans des IBAN, même si on masque les numéros, on peut avoir envie de garder les espaces sans les remplacer par des astérisques)
• Les caractères de remplacement (par défaut : ... pour les chaînes tronquées, * pour les chaînes masquées).

Ce composant renvoie une string sans HTML, ce qui lui permet d'être utilisé dans n'importe quel parent sans aucun impact sur le style. 🎉

HistogramBar

• Feat : retrait de la props label qui n'était pas utilisé en intégration car peu pertinent (puisqu'il y a les legend). ⚠️ Si vous l'utilisiez, cela ne causera aucun bug, mais elle ne sera plus interprétée. Vérifiez que vos legend sont bien renseignés afin de garantir la lisibilité des données par l'utilisateur.

Histogram

• Feat : ajout d'une props blockWidth, qui permet de forcer une largeur maximale sur l'Histogram (plus précisément, sur la zone contenant les HistogramBar, ce qui exclut le Yaxis du calcul). Cette props prend les mêmes options que les Card notamment (la valeur none permet ainsi de ne pas forcer de largeur maximale.