allaw-ui 2.0.0 → 2.0.3

package/dist/components/molecules/contactCard/ContactCard.js

@@ -1,10 +1,9 @@
 import React from "react";
 import styles from "./contactCard.module.css";
 import OtherStatusTag from "../../atoms/tags/OtherStatusTag";
-import IconButton from "../../atoms/buttons/IconButton";
 import Link from "next/link";
 var ContactCard = function (_a) {
-    var name = _a.name, status = _a.status, phone = _a.phone, email = _a.email, isEditable = _a.isEditable, onEdit = _a.onEdit, onClick = _a.onClick, actionsButton = _a.actionsButton, _b = _a.actionIconName, actionIconName = _b === void 0 ? "allaw-icon-edit-2" : _b, clientLabel = _a.clientLabel;
+    var name = _a.name, status = _a.status, phone = _a.phone, email = _a.email, onClick = _a.onClick, actionsButton = _a.actionsButton, clientLabel = _a.clientLabel;
     var isPhoneEmpty = !phone || phone.trim() === "";
     var isEmailEmpty = !email || email.trim() === "";
     var displayClientLabel = clientLabel || "Client de l'\u00E9tude";
@@ -26,9 +25,7 @@ var ContactCard = function (_a) {
                         React.createElement("span", { className: "".concat(styles.infoText, " ").concat(styles.contact, " ").concat(isEmailEmpty ? styles.emptyField : "") }, isEmailEmpty ? ("Non renseigné") : (React.createElement(Link, { style: { color: "#171E25", textDecoration: "underline" }, href: "mailTo:".concat(email) }, email))))))),
         React.createElement("div", { className: styles.actionsContainer },
             actionsButton ? actionsButton : null,
-            isEditable && (React.createElement("div", { className: styles.actionButtonContainer },
-                React.createElement(IconButton, { style: "largeFilled", iconName: actionIconName, onClick: onEdit }))),
             onClick && (React.createElement("div", { className: styles.actionButtonContainer },
-                React.createElement("i", { className: "allaw-icon-right ".concat(styles.infoIcon) }))))));
+                React.createElement("i", { className: "allaw-icon-arrow-right" }))))));
 };
 export default ContactCard;

package/dist/components/molecules/contactCard/ContactCard.stories.d.ts

@@ -18,30 +18,17 @@ declare namespace _default {
             let control_3: string;
             export { control_3 as control };
         }
