allaw-ui 5.4.1 → 5.4.3

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

@@ -1,108 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { ColoredCheckbox as component };
-    export let tags: string[];
-    export namespace args {
-        let label: string;
-        let checked: boolean;
-        let boxColor: string;
-        let markType: string;
-    }
-    export namespace argTypes {
-        export namespace checked_1 {
-            namespace control {
-                let type: string;
-            }
-        }
-        export { checked_1 as checked };
-        export namespace onChange {
-            let action: string;
-        }
-        export namespace label_1 {
-            let control_1: string;
-            export { control_1 as control };
-        }
-        export { label_1 as label };
-        export namespace boxColor_1 {
-            let control_2: string;
-            export { control_2 as control };
-            export let defaultValue: string;
-        }
-        export { boxColor_1 as boxColor };
-        export namespace markColor {
-            let control_3: string;
-            export { control_3 as control };
-            let defaultValue_1: string;
-            export { defaultValue_1 as defaultValue };
-        }
-        export namespace textColor {
-            let control_4: string;
-            export { control_4 as control };
-            let defaultValue_2: string;
-            export { defaultValue_2 as defaultValue };
-        }
-        export namespace size {
-            export namespace control_5 {
-                let type_1: string;
-                export { type_1 as type };
-                export let options: string[];
-            }
-            export { control_5 as control };
-        }
-        export namespace markType_1 {
-            export namespace control_6 {
-                let type_2: string;
-                export { type_2 as type };
-                let options_1: string[];
-                export { options_1 as options };
-            }
-            export { control_6 as control };
-        }
-        export { markType_1 as markType };
-        export namespace isSignedIn {
-            export namespace control_7 {
-                let type_3: string;
-                export { type_3 as type };
-            }
-            export { control_7 as control };
-            let defaultValue_3: boolean;
-            export { defaultValue_3 as defaultValue };
-        }
-        export namespace unlinkIconPath {
-            let control_8: string;
-            export { control_8 as control };
-            export let description: string;
-        }
-    }
-    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 Small: any;
-export const SmallChecked: any;
-export const CustomColors: any;
-export const NoLabel: any;
-export const DarkBackground: any;
-export const EmailLabel: any;
-export const EmailLabelSmallContainer: any;
-export const EmailLabelVerySmallContainer: any;
-export const LongEmailLabel: any;
-export const LongEmailLabelSmallContainer: any;
-export const LongEmailLabelVerySmallContainer: any;
-export const NotSignedIn: any;
-export const NotSignedInEmail: any;
-export const NotSignedInChecked: any;
-export const CustomIconPath: any;
-import ColoredCheckbox from "./ColoredCheckbox";

