allaw-ui 5.4.1 → 5.4.3

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

@@ -1,197 +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, { useState } from "react";
-import SearchBar from "./SearchBar";
-import "../../../styles/global.css";
-import "../../../styles/icons.css";
-export var ActionsData = {
-    onChange: { action: "changed" },
-};
-export default {
-    title: "Components/Atoms/Inputs/SearchBar",
-    component: SearchBar,
-    tags: ["autodocs"],
-    excludeStories: /.*Data$/,
-    args: __assign(__assign({}, ActionsData), { endIcon: "allaw-icon-search", showClear: false, size: "normal", style: "classic", startIcon: undefined, showLocate: false, locateIcon: "allaw-icon-map-pin", minChar: undefined, loading: false }),
-    argTypes: {
-        placeholder: {
-            control: {
-                type: "text",
-            },
-        },
-        endIcon: {
-            control: {
-                type: "text",
-            },
-        },
-        startIcon: {
-            control: {
-                type: "text",
-            },
-            description: "Icône au début du champ (ex: allaw-icon-map-pin)",
-        },
-        showLocate: {
-            control: "boolean",
-            description: "Affiche un bouton 'Me localiser' en bout de champ",
-        },
-        locateIcon: {
-            control: { type: "text" },
-            description: "Classe d'icône pour le bouton de localisation",
-        },
-        size: {
-            control: {
-                type: "radio",
-            },
-            options: ["normal", "big"],
-        },
-        style: {
-            control: {
-                type: "radio",
-            },
-            options: ["classic", "form"],
-        },
-        value: {
-            control: {
-                type: "text",
-            },
-        },
-        showClear: {
-            control: "boolean",
-            description: "Affiche une croix pour effacer le champ si true.",
-        },
-        minChar: {
-            control: { type: "number", min: 0, max: 20 },
-            description: "Nombre minimum de caractères pour changer la couleur de bordure en vert (#29a36a).",
-        },
-        loading: {
-            control: "boolean",
-            description: "Affiche un loader à la fin du champ.",
-        },
-        onChange: { action: "changed" },
-    },
-    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(""), value = _a[0], setValue = _a[1];
-    return (React.createElement(SearchBar, __assign({}, args, { value: value, onChange: function (newValue) {
-            setValue(newValue);
-            args.onChange(newValue);
-        } })));
-};
-export var Default = Template.bind({});
-Default.args = {
-    placeholder: "Faites une recherche",
-    endIcon: "allaw-icon-search",
-    showClear: false,
-    size: "normal",
-    style: "classic",
-    onChange: function (value) { return console.log("Search value:", value); },
-};
-export var WithClear = Template.bind({});
-WithClear.args = {
-    placeholder: "Faites une recherche",
-    endIcon: "allaw-icon-search",
-    showClear: true,
-    value: "test",
-    size: "normal",
-    style: "classic",
-    onChange: function (value) { return console.log("Search value:", value); },
-};
-export var Big = Template.bind({});
-Big.args = {
-    placeholder: "Faites une recherche",
-    endIcon: "allaw-icon-search",
-    showClear: false,
-    size: "big",
-    style: "classic",
-};
-export var FormStyle = Template.bind({});
-FormStyle.args = {
-    placeholder: "Faites une recherche",
-    endIcon: "allaw-icon-search",
-    showClear: false,
-    size: "normal",
-    style: "form",
-};
-export var WithStartIcon = Template.bind({});
-WithStartIcon.args = {
-    placeholder: "Recherchez une adresse",
-    startIcon: "allaw-icon-map-pin",
-    endIcon: "allaw-icon-search",
-    showClear: false,
-    size: "normal",
-    style: "classic",
-};
-export var BigFormStartIconNoEnd = Template.bind({});
-BigFormStartIconNoEnd.args = {
-    placeholder: "Décrivez votre besoin, ex. :  Je veux vendre un appartement",
-    startIcon: "allaw-icon-search",
-    endIcon: undefined,
-    showClear: false,
-    size: "big",
-    style: "form",
-};
-export var WithLocate = Template.bind({});
-WithLocate.args = {
-    placeholder: "Ville",
-    startIcon: "allaw-icon-map-pin",
-    endIcon: undefined,
-    showClear: false,
-    size: "normal",
-    style: "form",
-    showLocate: true,
-    locateIcon: "allaw-icon-map-pin",
-};
-export var WithMinChar = Template.bind({});
-WithMinChar.args = {
-    placeholder: "Saisissez au moins 6 caractères",
-    endIcon: "allaw-icon-search",
-    showClear: true,
-    size: "normal",
-    style: "form",
-    minChar: 6,
-};
-export var ResponsiveLocate = Template.bind({});
-ResponsiveLocate.args = {
-    placeholder: "Ville (redimensionnez la fenêtre)",
-    startIcon: "allaw-icon-map-pin",
-    showClear: true,
-    size: "normal",
-    style: "form",
-    showLocate: true,
-};
-export var WithLoading = Template.bind({});
-WithLoading.args = {
-    placeholder: "Recherche en cours...",
-    endIcon: "allaw-icon-search",
-    showClear: false,
-    size: "normal",
-    style: "classic",
-    loading: true,
-};
-ResponsiveLocate.parameters = {
-    docs: {
-        description: {
-            story: "Le bouton 'Me localiser' devient une icône en dessous de 480px de largeur. Redimensionnez votre navigateur pour voir l'effet.",
-        },
-    },
-};

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

