allaw-ui 0.0.347 → 0.0.352

package/dist/components/molecules/caseCard/CaseCard.js

@@ -0,0 +1,20 @@
+import React from "react";
+import "./CaseCard.css";
+import OtherStatusTag from "../../atoms/tags/OtherStatusTag";
+var CaseCard = function (_a) {
+    var clientName = _a.clientName, title = _a.title, nextAppointment = _a.nextAppointment, categories = _a.categories, variant = _a.variant;
+    return (React.createElement("div", { className: "case-card-wrapper case-card-".concat(variant) },
+        React.createElement("div", { className: "case-card-content" },
+            React.createElement("div", { className: "case-card-header" },
+                React.createElement("span", { className: "case-card-client-name" }, clientName),
+                React.createElement("h2", { className: variant === "desktop"
+                        ? "case-card-title"
+                        : "case-card-title-extended" }, title)),
+            React.createElement("div", { className: "case-card-categories" }, categories.map(function (category, index) { return (React.createElement(OtherStatusTag, { key: index, label: category, type: "readonly" })); }))),
+        nextAppointment && variant !== "archived" && (React.createElement("div", { className: "case-card-next-appointment" },
+            React.createElement("span", { className: "case-card-next-appointment-label" }, "Prochain RDV"),
+            variant === "desktop" ? (React.createElement(React.Fragment, null,
+                React.createElement("span", { className: "case-card-next-appointment-date" }, nextAppointment.date),
+                React.createElement("span", { className: "case-card-next-appointment-time" }, nextAppointment.time))) : (React.createElement("span", { className: "case-card-next-appointment-date-only" }, nextAppointment.date))))));
+};
+export default CaseCard;

package/dist/components/molecules/caseCard/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CaseCard } from "./CaseCard";
+export type { CaseCardProps } from "./CaseCard";

package/dist/components/molecules/caseCard/index.js

@@ -0,0 +1 @@
+export { default as CaseCard } from "./CaseCard";

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

@@ -0,0 +1,16 @@
+import React from "react";
+import { ParagraphProps } from "../../atoms/typography/Paragraph";
+import "./CheckboxForm.css";
+export interface CheckboxFormProps {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    color?: ParagraphProps["color"];
+    label?: React.ReactNode;
+    isRequired?: boolean;
+    linkText?: string;
+    linkUrl?: string;
+    size?: "default" | "small";
+    style?: "default" | "light";
+}
+declare const CheckboxForm: React.FC<CheckboxFormProps>;
+export default CheckboxForm;

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

@@ -0,0 +1,24 @@
+import React from "react";
+import Checkbox from "../../atoms/checkboxes/Checkbox";
+import Paragraph from "../../atoms/typography/Paragraph";
+import "./CheckboxForm.css";
+var CheckboxForm = function (_a) {
+    var _b = _a.checked, checked = _b === void 0 ? false : _b, onChange = _a.onChange, _c = _a.color, color = _c === void 0 ? "noir" : _c, label = _a.label, _d = _a.isRequired, isRequired = _d === void 0 ? false : _d, linkText = _a.linkText, linkUrl = _a.linkUrl, _e = _a.size, size = _e === void 0 ? "default" : _e, _f = _a.style, style = _f === void 0 ? "default" : _f;
+    var checkboxId = "checkbox-".concat(Math.random().toString(36).substr(2, 9));
+    var handleCheckboxChange = function (checked) {
+        if (onChange) {
+            onChange(checked);
+        }
+    };
+    var checkboxColor = style === "light" ? "light" : color;
+    return (React.createElement("div", { className: "checkbox-form checkbox-form-".concat(checkboxColor, " ").concat(size === "small" ? "checkbox-form-small" : "") },
+        React.createElement(Checkbox, { id: checkboxId, checked: checked, onChange: handleCheckboxChange, color: checkboxColor, size: size, style: style }),
+        label && (React.createElement("label", { htmlFor: checkboxId, className: "checkbox-form-label-container" },
+            React.createElement(Paragraph, { variant: "semiBold", color: color, text: React.createElement(React.Fragment, null,
+                    React.createElement("span", null, label),
+                    linkText && linkUrl && (React.createElement("a", { href: linkUrl, target: "_blank", rel: "noopener noreferrer", className: "checkbox-form-link", onClick: function (e) { return e.stopPropagation(); } }, linkText))), size: size }),
+            isRequired && (React.createElement("span", { className: "checkbox-form-required" },
+                "\u00A0",
+                "*"))))));
+};
+export default CheckboxForm;

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

