allaw-ui 3.8.6 → 3.8.8

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

@@ -12,6 +12,7 @@ export interface ContactCardProps {
     actionIconName?: string;
     clientOfStudy?: boolean;
     officeName?: "du cabinet" | "de l'étude";
+    birthDate?: Date;
 }
 declare const ContactCard: React.FC<ContactCardProps>;
 export default ContactCard;

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

@@ -3,14 +3,14 @@ import styles from "./contactCard.module.css";
 import OtherStatusTag from "../../atoms/tags/OtherStatusTag";
 import Link from "next/link";
 var ContactCard = function (_a) {
-    var name = _a.name, status = _a.status, phone = _a.phone, email = _a.email, onClick = _a.onClick, actionsButton = _a.actionsButton, _b = _a.clientOfStudy, clientOfStudy = _b === void 0 ? false : _b, _c = _a.officeName, officeName = _c === void 0 ? "du cabinet" : _c;
+    var name = _a.name, status = _a.status, phone = _a.phone, email = _a.email, onClick = _a.onClick, birthDate = _a.birthDate, actionsButton = _a.actionsButton, _b = _a.clientOfStudy, clientOfStudy = _b === void 0 ? false : _b, _c = _a.officeName, officeName = _c === void 0 ? "du cabinet" : _c;
     var isPhoneEmpty = !phone || phone.trim() === "";
     var isEmailEmpty = !email || email.trim() === "";
     var displayClientLabel = clientOfStudy ? "Client ".concat(officeName) : "Non client";
     return (React.createElement("div", { className: styles.contactCard, onClick: function () { return onClick && onClick(); }, style: { cursor: onClick ? "pointer" : "default" } },
         React.createElement("div", { className: styles.contentContainer },
             React.createElement("div", { className: styles.nameTagContainer },
-                React.createElement("h3", { className: styles.contactName }, name),
+                React.createElement("h3", { className: styles.contactName }, name === null || name === void 0 ? void 0 : name.toLowerCase()),
                 React.createElement(OtherStatusTag, { label: status, type: "readonly" })),
             React.createElement("div", { className: styles.infoContainer },
                 React.createElement("div", { className: styles.infoItem },
@@ -22,7 +22,12 @@ var ContactCard = function (_a) {
                         React.createElement("span", { className: "".concat(styles.infoText, " ").concat(styles.contact, " ").concat(isPhoneEmpty ? styles.emptyField : "") }, isPhoneEmpty ? ("Non renseigné") : (React.createElement(Link, { style: { color: "#171E25", textDecoration: "underline" }, href: "tel:".concat(phone) }, phone)))),
                     React.createElement("div", { className: styles.infoItem },
                         React.createElement("i", { className: "allaw-icon-mail ".concat(styles.infoIcon, " ").concat(isEmailEmpty ? styles.infoIconDisabled : "") }),
-                        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("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)))),
+                    birthDate &&
+                        React.createElement("div", { className: styles.infoItem },
+                            React.createElement("i", { className: "allaw-icon-user ".concat(styles.infoIcon) }),
+                            React.createElement("span", { className: "".concat(styles.infoText, " ").concat(styles.contact, " ").concat(isEmailEmpty ? styles.emptyField : "") },
+                                React.createElement("p", { style: { color: "#171E25" } }, new Date(birthDate).toLocaleDateString())))))),
         React.createElement("div", { className: styles.actionsContainer },
             actionsButton ? actionsButton : null,
             onClick && (React.createElement("div", { className: styles.actionButtonContainer },

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

@@ -65,4 +65,5 @@ export const WithCustomIcon: any;
 export const EmptyFields: any;
 export const PartiallyEmpty: any;
 export const CustomClientLabel: any;
+export const WithBirthDate: any;
 import ContactCard from "./ContactCard";

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

@@ -78,3 +78,7 @@ export var CustomClientLabel = Template.bind({});
 CustomClientLabel.args = {
     clientLabel: "Utilisateur professionnel",
 };
+export var WithBirthDate = Template.bind({});
+WithBirthDate.args = {
+    birthDate: new Date("1990-05-15"),
+};

package/dist/components/molecules/contactCard/contactCard.module.css

@@ -45,6 +45,7 @@
   font-style: normal;
   font-weight: 600;
   line-height: 24px;
+  text-transform: capitalize;
 }
 
 .infoContainer {

package/dist/components/molecules/stepper/Stepper.d.ts

@@ -46,6 +46,7 @@ export interface StepperProps {
         top?: number;
         bottom?: number;
     };
+    maxWidth?: number;
 }
 declare const Stepper: React.FC<StepperProps>;
 export default Stepper;

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

@@ -46,8 +46,8 @@ import SecondaryButton from "../../atoms/buttons/SecondaryButton";
 import ConfirmationModal from "./ConfirmationModal";
 var Stepper = function (_a) {
     var _b, _c, _d, _e, _f;
-    var steps = _a.steps, currentStep = _a.currentStep, _g = _a.startIcon, startIcon = _g === void 0 ? [] : _g, _h = _a.endIcon, endIcon = _h === void 0 ? true : _h, children = _a.children, _j = _a.secondaryButton, secondaryButton = _j === void 0 ? [] : _j, _k = _a.primaryButton, primaryButton = _k === void 0 ? [] : _k, _l = _a.showProgressBar, showProgressBar = _l === void 0 ? [] : _l, onClose = _a.onClose, validateStep = _a.validateStep, confirmationModal = _a.confirmationModal, onModalCancel = _a.onModalCancel, onModalConfirm = _a.onModalConfirm, verticalOffset = _a.verticalOffset;
-    var _m = useState(false), isVisible = _m[0], setIsVisible = _m[1];
+    var steps = _a.steps, currentStep = _a.currentStep, _g = _a.startIcon, startIcon = _g === void 0 ? [] : _g, _h = _a.endIcon, endIcon = _h === void 0 ? true : _h, children = _a.children, _j = _a.secondaryButton, secondaryButton = _j === void 0 ? [] : _j, _k = _a.primaryButton, primaryButton = _k === void 0 ? [] : _k, _l = _a.showProgressBar, showProgressBar = _l === void 0 ? [] : _l, onClose = _a.onClose, validateStep = _a.validateStep, confirmationModal = _a.confirmationModal, onModalCancel = _a.onModalCancel, onModalConfirm = _a.onModalConfirm, verticalOffset = _a.verticalOffset, _m = _a.maxWidth, maxWidth = _m === void 0 ? 768 : _m;
+    var _o = useState(false), isVisible = _o[0], setIsVisible = _o[1];
     var portalContainerRef = useRef(null);
     var stepperContainerRef = useRef(null);
     // Effet pour bloquer le scroll du body quand le stepper est visible
@@ -138,7 +138,7 @@ var Stepper = function (_a) {
                 ? "".concat(verticalOffset.bottom, "px")
                 : undefined,
         } },
-        React.createElement("div", { className: "stepper-container ".concat((confirmationModal === null || confirmationModal === void 0 ? void 0 : confirmationModal.show) ? "modal-active" : ""), onClick: function (e) { return e.stopPropagation(); }, ref: stepperContainerRef },
+        React.createElement("div", { className: "stepper-container ".concat((confirmationModal === null || confirmationModal === void 0 ? void 0 : confirmationModal.show) ? "modal-active" : ""), onClick: function (e) { return e.stopPropagation(); }, ref: stepperContainerRef, style: { maxWidth: "".concat(maxWidth, "px") } },
             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)

package/dist/components/molecules/stepper/Stepper.stories.d.ts

@@ -34,6 +34,15 @@ declare namespace _default {
             let description_2: string;
             export { description_2 as description };
         }
+        namespace maxWidth {
+            export namespace control_4 {
+                let type_4: string;
+                export { type_4 as type };
+            }
+            export { control_4 as control };
+            let description_3: string;
+            export { description_3 as description };
+        }
     }
     export namespace parameters {
         namespace backgrounds {
@@ -49,4 +58,5 @@ declare namespace _default {
 export default _default;
 export const Default: any;
 export const WithLargeOffset: any;
+export const WithCustomWidth: any;
 import Stepper from "./Stepper";

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

@@ -77,6 +77,12 @@ export default {
             },
             description: "Décalage vertical du stepper (en px) pour éviter les barres de navigation",
         },
+        maxWidth: {
+            control: {
+                type: "number",
+            },
+            description: "Largeur maximale du stepper en pixels (défaut: 768px)",
+        },
     },
     parameters: {
         backgrounds: {
@@ -204,3 +210,6 @@ WithLargeOffset.args = __assign(__assign({}, Default.args), { verticalOffset: {
         top: 120,
         bottom: 80,
     } });
+// Ajouter une story avec une largeur personnalisée
+export var WithCustomWidth = Template.bind({});
+WithCustomWidth.args = __assign(__assign({}, Default.args), { maxWidth: 580 });

package/package.json

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