@@ -1,95 +0,0 @@
-export const ActionsData: {};
-declare namespace _default {
-    export let title: string;
-    export { TextArea as component };
-    export let tags: string[];
-    export let excludeStories: RegExp;
-    export let args: {};
-    export namespace argTypes {
-        namespace style {
-            namespace control {
-                let type: string;
-                let options: string[];
-            }
-        }
-        namespace isRequired {
-            let control_1: string;
-            export { control_1 as control };
-        }
-        namespace validate {
-            export namespace control_2 {
-                let type_1: string;
-                export { type_1 as type };
-            }
-            export { control_2 as control };
-        }
-        namespace maxHeight {
-            export namespace control_3 {
-                let type_2: string;
-                export { type_2 as type };
-                export let min: number;
-                export let max: number;
-                export let step: number;
-            }
-            export { control_3 as control };
-        }
-        namespace minHeight {
-            export namespace control_4 {
-                let type_3: string;
-                export { type_3 as type };
-                let min_1: number;
-                export { min_1 as min };
-                let max_1: number;
-                export { max_1 as max };
-                let step_1: number;
-                export { step_1 as step };
-            }
-            export { control_4 as control };
-            export let description: string;
-            export namespace table {
-                export namespace type_4 {
-                    let summary: string;
-                }
-                export { type_4 as type };
-                export namespace defaultValue {
-                    let summary_1: number;
-                    export { summary_1 as summary };
-                }
-            }
-        }
-        namespace variant {
-            export namespace control_5 {
-                let type_5: string;
-                export { type_5 as type };
-                let options_1: string[];
-                export { options_1 as options };
-            }
-            export { control_5 as control };
-        }
-        namespace color {
-            export namespace control_6 {
-                let type_6: string;
-                export { type_6 as type };
-                let options_2: string[];
-                export { options_2 as options };
-            }
-            export { control_6 as control };
-        }
-    }
-    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 WithValidation: any;
-export const LargeMinHeight: any;
-import TextArea from "./TextArea";

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

@@ -1,141 +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 TextArea from "./TextArea";
-import "../../../styles/global.css";
-export var ActionsData = {};
-export default {
-    title: "Components/Atoms/Inputs/TextArea",
-    component: TextArea,
-    tags: ["autodocs"],
-    excludeStories: /.*Data$/,
-    args: __assign({}, ActionsData),
-    argTypes: {
-        style: {
-            control: {
-                type: "radio",
-                options: ["default", "variation"],
-            },
-        },
-        isRequired: {
-            control: "boolean",
-        },
-        validate: {
-            control: {
-                type: "text",
-            },
-        },
-        maxHeight: {
-            control: {
-                type: "number",
-                min: 100,
-                max: 1000,
-                step: 50,
-            },
-        },
-        minHeight: {
-            control: {
-                type: "number",
-                min: 50,
-                max: 500,
-                step: 10,
-            },
-            description: "Hauteur minimale du TextArea en pixels",
-            table: {
-                type: { summary: "number" },
-                defaultValue: { summary: 100 },
-            },
-        },
-        variant: {
-            control: {
-                type: "select",
-                options: ["bold", "semiBold", "medium"],
-            },
-        },
-        color: {
-            control: {
-                type: "select",
-                options: [
-                    "bleu-allaw",
-                    "mid-grey",
-                    "dark-grey",
-                    "noir",
-                    "pure-white",
-                    "grey-venom",
-                    "venom-grey-dark",
-                ],
-            },
-        },
-    },
-    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(TextArea, __assign({}, args))));
-};
-export var Default = Template.bind({});
-Default.args = {
-    name: "defaultTextArea",
-    title: "Nommer le rendez-vous",
-    placeholder: "Entrez le motif du rendez-vous",
-    style: "default",
-    isRequired: false,
-    maxHeight: 400,
-    minHeight: 100,
-    variant: "medium",
-    color: "noir",
-};
-export var Variation = Template.bind({});
-Variation.args = {
-    name: "variationTextArea",
-    title: "Adresse e-mail",
-    placeholder: "Entrez le motif du rendez-vous",
-    style: "variation",
-    isRequired: true,
-    maxHeight: 400,
-    minHeight: 100,
-};
-export var WithValidation = Template.bind({});
-WithValidation.args = {
-    name: "validationTextArea",
-    title: "Email",
-    placeholder: "Entrez votre email",
-    style: "default",
-    isRequired: true,
-    validate: "email",
-    maxHeight: 400,
-    minHeight: 100,
-};
-export var LargeMinHeight = Template.bind({});
-LargeMinHeight.args = {
-    name: "largeTextArea",
-    title: "Description détaillée",
-    placeholder: "Entrez une description détaillée",
-    style: "default",
-    isRequired: false,
-    maxHeight: 400,
-    minHeight: 200,
-    variant: "medium",
-    color: "noir",
-};

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