@@ -0,0 +1,2 @@
+export { default as CheckboxForm } from "./CheckboxForm";
+export type { CheckboxFormProps } from "./CheckboxForm";

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

@@ -0,0 +1 @@
+export { default as CheckboxForm } from "./CheckboxForm";

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

@@ -0,0 +1,17 @@
+import React from "react";
+import "./ContactCard.css";
+export interface ContactCardProps {
+    size: "small" | "medium" | "large" | "editable";
+    name: string;
+    birthDate: string;
+    avatarUrl: string;
+    status: string;
+    address: string;
+    phone: string;
+    email: string;
+    isEditable: boolean;
+    onEdit: () => void;
+    gender: "male" | "female";
+}
+declare const ContactCard: React.FC<ContactCardProps>;
+export default ContactCard;

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

@@ -0,0 +1,80 @@
+import React from "react";
+import "./ContactCard.css";
+import OtherStatusTag from "../../atoms/tags/OtherStatusTag";
+import IconButton from "../../atoms/buttons/IconButton";
+import Image from "next/image";
+var NoPhoto = "/assets/NoPhoto.png";
+var ContactCard = function (_a) {
+    var size = _a.size, name = _a.name, birthDate = _a.birthDate, avatarUrl = _a.avatarUrl, status = _a.status, address = _a.address, phone = _a.phone, email = _a.email, onEdit = _a.onEdit, gender = _a.gender;
+    var renderContent = function () {
+        switch (size) {
+            case "small":
+                return (React.createElement("div", { className: "contact-card-content" },
+                    React.createElement("div", { className: "profile-picture-container" },
+                        React.createElement(Image, { src: avatarUrl || NoPhoto, alt: name, width: 64, height: 64, className: "avatar" })),
+                    React.createElement("div", { className: "contact-info" },
+                        React.createElement("h3", { className: "contact-name" }, name),
+                        React.createElement("p", { className: "contact-details" },
+                            React.createElement("span", null, gender === "male" ? "M" : "F"),
+                            React.createElement("span", { className: "gender-separator" }),
+                            React.createElement("span", null, birthDate)))));
+            case "medium":
+                return (React.createElement("div", { className: "contact-card-content" },
+                    React.createElement("div", { className: "profile-picture-container" },
+                        React.createElement(Image, { src: avatarUrl || NoPhoto, alt: name, width: 72, height: 72, className: "avatar" })),
+                    React.createElement("div", { className: "contact-info" },
+                        React.createElement("h3", { className: "contact-name" }, name),
+                        React.createElement("p", { className: "contact-details" },
+                            React.createElement("span", null, gender === "male" ? "M" : "F"),
+                            React.createElement("span", { className: "gender-separator" }),
+                            React.createElement("span", null, birthDate))),
+                    React.createElement("div", { className: "status-container" },
+                        React.createElement(OtherStatusTag, { label: status, type: "readonly" }))));
+            case "large":
+                return (React.createElement(React.Fragment, null,
+                    React.createElement("div", { className: "profile-picture-container" },
+                        React.createElement(Image, { src: avatarUrl || NoPhoto, alt: name, width: 94, height: 94, className: "avatar" })),
+                    React.createElement("div", { className: "content-container" },
+                        React.createElement("div", null,
+                            React.createElement("h3", { className: "contact-name" }, name),
+                            React.createElement("p", { className: "contact-details" },
+                                React.createElement("span", null, gender === "male" ? "M" : "F"),
+                                React.createElement("span", { className: "gender-separator" }),
+                                React.createElement("span", null, birthDate))),
+                        React.createElement("div", { className: "contact-additional-info" },
+                            React.createElement("div", { className: "contact-address-container" },
+                                React.createElement("p", { className: "info-label" }, "ADRESSE"),
+                                React.createElement("p", { className: "info-value" }, address)),
+                            React.createElement("div", { className: "contact-telephone-email-container" },
+                                React.createElement("p", { className: "info-label" }, "CONTACT"),
+                                React.createElement("p", { className: "info-value" },
+                                    React.createElement("span", { className: "contact-phone" }, phone)),
+                                React.createElement("p", { className: "info-value" },
+                                    React.createElement("span", { className: "contact-phone" }, email))))),
+                    React.createElement("div", { className: "status-container" },
+                        React.createElement(OtherStatusTag, { label: status, type: "readonly" }))));
+            case "editable":
+                return (React.createElement(React.Fragment, null,
+                    React.createElement("div", { className: "content-container" },
+                        React.createElement("div", { className: "name-tag-container" },
+                            React.createElement("h3", { className: "contact-name" }, name),
+                            React.createElement(OtherStatusTag, { label: status, type: "readonly" })),
+                        React.createElement("div", { className: "info-container" },
+                            React.createElement("div", { className: "info-item" },
+                                React.createElement("i", { className: "allaw-icon-user info-icon" }),
+                                React.createElement("span", { className: "info-text" },
+                                    gender === "male" ? "Client" : "Cliente",
+                                    " de l'\u00E9tude")),
+                            React.createElement("div", { className: "telephone-email-items" },
+                                React.createElement("div", { className: "info-item" },
+                                    React.createElement("i", { className: "allaw-icon-phone info-icon" }),
+                                    React.createElement("span", { className: "info-text contact" }, phone)),
+                                React.createElement("div", { className: "info-item" },
+                                    React.createElement("i", { className: "allaw-icon-mail info-icon" }),
+                                    React.createElement("span", { className: "info-text contact" }, email))))),
+                    React.createElement(IconButton, { style: "largeFilled", iconName: "allaw-icon-edit-2", onClick: onEdit })));
+        }
+    };
+    return React.createElement("div", { className: "contact-card ".concat(size) }, renderContent());
+};
+export default ContactCard;

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

