allaw-ui 5.4.1 → 5.4.3

package/dist/components/atoms/progressBars/ProgressBar.stories.js

@@ -1,88 +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 ProgressBar from "./ProgressBar";
-import "../../../styles/global.css";
-import "../../../styles/icons.css";
-export var ActionsData = {};
-export default {
-    title: "Components/Atoms/ProgressBars/ProgressBar",
-    component: ProgressBar,
-    tags: ["autodocs"],
-    excludeStories: /.*Data$/,
-    args: __assign(__assign({}, ActionsData), { steps: 5, currentStep: 2, startIcon: true, endIcon: true, showProgressBar: true, barColor: "blue" }),
-    argTypes: {
-        steps: {
-            control: {
-                type: "number",
-            },
-        },
-        currentStep: {
-            control: {
-                type: "number",
-            },
-        },
-        startIcon: {
-            control: {
-                type: "boolean",
-            },
-        },
-        endIcon: {
-            control: {
-                type: "boolean",
-            },
-        },
-        showProgressBar: {
-            control: {
-                type: "boolean",
-            },
-        },
-        barColor: {
-            control: {
-                type: "select",
-                options: ["blue", "red", "green", "grey"],
-            },
-            description: "Couleur de la barre de progression",
-        },
-    },
-    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(ProgressBar, __assign({}, args)); };
-export var Default = Template.bind({});
-Default.args = {
-    steps: 5,
-    currentStep: 2,
-    startIcon: true,
-    endIcon: true,
-    showProgressBar: true,
-    barColor: "blue",
-};
-export var FirstStep = Template.bind({});
-FirstStep.args = __assign(__assign({}, Default.args), { currentStep: 1 });
-export var Hidden = Template.bind({});
-Hidden.args = __assign(__assign({}, Default.args), { showProgressBar: false });
-export var RedProgress = Template.bind({});
-RedProgress.args = __assign(__assign({}, Default.args), { barColor: "red" });
-export var GreenProgress = Template.bind({});
-GreenProgress.args = __assign(__assign({}, Default.args), { barColor: "green" });
-export var GreyProgress = Template.bind({});
-GreyProgress.args = __assign(__assign({}, Default.args), { barColor: "grey" });

package/dist/components/atoms/radios/RadioButton.stories.d.ts

