allaw-ui 2.8.9 → 2.9.0

package/dist/components/molecules/checkboxForm/ColoredCheckbox.d.ts

@@ -11,7 +11,9 @@ export interface ColoredCheckboxProps {
     size?: "default" | "small";
     markType?: "cross" | "check";
     isSignedIn?: boolean;
-    unlinkIconPath?: string;
+    unlinkIconPath?: string | {
+        default: string;
+    };
 }
 declare const ColoredCheckbox: React.FC<ColoredCheckboxProps>;
 export default ColoredCheckbox;

package/dist/components/molecules/checkboxForm/ColoredCheckbox.js

@@ -55,9 +55,20 @@ var ColoredCheckbox = function (_a) {
     var formattedLabel = typeof label === "string" && label.includes("@")
         ? formatEmail(label)
         : label;
+    // Gérer les différents formats d'importation d'image
+    var getIconPath = function () {
+        if (!unlinkIconPath)
+            return DEFAULT_UNLINK_ICON;
+        // Si c'est un objet importé (comme avec import x from 'y')
+        if (typeof unlinkIconPath === "object" && unlinkIconPath.default) {
+            return unlinkIconPath.default;
+        }
+        // Si c'est une chaîne de caractères
+        return unlinkIconPath;
+    };
     return (React.createElement("div", { className: styles.container },
         React.createElement("button", { id: checkboxId, className: "".concat(styles.checkbox, " ").concat(isChecked ? styles.checked : "", " ").concat(size === "small" ? styles.small : ""), onClick: handleClick, style: checkboxStyle, "aria-checked": isChecked, role: "checkbox", "data-cy": "checkbox-".concat(checkboxId) }, isChecked && (React.createElement("span", { className: "".concat(styles.icon, " ").concat(markType === "cross" ? "allaw-icon-close" : "allaw-icon-check"), style: markStyle }))),
-        isSignedIn === false && (React.createElement("img", { src: iconError ? DEFAULT_UNLINK_ICON : unlinkIconPath, alt: "Non connect\u00E9", className: styles.unlinkIcon, width: "16", height: "16", style: { width: "16px", height: "16px" }, onError: function () { return setIconError(true); } })),
+        isSignedIn === false && (React.createElement("img", { src: iconError ? DEFAULT_UNLINK_ICON : getIconPath(), alt: "Non connect\u00E9", className: styles.unlinkIcon, width: "16", height: "16", style: { width: "16px", height: "16px" }, onError: function () { return setIconError(true); } })),
         label && (React.createElement("label", { htmlFor: checkboxId, className: styles.label, style: labelStyle, onClick: handleClick }, formattedLabel))));
 };
 export default ColoredCheckbox;

package/dist/components/molecules/checkboxForm/ColoredCheckbox.stories.d.ts

@@ -4,13 +4,17 @@ declare namespace _default {
     export let tags: string[];
     export namespace args {
         let label: string;
+        let checked: boolean;
+        let boxColor: string;
+        let markType: string;
     }
     export namespace argTypes {
-        export namespace checked {
+        export namespace checked_1 {
             namespace control {
                 let type: string;
             }
         }
+        export { checked_1 as checked };
         export namespace onChange {
             let action: string;
         }
@@ -19,11 +23,12 @@ declare namespace _default {
             export { control_1 as control };
         }
         export { label_1 as label };
-        export namespace boxColor {
+        export namespace boxColor_1 {
             let control_2: string;
             export { control_2 as control };
             export let defaultValue: string;
         }
+        export { boxColor_1 as boxColor };
         export namespace markColor {
             let control_3: string;
             export { control_3 as control };
@@ -44,7 +49,7 @@ declare namespace _default {
             }
             export { control_5 as control };
         }
-        export namespace markType {
+        export namespace markType_1 {
             export namespace control_6 {
                 let type_2: string;
                 export { type_2 as type };
@@ -53,6 +58,7 @@ declare namespace _default {
             }
             export { control_6 as control };
         }
+        export { markType_1 as markType };
         export namespace isSignedIn {
             export namespace control_7 {
                 let type_3: string;

package/dist/components/molecules/checkboxForm/ColoredCheckbox.stories.js

@@ -16,7 +16,10 @@ export default {
     component: ColoredCheckbox,
     tags: ["autodocs"],
     args: {
-        label: "Sample label",
+        label: "my-email-address@provider.com",
+        checked: true,
+        boxColor: "#25beeb",
+        markType: "check",
     },
     argTypes: {
         checked: {
@@ -49,7 +52,7 @@ export default {
         markType: {
             control: {
                 type: "select",
-                options: ["check", "cross"],
+                options: ["cross", "check"],
             },
         },
         isSignedIn: {
@@ -85,13 +88,13 @@ var Template = function (args) {
 };
 export var Default = Template.bind({});
 Default.args = {
-    checked: false,
-    label: "Default Checkbox",
-    boxColor: "#000000",
+    checked: true,
+    label: "my-email-address@provider.com",
+    boxColor: "#25beeb",
     markColor: "#FFFFFF",
     textColor: "#000000",
     size: "default",
-    markType: "cross",
+    markType: "check",
     isSignedIn: true,
 };
 export var Checked = Template.bind({});

package/package.json

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