@@ -0,0 +1,2 @@
+export { default as ContactCard } from "./ContactCard";
+export type { ContactCardProps } from "./ContactCard";

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

@@ -0,0 +1 @@
+export { default as ContactCard } from "./ContactCard";

package/dist/components/molecules/documentCard/DocumentCard.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import "./DocumentCard.css";
+export interface DocumentCardProps {
+    type: "document" | "note" | "invoice" | "waiting";
+    title: string;
+    date: Date;
+    status: "sent" | "received";
+    documents?: {
+        [key: string]: boolean;
+    };
+    documentCount?: string;
+}
+declare const DocumentCard: React.FC<DocumentCardProps>;
+export default DocumentCard;

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

@@ -0,0 +1,59 @@
+import React from "react";
+import "./DocumentCard.css";
+import IconButton from "../../atoms/buttons/IconButton";
+import OtherStatusTag from "../../atoms/tags/OtherStatusTag";
+var DocumentCard = function (_a) {
+    var type = _a.type, title = _a.title, date = _a.date, status = _a.status, _b = _a.documents, documents = _b === void 0 ? {} : _b, _c = _a.documentCount, documentCount = _c === void 0 ? "" : _c;
+    var getIconName = function () {
+        switch (type) {
+            case "document":
+                return "allaw-icon-edit-2";
+            case "note":
+                return "allaw-icon-document";
+            case "invoice":
+                return "allaw-icon-file";
+            case "waiting":
+                return "allaw-icon-clock";
+            default:
+                return "allaw-icon-document";
+        }
+    };
+    var getDisplayType = function (type) {
+        if (type === "invoice") {
+            return "FACTURE";
+        }
+        return type.toUpperCase();
+    };
+    var formatDate = function (date) {
+        return date.toLocaleDateString("fr-FR", {
+            day: "2-digit",
+            month: "2-digit",
+            year: "2-digit",
+        });
+    };
+    if (type === "waiting") {
+        var documentList = Object.keys(documents);
+        return (React.createElement("div", { className: "document-card waiting" },
+            React.createElement("div", { className: "document-card-left" },
+                React.createElement(OtherStatusTag, { type: "information", label: "Documents demand\u00E9s pour ce rendez-vous" }),
+                React.createElement("h3", { className: "document-card-title" }, title),
+                React.createElement("div", { className: "document-list" },
+                    React.createElement("ul", null, documentList.map(function (doc, index) { return (React.createElement("li", { key: index, className: "document-label" },
+                        React.createElement("span", { className: "document-bullet" }),
+                        " ",
+                        doc)); })))),
+            React.createElement("div", { className: "document-card-right" },
+                React.createElement(IconButton, { style: "smallFilled", iconName: "allaw-icon-document" }),
+                React.createElement("span", { className: "document-count" }, documentCount))));
+    }
+    return (React.createElement("div", { className: "document-card" },
+        React.createElement("div", { className: "document-card-left" },
+            React.createElement(IconButton, { style: "largeFilled", iconName: getIconName() }),
+            React.createElement("div", { className: "document-card-info" },
+                React.createElement("span", { className: "document-card-type" }, getDisplayType(type)),
+                React.createElement("h3", { className: "document-card-title" }, title),
+                React.createElement("span", { className: "document-card-date" }, formatDate(date)))),
+        React.createElement("div", { className: "document-card-right" },
+            React.createElement(OtherStatusTag, { type: "information", label: status === "sent" ? "ENVOYÉ" : "REÇU" }))));
+};
+export default DocumentCard;

