allaw-ui 3.4.3 → 3.4.5

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

@@ -0,0 +1,156 @@
+"use client";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import React, { useState, useEffect, useCallback, useRef } 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";
+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 portalContainerRef = useRef(null);
+    var stepperContainerRef = useRef(null);
+    // Effet pour bloquer le scroll du body quand le stepper est visible
+    useEffect(function () {
+        if (isVisible) {
+            document.body.classList.add("stepper-open");
+        }
+        else {
+            document.body.classList.remove("stepper-open");
+        }
+        // Nettoyage lors du démontage du composant
+        return function () {
+            document.body.classList.remove("stepper-open");
+        };
+    }, [isVisible]);
+    useEffect(function () {
+        var container = document.createElement("div");
+        document.body.appendChild(container);
+        portalContainerRef.current = container;
+        setIsVisible(true);
+        return function () {
+            setIsVisible(false);
+            if (portalContainerRef.current &&
+                document.body.contains(portalContainerRef.current)) {
+                document.body.removeChild(portalContainerRef.current);
+            }
+        };
+    }, []);
+    var handleNext = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var currentPrimaryButton, isValid;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    currentPrimaryButton = primaryButton[currentStep - 1];
+                    if (currentPrimaryButton === null || currentPrimaryButton === void 0 ? void 0 : currentPrimaryButton.onPrimaryButtonClick) {
+                        currentPrimaryButton.onPrimaryButtonClick(currentStep);
+                    }
+                    if (!validateStep) return [3 /*break*/, 2];
+                    return [4 /*yield*/, validateStep(currentStep)];
+                case 1:
+                    isValid = _a.sent();
+                    if (!isValid) {
+                        return [2 /*return*/];
+                    }
+                    _a.label = 2;
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); }, [currentStep, validateStep, primaryButton]);
+    var handlePrevious = useCallback(function () {
+        var currentSecondaryButton = secondaryButton[currentStep - 1];
+        if (currentSecondaryButton === null || currentSecondaryButton === void 0 ? void 0 : currentSecondaryButton.onSecondaryButtonClick) {
+            currentSecondaryButton.onSecondaryButtonClick(currentStep);
+        }
+    }, [currentStep, secondaryButton]);
+    var currentSecondaryButton = secondaryButton[currentStep - 1] || {};
+    var currentPrimaryButton = primaryButton[currentStep - 1] || {};
+    var currentShowProgressBar = showProgressBar[currentStep - 1] !== false;
+    var currentShowStartIcon = startIcon[currentStep - 1];
+    var handleClose = useCallback(function () {
+        if (onClose) {
+            onClose();
+        }
+    }, [onClose]);
+    var handleMouseDown = useCallback(function (e) {
+        var selectList = document.querySelector('[class*="selectList"]');
+        var datepickerElements = document.querySelectorAll([
+            ".datepicker-portal",
+            ".react-datepicker",
+            ".react-datepicker__month-container",
+            ".react-datepicker__header",
+            ".react-datepicker__day",
+            ".react-datepicker__current-month",
+            ".react-datepicker__month-dropdown",
+            ".react-datepicker__year-dropdown",
+        ].join(","));
+        var isClickOnDatepicker = Array.from(datepickerElements).some(function (element) { return element === null || element === void 0 ? void 0 : element.contains(e.target); });
+        if (stepperContainerRef.current &&
+            !stepperContainerRef.current.contains(e.target) &&
+            !(selectList === null || selectList === void 0 ? void 0 : selectList.contains(e.target)) &&
+            !isClickOnDatepicker) {
+            handleClose();
+        }
+    }, [handleClose]);
+    var stepperContent = (React.createElement("div", { className: "stepper-overlay ".concat(isVisible ? "visible" : ""), onMouseDown: handleMouseDown, style: {
+            paddingTop: (verticalOffset === null || verticalOffset === void 0 ? void 0 : verticalOffset.top) ? "".concat(verticalOffset.top, "px") : undefined,
+            paddingBottom: (verticalOffset === null || verticalOffset === void 0 ? void 0 : verticalOffset.bottom)
+                ? "".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(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"
+                    : "") },
+                (currentSecondaryButton === null || currentSecondaryButton === void 0 ? void 0 : currentSecondaryButton.show) && (React.createElement("div", { className: "stepper-button-container secondary-button-container ".concat(currentSecondaryButton.fullWidth === false ? "auto-width" : "") },
+                    React.createElement(SecondaryButton, { fullWidth: currentSecondaryButton.fullWidth !== false, 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 ".concat(currentPrimaryButton.fullWidth === false ? "auto-width" : "") },
+                    React.createElement(PrimaryButton, { fullWidth: currentPrimaryButton.fullWidth !== false, label: currentPrimaryButton.label, startIcon: currentPrimaryButton.startIconName ? true : undefined, endIcon: currentPrimaryButton.endIconName ? true : undefined, startIconName: currentPrimaryButton.startIconName, endIconName: currentPrimaryButton.endIconName, disabled: currentPrimaryButton.disabled, onClick: handleNext })))),
+            React.createElement(ConfirmationModal, { show: (_b = confirmationModal === null || confirmationModal === void 0 ? void 0 : confirmationModal.show) !== null && _b !== void 0 ? _b : false, title: (_c = confirmationModal === null || confirmationModal === void 0 ? void 0 : confirmationModal.title) !== null && _c !== void 0 ? _c : "Confirmation", description: (_d = confirmationModal === null || confirmationModal === void 0 ? void 0 : confirmationModal.description) !== null && _d !== void 0 ? _d : "Voulez-vous continuer ?", confirmLabel: (_e = confirmationModal === null || confirmationModal === void 0 ? void 0 : confirmationModal.confirmLabel) !== null && _e !== void 0 ? _e : "Confirmer", cancelLabel: (_f = confirmationModal === null || confirmationModal === void 0 ? void 0 : confirmationModal.cancelLabel) !== null && _f !== void 0 ? _f : "Annuler", onConfirm: onModalConfirm !== null && onModalConfirm !== void 0 ? onModalConfirm : (function () { }), onCancel: onModalCancel !== null && onModalCancel !== void 0 ? onModalCancel : (function () { }), isDanger: confirmationModal === null || confirmationModal === void 0 ? void 0 : confirmationModal.isDanger }))));
+    return portalContainerRef.current && isVisible
+        ? ReactDOM.createPortal(stepperContent, portalContainerRef.current)
+        : null;
+};
+export default Stepper;

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

