allaw-ui 5.4.1 → 5.4.3

package/dist/components/atoms/tags/AppointementStatusTag.stories.js

@@ -1,70 +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 AppointementStatusTag from "./AppointementStatusTag";
-import "../../../styles/global.css";
-export default {
-    title: "Components/Atoms/Tags/AppointementStatusTag",
-    component: AppointementStatusTag,
-    tags: ["autodocs"],
-};
-var Template = function (args) { return React.createElement(AppointementStatusTag, __assign({}, args)); };
-export var Confirmed = Template.bind({});
-Confirmed.args = {
-    status: "confirmed",
-    variant: "default",
-};
-export var Pending = Template.bind({});
-Pending.args = {
-    status: "pending",
-    variant: "default",
-};
-export var Available = Template.bind({});
-Available.args = {
-    status: "available",
-    variant: "default",
-};
-export var Unavailable = Template.bind({});
-Unavailable.args = {
-    status: "unavailable",
-    variant: "default",
-};
-export var Cancelled = Template.bind({});
-Cancelled.args = {
-    status: "cancelled",
-    variant: "default",
-};
-export var Passed = Template.bind({});
-Passed.args = {
-    status: "passed",
-    variant: "default",
-};
-export var RefusedStatus = Template.bind({});
-RefusedStatus.args = {
-    status: "refused",
-    variant: "default",
-};
-export var ConfirmedBig = Template.bind({});
-ConfirmedBig.args = {
-    status: "confirmed",
-    variant: "big",
-};
-export var PassedBig = Template.bind({});
-PassedBig.args = {
-    status: "passed",
-    variant: "big",
-};
-export var CancelledBigVariant = Template.bind({});
-CancelledBigVariant.args = {
-    status: "cancelled",
-    variant: "big",
-};

package/dist/components/atoms/tags/FolderStatusTag.stories.d.ts

