allaw-ui 5.4.1 → 5.4.3

package/dist/components/atoms/featureCard/featureCard.stories.js

@@ -1,101 +0,0 @@
-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);
-};
-import React from "react";
-import { Meta, StoryFn } from "@storybook/react";
-import FeatureCard, { FeatureType } from "./featureCard";
-export default {
-    title: "Components/Molecules/FeatureCard",
-    component: FeatureCard,
-    argTypes: {
-        image: {
-            control: false,
-        },
-        action: {
-            control: false,
-        },
-    },
-};
-var Template = function (args) { return React.createElement(FeatureCard, __assign({}, args)); };
-export var Default = Template.bind({});
-Default.args = {
-    title: "Explore our services",
-    image: {
-        src: "https://images.unsplash.com/photo-1737229940875-293ed0c4e8af?q=80&w=1742&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-        alt: "Placeholder image",
-    },
-    content: "Discover our tailored services designed to meet your needs. Our platform ensures you get the best solutions effortlessly.",
-    action: {
-        href: "/learn-more",
-        label: "Learn More",
-    },
-};
-export var WithoutAction = Template.bind({});
-WithoutAction.args = {
-    title: "Explore our services",
-    image: {
-        src: "https://images.unsplash.com/photo-1737229940875-293ed0c4e8af?q=80&w=1742&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-        alt: "Placeholder image",
-    },
-    content: "Discover our tailored services designed to meet your needs. Our platform ensures you get the best solutions effortlessly.",
-};
-export var LongContent = Template.bind({});
-LongContent.args = {
-    title: "Comprehensive Solutions",
-    image: {
-        src: "https://images.unsplash.com/photo-1737229940875-293ed0c4e8af?q=80&w=1742&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-        alt: "Placeholder image",
-    },
-    content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet tristique augue, a venenatis lorem. Quisque nec consequat quam. Cras vel orci nec quam pellentesque ultricies. Integer facilisis risus id cursus placerat, lacus mi varius nunc, et facilis sem ligula quis arcu. Fusce pharetra libero vel dui pellentesque, vel tincidunt lectus tristique.",
-    action: {
-        href: "/details",
-        label: "View Details",
-    },
-};
-export var CustomImage = Template.bind({});
-CustomImage.args = {
-    title: "Custom Feature",
-    image: {
-        src: "https://images.unsplash.com/photo-1737157998574-2a75f0c52a09?q=80&w=1924&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-        alt: "Custom placeholder image",
-    },
-    content: "This feature showcases custom images with a unique size and layout.",
-    action: {
-        href: "/custom",
-        label: "Explore",
-    },
-};
-export var ShortTitle = Template.bind({});
-ShortTitle.args = {
-    title: "Short",
-    image: {
-        src: "https://images.unsplash.com/photo-1737229940875-293ed0c4e8af?q=80&w=1742&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-        alt: "Placeholder image",
-    },
-    content: "This is a short title example with brief content.",
-    action: {
-        href: "/short-title",
-        label: "Check Out",
-    },
-};
-export var LongTitle = Template.bind({});
-LongTitle.args = {
-    title: "Lorem ipsum dolor sit amet, consectetur adipiscing elit",
-    image: {
-        src: "https://images.unsplash.com/photo-1737229940875-293ed0c4e8af?q=80&w=1742&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-        alt: "Placeholder image",
-    },
-    content: "This is a short title example with brief content. This is a short title example with brief content  This is a short title example with brief content This is a short title example with brief content This is a short title example with brief contentThis is a short title example with brief content. This is a short title example with brief content  This is a short title example with brief content This is a short title example with brief content This is a short title example with brief contentThis is a short title example with brief content. This is a short title example with brief content  This is a short title example with brief content This is a short title example with brief content This is a short title example with brief contentThis is a short title example with brief content. This is a short title example with brief content  This is a short title example with brief content This is a short title example with brief content This is a short title example with brief content",
-    action: {
-        href: "/short-title",
-        label: "Check Out",
-    },
-};

