allaw-ui 1.1.1 → 2.0.0

package/dist/components/molecules/documentCard/DocumentCard.stories.d.ts

@@ -0,0 +1,71 @@
+declare namespace _default {
+    export let title: string;
+    export { DocumentCard as component };
+    export let tags: string[];
+    export namespace argTypes {
+        export namespace type {
+            namespace control {
+                let type_1: string;
+                export { type_1 as type };
+                export let options: string[];
+            }
+        }
+        export namespace title_1 {
+            let control_1: string;
+            export { control_1 as control };
+        }
+        export { title_1 as title };
+        export namespace date {
+            let control_2: string;
+            export { control_2 as control };
+        }
+        export namespace status {
+            export namespace control_3 {
+                let type_2: string;
+                export { type_2 as type };
+                let options_1: string[];
+                export { options_1 as options };
+            }
+            export { control_3 as control };
+        }
+        export namespace documents {
+            let control_4: string;
+            export { control_4 as control };
+        }
+        export namespace documentCount {
+            let control_5: string;
+            export { control_5 as control };
+        }
+        export namespace shadow {
+            let control_6: string;
+            export { control_6 as control };
+        }
+    }
+    export namespace args {
+        export { defaultDocuments as documents };
+        let documentCount_1: string;
+        export { documentCount_1 as documentCount };
+        let shadow_1: boolean;
+        export { shadow_1 as shadow };
+    }
+    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 Note: any;
+export const Invoice: any;
+export const Waiting: any;
+import DocumentCard from "./DocumentCard";
+declare const defaultDocuments: {
+    "Carte d'identit\u00E9 des \u00E9poux": boolean;
+    "Acte de naissance des \u00E9poux": boolean;
+};

package/dist/components/molecules/documentCard/DocumentCard.stories.js

@@ -0,0 +1,100 @@
+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 DocumentCard from "./DocumentCard";
+import "../../../styles/global.css";
+var defaultDocuments = {
+    "Carte d'identité des époux": true,
+    "Acte de naissance des époux": true,
+};
+export default {
+    title: "Components/Molecules/DocumentCard",
+    component: DocumentCard,
+    tags: ["autodocs"],
+    argTypes: {
+        type: {
+            control: {
+                type: "select",
+                options: ["document", "note", "invoice", "waiting"],
+            },
+        },
+        title: { control: "text" },
+        date: { control: "date" },
+        status: {
+            control: {
+                type: "select",
+                options: [
+                    "sent",
+                    "received",
+                    "internal",
+                    "notRequired",
+                    "waiting",
+                    "expired",
+                    "canceled",
+                    "failed",
+                    "processing",
+                    "maxAttemptsReached",
+                ],
+            },
+        },
+        documents: {
+            control: "object",
+        },
+        documentCount: { control: "text" },
+        shadow: { control: "boolean" },
+    },
+    args: {
+        documents: defaultDocuments,
+        documentCount: "1/3",
+        shadow: true,
+    },
+    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(DocumentCard, __assign({}, args)); };
+export var Default = Template.bind({});
+Default.args = {
+    type: "document",
+    title: "RDV Signature des docs",
+    date: new Date("2023-05-14"),
+    status: "sent",
+};
+export var Note = Template.bind({});
+Note.args = {
+    type: "note",
+    title: "Note de frais",
+    date: new Date("2023-06-01"),
+    status: "received",
+};
+export var Invoice = Template.bind({});
+Invoice.args = {
+    type: "invoice",
+    title: "Facture #2023-001",
+    date: new Date("2023-07-15"),
+    status: "sent",
+};
+export var Waiting = Template.bind({});
+Waiting.args = {
+    type: "waiting",
+    title: "Motif du rendez-vous : Signature des docs",
+    date: new Date("2023-08-30"),
+    status: "received",
+};

package/dist/components/molecules/employeeCard/EmployeeCard.stories.d.ts

@@ -0,0 +1,74 @@
+declare namespace _default {
+    export let title: string;
+    export { EmployeeCard as component };
+    export let tags: string[];
+    export namespace argTypes {
+        namespace name {
+            let control: string;
+        }
+        namespace role {
+            let control_1: string;
+            export { control_1 as control };
+        }
+        namespace contactNumber {
+            let control_2: string;
+            export { control_2 as control };
+        }
+        namespace email1 {
+            let control_3: string;
+            export { control_3 as control };
+        }
+        namespace email2 {
+            let control_4: string;
+            export { control_4 as control };
+        }
+        namespace profileImage {
+            let control_5: string;
+            export { control_5 as control };
+        }
+        namespace isVerified {
+            let control_6: string;
+            export { control_6 as control };
+        }
+        namespace size {
+            export namespace control_7 {
+                let type: string;
+                let options: string[];
+            }
+            export { control_7 as control };
+        }
+        namespace onEdit {
+            let action: string;
+        }
+    }
+    export namespace args {
+        let name_1: string;
+        export { name_1 as name };
+        let role_1: string;
+        export { role_1 as role };
+        let contactNumber_1: string;
+        export { contactNumber_1 as contactNumber };
+        let email1_1: string;
+        export { email1_1 as email1 };
+        let email2_1: string;
+        export { email2_1 as email2 };
+        export { NoPhotoImage as profileImage };
+        let isVerified_1: boolean;
+        export { isVerified_1 as isVerified };
+    }
+    export namespace parameters {
+        namespace backgrounds {
+            let _default: string;
+            export { _default as default };
+            export let values: {
+                name: string;
+                value: string;
+            }[];
+        }
+    }
+}
+export default _default;
+export const Small: any;
+export const Large: any;
+import EmployeeCard from "./EmployeeCard";
+declare const NoPhotoImage: "/assets/NoPhoto.png";

package/dist/components/molecules/employeeCard/EmployeeCard.stories.js

@@ -0,0 +1,65 @@
+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 EmployeeCard from "./EmployeeCard";
+import "../../../styles/global.css";
+var NoPhotoImage = "/assets/NoPhoto.png";
+export default {
+    title: "Components/Molecules/EmployeeCard",
+    component: EmployeeCard,
+    tags: ["autodocs"],
+    argTypes: {
+        name: { control: "text" },
+        role: { control: "text" },
+        contactNumber: { control: "text" },
+        email1: { control: "text" },
+        email2: { control: "text" },
+        profileImage: { control: "text" },
+        isVerified: { control: "boolean" },
+        size: {
+            control: {
+                type: "select",
+                options: ["small", "large"],
+            },
+        },
+        onEdit: { action: "edited" },
+    },
+    args: {
+        name: "Enzo Soixante",
+        role: "AVOCAT",
+        contactNumber: "06 63 90 59 25",
+        email1: "enzo@quarantesoixante.com",
+        email2: "enzo@quarantesoixante.com",
+        profileImage: NoPhotoImage,
+        isVerified: true,
+    },
+    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(EmployeeCard, __assign({}, args)); };
+export var Small = Template.bind({});
+Small.args = {
+    size: "small",
+};
+export var Large = Template.bind({});
+Large.args = {
+    size: "large",
+};

package/dist/components/molecules/loadingBox/LoadingBox.stories.d.ts

@@ -0,0 +1,54 @@
+declare namespace _default {
+    export let title: string;
+    export { LoadingBox as component };
+    export let tags: string[];
+    export namespace argTypes {
+        namespace boxHeight {
+            namespace control {
+                let type: string;
+            }
+            let description: string;
+        }
+        namespace boxWidth {
+            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 boxRadius {
+            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 parameters {
+        namespace backgrounds {
+            let _default: string;
+            export { _default as default };
+            export let values: {
+                name: string;
+                value: string;
+            }[];
+        }
+        namespace docs {
+            export namespace description_3 {
+                let component: string;
+            }
+            export { description_3 as description };
+        }
+    }
+}
+export default _default;
+export const Default: any;
+export const Large: any;
+export const Small: any;
+export const MultipleBoxes: any;
+export const CardSkeleton: any;
+import LoadingBox from "./LoadingBox";

package/dist/components/molecules/loadingBox/LoadingBox.stories.js

@@ -0,0 +1,128 @@
+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 LoadingBox from "./LoadingBox";
+import "../../../styles/global.css";
+export default {
+    title: "Components/Molecules/LoadingBox",
+    component: LoadingBox,
+    tags: ["autodocs"],
+    argTypes: {
+        boxHeight: {
+            control: {
+                type: "text",
+            },
+            description: "Hauteur de la boîte de chargement",
+        },
+        boxWidth: {
+            control: {
+                type: "text",
+            },
+            description: "Largeur de la boîte de chargement",
+        },
+        boxRadius: {
+            control: {
+                type: "text",
+            },
+            description: "Rayon de bordure de la boîte de chargement",
+        },
+    },
+    parameters: {
+        backgrounds: {
+            default: "light",
+            values: [
+                { name: "light", value: "#ffffff" },
+                { name: "grey", value: "#728ea7" },
+                { name: "figma", value: "#404040" },
+                { name: "dark", value: "#171e25" },
+            ],
+        },
+        docs: {
+            description: {
+                component: "Composant d'animation de chargement sous forme de boîte avec un effet de pulsation.",
+            },
+        },
+    },
+};
+var Template = function (args) { return (React.createElement("div", { style: { padding: "20px", display: "flex", gap: "20px", flexWrap: "wrap" } },
+    React.createElement(LoadingBox, __assign({}, args)))); };
+export var Default = Template.bind({});
+Default.args = {
+    boxHeight: "100px",
+    boxWidth: "100px",
+    boxRadius: "8px",
+};
+Default.parameters = {
+    docs: {
+        description: {
+            story: "Version par défaut de la boîte de chargement avec des dimensions moyennes.",
+        },
+    },
+};
+export var Large = Template.bind({});
+Large.args = {
+    boxHeight: "200px",
+    boxWidth: "200px",
+    boxRadius: "8px",
+};
+Large.parameters = {
+    docs: {
+        description: {
+            story: "Version large de la boîte de chargement, utile pour les conteneurs plus importants.",
+        },
+    },
+};
+export var Small = Template.bind({});
+Small.args = {
+    boxHeight: "50px",
+    boxWidth: "50px",
+    boxRadius: "8px",
+};
+Small.parameters = {
+    docs: {
+        description: {
+            story: "Version compacte de la boîte de chargement, idéale pour les petits espaces.",
+        },
+    },
+};
+export var MultipleBoxes = Template.bind({});
+MultipleBoxes.args = {
+    boxHeight: "100px",
+    boxWidth: "100px",
+    boxRadius: "8px",
+};
+MultipleBoxes.decorators = [
+    function (Story) { return (React.createElement("div", { style: { display: "flex", gap: "20px" } },
+        React.createElement(Story, null),
+        React.createElement(Story, null),
+        React.createElement(Story, null))); },
+];
+MultipleBoxes.parameters = {
+    docs: {
+        description: {
+            story: "Exemple d'utilisation de plusieurs boîtes de chargement côte à côte.",
+        },
+    },
+};
+export var CardSkeleton = Template.bind({});
+CardSkeleton.args = {
+    boxHeight: "150px",
+    boxWidth: "450px",
+    boxRadius: "8px",
+};
+CardSkeleton.parameters = {
+    docs: {
+        description: {
+            story: "Exemple d'utilisation comme squelette de carte.",
+        },
+    },
+};

package/dist/components/molecules/pagination/Pagination.stories.d.ts

@@ -0,0 +1,44 @@
+declare namespace _default {
+    export let title: string;
+    export { Pagination as component };
+    export let tags: string[];
+    export namespace args {
+        let currentPage: number;
+        let totalPages: number;
+        function onPageChange(page: any): void;
+    }
+    export namespace argTypes {
+        export namespace currentPage_1 {
+            namespace control {
+                let type: string;
+                let min: number;
+            }
+            let description: string;
+        }
+        export { currentPage_1 as currentPage };
+        export namespace totalPages_1 {
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+                let min_1: number;
+                export { min_1 as min };
+            }
+            export { control_1 as control };
+            let description_1: string;
+            export { description_1 as description };
+        }
+        export { totalPages_1 as totalPages };
+        export namespace onPageChange_1 {
+            export let action: string;
+            let description_2: string;
+            export { description_2 as description };
+        }
+        export { onPageChange_1 as onPageChange };
+    }
+}
+export default _default;
+export const Default: any;
+export const FirstPage: any;
+export const LastPage: any;
+export const FewPages: any;
+import Pagination from "./Pagination";

package/dist/components/molecules/pagination/Pagination.stories.js

@@ -0,0 +1,59 @@
+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 Pagination from "./Pagination";
+import "../../../styles/global.css";
+export default {
+    title: "Components/Molecules/Pagination",
+    component: Pagination,
+    tags: ["autodocs"],
+    args: {
+        currentPage: 21,
+        totalPages: 42,
+        onPageChange: function (page) { return console.log("Page changed to ".concat(page)); },
+    },
+    argTypes: {
+        currentPage: {
+            control: { type: "number", min: 1 },
+            description: "La page actuellement sélectionnée",
+        },
+        totalPages: {
+            control: { type: "number", min: 1 },
+            description: "Le nombre total de pages",
+        },
+        onPageChange: {
+            action: "page changed",
+            description: "Fonction appelée lors du changement de page",
+        },
+    },
+};
+var Template = function (args) { return React.createElement(Pagination, __assign({}, args)); };
+export var Default = Template.bind({});
+Default.args = {
+    currentPage: 21,
+    totalPages: 42,
+};
+export var FirstPage = Template.bind({});
+FirstPage.args = {
+    currentPage: 1,
+    totalPages: 42,
+};
+export var LastPage = Template.bind({});
+LastPage.args = {
+    currentPage: 42,
+    totalPages: 42,
+};
+export var FewPages = Template.bind({});
+FewPages.args = {
+    currentPage: 3,
+    totalPages: 5,
+};

package/dist/components/molecules/proCard/ProCard.js

@@ -5,10 +5,6 @@ import Image from "next/image";
 var NoPhoto = "/assets/NoPhoto.png";
 var ProCard = function (_a) {
     var imageUrl = _a.imageUrl, job = _a.job, firstName = _a.firstName, lastName = _a.lastName, address = _a.address, profileUrl = _a.profileUrl, _b = _a.isPro, isPro = _b === void 0 ? false : _b;
-    console.log("Données reçues dans ProCard:", {
-        address: address,
-        hasAddress: Boolean(address && /[a-zA-Z0-9]/.test(address)),
-    });
     var uppercaseJob = job.toUpperCase();
     return (React.createElement("div", { className: "pro-card" },
         React.createElement("div", { className: "pro-card-content" },

package/dist/components/molecules/proCard/ProCard.stories.d.ts

@@ -0,0 +1,49 @@
+declare namespace _default {
+    export let title: string;
+    export { ProCard as component };
+    export let tags: string[];
+    export namespace argTypes {
+        namespace imageUrl {
+            let control: string;
+        }
+        namespace job {
+            let control_1: string;
+            export { control_1 as control };
+        }
+        namespace firstName {
+            let control_2: string;
+            export { control_2 as control };
+        }
+        namespace lastName {
+            let control_3: string;
+            export { control_3 as control };
+        }
+        namespace address {
+            let control_4: string;
+            export { control_4 as control };
+        }
+        namespace profileUrl {
+            let control_5: string;
+            export { control_5 as control };
+        }
+        namespace isPro {
+            let control_6: string;
+            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 NoImage: any;
+export const ProUser: any;
+import ProCard from "./ProCard";