package/dist/components/molecules/documentCard/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DocumentCard } from "./DocumentCard";
+export type { DocumentCardProps } from "./DocumentCard";

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

@@ -0,0 +1 @@
+export { default as DocumentCard } from "./DocumentCard";

package/dist/components/molecules/employeeCard/EmployeeCard.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import "./EmployeeCard.css";
+export interface EmployeeCardProps {
+    name: string;
+    role: string;
+    contactNumber: string;
+    email1: string;
+    email2: string;
+    profileImage: string;
+    isVerified: boolean;
+    size: "small" | "large";
+    onEdit: () => void;
+}
+declare const EmployeeCard: React.FC<EmployeeCardProps>;
+export default EmployeeCard;

package/dist/components/molecules/employeeCard/EmployeeCard.js

@@ -0,0 +1,34 @@
+import React from "react";
+import "./EmployeeCard.css";
+import OtherStatusTag from "../../atoms/tags/OtherStatusTag";
+import IconButton from "../../atoms/buttons/IconButton";
+import Image from "next/image";
+var NoPhoto = "/assets/NoPhoto.png";
+var EmployeeCard = function (_a) {
+    var name = _a.name, role = _a.role, contactNumber = _a.contactNumber, email1 = _a.email1, email2 = _a.email2, profileImage = _a.profileImage, isVerified = _a.isVerified, size = _a.size, onEdit = _a.onEdit;
+    var renderProfileImage = function () { return (React.createElement("div", { className: "profile-image-container" },
+        React.createElement(Image, { src: profileImage || NoPhoto, alt: name, width: size === "small" ? 64 : 94, height: size === "small" ? 64 : 94, className: "profile-image" }),
+        isVerified && (React.createElement("span", { className: "verified-icon allaw-icon-verified" })))); };
+    var renderNameAndRole = function () { return (React.createElement("div", { className: "name-tag-container" },
+        React.createElement("h3", { className: "name" }, name),
+        React.createElement("div", { className: "role-container" },
+            React.createElement(OtherStatusTag, { label: role, type: "information" })))); };
+    var renderContactInfo = function () { return (React.createElement("div", { className: "contact-container" },
+        React.createElement("span", { className: "contact-label" }, "CONTACT"),
+        React.createElement("div", { className: "phone-email-container" },
+            React.createElement("span", { className: "phone-number" }, contactNumber),
+            React.createElement("span", { className: "email" }, email1),
+            React.createElement("span", { className: "email" }, email2)))); };
+    var renderSmallCard = function () { return (React.createElement("div", { className: "content" },
+        renderProfileImage(),
+        renderNameAndRole())); };
+    var renderLargeCard = function () { return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "content" },
+            renderProfileImage(),
+            React.createElement("div", { className: "content-main-container" },
+                renderNameAndRole(),
+                React.createElement("div", { className: "content-container" }, renderContactInfo()))),
+        React.createElement(IconButton, { style: "largeFilled", iconName: "allaw-icon-edit-2", onClick: onEdit }))); };
+    return (React.createElement("div", { className: "employee-card ".concat(size) }, size === "small" ? renderSmallCard() : renderLargeCard()));
+};
+export default EmployeeCard;