package/dist/components/molecules/checkboxForm/ColoredCheckbox.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, { useState } from "react";
-import ColoredCheckbox from "./ColoredCheckbox";
-export default {
-    title: "Components/Molecules/ColoredCheckbox",
-    component: ColoredCheckbox,
-    tags: ["autodocs"],
-    args: {
-        label: "my-email-address@provider.com",
-        checked: true,
-        boxColor: "#25beeb",
-        markType: "check",
-    },
-    argTypes: {
-        checked: {
-            control: {
-                type: "boolean",
-            },
-        },
-        onChange: { action: "changed" },
-        label: {
-            control: "text",
-        },
-        boxColor: {
-            control: "color",
-            defaultValue: "#25beeb",
-        },
-        markColor: {
-            control: "color",
-            defaultValue: "#FFFFFF",
-        },
-        textColor: {
-            control: "color",
-            defaultValue: "#000000",
-        },
-        size: {
-            control: {
-                type: "select",
-                options: ["default", "small"],
-            },
-        },
-        markType: {
-            control: {
-                type: "select",
-                options: ["cross", "check"],
-            },
-        },
-        isSignedIn: {
-            control: {
-                type: "boolean",
-            },
-            defaultValue: true,
-        },
-        unlinkIconPath: {
-            control: "text",
-            description: "Chemin vers l'icône de déconnexion",
-        },
-    },
-    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("div", { style: { width: args.containerWidth || "100%" } },
-        React.createElement(ColoredCheckbox, __assign({}, args, { checked: checked, onChange: handleChange }))));
-};
-export var Default = Template.bind({});
-Default.args = {
-    checked: true,
-    label: "my-email-address@provider.com",
-    boxColor: "#25beeb",
-    markColor: "#FFFFFF",
-    textColor: "#000000",
-    size: "default",
-    markType: "check",
-    isSignedIn: true,
-};
-export var Checked = Template.bind({});
-Checked.args = __assign(__assign({}, Default.args), { checked: true, label: "Checked Checkbox" });
-export var CheckMark = Template.bind({});
-CheckMark.args = __assign(__assign({}, Default.args), { label: "Checkbox with check mark", markType: "check" });
-export var CheckedCheckMark = Template.bind({});
-CheckedCheckMark.args = __assign(__assign({}, CheckMark.args), { checked: true, label: "Checked Checkbox with check mark" });
-export var Small = Template.bind({});
-Small.args = __assign(__assign({}, Default.args), { label: "Small Checkbox", size: "small" });
-export var SmallChecked = Template.bind({});
-SmallChecked.args = __assign(__assign({}, Small.args), { checked: true, label: "Small Checked Checkbox" });
-export var CustomColors = Template.bind({});
-CustomColors.args = __assign(__assign({}, Default.args), { checked: true, label: "Custom Colors Checkbox", boxColor: "#25beeb", markColor: "#FFFFFF", textColor: "#456073" });
-export var NoLabel = Template.bind({});
-NoLabel.args = __assign(__assign({}, Default.args), { label: undefined });
-export var DarkBackground = Template.bind({});
-DarkBackground.args = __assign(__assign({}, Default.args), { checked: true, boxColor: "#FFFFFF", markColor: "#000000", textColor: "#FFFFFF" });
-DarkBackground.parameters = {
-    backgrounds: { default: "dark" },
-};
-// Exemples avec des adresses email
-export var EmailLabel = Template.bind({});
-EmailLabel.args = __assign(__assign({}, Default.args), { checked: true, label: "vincent.desbrosses@hotmail.com", boxColor: "#25beeb" });
-export var EmailLabelSmallContainer = Template.bind({});
-EmailLabelSmallContainer.args = __assign(__assign({}, EmailLabel.args), { containerWidth: "300px" });
-export var EmailLabelVerySmallContainer = Template.bind({});
-EmailLabelVerySmallContainer.args = __assign(__assign({}, EmailLabel.args), { containerWidth: "200px" });
-export var LongEmailLabel = Template.bind({});
-LongEmailLabel.args = __assign(__assign({}, Default.args), { checked: true, label: "very.long.email.address.with.many.parts@some-company-with-long-domain-name.com", boxColor: "#25beeb" });
-export var LongEmailLabelSmallContainer = Template.bind({});
-LongEmailLabelSmallContainer.args = __assign(__assign({}, LongEmailLabel.args), { containerWidth: "300px" });
-export var LongEmailLabelVerySmallContainer = Template.bind({});
-LongEmailLabelVerySmallContainer.args = __assign(__assign({}, LongEmailLabel.args), { containerWidth: "200px" });
-// Exemples avec isSignedIn
-export var NotSignedIn = Template.bind({});
-NotSignedIn.args = __assign(__assign({}, Default.args), { label: "User not signed in", isSignedIn: false });
-export var NotSignedInEmail = Template.bind({});
-NotSignedInEmail.args = __assign(__assign({}, EmailLabel.args), { label: "vincent.desbrosses@hotmail.com", isSignedIn: false });
-export var NotSignedInChecked = Template.bind({});
-NotSignedInChecked.args = __assign(__assign({}, NotSignedIn.args), { checked: true });
-// Exemple avec un chemin d'icône personnalisé
-export var CustomIconPath = Template.bind({});
-CustomIconPath.args = __assign({}, NotSignedIn.args);

package/dist/components/molecules/clientLinkCard/ClientLinkCard.stories.d.ts

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

package/dist/components/molecules/clientLinkCard/ClientLinkCard.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 ClientLinkCard from "./ClientLinkCard";
-export default {
-    title: "Components/Molecules/ClientLinkCard",
-    component: ClientLinkCard,
-};
-var Template = function (args) { return React.createElement(ClientLinkCard, __assign({}, args)); };
-export var Default = Template.bind({});
-Default.args = {
-    clientFirstName: "John",
-    clientName: "Doe",
-    clientMail: "john.doe@example.com",
-    company: "ACME Corp",
-    showArrowOnHover: false,
-    onClientCardClick: function () { return alert("Client card clicked!"); },
-};
-export var WithoutCompany = Template.bind({});
-WithoutCompany.args = {
-    clientFirstName: "Jane",
-    clientName: "Smith",
-    clientMail: "jane.smith@example.com",
-    showArrowOnHover: false,
-    onClientCardClick: function () { return alert("Client card clicked!"); },
-};
-export var WithArrowOnHover = Template.bind({});
-WithArrowOnHover.args = {
-    clientFirstName: "Alice",
-    clientName: "Johnson",
-    clientMail: "alice.johnson@example.com",
-    company: "Tech Corp",
-    showArrowOnHover: true,
-    onClientCardClick: function () { return alert("Client card clicked!"); },
-};
-export var WithoutCompanyAndArrowOnHover = Template.bind({});
-WithoutCompanyAndArrowOnHover.args = {
-    clientFirstName: "Bob",
-    clientName: "Wilson",
-    clientMail: "bob.wilson@example.com",
-    showArrowOnHover: true,
-    onClientCardClick: function () { return alert("Client card clicked!"); },
-};
-export var Selected = Template.bind({});
-Selected.args = {
-    clientFirstName: "Michael",
-    clientName: "Brown",
-    clientMail: "michael.brown@example.com",
-    isSelected: true,
-};