@@ -0,0 +1,52 @@
+declare namespace _default {
+    export let title: string;
+    export { Stepper as component };
+    export let tags: string[];
+    export namespace argTypes {
+        namespace startIcon {
+            namespace control {
+                let type: string;
+            }
+            let description: string;
+        }
+        namespace endIcon {
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+        }
+        namespace showProgressBar {
+            export namespace control_2 {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { control_2 as control };
+            let description_1: string;
+            export { description_1 as description };
+        }
+        namespace verticalOffset {
+            export namespace control_3 {
+                let type_3: string;
+                export { type_3 as type };
+            }
+            export { control_3 as control };
+            let description_2: string;
+            export { description_2 as description };
+        }
+    }
+    export namespace parameters {
+        namespace backgrounds {
+            let _default: string;
+            export { _default as default };
+            export let values: {
+                name: string;
+                value: string;
+            }[];
+        }
+    }
+}
+export default _default;
+export const Default: any;
+export const WithLargeOffset: any;
+import Stepper from "./Stepper";

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

@@ -0,0 +1,206 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import React, { useState, useEffect } from "react";
+import { action } from "@storybook/addon-actions";
+import Stepper from "./Stepper";
+import "../../../styles/global.css";
+export default {
+    title: "Components/Molecules/Stepper",
+    component: Stepper,
+    tags: ["autodocs"],
+    argTypes: {
+        startIcon: {
+            control: {
+                type: "object",
+            },
+            description: "Contrôle l'affichage de l'icône de début pour chaque étape",
+        },
+        endIcon: {
+            control: {
+                type: "boolean",
+            },
+        },
+        showProgressBar: {
+            control: {
+                type: "object",
+            },
+            description: "Contrôle l'affichage de la barre de progression pour chaque étape",
+        },
+        verticalOffset: {
+            control: {
+                type: "object",
+            },
+            description: "Décalage vertical du stepper (en px) pour éviter les barres de navigation",
+        },
+    },
+    parameters: {
+        backgrounds: {
+            default: "light",
+            values: [
+                { name: "light", value: "#ffffff" },
+                { name: "grey", value: "#728ea7" },
+                { name: "figma", value: "#404040" },
+                { name: "dark", value: "#171e25" },
+            ],
+        },
+    },
+};
+var Template = function (args) {
+    var _a = useState(args.currentStep), step = _a[0], setStep = _a[1];
+    var _b = useState(false), showStepper = _b[0], setShowStepper = _b[1];
+    useEffect(function () {
+        setStep(args.currentStep);
+    }, [args.currentStep]);
+    var handleOpenStepper = function () {
+        setShowStepper(true);
+    };
+    var handleCloseStepper = function () {
+        setShowStepper(false);
+        action("Stepper closed")();
+        if (args.onClose)
+            args.onClose();
+    };
+    var updatedArgs = __assign(__assign({}, args), { currentStep: step, onClose: handleCloseStepper, primaryButton: args.primaryButton.map(function (button) { return (__assign(__assign({}, button), { onPrimaryButtonClick: function (currentStep) {
+                action("Primary button clicked on step ".concat(currentStep))();
+                if (currentStep < args.steps) {
+                    setStep(currentStep + 1);
+                }
+            } })); }), secondaryButton: args.secondaryButton.map(function (button) { return (__assign(__assign({}, button), { onSecondaryButtonClick: function (currentStep) {
+                action("Secondary button clicked on step ".concat(currentStep))();
+                if (currentStep > 1) {
+                    setStep(currentStep - 1);
+                }
+            } })); }) });
+    return (React.createElement("div", null,
+        React.createElement("button", { onClick: handleOpenStepper, style: { margin: "20px" } }, "Ouvrir le stepper"),
+        showStepper && React.createElement(Stepper, __assign({}, updatedArgs))));
+};
+export var Default = Template.bind({});
+Default.args = {
+    steps: 5,
+    currentStep: 1,
+    verticalOffset: {
+        top: 64,
+        bottom: 0,
+    },
+    startIcon: [true, true, true, true, true],
+    endIcon: true,
+    onClose: function () {
+        action("Stepper closed")();
+    },
+    secondaryButton: [
+        { show: false },
+        {
+            show: true,
+            label: "Autre",
+            startIconName: "allaw-icon-add",
+        },
+        { show: false },
+        {
+            show: true,
+            label: "Option",
+            startIconName: "allaw-icon-settings",
+        },
+        { show: false },
+    ],
+    validateStep: function (step) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            // Simuler une validation réussie
+            return [2 /*return*/, true];
+        });
+    }); },
+    primaryButton: [
+        {
+            show: true,
+            label: "Commencer",
+            startIconName: "allaw-icon-arrow-right",
+        },
+        {
+            show: true,
+            label: "Continuer",
+            endIconName: "allaw-icon-arrow-right",
+        },
+        {
+            show: true,
+            label: "Suivant",
+            endIconName: "allaw-icon-arrow-right",
+        },
+        {
+            show: true,
+            label: "Presque fini",
+            endIconName: "allaw-icon-arrow-right",
+        },
+        {
+            show: true,
+            label: "Terminer",
+            endIconName: "allaw-icon-check",
+        },
+    ],
+    showProgressBar: [true, true, true, true, true],
+    children: [
+        React.createElement("div", { className: "stepper-content", key: "step1", style: { display: "flex", flexDirection: "column", gap: "10px" } },
+            "Contenu de l'\u00E9tape 1",
+            Array(10)
+                .fill(null)
+                .map(function (_, index) { return (React.createElement("div", { key: index },
+                React.createElement("br", null),
+                "Ligne ",
+                index + 1)); }),
+            React.createElement("div", null, "Fin du composant")),
+        React.createElement("div", { className: "stepper-content", key: "step2" }, "Contenu de l'\u00E9tape 2"),
+        React.createElement("div", { className: "stepper-content", key: "step3" }, "Contenu de l'\u00E9tape 3"),
+        React.createElement("div", { className: "stepper-content", key: "step4" }, "Contenu de l'\u00E9tape 4"),
+        React.createElement("div", { className: "stepper-content", key: "step5" }, "Contenu de l'\u00E9tape 5"),
+    ],
+};
+// Ajouter une story avec un offset différent
+export var WithLargeOffset = Template.bind({});
+WithLargeOffset.args = __assign(__assign({}, Default.args), { verticalOffset: {
+        top: 120,
+        bottom: 80,
+    } });

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,108 @@
+export { default as ActionButton } from "./components/atoms/buttons/ActionButton";
+export type { ActionButtonProps } from "./components/atoms/buttons/ActionButton";
+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 OAuthProviderButton } from "./components/atoms/buttons/OAuthProviderButton";
+export { default as PendingDocuments } from "./components/atoms/buttons/PendingDocuments";
+export { default as Button, 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 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 TextArea } from "./components/atoms/inputs/TextArea";
+export type { TextAreaProps, TextAreaRef, } from "./components/atoms/inputs/TextArea";
+export { default as ProgressBar } from "./components/atoms/progressBars/ProgressBar";
+export { default as SingleFilter } from "./components/atoms/filters/SingleFilter";
+export { default as RadioButton } from "./components/atoms/radios/RadioButton";
+export { default as SelectCard } from "./components/atoms/radios/SelectCard";
+export type { SelectCardProps } from "./components/atoms/radios/SelectCard";
+export { default as ComboBox } from "./components/atoms/selects/ComboBox";
+export type { ComboBoxProps, ComboBoxRef, } from "./components/atoms/selects/ComboBox";
+export { default as Select } from "./components/atoms/selects/Select";
+export type { SelectItem, SelectProps, SelectRef, } from "./components/atoms/selects/Select";
+export { default as SelectableListItem } from "./components/atoms/selects/SelectableListItem";
+export { default as Datepicker } from "./components/atoms/datepickers/Datepicker";
+export type { DatepickerProps } from "./components/atoms/datepickers/Datepicker";
+export { default as DatepickerForm } from "./components/molecules/datepickerForm/DatepickerForm";
+export type { DatepickerFormProps } from "./components/molecules/datepickerForm/DatepickerForm";
+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 Link } from "./components/atoms/typography/Link";
+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 BillingCount } from "./components/molecules/billingCount/BillingCount";
+export { default as CaseCard } from "./components/molecules/caseCard/CaseCard";
+export { default as ContactCard } from "./components/molecules/contactCard/ContactCard";
+export type { ContactCardProps } from "./components/molecules/contactCard/ContactCard";
+export { default as DetailedContactCard } from "./components/molecules/contactCard/DetailedContactCard";
+export type { DetailedContactCardProps } from "./components/molecules/contactCard/DetailedContactCard";
+export { default as CaseCardLink } from "./components/molecules/caseLinkCard/CaseLinkCard";
+export { default as ClientLinkCard } from "./components/molecules/clientLinkCard/ClientLinkCard";
+export { default as CaseCardCompact } from "./components/molecules/caseCardCompact/CaseCardCompact";
+export type { CaseCardCompactProps } from "./components/molecules/caseCardCompact/CaseCardCompact";
+export { default as LoadingBox } from "./components/molecules/loadingBox/LoadingBox";
+export { default as DocumentCard } from "./components/molecules/documentCard/DocumentCard";
+export type { DocumentCardProps } from "./components/molecules/documentCard/DocumentCard";
+export { default as EmployeeCard } from "./components/molecules/employeeCard/EmployeeCard";
+export { default as Stepper } from "./components/molecules/stepper/Stepper";
+export type { StepperProps } from "./components/molecules/stepper/Stepper";
+export { default as Modal } from "./components/molecules/modal/Modal";
+export type { ModalProps } from "./components/molecules/modal/Modal";
+export { default as CheckboxForm } from "./components/molecules/checkboxForm/CheckboxForm";
+export type { CheckboxFormProps } from "./components/molecules/checkboxForm/CheckboxForm";
+export { default as ColoredCheckbox } from "./components/molecules/checkboxForm/ColoredCheckbox";
+export type { ColoredCheckboxProps } from "./components/molecules/checkboxForm/ColoredCheckbox";
+export { default as RadioForm } from "./components/molecules/radioForm/RadioForm";
+export { default as SelectForm } from "./components/molecules/selectForm/SelectForm";
+export { default as Breadcrumb } from "./components/molecules/breadcrumb/Breadcrumb";
+export { default as ProCard } from "./components/molecules/proCard/ProCard";
+export { default as Pagination } from "./components/molecules/pagination/Pagination";
+export type { PaginationProps } from "./components/molecules/pagination/Pagination";
+export { default as VerificationCodeInput } from "./components/atoms/inputs/VerificationCodeInput";
+export type { VerificationCodeInputProps } from "./components/atoms/inputs/VerificationCodeInput";
+export { default as Banner } from "./components/molecules/banner/Banner";
+export type { BannerProps } from "./components/molecules/banner/Banner";
+export { default as FeatureCard } from "./components/atoms/featureCard/featureCard";
+export type { FeatureType } from "./components/atoms/featureCard/featureCard";
+export { default as FeatureGrid } from "./components/molecules/featureGrid/FeatureGrid";
+export type { FeatureGridProps } from "./components/molecules/featureGrid/FeatureGrid";
+export { default as EntityCard } from "./components/molecules/entityCard/EntityCard";
+export type { EntityCardProps } from "./components/molecules/entityCard/EntityCard";
+export { default as EntityAdminCard } from "./components/molecules/entityAdminCard/EntityAdminCard";
+export type { EntityAdminCardProps } from "./components/molecules/entityAdminCard/EntityAdminCard";
+export { default as HeroSection } from "./components/molecules/heroSection/HeroSection";
+export type { HeroSectionProps } from "./components/molecules/heroSection/HeroSection";
+export { default as FrameCTA } from "./components/molecules/frameCTA/FrameCTA";
+export type { FrameCTAProps } from "./components/molecules/frameCTA/FrameCTA";
+export { default as QuestionAnswer } from "./components/molecules/questionAnswer/QuestionAnswer";
+export type { QuestionAnswerProps } from "./components/molecules/questionAnswer/QuestionAnswer";
+export { default as FlexContent } from "./components/molecules/flexContent/FlexContent";
+export type { FlexContentProps } from "./components/molecules/flexContent/FlexContent";
+export { default as Brands } from "./components/molecules/brands/Brands";
+export type { BrandsProps } from "./components/molecules/brands/Brands";
+export { default as BlogHeader } from "./components/molecules/blogHeader/BlogHeader";
+export type { BlogHeaderProps } from "./components/molecules/blogHeader/BlogHeader";
+export { default as blogFooter } from "./components/molecules/blogFooter/BlogFooter";
+export type { BlogFooterProps } from "./components/molecules/blogFooter/BlogFooter";
+export { default as BlogCard } from "./components/molecules/blogCard/BlogCard";
+export type { BlogCardProps } from "./components/molecules/blogCard/BlogCard";
+export { default as BlogText } from "./components/molecules/blogText/BlogText";
+export type { BlogTextProps } from "./components/molecules/blogText/BlogText";
+export { default as blogTextImageBlock } from "./components/molecules/blogTextImageBlock/BlogTextImageBlock";
+export type { BlogTextImageBlockProps } from "./components/molecules/blogTextImageBlock/BlogTextImageBlock";
+export { default as FileUploader } from "./components/molecules/fileUploader/FileUploader";
+export type { FileUploaderProps } from "./components/molecules/fileUploader/FileUploader";