package/dist/components/molecules/employeeCard/index.d.ts

@@ -0,0 +1,2 @@
+export { default as EmployeeCard } from "./EmployeeCard";
+export type { EmployeeCardProps } from "./EmployeeCard";

package/dist/components/molecules/employeeCard/index.js

@@ -0,0 +1 @@
+export { default as EmployeeCard } from "./EmployeeCard";

package/dist/components/molecules/proCard/ProCard.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import "./ProCard.css";
+export interface ProCardProps {
+    imageUrl?: string;
+    job: string;
+    firstName: string;
+    lastName: string;
+    address: string;
+    profileUrl: string;
+    isPro?: boolean;
+}
+declare const ProCard: React.FC<ProCardProps>;
+export default ProCard;

package/dist/components/molecules/proCard/ProCard.js

@@ -0,0 +1,25 @@
+import React from "react";
+import "./ProCard.css";
+import OtherStatusTag from "../../atoms/tags/OtherStatusTag";
+import Image from "next/image";
+var NoPhoto = "/assets/NoPhoto.png";
+var ProCard = function (_a) {
+    var imageUrl = _a.imageUrl, job = _a.job, firstName = _a.firstName, lastName = _a.lastName, address = _a.address, profileUrl = _a.profileUrl, _b = _a.isPro, isPro = _b === void 0 ? false : _b;
+    var uppercaseJob = job.toUpperCase();
+    return (React.createElement("div", { className: "pro-card" },
+        React.createElement("div", { className: "pro-card-content" },
+            React.createElement("div", { className: "pro-card-top" },
+                React.createElement("div", { className: "pro-card-image-container" },
+                    React.createElement(Image, { src: imageUrl || NoPhoto, alt: "".concat(firstName, " ").concat(lastName), width: 74, height: 74, className: "pro-card-avatar" }),
+                    isPro && (React.createElement("div", { className: "pro-card-verified-icon-container" },
+                        React.createElement("div", { className: "pro-card-verified-icon-background" }),
+                        React.createElement("i", { className: "icon allaw-icon-verified pro-card-verified-icon" })))),
+                React.createElement("div", { className: "pro-card-job-name" },
+                    React.createElement(OtherStatusTag, { label: uppercaseJob, type: "information" }),
+                    React.createElement("h3", { className: "pro-card-name" },
+                        React.createElement("a", { href: profileUrl }, "".concat(firstName, " ").concat(lastName))))),
+            React.createElement("div", { className: "pro-card-address" },
+                React.createElement("i", { className: "icon allaw-icon-map-pin" }),
+                React.createElement("span", null, address)))));
+};
+export default ProCard;

package/dist/components/molecules/proCard/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ProCard } from "./ProCard";
+export type { ProCardProps } from "./ProCard";

package/dist/components/molecules/proCard/index.js

@@ -0,0 +1 @@
+export { default as ProCard } from "./ProCard";

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

@@ -0,0 +1,27 @@
+import React from "react";
+import "./Stepper.css";
+import "../../../styles/global.css";
+import "../../../styles/icons.css";
+export interface StepperProps {
+    steps: number;
+    currentStep: number;
+    startIcon?: boolean[];
+    endIcon?: boolean;
+    children: React.ReactNode[];
+    secondaryButton?: {
+        show: boolean;
+        label: string;
+        icon: string;
+        onSecondaryButtonClick?: (step: number) => void;
+    }[];
+    primaryButton?: {
+        show: boolean;
+        label: string;
+        onPrimaryButtonClick?: (step: number) => void;
+    }[];
+    showProgressBar?: boolean[];
+    onClose?: () => void;
+    validateStep?: (step: number) => boolean;
+}
+declare const Stepper: React.FC<StepperProps>;
+export default Stepper;

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