package/dist/components/molecules/contactCard/ContactCard.stories.d.ts

@@ -1,69 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { ContactCard as component };
-    export let tags: string[];
-    export namespace argTypes {
-        namespace name {
-            let control: string;
-        }
-        namespace status {
-            let control_1: string;
-            export { control_1 as control };
-        }
-        namespace phone {
-            let control_2: string;
-            export { control_2 as control };
-        }
-        namespace email {
-            let control_3: string;
-            export { control_3 as control };
-        }
-        namespace gender {
-            export namespace control_4 {
-                let type: string;
-                let options: string[];
-            }
-            export { control_4 as control };
-        }
-        namespace clientLabel {
-            let control_5: string;
-            export { control_5 as control };
-            export let description: string;
-        }
-    }
-    export namespace args {
-        let name_1: string;
-        export { name_1 as name };
-        let status_1: string;
-        export { status_1 as status };
-        let phone_1: string;
-        export { phone_1 as phone };
-        let email_1: string;
-        export { email_1 as email };
-        export let isEditable: boolean;
-        let gender_1: string;
-        export { gender_1 as gender };
-        export let actionIconName: string;
-        let clientLabel_1: string;
-        export { clientLabel_1 as clientLabel };
-    }
-    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 Editable: any;
-export const WithCustomIcon: any;
-export const EmptyFields: any;
-export const PartiallyEmpty: any;
-export const CustomClientLabel: any;
-export const WithBirthDate: any;
-import ContactCard from "./ContactCard";

package/dist/components/molecules/contactCard/ContactCard.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 ContactCard from "./ContactCard";
-import "../../../styles/global.css";
-export default {
-    title: "Components/Molecules/ContactCard",
-    component: ContactCard,
-    tags: ["autodocs"],
-    argTypes: {
-        name: { control: "text" },
-        status: { control: "text" },
-        phone: { control: "text" },
-        email: { control: "text" },
-        gender: {
-            control: {
-                type: "select",
-                options: ["male", "female"],
-            },
-        },
-        clientLabel: {
-            control: "text",
-            description: "Texte personnalisé pour 'Client/Cliente de l'étude'",
-        },
-    },
-    args: {
-        name: "Jane DOE",
-        status: "Client actif",
-        phone: "06 63 90 59 25",
-        email: "enzo@quarantesoixante.com",
-        isEditable: false,
-        gender: "female",
-        actionIconName: "allaw-icon-edit-2",
-        clientLabel: "",
-    },
-    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(ContactCard, __assign({}, args)); };
-export var Default = Template.bind({});
-export var Editable = Template.bind({});
-Editable.args = {
-    isEditable: true,
-};
-export var WithCustomIcon = Template.bind({});
-WithCustomIcon.args = {
-    actionIconName: "allaw-icon-plus",
-};
-export var EmptyFields = Template.bind({});
-EmptyFields.args = {
-    phone: "",
-    email: null,
-};
-export var PartiallyEmpty = Template.bind({});
-PartiallyEmpty.args = {
-    phone: "06 12 34 56 78",
-    email: "",
-};
-export var CustomClientLabel = Template.bind({});
-CustomClientLabel.args = {
-    clientLabel: "Utilisateur professionnel",
-};
-export var WithBirthDate = Template.bind({});
-WithBirthDate.args = {
-    birthDate: new Date("1990-05-15"),
-};

package/dist/components/molecules/contactCard/ContactCardEdit.stories.d.ts

