allaw-ui 5.4.1 → 5.4.3

package/dist/components/molecules/proSwitch/AvatarToggleGroup.stories.js

@@ -1,328 +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 { action } from "@storybook/addon-actions";
-import AvatarToggleGroup from "./AvatarToggleGroup";
-import "../../../styles/global.css";
-export default {
-    title: "Components/Molecules/ProSwitch/AvatarToggleGroup",
-    component: AvatarToggleGroup,
-    tags: ["autodocs"],
-    argTypes: {
-        pros: {
-            control: "object",
-            description: "Liste des professionnels à afficher",
-        },
-        mode: {
-            control: {
-                type: "select",
-                options: ["single", "multiple"],
-            },
-            description: "Mode de sélection (single ou multiple)",
-        },
-        selected: {
-            control: "object",
-            description: "Liste des IDs des pros sélectionnés",
-        },
-        maxVisible: {
-            control: {
-                type: "number",
-                min: 1,
-                max: 10,
-            },
-            description: "Nombre maximum d'avatars visibles (optionnel)",
-        },
-        disabled: {
-            control: "boolean",
-            description: "État désactivé",
-        },
-        onSelect: {
-            action: "selected",
-            description: "Callback appelé lors de la sélection",
-        },
-        onOpenPortal: {
-            action: "portal opened",
-            description: "Callback appelé à l'ouverture de la modal",
-        },
-        showTooltips: {
-            control: "boolean",
-            description: "Afficher les tooltips sur chaque avatar",
-        },
-        tooltipId: {
-            control: "text",
-            description: "ID personnalisé pour les tooltips",
-        },
-    },
-    parameters: {
-        backgrounds: {
-            default: "light",
-            values: [
-                { name: "light", value: "#ffffff" },
-                { name: "grey", value: "#728ea7" },
-                { name: "figma", value: "#404040" },
-                { name: "dark", value: "#171e25" },
-            ],
-        },
-    },
-};
-// Données de test
-var samplePros = [
-    {
-        token: "t1",
-        proUserId: "1",
-        name: "Dupont",
-        firstName: "Jean",
-        profilePictureLink: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=150&h=150&fit=crop&crop=face",
-        profession: "AVOCAT",
-    },
-    {
-        token: "t2",
-        proUserId: "2",
-        name: "Martin",
-        firstName: "Marie",
-        profilePictureLink: "https://images.unsplash.com/photo-1494790108755-2616b612b786?w=150&h=150&fit=crop&crop=face",
-        profession: "NOTAIRE",
-    },
-    {
-        token: "t3",
-        proUserId: "3",
-        name: "Durand",
-        firstName: "Pierre",
-        profilePictureLink: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=150&h=150&fit=crop&crop=face",
-        profession: "AVOCAT",
-    },
-    {
-        token: "t4",
-        proUserId: "4",
-        name: "Bernard",
-        firstName: "Sophie",
-        profilePictureLink: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=150&h=150&fit=crop&crop=face",
-        profession: "COMMISSAIRE",
-    },
-    {
-        token: "t5",
-        proUserId: "5",
-        name: "Petit",
-        firstName: "Lucas",
-        profilePictureLink: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=150&h=150&fit=crop&crop=face",
-        profession: "AVOCAT",
-    },
-    {
-        token: "t6",
-        proUserId: "6",
-        name: "Rousseau",
-        firstName: "Emma",
-        profilePictureLink: "https://images.unsplash.com/photo-1502823403499-6ccfcf4fb453?w=150&h=150&fit=crop&crop=face",
-        profession: "NOTAIRE",
-    },
-    {
-        token: "t7",
-        proUserId: "7",
-        name: "Leroy",
-        firstName: "François",
-        profilePictureLink: "https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?w=150&h=150&fit=crop&crop=face",
-        profession: "AVOCAT",
-    },
-    {
-        token: "t8",
-        proUserId: "8",
-        name: "Moreau",
-        firstName: "Alice",
-        profilePictureLink: "https://images.unsplash.com/photo-1544005313-94ddf0286df2?w=150&h=150&fit=crop&crop=face",
-        profession: "COMMISSAIRE",
-    },
-];
-var Template = function (args) {
-    var _a = useState(args.selected || []), selected = _a[0], setSelected = _a[1];
-    var handleSelect = function (selectedPros) {
-        setSelected(selectedPros.map(function (pro) { return pro.proUserId; }));
-        action("onSelect")(selectedPros);
-    };
-    return (React.createElement("div", { style: { padding: "20px", maxWidth: "600px" } },
-        React.createElement(AvatarToggleGroup, __assign({}, args, { selected: selected, onSelect: handleSelect })),
-        React.createElement("div", { style: { marginTop: "20px", fontSize: "14px", color: "#666" } },
-            React.createElement("strong", null, "S\u00E9lection actuelle :"),
-            " ",
-            selected.join(", ") || "Aucune",
-            React.createElement("br", null),
-            React.createElement("small", null, "\uD83D\uDCA1 Testez le hover sur les avatars pour voir les tooltips"),
-            args.mode === "multiple" && (React.createElement(React.Fragment, null,
-                React.createElement("br", null),
-                React.createElement("small", null, "\uD83D\uDD12 En mode multiple, impossible de d\u00E9s\u00E9lectionner le dernier pro"))))));
-};
-export var Default = Template.bind({});
-Default.args = {
-    pros: samplePros.slice(0, 3),
-    mode: "single",
-    selected: ["1"],
-    disabled: false,
-    showTooltips: true,
-    tooltipId: "avatar-toggle-tooltip",
-};
-export var Multiple = Template.bind({});
-Multiple.args = {
-    pros: samplePros.slice(0, 4),
-    mode: "multiple",
-    selected: ["1", "3"],
-    disabled: false,
-    showTooltips: true,
-    tooltipId: "avatar-toggle-tooltip",
-};
-export var WithManyPros = Template.bind({});
-WithManyPros.args = {
-    pros: samplePros,
-    mode: "multiple",
-    selected: ["1", "3", "5"],
-    disabled: false,
-    showTooltips: true,
-    tooltipId: "avatar-toggle-tooltip",
-};
-export var Disabled = Template.bind({});
-Disabled.args = {
-    pros: samplePros.slice(0, 3),
-    mode: "single",
-    selected: ["1"],
-    disabled: true,
-    showTooltips: true,
-    tooltipId: "avatar-toggle-tooltip",
-};
-export var WithMaxVisible = Template.bind({});
-WithMaxVisible.args = {
-    pros: samplePros,
-    mode: "multiple",
-    selected: ["1", "2"],
-    maxVisible: 3,
-    disabled: false,
-    showTooltips: true,
-    tooltipId: "avatar-toggle-tooltip",
-};
-export var SingleWithInitials = Template.bind({});
-SingleWithInitials.args = {
-    pros: [
-        {
-            token: "t1",
-            proUserId: "1",
-            name: "Dupont",
-            firstName: "Jean",
-            profilePictureLink: "", // Pas d'image pour forcer les initiales
-            profession: "AVOCAT",
-        },
-        {
-            token: "t2",
-            proUserId: "2",
-            name: "Martin",
-            firstName: "Marie",
-            profilePictureLink: "",
-            profession: "NOTAIRE",
-        },
-        {
-            token: "t3",
-            proUserId: "3",
-            name: "Durand",
-            firstName: "Pierre",
-            profilePictureLink: "",
-            profession: "AVOCAT",
-        },
-    ],
-    mode: "single",
-    selected: ["1"],
-    disabled: false,
-    showTooltips: true,
-    tooltipId: "avatar-toggle-tooltip",
-};
-export var ResponsiveTest = function () {
-    var _a = useState(["1"]), selected = _a[0], setSelected = _a[1];
-    var handleSelect = function (selectedPros) {
-        setSelected(selectedPros.map(function (pro) { return pro.proUserId; }));
-        action("onSelect")(selectedPros);
-    };
-    return (React.createElement("div", { style: { padding: "20px" } },
-        React.createElement("h3", { style: { marginBottom: "20px" } }, "Test Responsive - Redimensionnez la fen\u00EAtre"),
-        React.createElement("div", { style: {
-                border: "1px solid #ccc",
-                padding: "20px",
-                marginBottom: "20px",
-                maxWidth: "100%",
-                overflow: "hidden",
-            } },
-            React.createElement(AvatarToggleGroup, { pros: samplePros, mode: "multiple", selected: selected, onSelect: handleSelect, onOpenPortal: function () { return action("Portal opened")(); }, showTooltips: true, tooltipId: "responsive-test-tooltip" })),
-        React.createElement("div", { style: { fontSize: "14px", color: "#666" } },
-            React.createElement("strong", null, "S\u00E9lection :"),
-            " ",
-            selected.join(", ") || "Aucune")));
-};
-export var InteractiveDemo = function () {
-    var _a = useState("single"), mode = _a[0], setMode = _a[1];
-    var _b = useState(["1"]), selected = _b[0], setSelected = _b[1];
-    var _c = useState(false), disabled = _c[0], setDisabled = _c[1];
-    var handleSelect = function (selectedPros) {
-        setSelected(selectedPros.map(function (pro) { return pro.proUserId; }));
-        action("onSelect")(selectedPros);
-    };
-    return (React.createElement("div", { style: { padding: "20px" } },
-        React.createElement("div", { style: {
-                marginBottom: "20px",
-                display: "flex",
-                gap: "20px",
-                alignItems: "center",
-            } },
-            React.createElement("label", null,
-                React.createElement("input", { type: "radio", name: "mode", value: "single", checked: mode === "single", onChange: function (e) { return setMode(e.target.value); } }),
-                "Single"),
-            React.createElement("label", null,
-                React.createElement("input", { type: "radio", name: "mode", value: "multiple", checked: mode === "multiple", onChange: function (e) { return setMode(e.target.value); } }),
-                "Multiple"),
-            React.createElement("label", null,
-                React.createElement("input", { type: "checkbox", checked: disabled, onChange: function (e) { return setDisabled(e.target.checked); } }),
-                "Disabled")),
-        React.createElement("div", { style: {
-                border: "1px solid #ccc",
-                padding: "20px",
-                marginBottom: "20px",
-            } },
-            React.createElement(AvatarToggleGroup, { pros: samplePros.slice(0, 5), mode: mode, selected: selected, onSelect: handleSelect, disabled: disabled, onOpenPortal: function () { return action("Portal opened")(); }, showTooltips: true, tooltipId: "interactive-demo-tooltip" })),
-        React.createElement("div", { style: { fontSize: "14px", color: "#666" } },
-            React.createElement("strong", null, "Mode :"),
-            " ",
-            mode,
-            " | ",
-            React.createElement("strong", null, "S\u00E9lection :"),
-            " ",
-            selected.join(", ") || "Aucune",
-            React.createElement("br", null),
-            "\uD83D\uDCA1 Survolez les avatars pour voir les tooltips",
-            mode === "multiple" && (React.createElement(React.Fragment, null,
-                React.createElement("br", null),
-                "\uD83D\uDD12 En mode multiple, impossible de d\u00E9s\u00E9lectionner le dernier pro")))));
-};
-export var TooltipTest = function () {
-    var _a = useState(["1"]), selected = _a[0], setSelected = _a[1];
-    var handleSelect = function (selectedPros) {
-        setSelected(selectedPros.map(function (pro) { return pro.proUserId; }));
-        action("onSelect")(selectedPros);
-    };
-    return (React.createElement("div", { style: { padding: "20px" } },
-        React.createElement("h3", { style: { marginBottom: "10px" } }, "Test des Tooltips"),
-        React.createElement("p", { style: { marginBottom: "20px", fontSize: "14px", color: "#666" } }, "\uD83D\uDCA1 Survolez chaque avatar pour voir le tooltip avec le nom complet"),
-        React.createElement("div", { style: {
-                border: "1px solid #ccc",
-                padding: "20px",
-                marginBottom: "20px",
-            } },
-            React.createElement(AvatarToggleGroup, { pros: samplePros.slice(0, 6), mode: "multiple", selected: selected, onSelect: handleSelect, showTooltips: true, tooltipId: "tooltip-test" })),
-        React.createElement("div", { style: { fontSize: "14px", color: "#666" } },
-            React.createElement("strong", null, "S\u00E9lection :"),
-            " ",
-            selected.join(", ") || "Aucune",
-            React.createElement("br", null),
-            React.createElement("small", null, "\u2705 Tooltips activ\u00E9s sur tous les avatars"))));
-};

