allaw-ui 2.1.8 → 2.2.0

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": "selectable-list-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/components/molecules/documentCard/DocumentCard.d.ts

@@ -4,7 +4,7 @@ export interface DocumentCardProps {
     type: "document" | "note" | "invoice" | "waiting" | "payment" | undefined;
     title: string;
     date: Date | undefined;
-    status: "sent" | "received" | "internal" | "notRequired" | "waiting" | "expired" | "canceled" | "failed" | "processing" | "maxAttemptsReached";
+    status: "sent" | "received" | "refunded" | "partialyRefunded" | "internal" | "notRequired" | "waiting" | "expired" | "canceled" | "failed" | "processing" | "maxAttemptsReached";
     documents?: {
         [key: string]: boolean;
     };

package/dist/components/molecules/documentCard/DocumentCard.js

@@ -23,6 +23,9 @@ var DocumentCard = function (_a) {
     };
     var getStatusName = function () {
         switch (status) {
+            case "partialyRefunded":
+            case "refunded":
+                return "REMBOURSÉ";
             case "internal":
                 return "INTERNE";
             case "received":
@@ -71,6 +74,8 @@ var DocumentCard = function (_a) {
     };
     var getInformationColor = function (status) {
         switch (status) {
+            case "refunded":
+            case "partialyRefunded":
             case "internal":
             case "received":
             case "sent":

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.8",
+  "version": "2.2.0",
   "description": "Composants UI pour l'application Allaw",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",