allaw-ui 5.4.1 → 5.4.3

package/dist/components/atoms/selects/ComboBox.stories.js

@@ -1,136 +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);
-};
-// ComboBox.stories.jsx
-import React, { useState } from "react";
-import ComboBox from "./ComboBox";
-import "../../../styles/global.css";
-export var ActionsData = {};
-export default {
-    title: "Components/Atoms/selects/ComboBox",
-    component: ComboBox,
-    tags: ["autodocs"],
-    excludeStories: /.*Data$/,
-    args: __assign({}, ActionsData),
-    argTypes: {
-        items: {
-            control: {
-                type: "array",
-            },
-        },
-        placeholder: {
-            control: {
-                type: "text",
-            },
-        },
-        isRequired: {
-            control: {
-                type: "boolean",
-            },
-        },
-        selectedItem: {
-            control: {
-                type: "text",
-            },
-        },
-        onChange: {
-            table: {
-                disable: true,
-            },
-        },
-        width: {
-            control: {
-                type: "number",
-                min: 1,
-                max: 100,
-            },
-        },
-        openOnMount: {
-            control: {
-                type: "boolean",
-            },
-        },
-        title: {
-            control: {
-                type: "text",
-            },
-        },
-        titleStyle: {
-            options: ["medium", "semiBold", "bold"],
-            control: { type: "select" },
-            description: "Style du titre (graisse de police)",
-            table: {
-                type: { summary: "string" },
-                defaultValue: { summary: "semiBold" },
-            },
-        },
-    },
-    parameters: {
-        backgrounds: {
-            default: "light",
-            values: [
-                { name: "light", value: "#ffffff" },
-                { name: "grey", value: "#728ea7" },
-                { name: "figma", value: "#404040" },
-                { name: "dark", value: "#171e25" },
-            ],
-        },
-        layout: "padded",
-        viewport: {
-            viewports: {
-                responsive: {
-                    name: "Responsive",
-                    styles: {
-                        height: "360px",
-                    },
-                },
-            },
-            defaultViewport: "responsive",
-        },
-    },
-};
-var Template = function (args) {
-    var _a = useState(args.selectedItem), selected = _a[0], setSelected = _a[1];
-    var handleChange = function (newSelected) {
-        setSelected(newSelected);
-    };
-    return React.createElement(ComboBox, __assign({}, args, { selectedItem: selected, onChange: handleChange }));
-};
-export var Default = Template.bind({});
-Default.args = {
-    items: [
-        { label: "Lundi 12 août", value: "lundi-12-aout" },
-        { label: "Mardi 13 août", value: "mardi-13-aout" },
-        { label: "Mercredi 14 août", value: "mercredi-14-aout" },
-        { label: "Jeudi 15 août", value: "jeudi-15-aout" },
-        { label: "Vendredi 16 août", value: "vendredi-16-aout" },
-        { label: "Samedi 17 août", value: "samedi-17-aout" },
-    ],
-    selectedItem: "lundi-12-aout", // Élément sélectionné par défaut
-    placeholder: "Sélectionner...",
-    isRequired: false,
-    width: 100,
-    openOnMount: true,
-    title: "Sélectionnez une date",
-    titleStyle: "semiBold",
-};
-export var Pressed = Template.bind({});
-Pressed.args = __assign(__assign({}, Default.args), { selectedItem: "lundi-12-aout" });
-export var Required = Template.bind({});
-Required.args = __assign(__assign({}, Default.args), { isRequired: true });
-export var CustomWidth = Template.bind({});
-CustomWidth.args = __assign(__assign({}, Default.args), { width: 50 });
-export var OpenOnMount = Template.bind({});
-OpenOnMount.args = __assign(__assign({}, Default.args), { openOnMount: true });
-export var TitleMedium = Template.bind({});
-TitleMedium.args = __assign(__assign({}, Default.args), { titleStyle: "medium" });
-export var TitleBold = Template.bind({});
-TitleBold.args = __assign(__assign({}, Default.args), { titleStyle: "bold" });

package/dist/components/atoms/selects/Select.stories.d.ts