@@ -1,28 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { FolderStatusTag as component };
-    export let tags: string[];
-    export namespace argTypes {
-        namespace status {
-            namespace control {
-                let type: string;
-                let options: 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 Open: any;
-export const Closed: any;
-export const Bloqued: any;
-import FolderStatusTag from "./FolderStatusTag";

package/dist/components/atoms/tags/FolderStatusTag.stories.js

@@ -1,51 +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 FolderStatusTag from "./FolderStatusTag";
-import "../../../styles/global.css";
-export default {
-    title: "Components/Atoms/Tags/FolderStatusTag",
-    component: FolderStatusTag,
-    tags: ["autodocs"],
-    argTypes: {
-        status: {
-            control: {
-                type: "select",
-                options: ["OPEN", "CLOSED", "BLOCKED"],
-            },
-        },
-    },
-    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(FolderStatusTag, __assign({}, args)); };
-export var Open = Template.bind({});
-Open.args = {
-    status: "OPEN",
-};
-export var Closed = Template.bind({});
-Closed.args = {
-    status: "CLOSED",
-};
-export var Bloqued = Template.bind({});
-Bloqued.args = {
-    status: "BLOCKED",
-};

package/dist/components/atoms/tags/InlineTag.stories.d.ts

@@ -1,109 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { InlineTag as component };
-    export namespace argTypes {
-        namespace text {
-            namespace control {
-                let type: string;
-            }
-            let description: string;
-        }
-        namespace size {
-            export namespace control_1 {
-                let type_1: string;
-                export { type_1 as type };
-            }
-            export { control_1 as control };
-            export let options: string[];
-            let description_1: string;
-            export { description_1 as description };
-        }
-        namespace weight {
-            export namespace control_2 {
-                let type_2: string;
-                export { type_2 as type };
-            }
-            export { control_2 as control };
-            let options_1: string[];
-            export { options_1 as options };
-            let description_2: string;
-            export { description_2 as description };
-        }
-        namespace backgroundColor {
-            export namespace control_3 {
-                let type_3: string;
-                export { type_3 as type };
-            }
-            export { control_3 as control };
-            let options_2: string[];
-            export { options_2 as options };
-            let description_3: string;
-            export { description_3 as description };
-        }
-        namespace startIcon {
-            export namespace control_4 {
-                let type_4: string;
-                export { type_4 as type };
-            }
-            export { control_4 as control };
-            let description_4: string;
-            export { description_4 as description };
-        }
-        namespace style {
-            export namespace control_5 {
-                let type_5: string;
-                export { type_5 as type };
-            }
-            export { control_5 as control };
-            let options_3: string[];
-            export { options_3 as options };
-            let description_5: string;
-            export { description_5 as description };
-        }
-    }
-    export namespace parameters {
-        namespace docs {
-            export namespace description_6 {
-                let component: string;
-            }
-            export { description_6 as description };
-        }
-    }
-}
-export default _default;
-export const Default: any;
-export const WithIcon: any;
-export const Error: any;
-export const Warning: any;
-export const Small: any;
-export const BorderStyle: any;
-export const BorderWithIcon: any;
-export function AllVariants(): React.JSX.Element;
-export namespace AllVariants {
-    export namespace parameters_1 {
-        export namespace docs_1 {
-            export namespace description_7 {
-                let story: string;
-            }
-            export { description_7 as description };
-        }
-        export { docs_1 as docs };
-    }
-    export { parameters_1 as parameters };
-}
-export function AllBorderVariants(): React.JSX.Element;
-export namespace AllBorderVariants {
-    export namespace parameters_2 {
-        export namespace docs_2 {
-            export namespace description_8 {
-                let story_1: string;
-                export { story_1 as story };
-            }
-            export { description_8 as description };
-        }
-        export { docs_2 as docs };
-    }
-    export { parameters_2 as parameters };
-}
-import InlineTag from "./InlineTag";
-import React from "react";

package/dist/components/atoms/tags/InlineTag.stories.js

@@ -1,159 +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 InlineTag, { InlineTagProps } from "./InlineTag";
-export default {
-    title: "Components/Atoms/Tags/InlineTag",
-    component: InlineTag,
-    argTypes: {
-        text: {
-            control: { type: "text" },
-            description: "Texte à afficher dans le tag",
-        },
-        size: {
-            control: { type: "select" },
-            options: ["14", "12"],
-            description: "Taille du texte",
-        },
-        weight: {
-            control: { type: "select" },
-            options: ["medium", "semiBold", "bold"],
-            description: "Graisse du texte",
-        },
-        backgroundColor: {
-            control: { type: "select" },
-            options: [
-                "bleu-allaw",
-                "actions-error",
-                "actions-valid",
-                "actions-warning",
-                "mid-grey",
-            ],
-            description: "Couleur de fond du tag",
-        },
-        startIcon: {
-            control: { type: "text" },
-            description: "Icône à afficher au début (classe CSS)",
-        },
-        style: {
-            control: { type: "select" },
-            options: ["default", "border"],
-            description: "Style du tag (default: fond coloré, border: bordure colorée)",
-        },
-    },
-    parameters: {
-        docs: {
-            description: {
-                component: "Composant InlineTag - Tag personnalisable avec TinyInfo, couleurs et icônes.",
-            },
-        },
-    },
-};
-var Template = function (args) { return React.createElement(InlineTag, __assign({}, args)); };
-export var Default = Template.bind({});
-Default.args = {
-    text: "Tag par défaut",
-    size: "14",
-    weight: "medium",
-    backgroundColor: "bleu-allaw",
-};
-export var WithIcon = Template.bind({});
-WithIcon.args = {
-    text: "Certifié",
-    size: "14",
-    weight: "semiBold",
-    backgroundColor: "actions-valid",
-    startIcon: "allaw-icon-check",
-};
-export var Error = Template.bind({});
-Error.args = {
-    text: "Erreur",
-    size: "12",
-    weight: "medium",
-    backgroundColor: "actions-error",
-    startIcon: "allaw-icon-alert",
-};
-export var Warning = Template.bind({});
-Warning.args = {
-    text: "Attention",
-    size: "14",
-    weight: "bold",
-    backgroundColor: "actions-warning",
-    startIcon: "allaw-icon-warning",
-};
-export var Small = Template.bind({});
-Small.args = {
-    text: "Petit",
-    size: "12",
-    weight: "medium",
-    backgroundColor: "mid-grey",
-};
-export var BorderStyle = Template.bind({});
-BorderStyle.args = {
-    text: "Style Border",
-    size: "14",
-    weight: "medium",
-    backgroundColor: "bleu-allaw",
-    style: "border",
-};
-export var BorderWithIcon = Template.bind({});
-BorderWithIcon.args = {
-    text: "Certifié",
-    size: "14",
-    weight: "semiBold",
-    backgroundColor: "actions-valid",
-    startIcon: "allaw-icon-check",
-    style: "border",
-};
-export var AllVariants = function () { return (React.createElement("div", { style: {
-        display: "flex",
-        flexWrap: "wrap",
-        gap: "12px",
-        alignItems: "center",
-    } },
-    React.createElement(InlineTag, { text: "Bleu Allaw", backgroundColor: "bleu-allaw" }),
-    React.createElement(InlineTag, { text: "Succ\u00E8s", backgroundColor: "actions-valid", startIcon: "allaw-icon-check" }),
-    React.createElement(InlineTag, { text: "Erreur", backgroundColor: "actions-error", startIcon: "allaw-icon-alert" }),
-    React.createElement(InlineTag, { text: "Attention", backgroundColor: "actions-warning", startIcon: "allaw-icon-warning" }),
-    React.createElement(InlineTag, { text: "Neutre", backgroundColor: "mid-grey" }),
-    React.createElement(InlineTag, { text: "Petit 12px", size: "12", backgroundColor: "bleu-allaw" }),
-    React.createElement(InlineTag, { text: "Gras", weight: "bold", backgroundColor: "actions-valid" }),
-    React.createElement(InlineTag, { text: "Semi-Bold", weight: "semiBold", backgroundColor: "bleu-allaw" }))); };
-AllVariants.parameters = {
-    docs: {
-        description: {
-            story: "Toutes les variantes du composant InlineTag avec différentes couleurs, tailles et styles.",
-        },
-    },
-};
-export var AllBorderVariants = function () { return (React.createElement("div", { style: {
-        display: "flex",
-        flexWrap: "wrap",
-        gap: "12px",
-        alignItems: "center",
-    } },
-    React.createElement(InlineTag, { text: "Bleu Allaw", backgroundColor: "bleu-allaw", style: "border" }),
-    React.createElement(InlineTag, { text: "Succ\u00E8s", backgroundColor: "actions-valid", startIcon: "allaw-icon-check", style: "border" }),
-    React.createElement(InlineTag, { text: "Erreur", backgroundColor: "actions-error", startIcon: "allaw-icon-alert", style: "border" }),
-    React.createElement(InlineTag, { text: "Attention", backgroundColor: "actions-warning", startIcon: "allaw-icon-warning", style: "border" }),
-    React.createElement(InlineTag, { text: "Neutre", backgroundColor: "mid-grey", style: "border" }),
-    React.createElement(InlineTag, { text: "Petit 12px", size: "12", backgroundColor: "bleu-allaw", style: "border" }),
-    React.createElement(InlineTag, { text: "Gras", weight: "bold", backgroundColor: "actions-valid", style: "border" }),
-    React.createElement(InlineTag, { text: "Semi-Bold", weight: "semiBold", backgroundColor: "bleu-allaw", style: "border" }))); };
-AllBorderVariants.parameters = {
-    docs: {
-        description: {
-            story: "Toutes les variantes du composant InlineTag avec le style border.",
-        },
-    },
-};

package/dist/components/atoms/tags/OtherStatusTag.stories.d.ts

@@ -1,99 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { OtherStatusTag as component };
-    export let tags: string[];
-    export namespace argTypes {
-        export namespace label {
-            namespace control {
-                let type: string;
-            }
-            let description: string;
-        }
-        export namespace type_1 {
-            export namespace control_1 {
-                let type_2: string;
-                export { type_2 as type };
-                export let options: string[];
-            }
-            export { control_1 as control };
-            let description_1: string;
-            export { description_1 as description };
-        }
-        export { type_1 as type };
-        export namespace startIcon {
-            export namespace control_2 {
-                let type_3: string;
-                export { type_3 as type };
-            }
-            export { control_2 as control };
-            let description_2: string;
-            export { description_2 as description };
-        }
-        export namespace startIconName {
-            export namespace control_3 {
-                let type_4: string;
-                export { type_4 as type };
-            }
-            export { control_3 as control };
-            let description_3: string;
-            export { description_3 as description };
-        }
-        export namespace labelLimit {
-            export namespace control_4 {
-                let type_5: string;
-                export { type_5 as type };
-            }
-            export { control_4 as control };
-            let description_4: string;
-            export { description_4 as description };
-        }
-        export namespace style {
-            export namespace control_5 {
-                let type_6: string;
-                export { type_6 as type };
-                let options_1: string[];
-                export { options_1 as options };
-            }
-            export { control_5 as control };
-            let description_5: string;
-            export { description_5 as description };
-            export let defaultValue: string;
-        }
-        export namespace informationColor {
-            export namespace control_6 {
-                let type_7: string;
-                export { type_7 as type };
-                let options_2: string[];
-                export { options_2 as options };
-            }
-            export { control_6 as control };
-            let description_6: string;
-            export { description_6 as description };
-            let defaultValue_1: string;
-            export { defaultValue_1 as defaultValue };
-        }
-    }
-    export namespace parameters {
-        namespace backgrounds {
-            let _default: string;
-            export { _default as default };
-            export let values: {
-                name: string;
-                value: string;
-            }[];
-        }
-    }
-}
-export default _default;
-export const ReadOnly: any;
-export const ReadOnlyWithIcon: any;
-export const Editable: any;
-export const Information: any;
-export const LongLabel: any;
-export const LongLabelWithoutLimit: any;
-export const ReadOnlyCompact: any;
-export const ReadOnlyWithIconCompact: any;
-export const EditableCompact: any;
-export const InformationCompact: any;
-export const LongLabelCompact: any;
-import OtherStatusTag from "./OtherStatusTag";

package/dist/components/atoms/tags/OtherStatusTag.stories.js

@@ -1,160 +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 OtherStatusTag from "./OtherStatusTag";
-import "../../../styles/global.css";
-export default {
-    title: "Components/Atoms/Tags/OtherStatusTag",
-    component: OtherStatusTag,
-    tags: ["autodocs"],
-    argTypes: {
-        label: {
-            control: {
-                type: "text",
-            },
-            description: "Texte à afficher dans le tag",
-        },
-        type: {
-            control: {
-                type: "select",
-                options: ["readonly", "editable", "information"],
-            },
-            description: "Type de tag à afficher",
-        },
-        startIcon: {
-            control: {
-                type: "boolean",
-            },
-            description: "Afficher une icône au début",
-        },
-        startIconName: {
-            control: {
-                type: "text",
-            },
-            description: "Nom de l'icône à afficher",
-        },
-        labelLimit: {
-            control: {
-                type: "number",
-            },
-            description: "Nombre maximum de caractères avant troncature",
-        },
-        style: {
-            control: {
-                type: "select",
-                options: ["normal", "compact"],
-            },
-            description: "Style du tag (normal ou compact)",
-            defaultValue: "normal",
-        },
-        informationColor: {
-            control: {
-                type: "select",
-                options: ["blue", "green", "red", "orange"],
-            },
-            description: "Couleur du tag d'information",
-            defaultValue: "blue",
-        },
-    },
-    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(OtherStatusTag, __assign({}, args)); };
-export var ReadOnly = Template.bind({});
-ReadOnly.args = {
-    label: "Tags",
-    type: "readonly",
-    startIcon: false,
-    startIconName: "allaw-icon-pmr",
-};
-export var ReadOnlyWithIcon = Template.bind({});
-ReadOnlyWithIcon.args = {
-    label: "Rue des Ormes",
-    type: "readonly",
-    startIcon: true,
-    startIconName: "allaw-icon-map-pin",
-};
-export var Editable = Template.bind({});
-Editable.args = {
-    label: "Tags",
-    type: "editable",
-    startIcon: false,
-    startIconName: "allaw-icon-pmr",
-};
-export var Information = Template.bind({});
-Information.args = {
-    label: "Informations",
-    type: "information",
-    startIcon: true,
-    startIconName: "allaw-icon-pmr",
-    informationColor: "blue",
-};
-export var LongLabel = Template.bind({});
-LongLabel.args = {
-    label: "Un très long label qui sera tronqué automatiquement",
-    type: "readonly",
-    labelLimit: 20,
-};
-export var LongLabelWithoutLimit = Template.bind({});
-LongLabelWithoutLimit.args = {
-    label: "Un très long label qui ne sera pas tronqué",
-    type: "readonly",
-};
-// Documentation supplémentaire
-LongLabel.parameters = {
-    docs: {
-        description: {
-            story: "Exemple avec un label long et une limite de caractères",
-        },
-    },
-};
-LongLabelWithoutLimit.parameters = {
-    docs: {
-        description: {
-            story: "Exemple avec un label long sans limite de caractères",
-        },
-    },
-};
-export var ReadOnlyCompact = Template.bind({});
-ReadOnlyCompact.args = __assign(__assign({}, ReadOnly.args), { style: "compact" });
-export var ReadOnlyWithIconCompact = Template.bind({});
-ReadOnlyWithIconCompact.args = __assign(__assign({}, ReadOnlyWithIcon.args), { style: "compact" });
-export var EditableCompact = Template.bind({});
-EditableCompact.args = __assign(__assign({}, Editable.args), { style: "compact" });
-export var InformationCompact = Template.bind({});
-InformationCompact.args = __assign(__assign({}, Information.args), { style: "compact" });
-export var LongLabelCompact = Template.bind({});
-LongLabelCompact.args = __assign(__assign({}, LongLabel.args), { style: "compact" });
-// Documentation pour les variantes compactes
-ReadOnlyCompact.parameters = {
-    docs: {
-        description: {
-            story: "Version compacte du tag en lecture seule",
-        },
-    },
-};
-EditableCompact.parameters = {
-    docs: {
-        description: {
-            story: "Version compacte du tag éditable",
-        },
-    },
-};