@@ -1,38 +0,0 @@
-export namespace ActionsData {
-    namespace onClick {
-        let action: string;
-    }
-}
-declare namespace _default {
-    export let title: string;
-    export { RadioButton as component };
-    export let tags: string[];
-    export let excludeStories: RegExp;
-    export namespace args { }
-    export namespace argTypes {
-        namespace style {
-            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 UserDefault: any;
-export const UserActive: any;
-export const HybrideDefault: any;
-export const HybrideActive: any;
-export const ModernDefault: any;
-export const ModernActive: any;
-import RadioButton from "./RadioButton";

package/dist/components/atoms/radios/RadioButton.stories.js

@@ -1,87 +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 RadioButton from "./RadioButton";
-import "../../../styles/global.css";
-export var ActionsData = {
-    onClick: { action: "clicked" },
-};
-export default {
-    title: "Components/Atoms/Radios/RadioButton",
-    component: RadioButton,
-    tags: ["autodocs"],
-    excludeStories: /.*Data$/,
-    args: __assign({}, ActionsData),
-    argTypes: {
-        style: {
-            control: {
-                type: "radio",
-                options: ["user", "hybride", "modern"],
-            },
-        },
-    },
-    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) {
-    var _a = useState(false), isActive = _a[0], setIsActive = _a[1];
-    var handleClick = function () {
-        setIsActive(!isActive);
-        args.onClick();
-    };
-    return React.createElement(RadioButton, __assign({}, args, { isActive: isActive, onClick: handleClick }));
-};
-export var UserDefault = Template.bind({});
-UserDefault.args = {
-    label: "Option 2",
-    style: "user",
-    isActive: false,
-};
-export var UserActive = Template.bind({});
-UserActive.args = {
-    label: "Option 2",
-    style: "user",
-    isActive: true,
-};
-export var HybrideDefault = Template.bind({});
-HybrideDefault.args = {
-    label: "Option 2",
-    style: "hybride",
-    isActive: false,
-};
-export var HybrideActive = Template.bind({});
-HybrideActive.args = {
-    label: "Option 2",
-    style: "hybride",
-    isActive: true,
-};
-export var ModernDefault = Template.bind({});
-ModernDefault.args = {
-    label: "Option moderne",
-    style: "modern",
-    isActive: false,
-};
-export var ModernActive = Template.bind({});
-ModernActive.args = {
-    label: "Option moderne",
-    style: "modern",
-    isActive: true,
-};

package/dist/components/atoms/radios/SelectCard.stories.d.ts

@@ -1,92 +0,0 @@
-export namespace ActionsData {
-    namespace onClick {
-        let action: string;
-    }
-}
-declare namespace _default {
-    export let title: string;
-    export { SelectCard as component };
-    export let tags: string[];
-    export let excludeStories: RegExp;
-    export namespace args { }
-    export namespace argTypes {
-        namespace iconName {
-            let control: string;
-            let description: string;
-        }
-        namespace iconUrl {
-            let control_1: string;
-            export { control_1 as control };
-            let description_1: string;
-            export { description_1 as description };
-        }
-        namespace label {
-            let control_2: string;
-            export { control_2 as control };
-            let description_2: string;
-            export { description_2 as description };
-        }
-        namespace isActive {
-            let control_3: string;
-            export { control_3 as control };
-            let description_3: string;
-            export { description_3 as description };
-        }
-        namespace isDisabled {
-            let control_4: string;
-            export { control_4 as control };
-            let description_4: string;
-            export { description_4 as description };
-        }
-        namespace size {
-            export namespace control_5 {
-                let type: string;
-                let options: string[];
-            }
-            export { control_5 as control };
-            let description_5: string;
-            export { description_5 as description };
-        }
-        namespace maxWidth {
-            let control_6: string;
-            export { control_6 as control };
-            let description_6: string;
-            export { description_6 as description };
-        }
-        namespace imageVerticalOffset {
-            let control_7: string;
-            export { control_7 as control };
-            let description_7: string;
-            export { description_7 as description };
-        }
-        namespace responsiveConfig {
-            let control_8: string;
-            export { control_8 as control };
-            let description_8: string;
-            export { description_8 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 Active: any;
-export const Disabled: any;
-export const Small: any;
-export const Large: any;
-export const WithImageUrl: any;
-export const WithLongText: any;
-export const WithCustomMaxWidth: any;
-export const WithImageOffset: any;
-export const WithNegativeImageOffset: any;
-export const WithResponsiveConfig: any;
-import SelectCard from "./SelectCard";

package/dist/components/atoms/radios/SelectCard.stories.js

@@ -1,192 +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 SelectCard from "./SelectCard";
-export var ActionsData = {
-    onClick: { action: "clicked" },
-};
-export default {
-    title: "Components/Atoms/Radios/SelectCard",
-    component: SelectCard,
-    tags: ["autodocs"],
-    excludeStories: /.*Data$/,
-    args: __assign({}, ActionsData),
-    argTypes: {
-        iconName: {
-            control: "text",
-            description: "Nom de l'icône à afficher (utilise la font allaw-font)",
-        },
-        iconUrl: {
-            control: "text",
-            description: "URL de l'image à afficher (alternative à iconName)",
-        },
-        label: {
-            control: "text",
-            description: "Texte du bouton",
-        },
-        isActive: {
-            control: "boolean",
-            description: "État actif du bouton",
-        },
-        isDisabled: {
-            control: "boolean",
-            description: "État désactivé du bouton",
-        },
-        size: {
-            control: {
-                type: "select",
-                options: ["small", "medium", "large"],
-            },
-            description: "Taille du bouton",
-        },
-        maxWidth: {
-            control: "number",
-            description: "Largeur maximale du bouton en pixels",
-        },
-        imageVerticalOffset: {
-            control: "number",
-            description: "Décalage vertical de l'icône en pixels (positif = vers le bas, négatif = vers le haut)",
-        },
-        responsiveConfig: {
-            control: "object",
-            description: "Configuration responsive du bouton",
-        },
-    },
-    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) {
-    var _a = useState(args.isActive || false), isActive = _a[0], setIsActive = _a[1];
-    var handleClick = function () {
-        if (!args.isDisabled) {
-            setIsActive(!isActive);
-            args.onClick();
-        }
-    };
-    return React.createElement(SelectCard, __assign({}, args, { isActive: isActive, onClick: handleClick }));
-};
-export var Default = Template.bind({});
-Default.args = {
-    label: "Utiliser la convention type d'allaw",
-    iconName: "allaw-icon-upload-file",
-    isActive: false,
-    isDisabled: false,
-    size: "medium",
-};
-export var Active = Template.bind({});
-Active.args = {
-    label: "Choix 1",
-    iconName: "allaw-icon-upload-file",
-    isActive: true,
-    isDisabled: false,
-    size: "medium",
-};
-export var Disabled = Template.bind({});
-Disabled.args = {
-    label: "Choix 1",
-    iconName: "allaw-icon-upload-file",
-    isActive: false,
-    isDisabled: true,
-    size: "medium",
-};
-export var Small = Template.bind({});
-Small.args = {
-    label: "Choix 1",
-    iconName: "allaw-icon-upload-file",
-    isActive: false,
-    isDisabled: false,
-    size: "small",
-};
-export var Large = Template.bind({});
-Large.args = {
-    label: "Choix 1",
-    iconName: "allaw-icon-upload-file",
-    isActive: false,
-    isDisabled: false,
-    size: "large",
-};
-export var WithImageUrl = Template.bind({});
-WithImageUrl.args = {
-    label: "Choix 1",
-    iconUrl: "https://www.svgrepo.com/show/428478/file-choose.svg",
-    isActive: false,
-    isDisabled: false,
-    size: "medium",
-};
-export var WithLongText = Template.bind({});
-WithLongText.args = {
-    label: "Texte très long qui devrait être tronqué avec des points de suspension",
-    iconUrl: "https://www.svgrepo.com/show/428478/file-choose.svg",
-    isActive: false,
-    isDisabled: false,
-    size: "medium",
-};
-export var WithCustomMaxWidth = Template.bind({});
-WithCustomMaxWidth.args = {
-    label: "Bouton avec largeur maximale personnalisée",
-    iconName: "allaw-icon-upload-file",
-    isActive: false,
-    isDisabled: false,
-    size: "medium",
-    maxWidth: 200,
-};
-export var WithImageOffset = Template.bind({});
-WithImageOffset.args = {
-    label: "Icône décalée vers le bas",
-    iconName: "allaw-icon-upload-file",
-    isActive: false,
-    isDisabled: false,
-    size: "medium",
-    imageVerticalOffset: 10,
-};
-export var WithNegativeImageOffset = Template.bind({});
-WithNegativeImageOffset.args = {
-    label: "Icône décalée vers le haut",
-    iconName: "allaw-icon-upload-file",
-    isActive: false,
-    isDisabled: false,
-    size: "medium",
-    imageVerticalOffset: -10,
-};
-export var WithResponsiveConfig = Template.bind({});
-WithResponsiveConfig.args = {
-    label: "Version Desktop",
-    iconName: "allaw-icon-upload-file",
-    isActive: false,
-    isDisabled: false,
-    size: "medium",
-    responsiveConfig: {
-        768: {
-            label: "Version Tablette",
-            width: 100,
-            height: 100,
-            maxWidth: 150,
-            imageVerticalOffset: 5,
-        },
-        480: {
-            label: "Mobile",
-            width: 80,
-            height: 80,
-            maxWidth: 100,
-            imageVerticalOffset: -5,
-        },
-    },
-};

package/dist/components/atoms/selects/ComboBox.stories.d.ts

@@ -1,116 +0,0 @@
-export const ActionsData: {};
-declare namespace _default {
-    export let title: string;
-    export { ComboBox as component };
-    export let tags: string[];
-    export let excludeStories: RegExp;
-    export let args: {};
-    export namespace argTypes {
-        export namespace items {
-            namespace control {
-                let type: string;
-            }
-        }
-        export namespace placeholder {
-            export namespace control_1 {
-                let type_1: string;
-                export { type_1 as type };
-            }
-            export { control_1 as control };
-        }
-        export namespace isRequired {
-            export namespace control_2 {
-                let type_2: string;
-                export { type_2 as type };
-            }
-            export { control_2 as control };
-        }
-        export namespace selectedItem {
-            export namespace control_3 {
-                let type_3: string;
-                export { type_3 as type };
-            }
-            export { control_3 as control };
-        }
-        export namespace onChange {
-            namespace table {
-                let disable: boolean;
-            }
-        }
-        export namespace width {
-            export namespace control_4 {
-                let type_4: string;
-                export { type_4 as type };
-                export let min: number;
-                export let max: number;
-            }
-            export { control_4 as control };
-        }
-        export namespace openOnMount {
-            export namespace control_5 {
-                let type_5: string;
-                export { type_5 as type };
-            }
-            export { control_5 as control };
-        }
-        export namespace title_1 {
-            export namespace control_6 {
-                let type_6: string;
-                export { type_6 as type };
-            }
-            export { control_6 as control };
-        }
-        export { title_1 as title };
-        export namespace titleStyle {
-            export let options: string[];
-            export namespace control_7 {
-                let type_7: string;
-                export { type_7 as type };
-            }
-            export { control_7 as control };
-            export let description: string;
-            export namespace table_1 {
-                export namespace type_8 {
-                    let summary: string;
-                }
-                export { type_8 as type };
-                export namespace defaultValue {
-                    let summary_1: string;
-                    export { summary_1 as summary };
-                }
-            }
-            export { table_1 as table };
-        }
-    }
-    export namespace parameters {
-        namespace backgrounds {
-            let _default: string;
-            export { _default as default };
-            export let values: {
-                name: string;
-                value: string;
-            }[];
-        }
-        let layout: string;
-        namespace viewport {
-            namespace viewports {
-                namespace responsive {
-                    let name: string;
-                    namespace styles {
-                        let height: string;
-                    }
-                }
-            }
-            let defaultViewport: string;
-        }
-    }
-}
-export default _default;
-export const Default: any;
-export const Pressed: any;
-export const Required: any;
-export const CustomWidth: any;
-export const OpenOnMount: any;
-export const TitleMedium: any;
-export const TitleBold: any;
-import ComboBox from "./ComboBox";