allaw-ui 5.4.1 → 5.4.3

package/dist/components/atoms/buttons/FilterButton.stories.d.ts

@@ -1,36 +0,0 @@
-export const ActionsData: {};
-declare namespace _default {
-    export let title: string;
-    export { FilterButton as component };
-    export let tags: string[];
-    export let excludeStories: RegExp;
-    export let args: {};
-    export namespace argTypes {
-        namespace label {
-            namespace control {
-                let type: string;
-            }
-        }
-        namespace isActive {
-            export namespace control_1 {
-                let type_1: string;
-                export { type_1 as type };
-            }
-            export { control_1 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 Active: any;
-export const Inactive: any;
-import FilterButton from "./FilterButton";

package/dist/components/atoms/buttons/FilterButton.stories.js

@@ -1,56 +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 FilterButton from "./FilterButton";
-import "../../../styles/global.css";
-export var ActionsData = {};
-export default {
-    title: "Components/Atoms/Buttons/FilterButton",
-    component: FilterButton,
-    tags: ["autodocs"],
-    excludeStories: /.*Data$/,
-    args: __assign({}, ActionsData),
-    argTypes: {
-        label: {
-            control: {
-                type: "text",
-            },
-        },
-        isActive: {
-            control: {
-                type: "boolean",
-            },
-        },
-    },
-    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(FilterButton, __assign({}, args)); };
-export var Active = Template.bind({});
-Active.args = {
-    label: "Filtre",
-    isActive: true,
-};
-export var Inactive = Template.bind({});
-Inactive.args = {
-    label: "Filtre",
-    isActive: false,
-};

package/dist/components/atoms/buttons/FilterButtonPrimary.stories.d.ts

@@ -1,7 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { FilterButtonPrimary as component };
-}
-export default _default;
-export const Default: any;
-import FilterButtonPrimary from "./FilterButtonPrimary";

package/dist/components/atoms/buttons/FilterButtonPrimary.stories.js

@@ -1,26 +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);
-};
-// FilterButtonPrimary.stories.js
-// import React from 'react';
-import FilterButtonPrimary from "./FilterButtonPrimary";
-import "../../../styles/global.css";
-export default {
-    title: "Components/Atoms/Buttons/FilterButtonPrimary",
-    component: FilterButtonPrimary,
-};
-var Template = function (args) { return React.createElement(FilterButtonPrimary, __assign({}, args)); };
-export var Default = Template.bind({});
-Default.args = {
-    onClick: function () { return alert("Button clicked!"); },
-    zIndex: "100",
-    children: "Filter Button",
-};

package/dist/components/atoms/buttons/GhostButton.stories.d.ts

@@ -1,79 +0,0 @@
-export namespace ActionsData {
-    namespace onClick {
-        let action: string;
-    }
-}
-declare namespace _default {
-    export let title: string;
-    export { GhostButton as component };
-    export let tags: string[];
-    export let excludeStories: RegExp;
-    export namespace args { }
-    export namespace argTypes {
-        export namespace startIcon {
-            namespace control {
-                let type: string;
-            }
-            namespace mapping {
-                let _true: string;
-                export { _true as true };
-                let _false: null;
-                export { _false as false };
-            }
-        }
-        export namespace endIcon {
-            export namespace control_1 {
-                let type_1: string;
-                export { type_1 as type };
-            }
-            export { control_1 as control };
-            export namespace mapping_1 {
-                let _true_1: string;
-                export { _true_1 as true };
-                let _false_1: null;
-                export { _false_1 as false };
-            }
-            export { mapping_1 as mapping };
-        }
-        export namespace variant {
-            export namespace control_2 {
-                let type_2: string;
-                export { type_2 as type };
-            }
-            export { control_2 as control };
-        }
-        export namespace startIconName {
-            export namespace control_3 {
-                let type_3: string;
-                export { type_3 as type };
-            }
-            export { control_3 as control };
-        }
-        export namespace endIconName {
-            export namespace control_4 {
-                let type_4: string;
-                export { type_4 as type };
-            }
-            export { control_4 as control };
-        }
-        export namespace onClick_1 {
-            let action_1: string;
-            export { action_1 as action };
-        }
-        export { onClick_1 as onClick };
-    }
-    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 Variant: any;
-import GhostButton from "./GhostButton";

package/dist/components/atoms/buttons/GhostButton.stories.js

@@ -1,95 +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 GhostButton from "./GhostButton";
-import "../../../styles/global.css";
-export var ActionsData = {
-    onClick: { action: "clicked" },
-};
-export default {
-    title: "Components/Atoms/Buttons/GhostButton",
-    component: GhostButton,
-    tags: ["autodocs"],
-    excludeStories: /.*Data$/,
-    args: __assign({}, ActionsData),
-    argTypes: {
-        startIcon: {
-            control: {
-                type: "boolean",
-            },
-            mapping: {
-                true: "allaw-icon-deconnexion",
-                false: null,
-            },
-        },
-        endIcon: {
-            control: {
-                type: "boolean",
-            },
-            mapping: {
-                true: "allaw-icon-deconnexion",
-                false: null,
-            },
-        },
-        variant: {
-            control: {
-                type: "boolean",
-            },
-        },
-        startIconName: {
-            control: {
-                type: "text",
-            },
-        },
-        endIconName: {
-            control: {
-                type: "text",
-            },
-        },
-        onClick: {
-            // Ajouté
-            action: "clicked",
-        },
-    },
-    parameters: {
-        backgrounds: {
-            default: "dark",
-            values: [
-                { name: "light", value: "#ffffff" },
-                { name: "grey", value: "#728ea7" },
-                { name: "figma", value: "#404040" },
-                { name: "dark", value: "#171e25" },
-            ],
-        },
-    },
-};
-var Template = function (args) { return React.createElement(GhostButton, __assign({}, args)); };
-export var Default = Template.bind({});
-Default.args = {
-    label: "Ghost button",
-    startIcon: true,
-    endIcon: true,
-    variant: false,
-    startIconName: "allaw-icon-deconnexion",
-    endIconName: "allaw-icon-deconnexion",
-    onClick: function () { return console.log("Button clicked!"); },
-};
-export var Variant = Template.bind({});
-Variant.args = {
-    label: "Ghost button",
-    startIcon: true,
-    endIcon: true,
-    variant: true,
-    startIconName: "allaw-icon-deconnexion",
-    endIconName: "allaw-icon-deconnexion",
-    onClick: function () { return console.log("Button clicked!"); },
-};

package/dist/components/atoms/buttons/IconButton.stories.d.ts

@@ -1,51 +0,0 @@
-export namespace ActionsData {
-    namespace onClick {
-        let action: string;
-    }
-}
-declare namespace _default {
-    export let title: string;
-    export { IconButton as component };
-    export let tags: string[];
-    export let excludeStories: RegExp;
-    export namespace args { }
-    export namespace argTypes {
-        export namespace style {
-            namespace control {
-                let type: string;
-                let options: string[];
-            }
-        }
-        export namespace iconName {
-            export namespace control_1 {
-                let type_1: string;
-                export { type_1 as type };
-            }
-            export { control_1 as control };
-        }
-        export namespace onClick_1 {
-            let action_1: string;
-            export { action_1 as action };
-        }
-        export { onClick_1 as onClick };
-    }
-    export namespace parameters {
-        namespace backgrounds {
-            let _default: string;
-            export { _default as default };
-            export let values: {
-                name: string;
-                value: string;
-            }[];
-        }
-    }
-}
-export default _default;
-export const SmallFilled: any;
-export const LargeFilled: any;
-export const MediumOutline: any;
-export const MediumOutlineDocument: any;
-export const MediumOutlineArrow: any;
-export const IconOnly: any;
-export const IconCircle: any;
-import IconButton from "./IconButton";

package/dist/components/atoms/buttons/IconButton.stories.js

@@ -1,100 +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 IconButton from "./IconButton";
-import "../../../styles/global.css";
-export var ActionsData = {
-    onClick: { action: "clicked" },
-};
-export default {
-    title: "Components/Atoms/Buttons/IconButton",
-    component: IconButton,
-    tags: ["autodocs"],
-    excludeStories: /.*Data$/,
-    args: __assign({}, ActionsData),
-    argTypes: {
-        style: {
-            control: {
-                type: "select",
-                options: [
-                    "smallFilled",
-                    "largeFilled",
-                    "mediumOutline",
-                    "iconOnly",
-                    "iconCircle",
-                ],
-            },
-        },
-        iconName: {
-            control: {
-                type: "text",
-            },
-        },
-        onClick: {
-            action: "clicked",
-        },
-    },
-    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(IconButton, __assign({}, args)); };
-export var SmallFilled = Template.bind({});
-SmallFilled.args = {
-    style: "smallFilled",
-    iconName: "allaw-icon-document",
-    onClick: function () { return console.log("SmallFilled button clicked"); },
-};
-export var LargeFilled = Template.bind({});
-LargeFilled.args = {
-    style: "largeFilled",
-    iconName: "allaw-icon-document",
-    onClick: function () { return console.log("LargeFilled button clicked"); },
-};
-export var MediumOutline = Template.bind({});
-MediumOutline.args = {
-    style: "mediumOutline",
-    iconName: "allaw-icon-calendar",
-    onClick: function () { return console.log("MediumOutline button clicked"); },
-};
-export var MediumOutlineDocument = Template.bind({});
-MediumOutlineDocument.args = {
-    style: "mediumOutline",
-    iconName: "allaw-icon-document",
-    onClick: function () { return console.log("MediumOutline document button clicked"); },
-};
-export var MediumOutlineArrow = Template.bind({});
-MediumOutlineArrow.args = {
-    style: "mediumOutline",
-    iconName: "allaw-icon-arrow-left",
-    onClick: function () { return console.log("MediumOutline arrow button clicked"); },
-};
-export var IconOnly = Template.bind({});
-IconOnly.args = {
-    style: "iconOnly",
-    iconName: "allaw-icon-user",
-    onClick: function () { return console.log("IconOnly button clicked"); },
-};
-export var IconCircle = Template.bind({});
-IconCircle.args = {
-    style: "iconCircle",
-    iconName: "allaw-icon-arrow-left",
-    onClick: function () { return console.log("IconCircle button clicked"); },
-};

package/dist/components/atoms/buttons/InboxButton.stories.d.ts

@@ -1,68 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { InboxButton as component };
-    export let tags: string[];
-    export namespace argTypes {
-        namespace labels {
-            let control: string;
-            let description: string;
-        }
-        namespace count {
-            export namespace control_1 {
-                let type: string;
-            }
-            export { control_1 as control };
-            let description_1: string;
-            export { description_1 as description };
-            export let defaultValue: number;
-        }
-        namespace scheme {
-            export namespace control_2 {
-                let type_1: string;
-                export { type_1 as type };
-                export let options: string[];
-            }
-            export { control_2 as control };
-            let description_2: string;
-            export { description_2 as description };
-        }
-        namespace iconClassName {
-            export namespace control_3 {
-                let type_2: string;
-                export { type_2 as type };
-            }
-            export { control_3 as control };
-            let description_3: string;
-            export { description_3 as description };
-        }
-        namespace iconAriaLabel {
-            export namespace control_4 {
-                let type_3: string;
-                export { type_3 as type };
-            }
-            export { control_4 as control };
-            let description_4: string;
-            export { description_4 as description };
-        }
-        namespace onClick {
-            let action: string;
-        }
-    }
-    export namespace parameters {
-        namespace docs {
-            export namespace description_5 {
-                let component: string;
-            }
-            export { description_5 as description };
-        }
-    }
-}
-export default _default;
-export const NotificationZero: any;
-export const NotificationOne: any;
-export const NotificationMultiple: any;
-export const QualificationZero: any;
-export const QualificationOne: any;
-export const QualificationMultiple: any;
-export const SansIcone: any;
-import InboxButton from "./InboxButton";

package/dist/components/atoms/buttons/InboxButton.stories.js

@@ -1,143 +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 "../../../styles/global.css";
-import InboxButton from "./InboxButton";
-export default {
-    title: "Components/Atoms/Buttons/InboxButton",
-    component: InboxButton,
-    tags: ["autodocs"],
-    argTypes: {
-        labels: {
-            control: "object",
-            description: "Textes à afficher selon le count",
-        },
-        count: {
-            control: { type: "number" },
-            description: "Nombre d'éléments à traiter",
-            defaultValue: 0,
-        },
-        scheme: {
-            control: { type: "select", options: ["notification", "qualification"] },
-            description: "Thème visuel du bouton",
-        },
-        iconClassName: {
-            control: { type: "text" },
-            description: "Classe CSS de l'icône à afficher",
-        },
-        iconAriaLabel: {
-            control: { type: "text" },
-            description: "Label accessible pour l'icône",
-        },
-        onClick: { action: "clicked" },
-    },
-    parameters: {
-        docs: {
-            description: {
-                component: "Bouton avec compteur dynamique et thèmes visuels configurables pour notifications et qualifications.",
-            },
-        },
-    },
-};
-var Template = function (args) { return (React.createElement("div", { style: { padding: "20px", maxWidth: "300px" } },
-    React.createElement(InboxButton, __assign({}, args)))); };
-// ===========================================
-// NOTIFICATION SCHEME
-// ===========================================
-export var NotificationZero = Template.bind({});
-NotificationZero.args = {
-    count: 0,
-    scheme: "notification",
-    labels: {
-        none: "Aucune notification",
-        one: "1 notification",
-        multiple: "{{count}} notifications",
-    },
-    iconClassName: "allaw-icon-inbox",
-    iconAriaLabel: "Notifications",
-};
-export var NotificationOne = Template.bind({});
-NotificationOne.args = {
-    count: 1,
-    scheme: "notification",
-    labels: {
-        none: "Aucune notification",
-        one: "1 notification",
-        multiple: "{{count}} notifications",
-    },
-    iconClassName: "allaw-icon-inbox",
-    iconAriaLabel: "Notifications",
-};
-export var NotificationMultiple = Template.bind({});
-NotificationMultiple.args = {
-    count: 5,
-    scheme: "notification",
-    labels: {
-        none: "Aucune notification",
-        one: "1 notification",
-        multiple: "{{count}} notifications",
-    },
-    iconClassName: "allaw-icon-inbox",
-    iconAriaLabel: "Notifications",
-};
-// ===========================================
-// QUALIFICATION SCHEME
-// ===========================================
-export var QualificationZero = Template.bind({});
-QualificationZero.args = {
-    count: 0,
-    scheme: "qualification",
-    labels: {
-        none: "Aucune qualification",
-        one: "1 contact à qualifier",
-        multiple: "{{count}} contacts à qualifier",
-    },
-    iconClassName: "allaw-icon-check-circle",
-    iconAriaLabel: "Qualification",
-};
-export var QualificationOne = Template.bind({});
-QualificationOne.args = {
-    count: 1,
-    scheme: "qualification",
-    labels: {
-        none: "Aucune qualification",
-        one: "1 contact à qualifier",
-        multiple: "{{count}} contacts à qualifier",
-    },
-    iconClassName: "allaw-icon-check-circle",
-    iconAriaLabel: "Qualification",
-};
-export var QualificationMultiple = Template.bind({});
-QualificationMultiple.args = {
-    count: 3,
-    scheme: "qualification",
-    labels: {
-        none: "Aucune qualification",
-        one: "1 contact à qualifier",
-        multiple: "{{count}} contacts à qualifier",
-    },
-    iconClassName: "allaw-icon-check-circle",
-    iconAriaLabel: "Qualification",
-};
-// ===========================================
-// SANS ICÔNE
-// ===========================================
-export var SansIcone = Template.bind({});
-SansIcone.args = {
-    count: 2,
-    scheme: "qualification",
-    labels: {
-        none: "Aucun élément",
-        one: "1 élément",
-        multiple: "{{count}} éléments",
-    },
-};