@@ -1,81 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { VerificationCodeInput as component };
-    export let tags: string[];
-    export namespace parameters {
-        namespace controls {
-            let expanded: boolean;
-        }
-    }
-    export namespace argTypes {
-        namespace size {
-            let control: string;
-            let options: string[];
-            let description: string;
-            let defaultValue: string;
-        }
-        namespace allowedChars {
-            let control_1: string;
-            export { control_1 as control };
-            let options_1: string[];
-            export { options_1 as options };
-            let description_1: string;
-            export { description_1 as description };
-            let defaultValue_1: string;
-            export { defaultValue_1 as defaultValue };
-            export namespace table {
-                export namespace defaultValue_2 {
-                    let summary: string;
-                }
-                export { defaultValue_2 as defaultValue };
-            }
-        }
-        namespace numInputs {
-            export namespace control_2 {
-                let type: string;
-                let min: number;
-                let max: number;
-                let step: number;
-            }
-            export { control_2 as control };
-            let description_2: string;
-            export { description_2 as description };
-            let defaultValue_3: number;
-            export { defaultValue_3 as defaultValue };
-        }
-        namespace testError {
-            let control_3: string;
-            export { control_3 as control };
-            let description_3: string;
-            export { description_3 as description };
-            let defaultValue_4: boolean;
-            export { defaultValue_4 as defaultValue };
-        }
-    }
-}
-export default _default;
-export const Default: any;
-export const WithError: any;
-export function Responsive(args: any): React.JSX.Element;
-export namespace Responsive {
-    export namespace args {
-        let numInputs_1: number;
-        export { numInputs_1 as numInputs };
-        let size_1: string;
-        export { size_1 as size };
-    }
-    export namespace parameters_1 {
-        namespace docs {
-            export namespace description_4 {
-                let story: string;
-            }
-            export { description_4 as description };
-        }
-        namespace viewport {
-            let defaultViewport: string;
-        }
-    }
-    export { parameters_1 as parameters };
-}
-import VerificationCodeInput from "./VerificationCodeInput";
-import React from "react";

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

