allaw-ui 5.4.1 → 5.4.3

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

@@ -1,269 +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);
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import React, { useState } from "react";
-import { action } from "@storybook/addon-actions";
-import ProSwitchModal from "./ProSwitchModal";
-import "../../../styles/global.css";
-export default {
-    title: "Components/Molecules/ProSwitch/ProSwitchModal",
-    component: ProSwitchModal,
-    tags: ["autodocs"],
-    argTypes: {
-        open: { control: false },
-        pros: { control: false },
-        selected: { control: false },
-        mode: { control: { type: "select", options: ["single", "multiple"] } },
-        onClosePortal: { action: "close" },
-        onOpenPortal: { action: "open" },
-        onOrderChange: { action: "orderChange" },
-        onSelect: { action: "select" },
-    },
-    parameters: {
-        backgrounds: {
-            default: "light",
-            values: [
-                { name: "light", value: "#ffffff" },
-                { name: "grey", value: "#728ea7" },
-                { name: "figma", value: "#404040" },
-                { name: "dark", value: "#171e25" },
-            ],
-        },
-    },
-};
-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",
-    },
-];
-var Template = function (args) {
-    var _a = useState(true), open = _a[0], setOpen = _a[1];
-    var initialPros = args.pros || samplePros;
-    var _b = useState(args.selected && args.selected.length > 0
-        ? args.selected
-        : initialPros.slice(0, 2).map(function (p) { return p.proUserId; })), selected = _b[0], setSelected = _b[1];
-    var _c = useState(initialPros.map(function (p) { return p.proUserId; })), order = _c[0], setOrder = _c[1];
-    var handleOrderChange = function (newOrderPros) {
-        setOrder(newOrderPros.map(function (p) { return p.proUserId; }));
-        action("onOrderChange")(newOrderPros);
-    };
-    var handleSelect = function (selectedPros) {
-        setSelected(selectedPros.map(function (p) { return p.proUserId; }));
-        action("onSelect")(selectedPros);
-    };
-    return (React.createElement("div", null,
-        React.createElement("button", { onClick: function () { return setOpen(true); }, style: { marginBottom: 16 } }, "Ouvrir la modal"),
-        React.createElement(ProSwitchModal, __assign({}, args, { open: open, pros: initialPros.filter(function (p) { return order.includes(p.proUserId); }), selected: selected, onOrderChange: handleOrderChange, onSelect: handleSelect, onClosePortal: function () { return setOpen(false); }, onOpenPortal: action("onOpenPortal") }))));
-};
-export var Default = Template.bind({});
-Default.args = {
-    mode: "multiple",
-};
-Default.parameters = {
-    docs: {
-        description: {
-            story: "Modal avec blocage de désélection en mode multiple. Essayez de désélectionner le dernier pro sélectionné.",
-        },
-    },
-};
-export var Single = Template.bind({});
-Single.args = {
-    mode: "single",
-};
-Single.parameters = {
-    docs: {
-        description: {
-            story: "Modal en mode single.",
-        },
-    },
-};
-export var Reorder = Template.bind({});
-Reorder.args = {
-    mode: "multiple",
-};
-Reorder.parameters = {
-    docs: {
-        description: {
-            story: "Modal avec réorganisation drag-and-drop. Testez la réorganisation.",
-        },
-    },
-};
-export var Scroll = Template.bind({});
-Scroll.args = {
-    mode: "multiple",
-    pros: __spreadArray(__spreadArray(__spreadArray([], samplePros, true), samplePros.map(function (p, i) { return (__assign(__assign({}, p), { proUserId: "x" + (i + 1) })); }), true), samplePros.map(function (p, i) { return (__assign(__assign({}, p), { proUserId: "y" + (i + 1) })); }), true),
-};
-Scroll.parameters = {
-    docs: {
-        description: {
-            story: "Modal avec beaucoup de pros et scroll. Testez le blocage de désélection.",
-        },
-    },
-};
-export var FallbackInitiales = Template.bind({});
-FallbackInitiales.args = {
-    mode: "multiple",
-    pros: samplePros.map(function (p) { return (__assign(__assign({}, p), { profilePictureLink: "" })); }),
-};
-FallbackInitiales.parameters = {
-    docs: {
-        description: {
-            story: "Modal avec fallback sur les initiales.",
-        },
-    },
-};
-export var Responsive = Template.bind({});
-Responsive.args = {
-    mode: "multiple",
-    pros: samplePros,
-};
-Responsive.parameters = {
-    docs: {
-        description: {
-            story: "Modal responsive. Redimensionnez la fenêtre pour tester la responsivité.",
-        },
-    },
-};
-export var ResponsiveMobile = Template.bind({});
-ResponsiveMobile.args = {
-    mode: "multiple",
-};
-ResponsiveMobile.parameters = {
-    viewport: {
-        defaultViewport: "mobile1",
-    },
-    layout: "fullscreen",
-    docs: {
-        description: {
-            story: "Modal en mode mobile. Testez sur mobile ou redimensionnez la fenêtre.",
-        },
-    },
-};
-export var FewProfiles = Template.bind({});
-FewProfiles.args = {
-    mode: "multiple",
-    pros: [
-        {
-            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",
-        },
-    ],
-};
-FewProfiles.parameters = {
-    docs: {
-        description: {
-            story: "Modal avec peu de profils. Testez le blocage de désélection.",
-        },
-    },
-};
-export var TestBlocking = function () {
-    var _a = useState(["1", "2"]), selected = _a[0], setSelected = _a[1];
-    var _b = useState(samplePros.map(function (p) { return p.proUserId; })), order = _b[0], setOrder = _b[1];
-    var handleOrderChange = function (newOrderPros) {
-        setOrder(newOrderPros.map(function (p) { return p.proUserId; }));
-        action("onOrderChange")(newOrderPros);
-    };
-    var handleSelect = function (selectedPros) {
-        setSelected(selectedPros.map(function (p) { return p.proUserId; }));
-        action("onSelect")(selectedPros);
-    };
-    return (React.createElement("div", { style: { padding: "20px" } },
-        React.createElement("h3", { style: { marginBottom: "10px" } }, "Test du Blocage de D\u00E9s\u00E9lection"),
-        React.createElement("p", { style: { marginBottom: "20px", fontSize: "14px", color: "#666" } }, "\uD83D\uDD12 En mode multiple, essayez de d\u00E9s\u00E9lectionner le dernier pro s\u00E9lectionn\u00E9. Cela devrait \u00EAtre impossible !"),
-        React.createElement("button", { onClick: function () { return setSelected(["1", "2"]); }, style: { marginBottom: "16px", padding: "8px 16px" } }, "Reset \u00E0 2 pros s\u00E9lectionn\u00E9s"),
-        React.createElement(ProSwitchModal, { open: true, pros: samplePros.filter(function (p) { return order.includes(p.proUserId); }), selected: selected, mode: "multiple", onOrderChange: handleOrderChange, onSelect: handleSelect, onClosePortal: function () { }, onOpenPortal: action("onOpenPortal") }),
-        React.createElement("div", { style: { marginTop: "10px", fontSize: "12px", color: "#666" } },
-            React.createElement("strong", null, "S\u00E9lection actuelle :"),
-            " ",
-            selected.join(", ") || "Aucune")));
-};

