allaw-ui 2.1.9 → 2.2.1

package/dist/components/atoms/buttons/PrimaryButton.js

@@ -108,7 +108,7 @@ var PrimaryButton = forwardRef(function (_a, ref) {
             }
         });
     }); };
-    return (React.createElement("button", __assign({ ref: buttonRef, className: "primary-button ".concat(disabled ? "primary-button-disabled" : "primary-button-enabled", " ").concat(fullWidth ? "primary-button-full-width" : "", " ").concat(isButtonLoading ? "primary-button-loading" : "").concat(variant === "warning" ? "primary-button-warning" : ""), disabled: disabled, onClick: handleClick, type: type }, props),
+    return (React.createElement("button", __assign({ ref: buttonRef, className: "primary-button ".concat(disabled ? "primary-button-disabled" : "primary-button-enabled", " ").concat(fullWidth ? "primary-button-full-width" : "", " ").concat(isButtonLoading ? "primary-button-loading" : "").concat(variant === "warning" ? "primary-button-warning" : ""), disabled: disabled, onClick: handleClick, type: type }, props, { "data-cy": "primary-button" }),
         startIcon && (React.createElement("span", { className: "primary-button-icon ".concat(startIconName) })),
         React.createElement("span", { className: "primary-button-label" }, label),
         isButtonLoading ? (React.createElement("span", { className: "primary-button-loading-dots" }, loadingDots)) : (endIcon && React.createElement("span", { className: "primary-button-icon ".concat(endIconName) }))));

package/dist/components/atoms/selects/SelectableListItem.js

@@ -2,14 +2,11 @@ import React from "react";
 import styles from "./SelectableListItem.module.css";
 import "../../../styles/global.css";
 import "../../../styles/icons.css";
+import { slugify } from "../../../utils/utils";
 var SelectableListItem = function (_a) {
     var label = _a.label, duration = _a.duration, price = _a.price, isActive = _a.isActive, onClick = _a.onClick, icon = _a.icon;
     var hasIcon = icon && icon.length > 0;
-    return (React.createElement("button", { className: "".concat(styles.container, " ").concat(isActive ? styles.active : "", " ").concat(hasIcon ? styles.withIcon : ""), onClick: onClick, "data-cy": "selectable-list-item-".concat(label
-            .toLowerCase()
-            .replace(/\s+/g, "")
-            .replace(/[']/g, "")
-            .slice(0, 15)) },
+    return (React.createElement("button", { className: "".concat(styles.container, " ").concat(isActive ? styles.active : "", " ").concat(hasIcon ? styles.withIcon : ""), onClick: onClick, "data-cy": "item-".concat(slugify(label)) },
         React.createElement("div", { className: styles.iconContainer }, isActive && React.createElement("span", { className: styles.activeIcon })),
         hasIcon && (React.createElement("div", { className: styles.iconWrapper },
             React.createElement("i", { className: "".concat(icon, " ").concat(styles.icon) }))),

package/dist/utils/utils.d.ts

@@ -1,2 +1,3 @@
 import React from "react";
 export declare function convertToHtml(text: string | React.ReactNode): string;
+export declare const slugify: (text: string) => string;

package/dist/utils/utils.js

@@ -46,3 +46,13 @@ export function convertToHtml(text) {
         .join("<br />");
     return processedText;
 }
+export var slugify = function (text) {
+    return text
+        .normalize("NFD") // Décompose les caractères accentués (é -> e + ´)
+        .replace(/[\u0300-\u036f]/g, "") // Supprime les accents
+        .toLowerCase() // Met en minuscule
+        .replace(/[^a-z0-9\s-]/g, "") // Supprime les caractères spéciaux
+        .trim() // Supprime les espaces en début et fin de chaîne
+        .replace(/\s+/g, "-") // Remplace les espaces par des tirets
+        .slice(0, 15); // Limite à 15 caractères
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "allaw-ui",
-  "version": "2.1.9",
+  "version": "2.2.1",
   "description": "Composants UI pour l'application Allaw",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",