allaw-ui 5.4.1 → 5.4.3

package/dist/components/atoms/uiVariables/Strokes.stories.d.ts

@@ -1,18 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { Strokes as component };
-    export let tags: 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;
-import Strokes from "./Strokes";

package/dist/components/atoms/uiVariables/Strokes.stories.js

@@ -1,34 +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 Strokes from "./Strokes";
-import "./StrokesExample.css";
-import "../../../styles/global.css";
-export default {
-    title: "Components/UI-Variables/Strokes",
-    component: Strokes,
-    tags: ["autodocs"],
-    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(Strokes, __assign({}, args)); };
-export var Default = Template.bind({});
-Default.args = {};

package/dist/components/molecules/AiText/aiText.stories.d.ts

@@ -1,43 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { AiText as component };
-    export namespace argTypes {
-        namespace children {
-            namespace control {
-                let type: string;
-            }
-            let description: string;
-        }
-    }
-    export namespace parameters {
-        namespace docs {
-            export namespace description_1 {
-                let component: string;
-            }
-            export { description_1 as description };
-        }
-    }
-}
-export default _default;
-export const Default: any;
-export const WithButton: any;
-export const WithForm: any;
-export const WithList: any;
-export const WithImage: any;
-export const ComplexContent: any;
-export function MultipleContainers(): React.JSX.Element;
-export namespace MultipleContainers {
-    export namespace parameters_1 {
-        export namespace docs_1 {
-            export namespace description_2 {
-                let story: string;
-            }
-            export { description_2 as description };
-        }
-        export { docs_1 as docs };
-    }
-    export { parameters_1 as parameters };
-}
-export const CustomClassName: any;
-import AiText from "./aiText";
-import React from "react";

package/dist/components/molecules/AiText/aiText.stories.js