@@ -0,0 +1,68 @@
+import React, { useState, useEffect, useCallback } from "react";
+import ReactDOM from "react-dom";
+import "./Stepper.css";
+import "../../../styles/global.css";
+import "../../../styles/icons.css";
+import ProgressBar from "../../atoms/progressBars/ProgressBar";
+import PrimaryButton from "../../atoms/buttons/PrimaryButton";
+import SecondaryButton from "../../atoms/buttons/SecondaryButton";
+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(currentStep), step = _g[0], setStep = _g[1];
+    var _h = useState(null), portalContainer = _h[0], setPortalContainer = _h[1];
+    useEffect(function () {
+        var container = document.createElement("div");
+        document.body.appendChild(container);
+        setPortalContainer(container);
+        return function () {
+            document.body.removeChild(container);
+        };
+    }, []);
+    useEffect(function () {
+        setStep(currentStep);
+    }, [currentStep]);
+    var handleNext = useCallback(function () {
+        // console.log("Stepper: Validating current step");
+        var currentPrimaryButton = primaryButton[step - 1];
+        if (currentPrimaryButton === null || currentPrimaryButton === void 0 ? void 0 : currentPrimaryButton.onPrimaryButtonClick) {
+            currentPrimaryButton.onPrimaryButtonClick(step);
+        }
+        if (validateStep) {
+            var isValid = validateStep(step);
+            // console.log(
+            //   `Stepper: Step ${step} validation result - ${isValid ? "valid" : "invalid"}`
+            // );
+            if (!isValid) {
+                return;
+            }
+        }
+        if (step < steps) {
+            setStep(step + 1);
+        }
+        else if (step === steps && onClose) {
+            onClose();
+        }
+    }, [step, steps, validateStep, primaryButton, onClose]);
+    var handlePrevious = useCallback(function () {
+        if (step > 1) {
+            setStep(step - 1);
+        }
+    }, [step]);
+    var currentSecondaryButton = secondaryButton[step - 1];
+    var currentPrimaryButton = primaryButton[step - 1];
+    var currentShowProgressBar = showProgressBar[step - 1] !== false;
+    var currentShowStartIcon = startIcon[step - 1];
+    var stepperContent = (React.createElement("div", { className: "stepper-overlay", onClick: onClose },
+        React.createElement("div", { className: "stepper-container", onClick: function (e) { return e.stopPropagation(); } },
+            React.createElement(ProgressBar, { steps: steps, currentStep: step, startIcon: currentShowStartIcon, endIcon: endIcon, onStartIconClick: handlePrevious, onEndIconClick: onClose, showProgressBar: currentShowProgressBar }),
+            React.createElement("div", { className: "stepper-content" }, children[step - 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" : "") },
+                (currentSecondaryButton === null || currentSecondaryButton === void 0 ? void 0 : currentSecondaryButton.show) && (React.createElement("div", { className: "stepper-button-container secondary-button-container" },
+                    React.createElement(SecondaryButton, { label: currentSecondaryButton.label, startIcon: currentSecondaryButton.icon, onClick: function () { var _a; return (_a = currentSecondaryButton.onSecondaryButtonClick) === null || _a === void 0 ? void 0 : _a.call(currentSecondaryButton, step); } }))),
+                (currentPrimaryButton === null || currentPrimaryButton === void 0 ? void 0 : currentPrimaryButton.show) && (React.createElement("div", { className: "stepper-button-container primary-button-container" },
+                    React.createElement(PrimaryButton, { label: currentPrimaryButton.label, onClick: handleNext })))))));
+    return portalContainer
+        ? ReactDOM.createPortal(stepperContent, portalContainer)
+        : null;
+};
+export default Stepper;

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

@@ -0,0 +1,2 @@
+export { default as Stepper } from "./Stepper";
+export type { StepperProps } from "./Stepper";

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

@@ -0,0 +1 @@
+export { default as Stepper } from "./Stepper";

package/dist/index.d.ts