package/dist/components/molecules/proSwitch/ProSwitch.stories.d.ts

@@ -1,9 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { ProSwitch as component };
-}
-export default _default;
-export function SingleSelect(): React.JSX.Element;
-export function MultiSelectOverflow(): React.JSX.Element;
-import ProSwitch from "./ProSwitch";
-import React from "react";

package/dist/components/molecules/proSwitch/ProSwitch.stories.js

@@ -1,152 +0,0 @@
-import React, { useState } from "react";
-import { action } from "@storybook/addon-actions";
-import ProSwitch from "./ProSwitch";
-export default {
-    title: "Components/Molecules/ProSwitch/ProSwitch",
-    component: ProSwitch,
-};
-var samplePros = [
-    {
-        token: "t1",
-        proUserId: "1",
-        name: "Dupont",
-        firstName: "Jean",
-        profilePictureLink: "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=150&h=150&fit=crop&crop=face",
-        profession: "AVOCAT",
-    },
-    {
-        token: "t2",
-        proUserId: "2",
-        name: "Martin",
-        firstName: "Marie",
-        profilePictureLink: "",
-        profession: "NOTAIRE",
-    },
-    {
-        token: "t3",
-        proUserId: "3",
-        name: "Durand",
-        firstName: "Pierre",
-        profilePictureLink: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=150&h=150&fit=crop&crop=face",
-        profession: "AVOCAT",
-    },
-    {
-        token: "t4",
-        proUserId: "4",
-        name: "Bernard",
-        firstName: "Sophie",
-        profilePictureLink: "",
-        profession: "COMMISSAIRE",
-    },
-    {
-        token: "t5",
-        proUserId: "5",
-        name: "Petit",
-        firstName: "Lucas",
-        profilePictureLink: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=150&h=150&fit=crop&crop=face",
-        profession: "AVOCAT",
-    },
-    {
-        token: "t6",
-        proUserId: "6",
-        name: "Rousseau",
-        firstName: "Emma",
-        profilePictureLink: "",
-        profession: "NOTAIRE",
-    },
-    {
-        token: "t7",
-        proUserId: "7",
-        name: "Leroy",
-        firstName: "François",
-        profilePictureLink: "https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?w=150&h=150&fit=crop&crop=face",
-        profession: "AVOCAT",
-    },
-    {
-        token: "t8",
-        proUserId: "8",
-        name: "Moreau",
-        firstName: "Alice",
-        profilePictureLink: "",
-        profession: "COMMISSAIRE",
-    },
-    {
-        token: "t9",
-        proUserId: "9",
-        name: "Girard",
-        firstName: "Paul",
-        profilePictureLink: "",
-        profession: "AVOCAT",
-    },
-    {
-        token: "t10",
-        proUserId: "10",
-        name: "Fabre",
-        firstName: "Julie",
-        profilePictureLink: "",
-        profession: "NOTAIRE",
-    },
-    {
-        token: "t11",
-        proUserId: "11",
-        name: "Simon",
-        firstName: "Antoine",
-        profilePictureLink: "",
-        profession: "AVOCAT",
-    },
-    {
-        token: "t12",
-        proUserId: "12",
-        name: "Michel",
-        firstName: "Claire",
-        profilePictureLink: "",
-        profession: "COMMISSAIRE",
-    },
-    {
-        token: "t13",
-        proUserId: "13",
-        name: "Garcia",
-        firstName: "Hugo",
-        profilePictureLink: "",
-        profession: "AVOCAT",
-    },
-    {
-        token: "t14",
-        proUserId: "14",
-        name: "David",
-        firstName: "Sarah",
-        profilePictureLink: "",
-        profession: "NOTAIRE",
-    },
-    {
-        token: "t15",
-        proUserId: "15",
-        name: "Robert",
-        firstName: "Nicolas",
-        profilePictureLink: "",
-        profession: "AVOCAT",
-    },
-];
-export var SingleSelect = function () {
-    var _a = useState(["1"]), selected = _a[0], setSelected = _a[1];
-    return (React.createElement("div", { style: { padding: "20px" } },
-        React.createElement("h3", { style: { marginBottom: "10px" } }, "Mode Single avec Tooltips"),
-        React.createElement(ProSwitch, { pros: samplePros.slice(0, 15), selected: selected, mode: "single", onSelect: function (pros) {
-                setSelected(pros.map(function (p) { return p.proUserId; }));
-                action("onSelect")(pros);
-            }, onOrderChange: action("onOrderChange"), showTooltips: true, tooltipId: "single-select-tooltip" }),
-        React.createElement("div", { style: { marginTop: "10px", fontSize: "12px", color: "#666" } }, "\uD83D\uDCA1 Survolez les avatars pour voir les tooltips")));
-};
-export var MultiSelectOverflow = function () {
-    var _a = useState(["1", "2"]), selected = _a[0], setSelected = _a[1];
-    return (React.createElement("div", { style: { width: 200, padding: "20px" } },
-        React.createElement("h3", { style: { marginBottom: "10px" } }, "Mode Multiple avec Blocage"),
-        React.createElement(ProSwitch, { pros: samplePros, selected: selected, mode: "multiple", onSelect: function (pros) {
-                setSelected(pros.map(function (p) { return p.proUserId; }));
-                action("onSelect")(pros);
-            }, onOrderChange: action("onOrderChange"), showTooltips: true, tooltipId: "multi-select-tooltip" }),
-        React.createElement("div", { style: { marginTop: "10px", fontSize: "12px", color: "#666" } },
-            "\uD83D\uDCA1 Survolez les avatars pour voir les tooltips",
-            React.createElement("br", null),
-            "\uD83D\uDD12 Essayez de d\u00E9s\u00E9lectionner le dernier pro (impossible)")));
-};

