allaw-ui 5.4.1 → 5.4.3

package/dist/components/molecules/caseCard/CaseCard.stories.d.ts

@@ -1,114 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { CaseCard as component };
-    export let tags: string[];
-    export namespace argTypes {
-        namespace variant {
-            namespace control {
-                let type: string;
-                let options: string[];
-            }
-            let description: string;
-        }
-        namespace categoryLabelLimit {
-            export namespace control_1 {
-                let type_1: string;
-                export { type_1 as type };
-            }
-            export { control_1 as control };
-            let description_1: string;
-            export { description_1 as description };
-        }
-        namespace isDisabled {
-            export namespace control_2 {
-                let type_2: string;
-                export { type_2 as type };
-            }
-            export { control_2 as control };
-            let description_2: string;
-            export { description_2 as description };
-        }
-        namespace dateStyle {
-            export namespace control_3 {
-                let type_3: string;
-                export { type_3 as type };
-                let options_1: string[];
-                export { options_1 as options };
-            }
-            export { control_3 as control };
-            let description_3: string;
-            export { description_3 as description };
-        }
-        namespace dateLabel {
-            export namespace control_4 {
-                let type_4: string;
-                export { type_4 as type };
-            }
-            export { control_4 as control };
-            let description_4: string;
-            export { description_4 as description };
-        }
-        namespace barColor {
-            export namespace control_5 {
-                let type_5: string;
-                export { type_5 as type };
-                let options_2: string[];
-                export { options_2 as options };
-            }
-            export { control_5 as control };
-            let description_5: string;
-            export { description_5 as description };
-        }
-        namespace showYear {
-            export namespace control_6 {
-                let type_6: string;
-                export { type_6 as type };
-            }
-            export { control_6 as control };
-            let description_6: string;
-            export { description_6 as description };
-        }
-        namespace steps {
-            export namespace control_7 {
-                let type_7: string;
-                export { type_7 as type };
-            }
-            export { control_7 as control };
-            let description_7: string;
-            export { description_7 as description };
-        }
-        namespace currentStep {
-            export namespace control_8 {
-                let type_8: string;
-                export { type_8 as type };
-            }
-            export { control_8 as control };
-            let description_8: string;
-            export { description_8 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 Desktop: any;
-export const Mobile: any;
-export const LongCategories: any;
-export const LongTitle: any;
-export const Archived: any;
-export const RedProgressBar: any;
-export const GreenProgressBar: any;
-export const GreyProgressBar: any;
-export const WithYear: any;
-export const WithoutYear: any;
-export const ProgressExample: any;
-export const CompletedProgress: any;
-import CaseCard from "./CaseCard";

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

@@ -1,200 +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 CaseCard from "./CaseCard";
-import "../../../styles/global.css";
-export default {
-    title: "Components/Molecules/CaseCard",
-    component: CaseCard,
-    tags: ["autodocs"],
-    argTypes: {
-        variant: {
-            control: {
-                type: "select",
-                options: ["desktop", "mobile", "archived"],
-            },
-            description: "Variante d'affichage de la carte",
-        },
-        categoryLabelLimit: {
-            control: {
-                type: "number",
-            },
-            description: "Nombre maximum de caractères pour les catégories",
-        },
-        isDisabled: {
-            control: {
-                type: "boolean",
-            },
-            description: "Indique si le composant est désactivé ou clôturé",
-        },
-        dateStyle: {
-            control: {
-                type: "select",
-                options: ["horizontal", "hybride", "vertical"],
-            },
-            description: "Style de date à utiliser pour le composant CardDate",
-        },
-        dateLabel: {
-            control: {
-                type: "text",
-            },
-            description: "Label à afficher avant la date",
-        },
-        barColor: {
-            control: {
-                type: "select",
-                options: ["blue", "red", "green", "grey"],
-            },
-            description: "Couleur de la barre de progression",
-        },
-        showYear: {
-            control: {
-                type: "boolean",
-            },
-            description: "Afficher ou masquer l'année dans la date",
-        },
-        steps: {
-            control: {
-                type: "number",
-            },
-            description: "Nombre total d'étapes de la barre de progression",
-        },
-        currentStep: {
-            control: {
-                type: "number",
-            },
-            description: "Étape actuelle de la barre de progression",
-        },
-    },
-    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) { return React.createElement(CaseCard, __assign({}, args)); };
-export var Desktop = Template.bind({});
-Desktop.args = {
-    clientName: "MME. JANE DOE",
-    title: "DDivorce à l'amiable très amiables de de",
-    nextAppointment: {
-        date: "2024-10-31",
-        time: "14:15",
-    },
-    categories: ["Droit de la famille", "Divorce"],
-    variant: "desktop",
-    categoryLabelLimit: 20,
-    isDisabled: false,
-    dateStyle: "hybride",
-    dateLabel: "Proch. rdv",
-    barColor: "blue",
-    showYear: true,
-    steps: 100,
-    currentStep: 50,
-};
-export var Mobile = Template.bind({});
-Mobile.args = {
-    clientName: "MME. JANE DOE",
-    title: "Divorce à l'amiable avec une procédure très longue et complexe",
-    nextAppointment: {
-        date: "2024-10-31",
-    },
-    categories: ["Droit de la famille", "Divorce"],
-    variant: "mobile",
-    categoryLabelLimit: 15,
-    isDisabled: true,
-    dateStyle: "horizontal",
-    dateLabel: "Clôturé le :",
-    barColor: "grey",
-    showYear: false,
-    steps: 100,
-    currentStep: 100,
-};
-export var LongCategories = Template.bind({});
-LongCategories.args = {
-    clientName: "MME. JANE DOE",
-    title: "Divorce à l'amiable très amiables de de",
-    nextAppointment: {
-        date: "2024-10-31",
-    },
-    categories: [
-        "Droit de la famille très long",
-        "Divorce avec procédure complexe",
-    ],
-    variant: "desktop",
-    categoryLabelLimit: 10,
-    isDisabled: false,
-    dateStyle: "vertical",
-    dateLabel: "Proch rdv",
-    barColor: "green",
-    showYear: true,
-    steps: 100,
-    currentStep: 75,
-};
-export var LongTitle = Template.bind({});
-LongTitle.args = {
-    clientName: "MME. JANE DOE",
-    title: "Ceci est un très long titre qui devrait être tronqué après exactement deux lignes avec des points de suspension à la fin du texte",
-    nextAppointment: {
-        date: "2024-10-31",
-    },
-    categories: ["Droit de la famille", "Divorce"],
-    variant: "desktop",
-    isDisabled: true,
-    dateStyle: "hybride",
-    dateLabel: "Clôturé le :",
-    barColor: "red",
-    showYear: false,
-    steps: 100,
-    currentStep: 100,
-};
-export var Archived = Template.bind({});
-Archived.args = {
-    clientName: "MME. JANE DOE",
-    title: "Divorce à l'amiable depuis longtemps",
-    categories: ["Droit de la famille", "Divorce"],
-    variant: "archived",
-    isDisabled: false,
-    dateStyle: "horizontal",
-    dateLabel: "Proch. rdv",
-    barColor: "grey",
-    showYear: true,
-    steps: 100,
-    currentStep: 90,
-};
-LongCategories.parameters = {
-    docs: {
-        description: {
-            story: "Exemple avec des catégories longues et une limite de caractères courte",
-        },
-    },
-};
-export var RedProgressBar = Template.bind({});
-RedProgressBar.args = __assign(__assign({}, Desktop.args), { barColor: "red" });
-export var GreenProgressBar = Template.bind({});
-GreenProgressBar.args = __assign(__assign({}, Desktop.args), { barColor: "green" });
-export var GreyProgressBar = Template.bind({});
-GreyProgressBar.args = __assign(__assign({}, Desktop.args), { barColor: "grey" });
-export var WithYear = Template.bind({});
-WithYear.args = __assign(__assign({}, Desktop.args), { showYear: true });
-export var WithoutYear = Template.bind({});
-WithoutYear.args = __assign(__assign({}, Desktop.args), { showYear: false });
-export var ProgressExample = Template.bind({});
-ProgressExample.args = __assign(__assign({}, Desktop.args), { steps: 100, currentStep: 75, barColor: "blue" });
-export var CompletedProgress = Template.bind({});
-CompletedProgress.args = __assign(__assign({}, Desktop.args), { steps: 100, currentStep: 100, barColor: "green" });

package/dist/components/molecules/caseCardCompact/CaseCardCompact.stories.d.ts

@@ -1,11 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { CaseCardCompact as component };
-}
-export default _default;
-export const Default: any;
-export const WithoutCategory: any;
-export const WithArrowOnHover: any;
-export const WithoutCategoryAndArrowOnHover: any;
-export const Selected: any;
-import CaseCardCompact from "../caseCardCompact/CaseCardCompact";

package/dist/components/molecules/caseCardCompact/CaseCardCompact.stories.js

@@ -1,59 +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 CaseCardCompact from "../caseCardCompact/CaseCardCompact";
-export default {
-    title: "Components/Molecules/CaseCardCompact",
-    component: CaseCardCompact,
-};
-var Template = function (args) { return React.createElement(CaseCardCompact, __assign({}, args)); };
-export var Default = Template.bind({});
-Default.args = {
-    folderTitle: "Dossier John Doe",
-    folderStatus: "OPEN",
-    clientName: "John DOE",
-    category: "Droit des personnes",
-    showArrowOnHover: false,
-    onClientCardClick: function () { return alert("Client card clicked!"); },
-};
-export var WithoutCategory = Template.bind({});
-WithoutCategory.args = {
-    folderTitle: "Dossier Jane Smith",
-    folderStatus: "CLOSED",
-    clientName: "John DOE",
-    showArrowOnHover: false,
-    onClientCardClick: function () { return alert("Client card clicked!"); },
-};
-export var WithArrowOnHover = Template.bind({});
-WithArrowOnHover.args = {
-    folderTitle: "Dossier Alice Johnson",
-    folderStatus: "OPEN",
-    clientName: "John DOE",
-    category: "Droit des personnes",
-    showArrowOnHover: true,
-    onClientCardClick: function () { return alert("Client card clicked!"); },
-};
-export var WithoutCategoryAndArrowOnHover = Template.bind({});
-WithoutCategoryAndArrowOnHover.args = {
-    folderTitle: "Dossier Bob Wilson",
-    folderStatus: "BLOCKED",
-    clientName: "John DOE",
-    showArrowOnHover: true,
-    onClientCardClick: function () { return alert("Client card clicked!"); },
-};
-export var Selected = Template.bind({});
-Selected.args = {
-    folderTitle: "Dossier Michael Brown",
-    folderStatus: "OPEN",
-    clientName: "John DOE",
-    isSelected: true,
-};

package/dist/components/molecules/caseLinkCard/CaseCardLink.stories.d.ts

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

package/dist/components/molecules/caseLinkCard/CaseCardLink.stories.js

@@ -1,37 +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 CaseLinkCard from "./CaseLinkCard";
-export default {
-    title: "Components/Molecules/CaseLinkCard",
-    component: CaseLinkCard,
-};
-var Template = function (args) { return React.createElement(CaseLinkCard, __assign({}, args)); };
-export var Default = Template.bind({});
-Default.args = {
-    proName: "John Doe",
-    caseName: "Case #12345",
-    createdDate: new Date(2024, 9, 21), // Example date: 21st October 2024
-};
-export var AddLink = Template.bind({});
-AddLink.args = {
-    proName: "John Doe",
-    canLinkCase: true,
-    onCaseCardClick: function () { },
-    createdDate: new Date(2024, 9, 21), // Example date: 21st October 2024
-};
-export var AnotherExample = Template.bind({});
-AnotherExample.args = {
-    proName: "Jane Smith",
-    caseName: "Case #98765",
-    createdDate: new Date(2023, 5, 10), // Example date: 10th June 2023
-};

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

@@ -1,94 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { CheckboxForm as component };
-    export let tags: string[];
-    export namespace args {
-        let label: string;
-    }
-    export namespace argTypes {
-        export namespace checked {
-            namespace control {
-                let type: string;
-            }
-        }
-        export namespace isRequired {
-            export namespace control_1 {
-                let type_1: string;
-                export { type_1 as type };
-            }
-            export { control_1 as control };
-        }
-        export namespace onChange {
-            let action: string;
-        }
-        export namespace label_1 {
-            let control_2: string;
-            export { control_2 as control };
-        }
-        export { label_1 as label };
-        export namespace color {
-            export namespace control_3 {
-                let type_2: string;
-                export { type_2 as type };
-                export let options: string[];
-            }
-            export { control_3 as control };
-        }
-        export namespace size {
-            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 style {
-            export namespace control_5 {
-                let type_4: string;
-                export { type_4 as type };
-                let options_2: string[];
-                export { options_2 as options };
-            }
-            export { control_5 as control };
-        }
-        export namespace markType {
-            export namespace control_6 {
-                let type_5: string;
-                export { type_5 as type };
-                let options_3: string[];
-                export { options_3 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 Checked: any;
-export const CheckMark: any;
-export const CheckedCheckMark: any;
-export const White: any;
-export const WhiteChecked: any;
-export const Required: any;
-export const WithoutLabel: any;
-export const WithLink: any;
-export const Light: any;
-export const LightChecked: any;
-export const LightCheckMark: any;
-export const LightCheckedCheckMark: any;
-export const Form: any;
-export const FormChecked: any;
-export const FormCheckMark: any;
-export const FormCheckedCheckMark: any;
-import CheckboxForm from "./CheckboxForm";

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

@@ -1,157 +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 CheckboxForm from "./CheckboxForm";
-import "./CheckboxForm.css";
-export default {
-    title: "Components/Molecules/CheckboxForm",
-    component: CheckboxForm,
-    tags: ["autodocs"],
-    args: {
-        label: "Sample label",
-    },
-    argTypes: {
-        checked: {
-            control: {
-                type: "boolean",
-            },
-        },
-        isRequired: {
-            control: {
-                type: "boolean",
-            },
-        },
-        onChange: { action: "changed" },
-        label: {
-            control: "text",
-        },
-        color: {
-            control: {
-                type: "select",
-                options: [
-                    "bleu-allaw",
-                    "mid-grey",
-                    "dark-grey",
-                    "noir",
-                    "pure-white",
-                    "grey-venom",
-                    "venom-grey-dark",
-                    "light",
-                ],
-            },
-        },
-        size: {
-            control: {
-                type: "select",
-                options: ["default", "small"],
-            },
-        },
-        style: {
-            control: {
-                type: "select",
-                options: ["default", "light", "form"],
-            },
-        },
-        markType: {
-            control: {
-                type: "select",
-                options: ["cross", "check"],
-            },
-        },
-    },
-    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.checked), checked = _a[0], setChecked = _a[1];
-    var handleChange = function (newChecked) {
-        setChecked(newChecked);
-    };
-    return React.createElement(CheckboxForm, __assign({}, args, { checked: checked, onChange: handleChange }));
-};
-export var Default = Template.bind({});
-Default.args = {
-    checked: false,
-    label: "Default CheckboxForm",
-    isRequired: false,
-    color: "noir",
-    size: "default",
-    style: "default",
-    markType: "cross",
-};
-export var Checked = Template.bind({});
-Checked.args = __assign(__assign({}, Default.args), { checked: true, label: "Checked CheckboxForm" });
-export var CheckMark = Template.bind({});
-CheckMark.args = __assign(__assign({}, Default.args), { label: "CheckboxForm with check mark", markType: "check" });
-export var CheckedCheckMark = Template.bind({});
-CheckedCheckMark.args = __assign(__assign({}, CheckMark.args), { checked: true, label: "Checked CheckboxForm with check mark" });
-export var White = Template.bind({});
-White.args = {
-    checked: false,
-    label: "White CheckboxForm",
-    isRequired: false,
-    color: "pure-white",
-};
-export var WhiteChecked = Template.bind({});
-WhiteChecked.args = {
-    checked: true,
-    label: "White Checked CheckboxForm",
-    isRequired: false,
-    color: "pure-white",
-};
-export var Required = Template.bind({});
-Required.args = {
-    checked: false,
-    label: "Required CheckboxForm",
-    isRequired: true,
-    color: "noir",
-};
-export var WithoutLabel = Template.bind({});
-WithoutLabel.args = {
-    checked: false,
-    color: "noir",
-};
-export var WithLink = Template.bind({});
-WithLink.args = {
-    checked: false,
-    isWhite: false,
-    label: "J'ai lu et j'acceptes les",
-    linkText: "conditions générales d'utilisation",
-    linkUrl: "https://example.com",
-    isRequired: false,
-    color: "noir",
-};
-export var Light = Template.bind({});
-Light.args = __assign(__assign({}, Default.args), { label: "Light CheckboxForm", style: "light" });
-export var LightChecked = Template.bind({});
-LightChecked.args = __assign(__assign({}, Light.args), { checked: true, label: "Light Checked CheckboxForm" });
-export var LightCheckMark = Template.bind({});
-LightCheckMark.args = __assign(__assign({}, Light.args), { label: "Light CheckboxForm with check mark", markType: "check" });
-export var LightCheckedCheckMark = Template.bind({});
-LightCheckedCheckMark.args = __assign(__assign({}, LightCheckMark.args), { checked: true, label: "Light Checked CheckboxForm with check mark" });
-export var Form = Template.bind({});
-Form.args = __assign(__assign({}, Default.args), { label: "Form CheckboxForm", style: "form" });
-export var FormChecked = Template.bind({});
-FormChecked.args = __assign(__assign({}, Form.args), { checked: true, label: "Form Checked CheckboxForm" });
-export var FormCheckMark = Template.bind({});
-FormCheckMark.args = __assign(__assign({}, Form.args), { label: "Form CheckboxForm with check mark", markType: "check" });
-export var FormCheckedCheckMark = Template.bind({});
-FormCheckedCheckMark.args = __assign(__assign({}, FormCheckMark.args), { checked: true, label: "Form Checked CheckboxForm with check mark" });