@@ -1,216 +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 AiText, { AiTextProps } from "./aiText";
-import Paragraph from "../../atoms/typography/Paragraph";
-export default {
-    title: "Components/Molecules/AiText",
-    component: AiText,
-    argTypes: {
-        children: {
-            control: { type: "text" },
-            description: "Contenu à afficher dans le container avec effet glowing",
-        },
-    },
-    parameters: {
-        docs: {
-            description: {
-                component: "Composant AiText - Container réutilisable avec effet glowing animé. Accepte n'importe quel contenu via children.",
-            },
-        },
-    },
-};
-var Template = function (args) { return React.createElement(AiText, __assign({}, args)); };
-export var Default = Template.bind({});
-Default.args = {
-    children: (React.createElement(Paragraph, { text: "L'intelligence artificielle a analys\u00E9 votre demande et g\u00E9n\u00E8re automatiquement une r\u00E9ponse personnalis\u00E9e pour vous aider dans vos d\u00E9marches juridiques.", variant: "medium", size: "default" })),
-};
-Default.parameters = {
-    docs: {
-        description: {
-            story: "Container par défaut avec un composant Paragraph à l'intérieur.",
-        },
-    },
-};
-export var WithButton = Template.bind({});
-WithButton.args = {
-    children: (React.createElement("div", { style: { textAlign: "center" } },
-        React.createElement("h3", { style: { margin: "0 0 16px 0", color: "#25beeb" } }, "Action requise"),
-        React.createElement("p", { style: { margin: "0 0 20px 0", color: "#666" } }, "Confirmez-vous cette action ?"),
-        React.createElement("button", { style: {
-                padding: "12px 24px",
-                backgroundColor: "#25beeb",
-                color: "white",
-                border: "none",
-                borderRadius: "8px",
-                cursor: "pointer",
-            } }, "Confirmer"))),
-};
-WithButton.parameters = {
-    docs: {
-        description: {
-            story: "Container avec du contenu interactif : titre, texte et bouton.",
-        },
-    },
-};
-export var WithForm = Template.bind({});
-WithForm.args = {
-    children: (React.createElement("form", { style: { display: "flex", flexDirection: "column", gap: "16px" } },
-        React.createElement("h4", { style: { margin: "0 0 8px 0" } }, "Formulaire IA"),
-        React.createElement("input", { type: "text", placeholder: "Votre question...", style: {
-                padding: "12px",
-                border: "1px solid #ddd",
-                borderRadius: "6px",
-                fontSize: "14px",
-            } }),
-        React.createElement("textarea", { placeholder: "D\u00E9tails suppl\u00E9mentaires...", rows: 3, style: {
-                padding: "12px",
-                border: "1px solid #ddd",
-                borderRadius: "6px",
-                fontSize: "14px",
-                resize: "vertical",
-            } }),
-        React.createElement("button", { type: "submit", style: {
-                padding: "12px",
-                backgroundColor: "#25beeb",
-                color: "white",
-                border: "none",
-                borderRadius: "6px",
-                cursor: "pointer",
-            } }, "Analyser avec l'IA"))),
-};
-WithForm.parameters = {
-    docs: {
-        description: {
-            story: "Container avec un formulaire complet : inputs, textarea et bouton de soumission.",
-        },
-    },
-};
-export var WithList = Template.bind({});
-WithList.args = {
-    children: (React.createElement("div", null,
-        React.createElement("h4", { style: { margin: "0 0 16px 0", color: "#25beeb" } }, "R\u00E9sultats de l'analyse IA"),
-        React.createElement("ul", { style: { margin: 0, paddingLeft: "20px", lineHeight: "1.6" } },
-            React.createElement("li", null, "\u2705 Document analys\u00E9 avec succ\u00E8s"),
-            React.createElement("li", null, "\uD83D\uDCCA 3 points d'attention identifi\u00E9s"),
-            React.createElement("li", null, "\uD83D\uDCA1 2 recommandations g\u00E9n\u00E9r\u00E9es"),
-            React.createElement("li", null, "\u2696\uFE0F Conformit\u00E9 juridique v\u00E9rifi\u00E9e")))),
-};
-WithList.parameters = {
-    docs: {
-        description: {
-            story: "Container avec une liste de résultats et des emojis pour l'illustration.",
-        },
-    },
-};
-export var WithImage = Template.bind({});
-WithImage.args = {
-    children: (React.createElement("div", { style: { textAlign: "center" } },
-        React.createElement("div", { style: {
-                width: "80px",
-                height: "80px",
-                backgroundColor: "#f0f8ff",
-                borderRadius: "50%",
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                margin: "0 auto 16px auto",
-                fontSize: "32px",
-            } }, "\uD83E\uDD16"),
-        React.createElement("h4", { style: { margin: "0 0 8px 0" } }, "Assistant IA"),
-        React.createElement("p", { style: { margin: 0, color: "#666", fontSize: "14px" } }, "Pr\u00EAt \u00E0 analyser vos documents"))),
-};
-WithImage.parameters = {
-    docs: {
-        description: {
-            story: "Container avec un avatar circulaire, titre et description centrés.",
-        },
-    },
-};
-export var ComplexContent = Template.bind({});
-ComplexContent.args = {
-    children: (React.createElement("div", null,
-        React.createElement("div", { style: {
-                display: "flex",
-                alignItems: "center",
-                gap: "12px",
-                marginBottom: "16px",
-            } },
-            React.createElement("div", { style: { fontSize: "24px" } }, "\uD83C\uDF86"),
-            React.createElement("h3", { style: { margin: 0, color: "#25beeb" } }, "Analyse Compl\u00E8te")),
-        React.createElement("div", { style: {
-                padding: "16px",
-                backgroundColor: "#f8f9fa",
-                borderRadius: "8px",
-                marginBottom: "16px",
-            } },
-            React.createElement("p", { style: { margin: "0 0 12px 0", fontWeight: "bold" } }, "R\u00E9sultats de l'IA :"),
-            React.createElement("ul", { style: { margin: 0, paddingLeft: "20px" } },
-                React.createElement("li", null, "Analyse des clauses contractuelles"),
-                React.createElement("li", null, "\u00C9valuation des risques juridiques"),
-                React.createElement("li", null, "Propositions de solutions adapt\u00E9es"))),
-        React.createElement("div", { style: { display: "flex", gap: "12px", justifyContent: "flex-end" } },
-            React.createElement("button", { style: {
-                    padding: "8px 16px",
-                    backgroundColor: "transparent",
-                    color: "#666",
-                    border: "1px solid #ddd",
-                    borderRadius: "6px",
-                    cursor: "pointer",
-                } }, "Annuler"),
-            React.createElement("button", { style: {
-                    padding: "8px 16px",
-                    backgroundColor: "#25beeb",
-                    color: "white",
-                    border: "none",
-                    borderRadius: "6px",
-                    cursor: "pointer",
-                } }, "Valider")))),
-};
-ComplexContent.parameters = {
-    docs: {
-        description: {
-            story: "Exemple avec du contenu complexe : titre, zone d'information et boutons d'action.",
-        },
-    },
-};
-export var MultipleContainers = function () { return (React.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "24px" } },
-    React.createElement(AiText, null,
-        React.createElement(Paragraph, { text: "Premier container avec du texte simple", variant: "bold", color: "bleu-allaw" })),
-    React.createElement(AiText, null,
-        React.createElement("div", { style: { display: "flex", alignItems: "center", gap: "12px" } },
-            React.createElement("span", { style: { fontSize: "20px" } }, "\u26A1"),
-            React.createElement(Paragraph, { text: "Container avec ic\u00F4ne et texte", variant: "medium" }))),
-    React.createElement(AiText, null,
-        React.createElement("div", { style: { textAlign: "center" } },
-            React.createElement("div", { style: { fontSize: "32px", marginBottom: "8px" } }, "\uD83C\uDFAF"),
-            React.createElement(Paragraph, { text: "Container centr\u00E9 avec emoji", variant: "semiBold", size: "small" }))))); };
-MultipleContainers.parameters = {
-    docs: {
-        description: {
-            story: "Exemple avec plusieurs containers AiText montrant la flexibilité du composant avec différents types de contenu.",
-        },
-    },
-};
-export var CustomClassName = Template.bind({});
-CustomClassName.args = {
-    children: (React.createElement(Paragraph, { text: "Container avec une classe CSS personnalis\u00E9e", variant: "medium" })),
-    className: "my-custom-class",
-};
-CustomClassName.parameters = {
-    docs: {
-        description: {
-            story: "Exemple montrant l'utilisation de la prop className pour personnaliser le style.",
-        },
-    },
-};