package/dist/components/atoms/filter/Filter.stories.d.ts

@@ -1,9 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { BaseFilter as component };
-}
-export default _default;
-export const Default: any;
-export const SingleSelect: any;
-export const WithoutIcon: any;
-import BaseFilter from "./Filter";

package/dist/components/atoms/filter/Filter.stories.js

@@ -1,77 +0,0 @@
-// BaseFilter.stories.js
-// import React from 'react';
-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);
-};
-import "../../../styles/global.css";
-import BaseFilter from "./Filter";
-export default {
-    title: "Components/Atoms/Filters/Filter",
-    component: BaseFilter,
-};
-var Template = function (args) { return React.createElement(BaseFilter, __assign({}, args)); };
-export var Default = Template.bind({});
-Default.args = {
-    tooltipContent: "This is a tooltip",
-    tooltipId: "tooltip-1",
-    showIcon: true,
-    defaultSelectedValues: ["confirmed"],
-    filterData: [
-        { value: "confirmed", name: "Confirmed" },
-        { value: "pending", name: "Pending" },
-        { value: "available", name: "Available" },
-        { value: "unavailable", name: "Unavailable" },
-        { value: "cancelled", name: "Cancelled" },
-        { value: "passed", name: "Passed" },
-        { value: "refused", name: "Refused" },
-    ],
-    setFilters: function (values) { return console.log("Selected values:", values); },
-    multiselect: true,
-    iconName: "fa fa-filter", // Replace with your actual icon class
-    children: "Filter Button",
-    showNumIndic: true,
-    isStatusTag: true,
-};
-export var SingleSelect = Template.bind({});
-SingleSelect.args = {
-    tooltipContent: "This is a tooltip",
-    tooltipId: "tooltip-2",
-    showIcon: true,
-    defaultSelectedValues: ["confirmed"],
-    filterData: [
-        { value: "confirmed", name: "Confirmed" },
-        { value: "pending", name: "Pending" },
-        { value: "available", name: "Available" },
-    ],
-    setFilters: function (values) { return console.log("Selected values:", values); },
-    multiselect: false,
-    iconName: "fa fa-filter", // Replace with your actual icon class
-    children: "Single Select Filter Button",
-    showNumIndic: true,
-    isStatusTag: false,
-};
-export var WithoutIcon = Template.bind({});
-WithoutIcon.args = {
-    tooltipContent: "This is a tooltip",
-    tooltipId: "tooltip-3",
-    showIcon: false,
-    defaultSelectedValues: ["confirmed"],
-    filterData: [
-        { value: "confirmed", name: "Confirmed" },
-        { value: "pending", name: "Pending" },
-        { value: "available", name: "Available" },
-    ],
-    setFilters: function (values) { return console.log("Selected values:", values); },
-    multiselect: true,
-    children: "Filter Button Without Icon",
-    showNumIndic: true,
-    isStatusTag: true,
-};

package/dist/components/atoms/filters/SingleFilter.stories.d.ts

@@ -1,10 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { SingleFilter as component };
-}
-export default _default;
-export const Default: any;
-export const WithDisplaySelectedValue: any;
-export const MultiSelectWithDisplaySelected: any;
-export const MultiSelectEmpty: any;
-import SingleFilter from "./SingleFilter";

package/dist/components/atoms/filters/SingleFilter.stories.js