@@ -1,88 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { ContactCardEdit as component };
-    export let tags: string[];
-    export namespace argTypes {
-        namespace name {
-            let control: string;
-        }
-        namespace status {
-            let control_1: string;
-            export { control_1 as control };
-        }
-        namespace phone {
-            let control_2: string;
-            export { control_2 as control };
-        }
-        namespace email {
-            let control_3: string;
-            export { control_3 as control };
-        }
-        namespace clientOfStudy {
-            let control_4: string;
-            export { control_4 as control };
-        }
-        namespace officeName {
-            export namespace control_5 {
-                let type: string;
-                let options: string[];
-            }
-            export { control_5 as control };
-        }
-        namespace birthDate {
-            let control_6: string;
-            export { control_6 as control };
-        }
-        namespace datepickerYearDropdownItemNumber {
-            let control_7: string;
-            export { control_7 as control };
-        }
-        namespace datepickerMinDate {
-            let control_8: string;
-            export { control_8 as control };
-        }
-        namespace datepickerMaxDate {
-            let control_9: string;
-            export { control_9 as control };
-        }
-        namespace datepickerDisableFutur {
-            let control_10: string;
-            export { control_10 as control };
-        }
-    }
-    export namespace args {
-        let name_1: string;
-        export { name_1 as name };
-        let status_1: string;
-        export { status_1 as status };
-        let phone_1: string;
-        export { phone_1 as phone };
-        let email_1: string;
-        export { email_1 as email };
-        let clientOfStudy_1: boolean;
-        export { clientOfStudy_1 as clientOfStudy };
-        let officeName_1: string;
-        export { officeName_1 as officeName };
-        export function onSave(data: any): void;
-        export function onCancel(): void;
-    }
-    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 WithBirthDate: any;
-export const WithoutBirthDate: any;
-export const NonClient: any;
-export const ClientEtude: any;
-export const ClientCabinet: any;
-export const EmptyFields: any;
-import ContactCardEdit from "./ContactCardEdit";

package/dist/components/molecules/contactCard/ContactCardEdit.stories.js

@@ -1,106 +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 ContactCardEdit from "./ContactCardEdit";
-import "../../../styles/global.css";
-export default {
-    title: "Components/Molecules/ContactCardEdit",
-    component: ContactCardEdit,
-    tags: ["autodocs"],
-    argTypes: {
-        name: { control: "text" },
-        status: { control: "text" },
-        phone: { control: "text" },
-        email: { control: "text" },
-        clientOfStudy: { control: "boolean" },
-        officeName: {
-            control: {
-                type: "select",
-                options: ["du cabinet", "de l'étude"],
-            },
-        },
-        birthDate: { control: "date" },
-        datepickerYearDropdownItemNumber: { control: "number" },
-        datepickerMinDate: { control: "date" },
-        datepickerMaxDate: { control: "date" },
-        datepickerDisableFutur: { control: "boolean" },
-    },
-    args: {
-        name: "Jane DOE",
-        status: "Client actif",
-        phone: "06 63 90 59 25",
-        email: "enzo@quarantesoixante.com",
-        clientOfStudy: false,
-        officeName: "du cabinet",
-        onSave: function (data) {
-            console.log("Données sauvegardées:", data);
-            alert("Sauvegarde: ".concat(data.firstName, " ").concat(data.lastName));
-        },
-        onCancel: function () {
-            console.log("Édition annulée");
-            alert("Édition annulée");
-        },
-    },
-    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(ContactCardEdit, __assign({}, args)); };
-export var Default = Template.bind({});
-export var WithBirthDate = Template.bind({});
-WithBirthDate.args = {
-    birthDate: new Date("1990-05-15"),
-    datepickerYearDropdownItemNumber: 120,
-    datepickerMinDate: (function () {
-        var date = new Date();
-        date.setFullYear(date.getFullYear() - 120);
-        return date;
-    })(),
-    datepickerMaxDate: (function () {
-        var date = new Date();
-        date.setFullYear(date.getFullYear() - 10);
-        return date;
-    })(),
-    datepickerDisableFutur: false,
-};
-export var WithoutBirthDate = Template.bind({});
-WithoutBirthDate.args = {
-    birthDate: undefined,
-};
-export var NonClient = Template.bind({});
-NonClient.args = {
-    clientOfStudy: false,
-    status: "Prospect",
-};
-export var ClientEtude = Template.bind({});
-ClientEtude.args = {
-    clientOfStudy: true,
-    officeName: "de l'étude",
-};
-export var ClientCabinet = Template.bind({});
-ClientCabinet.args = {
-    clientOfStudy: true,
-    officeName: "du cabinet",
-};
-export var EmptyFields = Template.bind({});
-EmptyFields.args = {
-    phone: "",
-    email: "",
-};