@@ -0,0 +1,41 @@
+export { default as Button } from "./components/atoms/buttons/PrimaryButton";
+export { default as FavoriteToggle } from "./components/atoms/buttons/FavoriteToggle";
+export { default as FilterButton } from "./components/atoms/buttons/FilterButton";
+export { default as GhostButton } from "./components/atoms/buttons/GhostButton";
+export { default as IconButton } from "./components/atoms/buttons/IconButton";
+export { default as PendingDocuments } from "./components/atoms/buttons/PendingDocuments";
+export { default as PrimaryButton } from "./components/atoms/buttons/PrimaryButton";
+export { default as SecondaryButton } from "./components/atoms/buttons/SecondaryButton";
+export { default as TabNavigation } from "./components/atoms/buttons/TabNavigation";
+export { default as TertiaryButton } from "./components/atoms/buttons/TertiaryButton";
+export { default as OAuthProviderButton } from "./components/atoms/buttons/OAuthProviderButton";
+export { default as Checkbox } from "./components/atoms/checkboxes/Checkbox";
+export { default as Fitler } from "./components/atoms/filter/Filter";
+export { default as Input } from "./components/atoms/inputs/Input";
+export type { InputProps, InputRef } from "./components/atoms/inputs/Input";
+export { default as SearchBar } from "./components/atoms/inputs/SearchBar";
+export { default as ProgressBar } from "./components/atoms/progressBars/ProgressBar";
+export { default as RadioButton } from "./components/atoms/radios/RadioButton";
+export { default as SingleFilter } from "./components/atoms/filters/SingleFilter";
+export { default as Select } from "./components/atoms/selects/Select";
+export type { SelectItem, SelectProps, SelectRef, } from "./components/atoms/selects/Select";
+export { default as AppointementStatusTag } from "./components/atoms/tags/AppointementStatusTag";
+export { default as FolderStatusTag } from "./components/atoms/tags/FolderStatusTag";
+export { default as OtherStatusTag } from "./components/atoms/tags/OtherStatusTag";
+export { default as Heading } from "./components/atoms/typography/Heading";
+export { default as Paragraph } from "./components/atoms/typography/Paragraph";
+export { default as SmallTitle } from "./components/atoms/typography/SmallTitle";
+export { default as Subtitle } from "./components/atoms/typography/Subtitle";
+export { default as TinyInfo } from "./components/atoms/typography/TinyInfo";
+export { default as BorderRadius } from "./components/atoms/uiVariables/BorderRadius";
+export { default as Shadows } from "./components/atoms/uiVariables/Shadows";
+export { default as Strokes } from "./components/atoms/uiVariables/Strokes";
+export { default as AppointmentSlot } from "./components/molecules/appointmentSlot/AppointmentSlot";
+export { default as CaseCard } from "./components/molecules/caseCard/CaseCard";
+export { default as ContactCard } from "./components/molecules/contactCard/ContactCard";
+export { default as DocumentCard } from "./components/molecules/documentCard/DocumentCard";
+export { default as EmployeeCard } from "./components/molecules/employeeCard/EmployeeCard";
+export { default as Stepper } from "./components/molecules/stepper/Stepper";
+export { default as CheckboxForm } from "./components/molecules/checkboxForm/CheckboxForm";
+export { default as Breadcrumb } from "./components/molecules/breadcrumb/Breadcrumb";
+export { default as ProCard } from "./components/molecules/proCard/ProCard";

package/dist/index.js