@@ -1,133 +0,0 @@
-export const ActionsData: {};
-declare namespace _default {
-    export let title: string;
-    export { Select as component };
-    export let tags: string[];
-    export let excludeStories: RegExp;
-    export let args: {};
-    export namespace argTypes {
-        namespace items {
-            namespace control {
-                let type: string;
-            }
-        }
-        namespace placeholder {
-            export namespace control_1 {
-                let type_1: string;
-                export { type_1 as type };
-            }
-            export { control_1 as control };
-        }
-        namespace multiple {
-            export namespace control_2 {
-                let type_2: string;
-                export { type_2 as type };
-            }
-            export { control_2 as control };
-        }
-        namespace isRequired {
-            export namespace control_3 {
-                let type_3: string;
-                export { type_3 as type };
-            }
-            export { control_3 as control };
-        }
-        namespace requireAttention {
-            export namespace control_4 {
-                let type_4: string;
-                export { type_4 as type };
-            }
-            export { control_4 as control };
-        }
-        namespace selectedItem {
-            export namespace control_5 {
-                let type_5: string;
-                export { type_5 as type };
-            }
-            export { control_5 as control };
-        }
-        namespace maxItems {
-            export namespace control_6 {
-                let type_6: string;
-                export { type_6 as type };
-                export let min: number;
-            }
-            export { control_6 as control };
-        }
-        namespace disabledItems {
-            export namespace control_7 {
-                let type_7: string;
-                export { type_7 as type };
-            }
-            export { control_7 as control };
-        }
-        namespace onChange {
-            namespace table {
-                let disable: boolean;
-            }
-        }
-        namespace width {
-            export namespace control_8 {
-                let type_8: string;
-                export { type_8 as type };
-                let min_1: number;
-                export { min_1 as min };
-                export let max: number;
-            }
-            export { control_8 as control };
-        }
-        namespace maxLines {
-            export namespace control_9 {
-                let type_9: string;
-                export { type_9 as type };
-                let min_2: number;
-                export { min_2 as min };
-                let max_1: number;
-                export { max_1 as max };
-            }
-            export { control_9 as control };
-            export let description: string;
-        }
-        namespace isPrefilled {
-            let control_10: string;
-            export { control_10 as control };
-            let description_1: string;
-            export { description_1 as description };
-        }
-    }
-    export namespace parameters {
-        namespace backgrounds {
-            let _default: string;
-            export { _default as default };
-            export let values: {
-                name: string;
-                value: string;
-            }[];
-        }
-        let layout: string;
-        namespace viewport {
-            namespace viewports {
-                namespace responsive {
-                    let name: string;
-                    namespace styles {
-                        let height: string;
-                    }
-                }
-            }
-            let defaultViewport: string;
-        }
-    }
-}
-export default _default;
-export const Default: any;
-export const Pressed: any;
-export const Multiple: any;
-export const Required: any;
-export const CustomWidth: any;
-export const RequireAttention: any;
-export const TwoLines: any;
-export const WithDisabledItems: any;
-export const MultipleWithDisabledItems: any;
-export const Prefilled: any;
-export const PrefilledEmpty: any;
-import Select from "./Select";

package/dist/components/atoms/selects/Select.stories.js