@@ -1,84 +0,0 @@
-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);
-};
-import React from "react";
-import SingleFilter from "./SingleFilter"; // Ajustez le chemin selon votre structure de projet
-export default {
-    title: "Components/Atoms/Filters/SingleFilter",
-    component: SingleFilter,
-};
-var Template = function (args) { return React.createElement(SingleFilter, __assign({}, args)); };
-export var Default = Template.bind({});
-Default.args = {
-    defaultSelectedValue: "option1",
-    filterData: [
-        { value: "option1", name: "Option 1" },
-        { value: "option2", name: "Option 2" },
-        { value: "option3", name: "Option 3" },
-    ],
-    setFilter: function (selectedValue) { return console.log("Selected value:", selectedValue); },
-    children: "Filter",
-    required: true,
-    showNumIndic: true,
-    showBackdrop: true,
-    isStatusTag: false,
-};
-export var WithDisplaySelectedValue = Template.bind({});
-WithDisplaySelectedValue.args = {
-    defaultSelectedValue: "option2",
-    filterData: [
-        { value: "option1", name: "Médecin généraliste" },
-        { value: "option2", name: "Cardiologue" },
-        { value: "option3", name: "Dermatologue" },
-    ],
-    setFilter: function (selectedValue) { return console.log("Selected value:", selectedValue); },
-    children: "Spécialité",
-    displaySelectedValue: true,
-    required: true,
-    showNumIndic: false,
-    showBackdrop: true,
-    isStatusTag: false,
-};
-export var MultiSelectWithDisplaySelected = Template.bind({});
-MultiSelectWithDisplaySelected.args = {
-    defaultSelectedValue: ["option1", "option3"],
-    filterData: [
-        { value: "option1", name: "Médecin généraliste" },
-        { value: "option2", name: "Cardiologue" },
-        { value: "option3", name: "Dermatologue" },
-        { value: "option4", name: "Pédiatre" },
-        { value: "option5", name: "Gynécologue" },
-    ],
-    setFilter: function (selectedValue) { return console.log("Selected values:", selectedValue); },
-    children: "Spécialités",
-    displaySelectedValue: true,
-    multiSelect: true,
-    required: true,
-    showNumIndic: true,
-    showBackdrop: true,
-    isStatusTag: false,
-};
-export var MultiSelectEmpty = Template.bind({});
-MultiSelectEmpty.args = {
-    filterData: [
-        { value: "option1", name: "Médecin généraliste" },
-        { value: "option2", name: "Cardiologue" },
-        { value: "option3", name: "Dermatologue" },
-    ],
-    setFilter: function (selectedValue) { return console.log("Selected values:", selectedValue); },
-    children: "Choisir spécialités",
-    displaySelectedValue: true,
-    multiSelect: true,
-    required: true,
-    showNumIndic: true,
-    showBackdrop: true,
-    isStatusTag: false,
-};

package/dist/components/atoms/inputs/Input.stories.d.ts