@@ -0,0 +1,60 @@
+// Atoms
+// Buttons
+export { default as Button } from "./components/atoms/buttons/PrimaryButton";
+export { default as FavoriteToggle } from "./components/atoms/buttons/FavoriteToggle";
+export { default as FilterButton } from "./components/atoms/buttons/FilterButton";
+export { default as GhostButton } from "./components/atoms/buttons/GhostButton";
+export { default as IconButton } from "./components/atoms/buttons/IconButton";
+export { default as PendingDocuments } from "./components/atoms/buttons/PendingDocuments";
+export { default as PrimaryButton } from "./components/atoms/buttons/PrimaryButton";
+export { default as SecondaryButton } from "./components/atoms/buttons/SecondaryButton";
+export { default as TabNavigation } from "./components/atoms/buttons/TabNavigation";
+export { default as TertiaryButton } from "./components/atoms/buttons/TertiaryButton";
+export { default as OAuthProviderButton } from "./components/atoms/buttons/OAuthProviderButton";
+// Checkboxes
+export { default as Checkbox } from "./components/atoms/checkboxes/Checkbox";
+// Checkboxes
+export { default as Fitler } from "./components/atoms/filter/Filter";
+// Inputs
+export { default as Input } from "./components/atoms/inputs/Input";
+export { default as SearchBar } from "./components/atoms/inputs/SearchBar";
+// Progress Bars
+export { default as ProgressBar } from "./components/atoms/progressBars/ProgressBar";
+// Radios
+export { default as RadioButton } from "./components/atoms/radios/RadioButton";
+export { default as SingleFilter } from "./components/atoms/filters/SingleFilter";
+// Selects
+export { default as Select } from "./components/atoms/selects/Select";
+// Tags
+export { default as AppointementStatusTag } from "./components/atoms/tags/AppointementStatusTag";
+export { default as FolderStatusTag } from "./components/atoms/tags/FolderStatusTag";
+export { default as OtherStatusTag } from "./components/atoms/tags/OtherStatusTag";
+// Typography
+export { default as Heading } from "./components/atoms/typography/Heading";
+export { default as Paragraph } from "./components/atoms/typography/Paragraph";
+export { default as SmallTitle } from "./components/atoms/typography/SmallTitle";
+export { default as Subtitle } from "./components/atoms/typography/Subtitle";
+export { default as TinyInfo } from "./components/atoms/typography/TinyInfo";
+// UI Variables
+export { default as BorderRadius } from "./components/atoms/uiVariables/BorderRadius";
+export { default as Shadows } from "./components/atoms/uiVariables/Shadows";
+export { default as Strokes } from "./components/atoms/uiVariables/Strokes";
+// Molecules
+// Appointment Slot
+export { default as AppointmentSlot } from "./components/molecules/appointmentSlot/AppointmentSlot";
+// Case Card
+export { default as CaseCard } from "./components/molecules/caseCard/CaseCard";
+// Contact Card
+export { default as ContactCard } from "./components/molecules/contactCard/ContactCard";
+// Document Card
+export { default as DocumentCard } from "./components/molecules/documentCard/DocumentCard";
+// Employee Card
+export { default as EmployeeCard } from "./components/molecules/employeeCard/EmployeeCard";
+// Stepper
+export { default as Stepper } from "./components/molecules/stepper/Stepper";
+// CheckboxForm
+export { default as CheckboxForm } from "./components/molecules/checkboxForm/CheckboxForm";
+// Breadcrumb
+export { default as Breadcrumb } from "./components/molecules/breadcrumb/Breadcrumb";
+// ProCard
+export { default as ProCard } from "./components/molecules/proCard/ProCard";

package/dist/utils/regex.d.ts

@@ -0,0 +1,5 @@
+export declare const commonRegex: {
+    email: RegExp;
+    phone: RegExp;
+    name: RegExp;
+};

package/dist/utils/regex.js

@@ -0,0 +1,7 @@
+export var commonRegex = {
+    email: /^[^\s@]+@[^\s@]+\.[^\s@]+$/,
+    // Cette regex couvre les numéros de téléphone français incluant la France métropolitaine, les départements et territoires d'outre-mer (Guadeloupe, Martinique, Guyane, Réunion, Mayotte, et Nouvelle-Calédonie) en formats national et international.
+    phone: /^(?:\+33\s?[1-9](?:[\s.-]?\d{2}){4}|0[1-9](?:[\s.-]?\d{2}){4}|0[1-9]\d{8}|(?:\+590|0|0590)[\s.-]?\d{2}[\s.-]?\d{2}[\s.-]?\d{2}|(?:\+596|0|0596)[\s.-]?\d{2}[\s.-]?\d{2}[\s.-]?\d{2}|(?:\+594|0|0594)[\s.-]?\d{2}[\s.-]?\d{2}[\s.-]?\d{2}|(?:\+262|0|0262)[\s.-]?\d{2}[\s.-]?\d{2}[\s.-]?\d{2}|(?:\+687)[\s.-]?\d{2}[\s.-]?\d{2}[\s.-]?\d{2})$/,
+    // Cette regex permet de valider les noms et prénoms français, incluant les accents, cédilles, traits d'union, espaces et apostrophes.
+    name: /^[A-Za-zÀ-ÖØ-öø-ÿ'\- ]+$/,
+};