@@ -1,299 +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 Select from "./Select";
-import "../../../styles/global.css";
-export var ActionsData = {};
-export default {
-    title: "Components/Atoms/Selects/Select",
-    component: Select,
-    tags: ["autodocs"],
-    excludeStories: /.*Data$/,
-    args: __assign({}, ActionsData),
-    argTypes: {
-        items: {
-            control: {
-                type: "array",
-            },
-        },
-        placeholder: {
-            control: {
-                type: "text",
-            },
-        },
-        multiple: {
-            control: {
-                type: "boolean",
-            },
-        },
-        isRequired: {
-            control: {
-                type: "boolean",
-            },
-        },
-        requireAttention: {
-            control: {
-                type: "boolean",
-            },
-        },
-        selectedItem: {
-            control: {
-                type: "text",
-            },
-        },
-        maxItems: {
-            control: {
-                type: "number",
-                min: 1,
-            },
-        },
-        disabledItems: {
-            control: {
-                type: "array",
-            },
-        },
-        onChange: {
-            table: {
-                disable: true,
-            },
-        },
-        width: {
-            control: {
-                type: "number",
-                min: 1,
-                max: 100,
-            },
-        },
-        maxLines: {
-            control: {
-                type: "number",
-                min: 1,
-                max: 5,
-            },
-            description: "Nombre de lignes max affichées (laisser vide pour 1 ligne)",
-        },
-        isPrefilled: {
-            control: "boolean",
-            description: "Affiche une bordure bleue pour indiquer un champ pré-rempli",
-        },
-    },
-    parameters: {
-        backgrounds: {
-            default: "light",
-            values: [
-                { name: "light", value: "#ffffff" },
-                { name: "grey", value: "#728ea7" },
-                { name: "figma", value: "#404040" },
-                { name: "dark", value: "#171e25" },
-            ],
-        },
-        layout: "padded",
-        viewport: {
-            viewports: {
-                responsive: {
-                    name: "Responsive",
-                    styles: {
-                        height: "360px", // Définition de la hauteur du viewport
-                    },
-                },
-            },
-            defaultViewport: "responsive", // Définition du viewport par défaut
-        },
-    },
-};
-var Template = function (args) {
-    var _a = useState(args.selectedItem), selected = _a[0], setSelected = _a[1];
-    var handleChange = function (newSelected) {
-        setSelected(newSelected);
-    };
-    return React.createElement(Select, __assign({}, args, { selectedItem: selected, onChange: handleChange }));
-};
-export var Default = Template.bind({});
-Default.args = {
-    items: [
-        { label: "Lundi 12 août", value: "lundi-12-aout" },
-        { label: "Mardi 13 août", value: "mardi-13-aout" },
-        { label: "Mercredi 14 août", value: "mercredi-14-aout" },
-        { label: "Jeudi 15 août", value: "jeudi-15-aout" },
-        { label: "Vendredi 16 août", value: "vendredi-16-aout" },
-        { label: "Samedi 17 août", value: "samedi-17-aout" },
-    ],
-    selectedItem: "",
-    placeholder: "Select...",
-    multiple: false,
-    isRequired: false,
-    requireAttention: false,
-    width: 100,
-    maxLines: undefined,
-    isPrefilled: false,
-};
-export var Pressed = Template.bind({});
-Pressed.args = {
-    items: [
-        { label: "Lundi 12 août", value: "lundi-12-aout" },
-        { label: "Mardi 13 août", value: "mardi-13-aout" },
-        { label: "Mercredi 14 août", value: "mercredi-14-aout" },
-        { label: "Jeudi 15 août", value: "jeudi-15-aout" },
-        { label: "Vendredi 16 août", value: "vendredi-16-aout" },
-        { label: "Samedi 17 août", value: "samedi-17-aout" },
-    ],
-    selectedItem: "lundi-12-aout",
-    placeholder: "Select...",
-    multiple: false,
-    isRequired: false,
-    requireAttention: false,
-};
-export var Multiple = Template.bind({});
-Multiple.args = {
-    items: [
-        { label: "Lundi 12 août", value: "lundi-12-aout" },
-        { label: "Mardi 13 août", value: "mardi-13-aout" },
-        { label: "Mercredi 14 août", value: "mercredi-14-aout" },
-        { label: "Jeudi 15 août", value: "jeudi-15-aout" },
-        { label: "Vendredi 16 août", value: "vendredi-16-aout" },
-        { label: "Samedi 17 août", value: "samedi-17-aout" },
-    ],
-    selectedItem: [],
-    placeholder: "Select...",
-    multiple: true,
-    isRequired: false,
-    requireAttention: false,
-    maxItems: 3,
-};
-export var Required = Template.bind({});
-Required.args = {
-    items: [
-        { label: "Lundi 12 août", value: "lundi-12-aout" },
-        { label: "Mardi 13 août", value: "mardi-13-aout" },
-        { label: "Mercredi 14 août", value: "mercredi-14-aout" },
-        { label: "Jeudi 15 août", value: "jeudi-15-aout" },
-        { label: "Vendredi 16 août", value: "vendredi-16-aout" },
-        { label: "Samedi 17 août", value: "samedi-17-aout" },
-    ],
-    selectedItem: "",
-    placeholder: "Select...",
-    multiple: false,
-    isRequired: true,
-    requireAttention: false,
-};
-export var CustomWidth = Template.bind({});
-CustomWidth.args = __assign(__assign({}, Default.args), { width: 50 });
-export var RequireAttention = Template.bind({});
-RequireAttention.args = {
-    items: [
-        { label: "Lundi 12 août", value: "lundi-12-aout" },
-        { label: "Mardi 13 août", value: "mardi-13-aout" },
-        { label: "Mercredi 14 août", value: "mercredi-14-aout" },
-        { label: "Jeudi 15 août", value: "jeudi-15-aout" },
-        { label: "Vendredi 16 août", value: "vendredi-16-aout" },
-        { label: "Samedi 17 août", value: "samedi-17-aout" },
-    ],
-    selectedItem: "",
-    placeholder: "Choisir une date...",
-    multiple: false,
-    isRequired: false,
-    requireAttention: true,
-    width: 100,
-};
-export var TwoLines = Template.bind({});
-TwoLines.args = {
-    items: [
-        {
-            label: "40 Impasse de l’enclume, Saint-Julien-De-Concelles 44450 avec une adresse très longue",
-            value: "addr-1",
-        },
-        {
-            label: "12 Rue de la Paix, Paris 75002",
-            value: "addr-2",
-        },
-    ],
-    selectedItem: "addr-1",
-    placeholder: "Choisir une localisation",
-    multiple: false,
-    isRequired: false,
-    requireAttention: false,
-    width: 100,
-    maxLines: 2,
-};
-export var WithDisabledItems = Template.bind({});
-WithDisabledItems.args = {
-    items: [
-        { label: "Lundi 12 août", value: "lundi-12-aout" },
-        { label: "Mardi 13 août", value: "mardi-13-aout" },
-        { label: "Mercredi 14 août", value: "mercredi-14-aout" },
-        { label: "Jeudi 15 août", value: "jeudi-15-aout" },
-        { label: "Vendredi 16 août", value: "vendredi-16-aout" },
-        { label: "Samedi 17 août", value: "samedi-17-aout" },
-    ],
-    selectedItem: "",
-    placeholder: "Sélectionner une option...",
-    multiple: false,
-    isRequired: false,
-    requireAttention: false,
-    disabledItems: ["mardi-13-aout", "jeudi-15-aout"],
-    width: 100,
-};
-export var MultipleWithDisabledItems = Template.bind({});
-MultipleWithDisabledItems.args = {
-    items: [
-        { label: "Lundi 12 août", value: "lundi-12-aout" },
-        { label: "Mardi 13 août", value: "mardi-13-aout" },
-        { label: "Mercredi 14 août", value: "mercredi-14-aout" },
-        { label: "Jeudi 15 août", value: "jeudi-15-aout" },
-        { label: "Vendredi 16 août", value: "vendredi-16-aout" },
-        { label: "Samedi 17 août", value: "samedi-17-aout" },
-    ],
-    selectedItem: [],
-    placeholder: "Sélectionner des options...",
-    multiple: true,
-    isRequired: false,
-    requireAttention: false,
-    disabledItems: ["mardi-13-aout", "vendredi-16-aout"],
-    maxItems: 4,
-    width: 100,
-};
-export var Prefilled = Template.bind({});
-Prefilled.args = {
-    items: [
-        { label: "Lundi 12 août", value: "lundi-12-aout" },
-        { label: "Mardi 13 août", value: "mardi-13-aout" },
-        { label: "Mercredi 14 août", value: "mercredi-14-aout" },
-        { label: "Jeudi 15 août", value: "jeudi-15-aout" },
-        { label: "Vendredi 16 août", value: "vendredi-16-aout" },
-        { label: "Samedi 17 août", value: "samedi-17-aout" },
-    ],
-    selectedItem: "mardi-13-aout",
-    placeholder: "Select...",
-    multiple: false,
-    isRequired: false,
-    requireAttention: false,
-    width: 100,
-    isPrefilled: true,
-};
-export var PrefilledEmpty = Template.bind({});
-PrefilledEmpty.args = {
-    items: [
-        { label: "Lundi 12 août", value: "lundi-12-aout" },
-        { label: "Mardi 13 août", value: "mardi-13-aout" },
-        { label: "Mercredi 14 août", value: "mercredi-14-aout" },
-        { label: "Jeudi 15 août", value: "jeudi-15-aout" },
-        { label: "Vendredi 16 août", value: "vendredi-16-aout" },
-        { label: "Samedi 17 août", value: "samedi-17-aout" },
-    ],
-    selectedItem: "",
-    placeholder: "Champ pré-rempli vide...",
-    multiple: false,
-    isRequired: false,
-    requireAttention: false,
-    width: 100,
-    isPrefilled: true,
-};