-        namespace isEditable {
-            let control_4: string;
-            export { control_4 as control };
-        }
-        namespace onEdit {
-            let action: string;
-        }
         namespace gender {
-            export namespace control_5 {
+            export namespace control_4 {
                 let type: string;
                 let options: string[];
             }
-            export { control_5 as control };
-        }
-        namespace actionIconName {
-            let control_6: string;
-            export { control_6 as control };
-            export let description: string;
+            export { control_4 as control };
         }
         namespace clientLabel {
-            let control_7: string;
-            export { control_7 as control };
-            let description_1: string;
-            export { description_1 as description };
+            let control_5: string;
+            export { control_5 as control };
+            export let description: string;
         }
     }
     export namespace args {
@@ -53,12 +40,10 @@ declare namespace _default {
         export { phone_1 as phone };
         let email_1: string;
         export { email_1 as email };
-        let isEditable_1: boolean;
-        export { isEditable_1 as isEditable };
+        export let isEditable: boolean;
         let gender_1: string;
         export { gender_1 as gender };
-        let actionIconName_1: string;
-        export { actionIconName_1 as actionIconName };
+        export let actionIconName: string;
         let clientLabel_1: string;
         export { clientLabel_1 as clientLabel };
     }

package/dist/components/molecules/contactCard/ContactCard.stories.js

@@ -21,18 +21,12 @@ export default {
         status: { control: "text" },
         phone: { control: "text" },
         email: { control: "text" },
-        isEditable: { control: "boolean" },
-        onEdit: { action: "edited" },
         gender: {
             control: {
                 type: "select",
                 options: ["male", "female"],
             },
         },
-        actionIconName: {
-            control: "text",
-            description: "Nom de l'icône pour le bouton d'action",
-        },
         clientLabel: {
             control: "text",
             description: "Texte personnalisé pour 'Client/Cliente de l'étude'",

package/dist/components/molecules/stepper/Stepper.js

@@ -47,6 +47,7 @@ var Stepper = function (_a) {
     var steps = _a.steps, currentStep = _a.currentStep, _b = _a.startIcon, startIcon = _b === void 0 ? [] : _b, _c = _a.endIcon, endIcon = _c === void 0 ? true : _c, children = _a.children, _d = _a.secondaryButton, secondaryButton = _d === void 0 ? [] : _d, _e = _a.primaryButton, primaryButton = _e === void 0 ? [] : _e, _f = _a.showProgressBar, showProgressBar = _f === void 0 ? [] : _f, onClose = _a.onClose, validateStep = _a.validateStep;
     var _g = useState(false), isVisible = _g[0], setIsVisible = _g[1];
     var portalContainerRef = useRef(null);
+    var stepperContainerRef = useRef(null);
     useEffect(function () {
         var container = document.createElement("div");
         document.body.appendChild(container);
@@ -97,11 +98,19 @@ var Stepper = function (_a) {
             onClose();
         }
     }, [onClose]);
-    var stepperContent = (React.createElement("div", { className: "stepper-overlay ".concat(isVisible ? "visible" : ""), onClick: handleClose },
-        React.createElement("div", { className: "stepper-container", onClick: function (e) { return e.stopPropagation(); } },
+    var handleMouseDown = useCallback(function (e) {
+        if (stepperContainerRef.current &&
+            !stepperContainerRef.current.contains(e.target)) {
+            handleClose();
+        }
+    }, [handleClose]);
+    var stepperContent = (React.createElement("div", { className: "stepper-overlay ".concat(isVisible ? "visible" : ""), onMouseDown: handleMouseDown },
+        React.createElement("div", { className: "stepper-container", onClick: function (e) { return e.stopPropagation(); }, ref: stepperContainerRef },
             React.createElement(ProgressBar, { steps: steps, currentStep: currentStep, startIcon: currentShowStartIcon, endIcon: endIcon, onStartIconClick: handlePrevious, onEndIconClick: handleClose, showProgressBar: currentShowProgressBar }),
             React.createElement("div", { className: "stepper-content" }, children[currentStep - 1]),
-            React.createElement("div", { className: "stepper-buttons ".concat(!(currentSecondaryButton === null || currentSecondaryButton === void 0 ? void 0 : currentSecondaryButton.show) && !(currentPrimaryButton === null || currentPrimaryButton === void 0 ? void 0 : currentPrimaryButton.show) ? "no-buttons" : "") },
+            React.createElement("div", { className: "stepper-buttons ".concat(!(currentSecondaryButton === null || currentSecondaryButton === void 0 ? void 0 : currentSecondaryButton.show) && !(currentPrimaryButton === null || currentPrimaryButton === void 0 ? void 0 : currentPrimaryButton.show)
+                    ? "no-buttons"
+                    : "") },
                 (currentSecondaryButton === null || currentSecondaryButton === void 0 ? void 0 : currentSecondaryButton.show) && (React.createElement("div", { className: "stepper-button-container secondary-button-container" },
                     React.createElement(SecondaryButton, { fullWidth: true, label: currentSecondaryButton.label, startIcon: currentSecondaryButton.startIconName ? true : undefined, endIcon: currentSecondaryButton.endIconName ? true : undefined, startIconName: currentSecondaryButton.startIconName, endIconName: currentSecondaryButton.endIconName, onClick: function () { var _a; return (_a = currentSecondaryButton.onSecondaryButtonClick) === null || _a === void 0 ? void 0 : _a.call(currentSecondaryButton, currentStep); } }))),
                 (currentPrimaryButton === null || currentPrimaryButton === void 0 ? void 0 : currentPrimaryButton.show) && (React.createElement("div", { className: "stepper-button-container primary-button-container" },

package/dist/stories/Header.stories.d.ts

@@ -7,9 +7,9 @@ declare const meta: {
         layout: string;
     };
     args: {
-        onLogin: import("@vitest/spy").Mock<[], void>;
-        onLogout: import("@vitest/spy").Mock<[], void>;
-        onCreateAccount: import("@vitest/spy").Mock<[], void>;
+        onLogin: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onLogout: import("@vitest/spy").Mock<(...args: any[]) => any>;
+        onCreateAccount: import("@vitest/spy").Mock<(...args: any[]) => any>;
     };
 };
 export default meta;

package/package.json

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