package/dist/index.js

@@ -0,0 +1,108 @@
+// Atoms
+// Buttons
+export { default as ActionButton } from "./components/atoms/buttons/ActionButton";
+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 OAuthProviderButton } from "./components/atoms/buttons/OAuthProviderButton";
+export { default as PendingDocuments } from "./components/atoms/buttons/PendingDocuments";
+export { default as Button, 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";
+// 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";
+export { default as TextArea } from "./components/atoms/inputs/TextArea";
+// Progress Bars
+export { default as ProgressBar } from "./components/atoms/progressBars/ProgressBar";
+// Radios
+export { default as SingleFilter } from "./components/atoms/filters/SingleFilter";
+export { default as RadioButton } from "./components/atoms/radios/RadioButton";
+export { default as SelectCard } from "./components/atoms/radios/SelectCard";
+// Selects
+export { default as ComboBox } from "./components/atoms/selects/ComboBox";
+export { default as Select } from "./components/atoms/selects/Select";
+export { default as SelectableListItem } from "./components/atoms/selects/SelectableListItem";
+// Datepickers
+export { default as Datepicker } from "./components/atoms/datepickers/Datepicker";
+// DatepickerForm
+export { default as DatepickerForm } from "./components/molecules/datepickerForm/DatepickerForm";
+// 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 Link } from "./components/atoms/typography/Link";
+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";
+export { default as BillingCount } from "./components/molecules/billingCount/BillingCount";
+// Case Card
+export { default as CaseCard } from "./components/molecules/caseCard/CaseCard";
+// Contact Cards
+export { default as ContactCard } from "./components/molecules/contactCard/ContactCard";
+export { default as DetailedContactCard } from "./components/molecules/contactCard/DetailedContactCard";
+// Case Link Card
+export { default as CaseCardLink } from "./components/molecules/caseLinkCard/CaseLinkCard";
+// Client Link Card
+export { default as ClientLinkCard } from "./components/molecules/clientLinkCard/ClientLinkCard";
+// Case Card Compact
+export { default as CaseCardCompact } from "./components/molecules/caseCardCompact/CaseCardCompact";
+export { default as LoadingBox } from "./components/molecules/loadingBox/LoadingBox";
+// 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";
+// Modal
+export { default as Modal } from "./components/molecules/modal/Modal";
+// CheckboxForm
+export { default as CheckboxForm } from "./components/molecules/checkboxForm/CheckboxForm";
+export { default as ColoredCheckbox } from "./components/molecules/checkboxForm/ColoredCheckbox";
+// RadioForm
+export { default as RadioForm } from "./components/molecules/radioForm/RadioForm";
+// SelectForm
+export { default as SelectForm } from "./components/molecules/selectForm/SelectForm";
+// Breadcrumb
+export { default as Breadcrumb } from "./components/molecules/breadcrumb/Breadcrumb";
+// ProCard
+export { default as ProCard } from "./components/molecules/proCard/ProCard";
+// Pagination
+export { default as Pagination } from "./components/molecules/pagination/Pagination";
+// Verification Code Input
+export { default as VerificationCodeInput } from "./components/atoms/inputs/VerificationCodeInput";
+// Storyblok component
+export { default as Banner } from "./components/molecules/banner/Banner";
+export { default as FeatureCard } from "./components/atoms/featureCard/featureCard";
+export { default as FeatureGrid } from "./components/molecules/featureGrid/FeatureGrid";
+export { default as EntityCard } from "./components/molecules/entityCard/EntityCard";
+export { default as EntityAdminCard } from "./components/molecules/entityAdminCard/EntityAdminCard";
+export { default as HeroSection } from "./components/molecules/heroSection/HeroSection";
+export { default as FrameCTA } from "./components/molecules/frameCTA/FrameCTA";
+export { default as QuestionAnswer } from "./components/molecules/questionAnswer/QuestionAnswer";
+export { default as FlexContent } from "./components/molecules/flexContent/FlexContent";
+export { default as Brands } from "./components/molecules/brands/Brands";
+// Blog
+export { default as BlogHeader } from "./components/molecules/blogHeader/BlogHeader";
+export { default as blogFooter } from "./components/molecules/blogFooter/BlogFooter";
+export { default as BlogCard } from "./components/molecules/blogCard/BlogCard";
+export { default as BlogText } from "./components/molecules/blogText/BlogText";
+export { default as blogTextImageBlock } from "./components/molecules/blogTextImageBlock/BlogTextImageBlock";
+// File Uploader
+export { default as FileUploader } from "./components/molecules/fileUploader/FileUploader";