package/dist/components/atoms/selects/SelectableListItem.stories.d.ts

@@ -1,33 +0,0 @@
-export namespace ActionsData {
-    namespace onClick {
-        let action: string;
-    }
-}
-declare namespace _default {
-    export let title: string;
-    export { SelectableListItem as component };
-    export let tags: string[];
-    export let excludeStories: RegExp;
-    export namespace args {
-        let label: string;
-        let duration: string;
-        let price: string;
-        let isActive: boolean;
-        let icon: string;
-    }
-    export namespace parameters {
-        namespace backgrounds {
-            let _default: string;
-            export { _default as default };
-            export let values: {
-                name: string;
-                value: string;
-            }[];
-        }
-        let layout: string;
-    }
-}
-export default _default;
-export const Default: any;
-export const Active: any;
-import SelectableListItem from "./SelectableListItem";

package/dist/components/atoms/selects/SelectableListItem.stories.js

@@ -1,53 +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 SelectableListItem from "./SelectableListItem";
-import "../../../styles/global.css";
-export var ActionsData = {
-    onClick: { action: "clicked" },
-};
-export default {
-    title: "Components/Atoms/selects/SelectableListItem",
-    component: SelectableListItem,
-    tags: ["autodocs"],
-    excludeStories: /.*Data$/,
-    args: __assign(__assign({}, ActionsData), { label: "Consultation juridique personnalisée visant à analyser votre situation et à vous fournir des conseils adaptés à vos besoins. Cette prestation inclut l'étude des documents pertinents, une évaluation des solutions juridiques envisageables, et des recommandations pour défendre efficacement vos intérêts.", duration: "(35 min)", price: "100 €", isActive: false, icon: "allaw-icon-visio" }),
-    parameters: {
-        backgrounds: {
-            default: "light",
-            values: [
-                { name: "light", value: "#ffffff" },
-                { name: "grey", value: "#728ea7" },
-                { name: "figma", value: "#404040" },
-                { name: "dark", value: "#171e25" },
-            ],
-        },
-        layout: "padded",
-    },
-};
-var Template = function (args) {
-    var _a = useState(false), isActive = _a[0], setIsActive = _a[1];
-    var handleClick = function () {
-        setIsActive(!isActive);
-        args.onClick();
-    };
-    return (React.createElement(SelectableListItem, __assign({}, args, { isActive: isActive, onClick: handleClick })));
-};
-export var Default = Template.bind({});
-export var Active = Template.bind({});
-Active.args = {
-    label: "Adoption",
-    duration: "(35 min)",
-    price: "100 €",
-    isActive: true,
-    icon: "allaw-icon-visio",
-};

package/dist/components/atoms/tags/AppointementStatusTag.stories.d.ts

@@ -1,17 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { AppointementStatusTag as component };
-    export let tags: string[];
-}
-export default _default;
-export const Confirmed: any;
-export const Pending: any;
-export const Available: any;
-export const Unavailable: any;
-export const Cancelled: any;
-export const Passed: any;
-export const RefusedStatus: any;
-export const ConfirmedBig: any;
-export const PassedBig: any;
-export const CancelledBigVariant: any;
-import AppointementStatusTag from "./AppointementStatusTag";