package/dist/components/molecules/questionAnswer/QuestionAnswer.stories.d.ts

@@ -1,17 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { QuestionAnswer as component };
-    export namespace argTypes {
-        export namespace title_1 {
-            let control: string;
-        }
-        export { title_1 as title };
-        export namespace questions {
-            let control_1: string;
-            export { control_1 as control };
-        }
-    }
-}
-export default _default;
-export const Default: any;
-import QuestionAnswer from "./QuestionAnswer";

package/dist/components/molecules/questionAnswer/QuestionAnswer.stories.js

@@ -1,48 +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 { Meta, StoryFn } from "@storybook/react";
-import QuestionAnswer, { QuestionAnswerProps } from "./QuestionAnswer";
-export default {
-    title: "Components/Molecules/QuestionAnswer",
-    component: QuestionAnswer,
-    argTypes: {
-        title: { control: "text" },
-        questions: { control: "object" },
-    },
-};
-var Template = function (args) { return React.createElement(QuestionAnswer, __assign({}, args)); };
-export var Default = Template.bind({});
-Default.args = {
-    questions: [
-        {
-            question: "Comment puis-je créer un compte ?",
-            answer: "Pour créer un compte, cliquez sur le bouton 'S'inscrire' en haut à droite de la page d'accueil. Remplissez le formulaire avec vos informations personnelles et validez. Vous recevrez ensuite un email de confirmation pour activer votre compte.",
-        },
-        {
-            question: "Quels sont les modes de paiement acceptés ?",
-            answer: "Nous acceptons les paiements par carte bancaire (Visa, Mastercard, American Express) ainsi que les paiements via PayPal. Les virements bancaires sont également possibles pour certains clients professionnels.",
-        },
-        {
-            question: "Comment garantir la sécurité de mes données personnelles ?",
-            answer: "Nous utilisons des protocoles de sécurité avancés, tels que le cryptage SSL, pour protéger vos données. De plus, vos informations sont stockées sur des serveurs sécurisés et ne sont jamais partagées avec des tiers sans votre consentement.",
-        },
-        {
-            question: "Puis-je annuler ou modifier ma commande après validation ?",
-            answer: "Oui, vous pouvez annuler ou modifier votre commande dans un délai de 24 heures après sa validation, à condition qu'elle n'ait pas encore été expédiée. Rendez-vous dans la section 'Mes commandes' de votre compte pour effectuer les modifications.",
-        },
-        {
-            question: "Que faire si je rencontre un problème technique ?",
-            answer: "Si vous rencontrez un problème technique, vous pouvez consulter notre centre d'aide pour trouver des solutions aux problèmes courants. Si le problème persiste, contactez notre support client via le formulaire en ligne ou par téléphone au numéro indiqué sur la page 'Contact'.",
-        },
-    ],
-};