@@ -1,89 +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 VerificationCodeInput from "./VerificationCodeInput";
-export default {
-    title: "Components/Atoms/Inputs/VerificationCodeInput",
-    component: VerificationCodeInput,
-    tags: ["autodocs"],
-    parameters: {
-        controls: {
-            expanded: true,
-        },
-    },
-    argTypes: {
-        size: {
-            control: "select",
-            options: ["small", "medium", "large"],
-            description: "Taille des inputs",
-            defaultValue: "large",
-        },
-        allowedChars: {
-            control: "select",
-            options: ["numeric", "alphabetic", "alphanumeric"],
-            description: "Type de caractères autorisés",
-            defaultValue: "numeric",
-            table: {
-                defaultValue: { summary: "numeric" },
-            },
-        },
-        numInputs: {
-            control: {
-                type: "number",
-                min: 1,
-                max: 20,
-                step: 1,
-            },
-            description: "Nombre d'inputs",
-            defaultValue: 5,
-        },
-        testError: {
-            control: "boolean",
-            description: "Simuler une erreur de validation",
-            defaultValue: false,
-        },
-    },
-};
-var Template = function (args) { return React.createElement(VerificationCodeInput, __assign({}, args)); };
-export var Default = Template.bind({});
-Default.args = {
-    numInputs: 5,
-};
-export var WithError = Template.bind({});
-WithError.args = {
-    numInputs: 5,
-    testError: true,
-};
-WithError.parameters = {
-    docs: {
-        description: {
-            story: "Simule un état d'erreur lors de la validation du code",
-        },
-    },
-};
-export var Responsive = function (args) { return (React.createElement("div", null,
-    React.createElement("p", { style: { marginBottom: "10px" } }, "Redimensionnez la fen\u00EAtre \u00E0 moins de 400px pour voir le design responsive"),
-    React.createElement(VerificationCodeInput, __assign({}, args)))); };
-Responsive.args = {
-    numInputs: 6,
-    size: "large",
-};
-Responsive.parameters = {
-    docs: {
-        description: {
-            story: "Montre le comportement responsive du composant lorsque la largeur de l'écran est inférieure à 400px",
-        },
-    },
-    viewport: {
-        defaultViewport: "mobile1",
-    },
-};

package/dist/components/atoms/progressBars/ProgressBar.stories.d.ts

@@ -1,83 +0,0 @@
-export const ActionsData: {};
-declare namespace _default {
-    export let title: string;
-    export { ProgressBar as component };
-    export let tags: string[];
-    export let excludeStories: RegExp;
-    export namespace args {
-        let steps: number;
-        let currentStep: number;
-        let startIcon: boolean;
-        let endIcon: boolean;
-        let showProgressBar: boolean;
-        let barColor: string;
-    }
-    export namespace argTypes {
-        export namespace steps_1 {
-            namespace control {
-                let type: string;
-            }
-        }
-        export { steps_1 as steps };
-        export namespace currentStep_1 {
-            export namespace control_1 {
-                let type_1: string;
-                export { type_1 as type };
-            }
-            export { control_1 as control };
-        }
-        export { currentStep_1 as currentStep };
-        export namespace startIcon_1 {
-            export namespace control_2 {
-                let type_2: string;
-                export { type_2 as type };
-            }
-            export { control_2 as control };
-        }
-        export { startIcon_1 as startIcon };
-        export namespace endIcon_1 {
-            export namespace control_3 {
-                let type_3: string;
-                export { type_3 as type };
-            }
-            export { control_3 as control };
-        }
-        export { endIcon_1 as endIcon };
-        export namespace showProgressBar_1 {
-            export namespace control_4 {
-                let type_4: string;
-                export { type_4 as type };
-            }
-            export { control_4 as control };
-        }
-        export { showProgressBar_1 as showProgressBar };
-        export namespace barColor_1 {
-            export namespace control_5 {
-                let type_5: string;
-                export { type_5 as type };
-                export let options: string[];
-            }
-            export { control_5 as control };
-            export let description: string;
-        }
-        export { barColor_1 as barColor };
-    }
-    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 FirstStep: any;
-export const Hidden: any;
-export const RedProgress: any;
-export const GreenProgress: any;
-export const GreyProgress: any;
-import ProgressBar from "./ProgressBar";