package/dist/components/molecules/DataStepper/Stepper.stories.d.ts

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

package/dist/components/molecules/DataStepper/Stepper.stories.js

@@ -1,248 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import React from "react";
-import { Stepper } from "./Stepper";
-// Exemple de composant custom
-var CustomInput = function (_a) {
-    var value = _a.value, onChange = _a.onChange, foo = _a.foo;
-    return (React.createElement("div", null,
-        React.createElement("label", null,
-            "Custom (",
-            foo,
-            ")"),
-        React.createElement("input", { value: value || "", onChange: function (e) { return onChange(e.target.value); } })));
-};
-var fetchCities = function (country) { return __awaiter(void 0, void 0, void 0, function () {
-    return __generator(this, function (_a) {
-        if (country === "France")
-            return [2 /*return*/, ["Paris", "Lyon", "Marseille"]];
-        if (country === "Belgique")
-            return [2 /*return*/, ["Bruxelles", "Liège", "Anvers"]];
-        if (country === "Suisse")
-            return [2 /*return*/, ["Genève", "Zurich", "Lausanne"]];
-        return [2 /*return*/, []];
-    });
-}); };
-var config = [
-    {
-        title: "Informations personnelles",
-        layout: 1,
-        fields: [
-            { name: "firstName", label: "Prénom", type: "text" },
-            { name: "lastName", label: "Nom", type: "text" },
-            { name: "birthDate", label: "Date de naissance", type: "date" },
-            { name: "gender", label: "Genre", type: "select", options: ["Homme", "Femme", "Autre"] },
-            {
-                name: "newsletter",
-                label: "S'inscrire à la newsletter",
-                type: "checkbox",
-                showIf: function (values) { return values.gender === "Femme"; },
-            },
-        ],
-        buttons: [
-            {
-                label: "Étape suivante",
-                action: "next",
-                type: "primary",
-            },
-            {
-                label: "Custom Alert",
-                action: function (values) { return alert("Custom action! Prénom: " + (values.firstName || "")); },
-                type: "secondary",
-                disabled: function (values) { return !values.firstName; },
-            },
-            {
-                label: "Petit bouton",
-                action: function () { return alert("TertiaryButton (small) cliqué !"); },
-                type: "small",
-            },
-        ],
-    },
-    {
-        title: "Adresse",
-        description: "Où habitez-vous ?",
-        fields: [
-            {
-                name: "country",
-                label: "Pays",
-                type: "combobox",
-                options: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
-                    return [2 /*return*/, ["France", "Belgique", "Suisse"]];
-                }); }); },
-            },
-            {
-                name: "city",
-                label: "Ville",
-                type: "combobox",
-                options: function (values) { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
-                    return [2 /*return*/, fetchCities(values.country)];
-                }); }); },
-                showIf: function (values) { return !!values.country; },
-            },
-            { name: "postalCode", label: "Code postal", type: "text", showIf: function (values) { return !!values.country; } },
-            { name: "address", label: "Adresse complète", type: "text" },
-        ],
-        buttons: [
-            {
-                label: "Custom Log",
-                action: function (values) { return console.log("Adresse: ", values.address); },
-                type: "small",
-            },
-            {
-                label: "Étape suivante",
-                action: "prev",
-                type: "secondary",
-                disbaled: false,
-            },
-            {
-                label: "Étape suivante",
-                action: "next",
-                type: "primary",
-                disabled: false,
-            },
-        ],
-    },
-    {
-        title: "Préférences",
-        description: "Choisissez vos préférences.",
-        fields: [
-            {
-                name: "color",
-                label: "Couleur préférée",
-                type: "radio",
-                options: ["Rouge", "Vert", "Bleu"],
-            },
-            {
-                name: "animal",
-                label: "Animal préféré",
-                type: "select",
-                options: ["Chien", "Chat", "Oiseau", "Poisson"],
-            },
-            {
-                name: "customField",
-                label: "Champ custom",
-                type: "custom",
-                customComponent: CustomInput,
-                customProps: { foo: "bar" },
-            },
-        ],
-    },
-    {
-        title: "Expérience professionnelle",
-        description: "Parlez-nous de votre parcours.",
-        fields: [
-            { name: "job", label: "Métier actuel", type: "text" },
-            { name: "years", label: "Années d'expérience", type: "select", options: ["0-2", "3-5", "6-10", "10+"] },
-            {
-                name: "manager",
-                label: "Êtes-vous manager ?",
-                type: "checkbox",
-            },
-            {
-                name: "teamSize",
-                label: "Taille de l'équipe",
-                type: "select",
-                options: ["1-5", "6-10", "11-20", "20+"],
-                showIf: function (values) { return values.manager; },
-            },
-        ],
-    },
-    {
-        title: "Compétences",
-        description: "Listez vos compétences principales.",
-        fields: [
-            { name: "skills", label: "Compétences (séparées par des virgules)", type: "text" },
-            { name: "certified", label: "Certifié dans un domaine ?", type: "checkbox" },
-            {
-                name: "certificationName",
-                label: "Nom de la certification",
-                type: "text",
-                showIf: function (values) { return values.certified; },
-            },
-        ],
-    },
-    {
-        title: "Formation",
-        description: "Votre parcours scolaire.",
-        fields: [
-            { name: "degree", label: "Diplôme le plus élevé", type: "select", options: ["Aucun", "Bac", "Bac+2", "Bac+5", "Doctorat"] },
-            { name: "school", label: "Établissement", type: "text" },
-            { name: "graduationYear", label: "Année d'obtention", type: "text" },
-        ],
-    },
-    {
-        title: "Langues",
-        description: "Quelles langues parlez-vous ?",
-        fields: [
-            { name: "languages", label: "Langues (séparées par des virgules)", type: "text" },
-            { name: "native", label: "Langue maternelle", type: "text" },
-        ],
-    },
-    {
-        title: "Centres d'intérêt",
-        description: "Parlez-nous de vos hobbies.",
-        fields: [
-            { name: "hobbies", label: "Hobbies", type: "text" },
-            { name: "sport", label: "Pratiquez-vous un sport ?", type: "checkbox" },
-            {
-                name: "sportName",
-                label: "Quel sport ?",
-                type: "text",
-                showIf: function (values) { return values.sport; },
-            },
-        ],
-    },
-    {
-        title: "Confirmation",
-        description: "Merci de vérifier vos informations avant de valider.",
-        fields: [
-            { name: "acceptTerms", label: "J'accepte les conditions d'utilisation", type: "checkbox" },
-        ],
-    },
-];
-export default {
-    title: "Molecules/DataStepper/Stepper",
-    component: Stepper,
-};
-export var GrandExemple = function () { return (React.createElement("div", { style: { maxWidth: 600, margin: "auto" } },
-    React.createElement(Stepper, { config: config, onSubmit: function (values) {
-            // eslint-disable-next-line no-alert
-            alert("Données soumises : " + JSON.stringify(values, null, 2));
-            console.log(values);
-        }, initialStep: 2, onClose: function () {
-            return alert("Données soumises : ");
-        } }))); };

package/dist/components/molecules/appointmentCard/AppointmentCard.stories.d.ts

@@ -1,37 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { AppointmentCard as component };
-    export let tags: string[];
-    export namespace argTypes {
-        namespace appointment {
-            let control: string;
-        }
-        namespace onClick {
-            let action: string;
-        }
-    }
-    export namespace parameters {
-        namespace actions {
-            let handles: string[];
-        }
-        namespace backgrounds {
-            let _default: string;
-            export { _default as default };
-            export let values: {
-                name: string;
-                value: string;
-            }[];
-        }
-    }
-}
-export default _default;
-export const Confirmed: any;
-export const Scheduled: any;
-export const Pending: any;
-export const Past: any;
-export const Cancelled: any;
-export const ImportedCalendar: any;
-export const OriginalDesign: any;
-export const WithoutDescription: any;
-export const WithoutAttendees: any;
-import AppointmentCard from "./AppointmentCard";