package/dist/components/molecules/radioForm/RadioForm.stories.d.ts

@@ -1,37 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { RadioForm as component };
-    export let tags: string[];
-    export namespace argTypes {
-        namespace label {
-            let control: string;
-        }
-        namespace isRequired {
-            let control_1: string;
-            export { control_1 as control };
-        }
-        namespace options {
-            let control_2: string;
-            export { control_2 as control };
-        }
-        namespace defaultSelected {
-            let control_3: string;
-            export { control_3 as control };
-        }
-        namespace style {
-            export namespace control_4 {
-                export let type: string;
-                let options_1: string[];
-                export { options_1 as options };
-            }
-            export { control_4 as control };
-        }
-    }
-}
-export default _default;
-export const Default: any;
-export const WithDefaultSelection: any;
-export const MultipleOptions: any;
-export const ModernStyle: any;
-export const ModernStyleWithMultipleOptions: any;
-import RadioForm from "./RadioForm";

package/dist/components/molecules/radioForm/RadioForm.stories.js

@@ -1,75 +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 RadioForm from "./RadioForm";
-import "../../../styles/global.css";
-export default {
-    title: "Components/Molecules/RadioForm",
-    component: RadioForm,
-    tags: ["autodocs"],
-    argTypes: {
-        label: { control: "text" },
-        isRequired: { control: "boolean" },
-        options: { control: "array" },
-        defaultSelected: { control: "text" },
-        style: {
-            control: {
-                type: "radio",
-                options: ["default", "modern"],
-            },
-        },
-    },
-};
-var Template = function (args) {
-    var _a = useState(args.defaultSelected || null), selectedOption = _a[0], setSelectedOption = _a[1];
-    var handleChange = function (newOption) {
-        setSelectedOption(newOption);
-        console.log("Selected option:", newOption);
-    };
-    return React.createElement(RadioForm, __assign({}, args, { onChange: handleChange }));
-};
-export var Default = Template.bind({});
-Default.args = {
-    label: "Référencer ma fiche pro dans les recherches sur allaw.fr",
-    isRequired: true,
-    options: ["Oui", "Non"],
-    style: "default",
-};
-export var WithDefaultSelection = Template.bind({});
-WithDefaultSelection.args = {
-    label: "Référencer ma fiche pro dans les recherches sur allaw.fr",
-    isRequired: true,
-    options: ["Oui", "Non"],
-    defaultSelected: "Oui",
-    style: "default",
-};
-export var MultipleOptions = Template.bind({});
-MultipleOptions.args = {
-    label: "Choisissez votre option préférée",
-    isRequired: false,
-    options: ["Option 1", "Option 2", "Option 3"],
-    style: "default",
-};
-export var ModernStyle = Template.bind({});
-ModernStyle.args = {
-    label: "Référencer ma fiche pro dans les recherches sur allaw.fr",
-    isRequired: true,
-    options: ["Oui", "Non"],
-    style: "modern",
-};
-export var ModernStyleWithMultipleOptions = Template.bind({});
-ModernStyleWithMultipleOptions.args = {
-    label: "Choisissez votre option préférée",
-    isRequired: false,
-    options: ["Option 1", "Option 2", "Option 3"],
-    style: "modern",
-};

package/dist/components/molecules/rangeSlider/RangeSlider.stories.d.ts

@@ -1,96 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { RangeSlider as component };
-    export let tags: string[];
-    export namespace argTypes {
-        export namespace minValue {
-            namespace control {
-                let type: string;
-            }
-            let description: string;
-        }
-        export namespace maxValue {
-            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 };
-        }
-        export namespace step {
-            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 };
-        }
-        export namespace unit {
-            let control_3: string;
-            export { control_3 as control };
-            let description_3: string;
-            export { description_3 as description };
-        }
-        export namespace title_1 {
-            let control_4: string;
-            export { control_4 as control };
-            let description_4: string;
-            export { description_4 as description };
-        }
-        export { title_1 as title };
-        export namespace description_5 {
-            let control_5: string;
-            export { control_5 as control };
-            let description_6: string;
-            export { description_6 as description };
-        }
-        export { description_5 as description };
-        export namespace showRange {
-            let control_6: string;
-            export { control_6 as control };
-            let description_7: string;
-            export { description_7 as description };
-        }
-        export namespace defaultValue {
-            export namespace control_7 {
-                let type_3: string;
-                export { type_3 as type };
-            }
-            export { control_7 as control };
-            let description_8: string;
-            export { description_8 as description };
-        }
-        export namespace isDisabled {
-            let control_8: string;
-            export { control_8 as control };
-            let description_9: string;
-            export { description_9 as description };
-        }
-        export namespace onChange {
-            export let action: string;
-            let description_10: string;
-            export { description_10 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 Default: any;
-export const WithUnit: any;
-export const SimpleRange: any;
-export const WithoutRange: any;
-export const Disabled: any;
-export const LargeRange: any;
-export const DecimalStep: any;
-import RangeSlider from "./RangeSlider";