package/dist/components/molecules/proSwitch/ProSwitchModal.stories.d.ts

@@ -1,62 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { ProSwitchModal as component };
-    export let tags: string[];
-    export namespace argTypes {
-        namespace open {
-            let control: boolean;
-        }
-        namespace pros {
-            let control_1: boolean;
-            export { control_1 as control };
-        }
-        namespace selected {
-            let control_2: boolean;
-            export { control_2 as control };
-        }
-        namespace mode {
-            export namespace control_3 {
-                let type: string;
-                let options: string[];
-            }
-            export { control_3 as control };
-        }
-        namespace onClosePortal {
-            let action: string;
-        }
-        namespace onOpenPortal {
-            let action_1: string;
-            export { action_1 as action };
-        }
-        namespace onOrderChange {
-            let action_2: string;
-            export { action_2 as action };
-        }
-        namespace onSelect {
-            let action_3: string;
-            export { action_3 as action };
-        }
-    }
-    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 Single: any;
-export const Reorder: any;
-export const Scroll: any;
-export const FallbackInitiales: any;
-export const Responsive: any;
-export const ResponsiveMobile: any;
-export const FewProfiles: any;
-export function TestBlocking(): React.JSX.Element;
-import ProSwitchModal from "./ProSwitchModal";
-import React from "react";