@@ -1,85 +0,0 @@
-export const ActionsData: {};
-declare namespace _default {
-    export let title: string;
-    export { Input as component };
-    export let tags: string[];
-    export let excludeStories: RegExp;
-    export namespace args {
-        let endIcon: string;
-    }
-    export namespace argTypes {
-        export namespace style {
-            namespace control {
-                let type: string;
-                let options: string[];
-            }
-        }
-        export namespace endIcon_1 {
-            export namespace control_1 {
-                let type_1: string;
-                export { type_1 as type };
-            }
-            export { control_1 as control };
-        }
-        export { endIcon_1 as endIcon };
-        export namespace isRequired {
-            let control_2: string;
-            export { control_2 as control };
-        }
-        export namespace validate {
-            export namespace control_3 {
-                let type_2: string;
-                export { type_2 as type };
-            }
-            export { control_3 as control };
-        }
-        export namespace variant {
-            export namespace control_4 {
-                let type_3: string;
-                export { type_3 as type };
-                let options_1: string[];
-                export { options_1 as options };
-            }
-            export { control_4 as control };
-        }
-        export namespace isPrefilled {
-            let control_5: string;
-            export { control_5 as control };
-            export let description: string;
-        }
-        export namespace showClearButton {
-            let control_6: string;
-            export { control_6 as control };
-            let description_1: string;
-            export { description_1 as description };
-        }
-        export namespace disableAutofill {
-            let control_7: string;
-            export { control_7 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 Variation: any;
-export const Password: any;
-export const WithValidation: any;
-export const PasswordWithError: any;
-export const WithClearButton: any;
-export const PrefilledInput: any;
-export const PrefilledEmptyInput: any;
-export const PrefilledWithSpacesInput: any;
-export const WithAutofillDisabled: any;
-import Input from "./Input";

package/dist/components/atoms/inputs/Input.stories.js

@@ -1,169 +0,0 @@
-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);
-};
-import React from "react";
-import { useForm, FormProvider } from "react-hook-form";
-import Input from "./Input";
-import "../../../styles/global.css";
-import "../../../styles/icons.css";
-export var ActionsData = {};
-export default {
-    title: "Components/Atoms/Inputs/Input",
-    component: Input,
-    tags: ["autodocs"],
-    excludeStories: /.*Data$/,
-    args: __assign(__assign({}, ActionsData), { endIcon: "allaw-icon-edit-2" }),
-    argTypes: {
-        style: {
-            control: {
-                type: "radio",
-                options: ["default", "variation", "password"],
-            },
-        },
-        endIcon: {
-            control: {
-                type: "text",
-            },
-        },
-        isRequired: {
-            control: "boolean",
-        },
-        validate: {
-            control: {
-                type: "text",
-            },
-        },
-        variant: {
-            control: {
-                type: "select",
-                options: ["bold", "semiBold", "medium"],
-            },
-        },
-        isPrefilled: {
-            control: "boolean",
-            description: "Indique si le champ a été pré-rempli automatiquement",
-        },
-        showClearButton: {
-            control: "boolean",
-            description: "Affiche un bouton pour effacer rapidement le contenu",
-        },
-        disableAutofill: {
-            control: "boolean",
-            description: "Désactive l'auto-remplissage des gestionnaires de mots de passe",
-        },
-    },
-    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 methods = useForm();
-    return (React.createElement(FormProvider, __assign({}, methods),
-        React.createElement(Input, __assign({}, args))));
-};
-export var Default = Template.bind({});
-Default.args = {
-    name: "defaultInput",
-    title: "Nommer le rendez-vous",
-    placeholder: "Entrez le motif du rendez-vous",
-    style: "default",
-    isRequired: false,
-    variant: "medium",
-};
-export var Variation = Template.bind({});
-Variation.args = {
-    name: "variationInput",
-    title: "Adresse e-mail",
-    placeholder: "Entrez le motif du rendez-vous",
-    style: "variation",
-    isRequired: true,
-};
-export var Password = Template.bind({});
-Password.args = {
-    name: "passwordInput",
-    title: "Mot de passe",
-    placeholder: "Entrez le nouveau mot de passe",
-    style: "password",
-    isRequired: false,
-};
-export var WithValidation = Template.bind({});
-WithValidation.args = {
-    name: "validationInput",
-    title: "Email",
-    placeholder: "Entrez votre email",
-    style: "default",
-    isRequired: true,
-    validate: "email",
-};
-export var PasswordWithError = Template.bind({});
-PasswordWithError.args = {
-    name: "passwordInputError",
-    title: "Mot de passe",
-    placeholder: "Entrez votre mot de passe",
-    style: "password",
-    isRequired: true,
-    error: "Le mot de passe doit contenir au moins 8 caractères",
-};
-export var WithClearButton = Template.bind({});
-WithClearButton.args = {
-    name: "clearButtonInput",
-    title: "Texte",
-    placeholder: "Entrez du texte",
-    value: "Test de texte",
-    showClearButton: true,
-    style: "default",
-};
-export var PrefilledInput = Template.bind({});
-PrefilledInput.args = {
-    name: "prefilledInput",
-    title: "Prénom",
-    placeholder: "Entrez votre prénom",
-    value: "Vincent",
-    isPrefilled: true,
-    showClearButton: true,
-    style: "default",
-};
-export var PrefilledEmptyInput = Template.bind({});
-PrefilledEmptyInput.args = {
-    name: "prefilledEmptyInput",
-    title: "Nom de famille",
-    placeholder: "Entrez votre nom",
-    value: "",
-    isPrefilled: true,
-    showClearButton: true,
-    style: "default",
-};
-export var PrefilledWithSpacesInput = Template.bind({});
-PrefilledWithSpacesInput.args = {
-    name: "prefilledSpacesInput",
-    title: "Champ avec espaces",
-    placeholder: "Entrez du texte",
-    value: "   ",
-    isPrefilled: true,
-    showClearButton: true,
-    style: "default",
-};
-export var WithAutofillDisabled = Template.bind({});
-WithAutofillDisabled.args = {
-    name: "autofillDisabledInput",
-    title: "Email",
-    placeholder: "Entrez votre email",
-    style: "default",
-    disableAutofill: true,
-};

package/dist/components/atoms/inputs/SearchBar.stories.d.ts

@@ -1,142 +0,0 @@
-export namespace ActionsData {
-    namespace onChange {
-        let action: string;
-    }
-}
-declare namespace _default {
-    export let title: string;
-    export { SearchBar as component };
-    export let tags: string[];
-    export let excludeStories: RegExp;
-    export namespace args {
-        let endIcon: string;
-        let showClear: boolean;
-        let size: string;
-        let style: string;
-        let startIcon: undefined;
-        let showLocate: boolean;
-        let locateIcon: string;
-        let minChar: undefined;
-        let loading: boolean;
-    }
-    export namespace argTypes {
-        export namespace placeholder {
-            namespace control {
-                let type: string;
-            }
-        }
-        export namespace endIcon_1 {
-            export namespace control_1 {
-                let type_1: string;
-                export { type_1 as type };
-            }
-            export { control_1 as control };
-        }
-        export { endIcon_1 as endIcon };
-        export namespace startIcon_1 {
-            export namespace control_2 {
-                let type_2: string;
-                export { type_2 as type };
-            }
-            export { control_2 as control };
-            export let description: string;
-        }
-        export { startIcon_1 as startIcon };
-        export namespace showLocate_1 {
-            let control_3: string;
-            export { control_3 as control };
-            let description_1: string;
-            export { description_1 as description };
-        }
-        export { showLocate_1 as showLocate };
-        export namespace locateIcon_1 {
-            export namespace control_4 {
-                let type_3: string;
-                export { type_3 as type };
-            }
-            export { control_4 as control };
-            let description_2: string;
-            export { description_2 as description };
-        }
-        export { locateIcon_1 as locateIcon };
-        export namespace size_1 {
-            export namespace control_5 {
-                let type_4: string;
-                export { type_4 as type };
-            }
-            export { control_5 as control };
-            export let options: string[];
-        }
-        export { size_1 as size };
-        export namespace style_1 {
-            export namespace control_6 {
-                let type_5: string;
-                export { type_5 as type };
-            }
-            export { control_6 as control };
-            let options_1: string[];
-            export { options_1 as options };
-        }
-        export { style_1 as style };
-        export namespace value {
-            export namespace control_7 {
-                let type_6: string;
-                export { type_6 as type };
-            }
-            export { control_7 as control };
-        }
-        export namespace showClear_1 {
-            let control_8: string;
-            export { control_8 as control };
-            let description_3: string;
-            export { description_3 as description };
-        }
-        export { showClear_1 as showClear };
-        export namespace minChar_1 {
-            export namespace control_9 {
-                let type_7: string;
-                export { type_7 as type };
-                export let min: number;
-                export let max: number;
-            }
-            export { control_9 as control };
-            let description_4: string;
-            export { description_4 as description };
-        }
-        export { minChar_1 as minChar };
-        export namespace loading_1 {
-            let control_10: string;
-            export { control_10 as control };
-            let description_5: string;
-            export { description_5 as description };
-        }
-        export { loading_1 as loading };
-        export namespace onChange_1 {
-            let action_1: string;
-            export { action_1 as action };
-        }
-        export { onChange_1 as onChange };
-    }
-    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 WithClear: any;
-export const Big: any;
-export const FormStyle: any;
-export const WithStartIcon: any;
-export const BigFormStartIconNoEnd: any;
-export const WithLocate: any;
-export const WithMinChar: any;
-export const ResponsiveLocate: any;
-export const WithLoading: any;
-import SearchBar from "./SearchBar";