allaw-ui 5.4.1 → 5.4.3

package/dist/components/molecules/rangeSlider/RangeSlider.stories.js

@@ -1,162 +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 { action } from "@storybook/addon-actions";
-import RangeSlider from "./RangeSlider";
-import "../../../styles/global.css";
-export default {
-    title: "Components/Molecules/RangeSlider",
-    component: RangeSlider,
-    tags: ["autodocs"],
-    argTypes: {
-        minValue: {
-            control: { type: "number" },
-            description: "Valeur minimale du slider",
-        },
-        maxValue: {
-            control: { type: "number" },
-            description: "Valeur maximale du slider",
-        },
-        step: {
-            control: { type: "number" },
-            description: "Pas d'incrémentation",
-        },
-        unit: {
-            control: "text",
-            description: "Unité à afficher après les valeurs",
-        },
-        title: {
-            control: "text",
-            description: "Titre du slider",
-        },
-        description: {
-            control: "text",
-            description: "Description du slider",
-        },
-        showRange: {
-            control: "boolean",
-            description: "Affiche les valeurs min et max sous le slider",
-        },
-        defaultValue: {
-            control: { type: "object" },
-            description: "Valeur par défaut [min, max]",
-        },
-        isDisabled: {
-            control: "boolean",
-            description: "Désactive le slider",
-        },
-        onChange: {
-            action: "changed",
-            description: "Callback appelé quand la valeur change",
-        },
-    },
-    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(RangeSlider, __assign({}, args)); };
-export var Default = Template.bind({});
-Default.args = {
-    title: "Age de vos contacts",
-    description: "Sélectionnez l'âge minimum et maximum des contacts à afficher",
-    minValue: 0,
-    maxValue: 120,
-    step: 1,
-    unit: "",
-    defaultValue: [0, 120],
-    showRange: true,
-    isDisabled: false,
-    onChange: action("Range changed"),
-};
-export var WithUnit = Template.bind({});
-WithUnit.args = {
-    title: "Budget mensuel",
-    description: "Définissez votre budget minimum et maximum",
-    minValue: 0,
-    maxValue: 5000,
-    step: 50,
-    unit: "€",
-    defaultValue: [500, 3000],
-    showRange: true,
-    isDisabled: false,
-    onChange: action("Range changed"),
-};
-export var SimpleRange = Template.bind({});
-SimpleRange.args = {
-    minValue: 0,
-    maxValue: 100,
-    step: 5,
-    unit: "%",
-    defaultValue: [20, 80],
-    showRange: true,
-    isDisabled: false,
-    onChange: action("Range changed"),
-};
-export var WithoutRange = Template.bind({});
-WithoutRange.args = {
-    title: "Sélection de plage",
-    description: "Choisissez vos valeurs préférées",
-    minValue: 1,
-    maxValue: 10,
-    step: 1,
-    defaultValue: [3, 7],
-    showRange: false,
-    isDisabled: false,
-    onChange: action("Range changed"),
-};
-export var Disabled = Template.bind({});
-Disabled.args = {
-    title: "Slider désactivé",
-    description: "Ce slider est en lecture seule",
-    minValue: 0,
-    maxValue: 100,
-    step: 1,
-    unit: "%",
-    defaultValue: [25, 75],
-    showRange: true,
-    isDisabled: true,
-    onChange: action("Range changed"),
-};
-export var LargeRange = Template.bind({});
-LargeRange.args = {
-    title: "Années d'expérience",
-    description: "Indiquez la plage d'expérience souhaitée",
-    minValue: 0,
-    maxValue: 50,
-    step: 1,
-    unit: " ans",
-    defaultValue: [2, 15],
-    showRange: true,
-    isDisabled: false,
-    onChange: action("Range changed"),
-};
-export var DecimalStep = Template.bind({});
-DecimalStep.args = {
-    title: "Note moyenne",
-    description: "Sélectionnez la plage de notes",
-    minValue: 0,
-    maxValue: 5,
-    step: 0.5,
-    unit: "/5",
-    defaultValue: [2.5, 4.5],
-    showRange: true,
-    isDisabled: false,
-    onChange: action("Range changed"),
-};

package/dist/components/molecules/section/Section.stories.d.ts

@@ -1,42 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { Section as component };
-    export namespace parameters {
-        let layout: string;
-    }
-    export namespace argTypes {
-        export namespace title_1 {
-            let control: string;
-            let description: string;
-        }
-        export { title_1 as title };
-        export namespace number {
-            let control_1: string;
-            export { control_1 as control };
-            let description_1: string;
-            export { description_1 as description };
-        }
-        export namespace actions {
-            let control_2: boolean;
-            export { control_2 as control };
-            let description_2: string;
-            export { description_2 as description };
-        }
-        export namespace children {
-            let control_3: boolean;
-            export { control_3 as control };
-            let description_3: string;
-            export { description_3 as description };
-        }
-    }
-}
-export default _default;
-export const Default: any;
-export const WithoutIcon: any;
-export const WithoutNumber: any;
-export const WithoutActions: any;
-export const Minimal: any;
-export const LongTitle: any;
-export const MultipleActions: any;
-export const DisabledActions: any;
-import Section from "./Section";

package/dist/components/molecules/section/Section.stories.js

@@ -1,162 +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 Section from "./Section";
-var PlusIcon = function () { return (React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-    React.createElement("path", { d: "M8 3.33333V12.6667M3.33333 8H12.6667", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }))); };
-export default {
-    title: "Molecules/Section",
-    component: Section,
-    parameters: {
-        layout: "padded",
-    },
-    argTypes: {
-        title: {
-            control: "text",
-            description: "The title of the section",
-        },
-        number: {
-            control: "number",
-            description: "The number to display in the badge",
-        },
-        actions: {
-            control: false,
-            description: "Array of action buttons",
-        },
-        children: {
-            control: false,
-            description: "Content to display in the section",
-        },
-    },
-};
-var Template = function (args) { return React.createElement(Section, __assign({}, args)); };
-export var Default = Template.bind({});
-Default.args = {
-    icon: "allaw-icon-document",
-    title: "Documents partagés",
-    number: 5,
-    actions: [
-        {
-            label: "Transférer",
-            onClick: function () { return console.log("Transfer clicked"); },
-            variant: "secondary",
-        },
-        {
-            label: "Demander",
-            onClick: function () { return console.log("Request clicked"); },
-            variant: "primary",
-            icon: React.createElement(PlusIcon, null),
-        },
-    ],
-    children: (React.createElement("div", { style: { padding: "20px", textAlign: "center", color: "#728ea7" } }, "Content area - Add your content here")),
-};
-export var WithoutIcon = Template.bind({});
-WithoutIcon.args = {
-    title: "Section without icon",
-    number: 3,
-    actions: [
-        {
-            label: "Action",
-            onClick: function () { return console.log("Action clicked"); },
-            variant: "primary",
-        },
-    ],
-    children: (React.createElement("div", { style: { padding: "20px", textAlign: "center", color: "#728ea7" } }, "This section has no icon")),
-};
-export var WithoutNumber = Template.bind({});
-WithoutNumber.args = {
-    icon: "allaw-icon-document",
-    title: "Section without number",
-    actions: [
-        {
-            label: "Primary Action",
-            onClick: function () { return console.log("Primary clicked"); },
-            variant: "primary",
-        },
-        {
-            label: "Secondary Action",
-            onClick: function () { return console.log("Secondary clicked"); },
-            variant: "secondary",
-        },
-    ],
-    children: (React.createElement("div", { style: { padding: "20px", textAlign: "center", color: "#728ea7" } }, "This section has no number badge")),
-};
-export var WithoutActions = Template.bind({});
-WithoutActions.args = {
-    icon: "allaw-icon-document",
-    title: "Section without actions",
-    number: 10,
-    children: (React.createElement("div", { style: { padding: "20px", textAlign: "center", color: "#728ea7" } }, "This section has no action buttons")),
-};
-export var Minimal = Template.bind({});
-Minimal.args = {
-    title: "Minimal section",
-    children: (React.createElement("div", { style: { padding: "20px", textAlign: "center", color: "#728ea7" } }, "Just title and content")),
-};
-export var LongTitle = Template.bind({});
-LongTitle.args = {
-    icon: "allaw-icon-document",
-    title: "This is a very long title that should be truncated properly",
-    number: 99,
-    actions: [
-        {
-            label: "Action",
-            onClick: function () { return console.log("Action clicked"); },
-            variant: "primary",
-        },
-    ],
-    children: (React.createElement("div", { style: { padding: "20px", textAlign: "center", color: "#728ea7" } }, "Long title example")),
-};
-export var MultipleActions = Template.bind({});
-MultipleActions.args = {
-    icon: "allaw-icon-document",
-    title: "Multiple Actions",
-    number: 7,
-    actions: [
-        {
-            label: "Edit",
-            onClick: function () { return console.log("Edit clicked"); },
-            variant: "secondary",
-        },
-        {
-            label: "Delete",
-            onClick: function () { return console.log("Delete clicked"); },
-            variant: "secondary",
-        },
-        {
-            label: "Save",
-            onClick: function () { return console.log("Save clicked"); },
-            variant: "primary",
-        },
-    ],
-    children: (React.createElement("div", { style: { padding: "20px", textAlign: "center", color: "#728ea7" } }, "Section with multiple action buttons")),
-};
-export var DisabledActions = Template.bind({});
-DisabledActions.args = {
-    icon: "allaw-icon-document",
-    title: "Disabled Actions",
-    number: 2,
-    actions: [
-        {
-            label: "Disabled Action",
-            onClick: function () { return console.log("This won't be called"); },
-            variant: "secondary",
-            disabled: true,
-        },
-        {
-            label: "Enabled Action",
-            onClick: function () { return console.log("This will work"); },
-            variant: "primary",
-        },
-    ],
-    children: (React.createElement("div", { style: { padding: "20px", textAlign: "center", color: "#728ea7" } }, "One action is disabled")),
-};

package/dist/components/molecules/segmentedControl/segmentedControl.stories.d.ts

@@ -1,70 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { SegmentedControl as component };
-    export let tags: string[];
-    export namespace argTypes {
-        namespace size {
-            namespace control {
-                let type: string;
-                let options: string[];
-            }
-        }
-        namespace fullWidth {
-            let control_1: string;
-            export { control_1 as control };
-        }
-        namespace disabled {
-            let control_2: string;
-            export { control_2 as control };
-        }
-    }
-}
-export default _default;
-export const Small: any;
-export const Medium: any;
-export const Large: any;
-export const FullWidth: any;
-export const Disabled: any;
-export function Responsive(args: any): React.JSX.Element;
-export namespace Responsive {
-    namespace args {
-        export { baseOptions as options };
-        export let value: string;
-        let size_1: string;
-        export { size_1 as size };
-        let fullWidth_1: boolean;
-        export { fullWidth_1 as fullWidth };
-    }
-}
-export const CalendarIcons: any;
-export const ContentWidth: any;
-export const Default: any;
-export function ResponsiveColumn(args: any): React.JSX.Element;
-export namespace ResponsiveColumn {
-    export namespace args_1 {
-        let options_1: {
-            id: string;
-            label: string;
-            icon: string;
-            iconSize: number;
-            shortLabel: string;
-        }[];
-        export { options_1 as options };
-        let value_1: string;
-        export { value_1 as value };
-        let size_2: string;
-        export { size_2 as size };
-        let fullWidth_2: boolean;
-        export { fullWidth_2 as fullWidth };
-    }
-    export { args_1 as args };
-}
-import SegmentedControl from "./SegmentedControl";
-import React from "react";
-declare const baseOptions: {
-    id: string;
-    label: string;
-    icon: string;
-    iconSize: number;
-    shortLabel: string;
-}[];

package/dist/components/molecules/segmentedControl/segmentedControl.stories.js

@@ -1,185 +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 SegmentedControl from "./SegmentedControl";
-import "../../../styles/global.css";
-export default {
-    title: "Components/Molecules/SegmentedControl",
-    component: SegmentedControl,
-    tags: ["autodocs"],
-    argTypes: {
-        size: { control: { type: "select", options: ["sm", "md", "lg"] } },
-        fullWidth: { control: "boolean" },
-        disabled: { control: "boolean" },
-    },
-};
-var baseOptions = [
-    {
-        id: "google",
-        label: "Google",
-        icon: "allaw-icon-google",
-        iconSize: 24,
-        shortLabel: "G",
-    },
-    {
-        id: "linkedin",
-        label: "LinkedIn",
-        icon: "allaw-icon-linkedin",
-        iconSize: 24,
-        shortLabel: "In",
-    },
-    {
-        id: "user",
-        label: "Utilisateur",
-        icon: "allaw-icon-user",
-        iconSize: 24,
-        shortLabel: "U",
-    },
-];
-var calendarOptions = [
-    {
-        id: "googlecal",
-        label: "Google Calendar",
-        icon: "allaw-icon-google-calendar",
-        iconSize: 24,
-        shortLabel: "GCal",
-    },
-    {
-        id: "microsoft",
-        label: "Microsoft",
-        icon: "allaw-icon-microsoft",
-        iconSize: 24,
-        shortLabel: "MS",
-    },
-    {
-        id: "user",
-        label: "Utilisateur",
-        icon: "allaw-icon-user",
-        iconSize: 24,
-        shortLabel: "U",
-    },
-];
-var Template = function (args) {
-    var _a = useState(args.value || args.options[0].id), value = _a[0], setValue = _a[1];
-    return React.createElement(SegmentedControl, __assign({}, args, { value: value, onChange: setValue }));
-};
-export var Small = Template.bind({});
-Small.args = {
-    options: baseOptions,
-    value: "google",
-    size: "sm",
-};
-export var Medium = Template.bind({});
-Medium.args = {
-    options: baseOptions,
-    value: "linkedin",
-    size: "md",
-};
-export var Large = Template.bind({});
-Large.args = {
-    options: baseOptions,
-    value: "user",
-    size: "lg",
-};
-export var FullWidth = Template.bind({});
-FullWidth.args = {
-    options: baseOptions,
-    value: "google",
-    size: "md",
-    fullWidth: true,
-};
-export var Disabled = Template.bind({});
-Disabled.args = {
-    options: baseOptions,
-    value: "google",
-    size: "md",
-    disabled: true,
-};
-export var Responsive = function (args) {
-    var _a = useState(args.value || args.options[0].id), value = _a[0], setValue = _a[1];
-    return (React.createElement("div", { style: { maxWidth: 280, border: "1px dashed #ccc", padding: 8 } },
-        React.createElement(SegmentedControl, __assign({}, args, { value: value, onChange: setValue }))));
-};
-Responsive.args = {
-    options: baseOptions,
-    value: "google",
-    size: "md",
-    fullWidth: false,
-};
-export var CalendarIcons = Template.bind({});
-CalendarIcons.args = {
-    options: calendarOptions,
-    value: "googlecal",
-    size: "md",
-};
-export var ContentWidth = Template.bind({});
-ContentWidth.args = {
-    options: baseOptions,
-    value: "google",
-    size: "md",
-    fullWidth: false,
-};
-export var Default = Template.bind({});
-Default.args = {
-    options: [
-        {
-            id: "googlecal",
-            label: "Google Calendar",
-            icon: "allaw-icon-google-calendar",
-            iconSize: 24,
-            shortLabel: "GCal",
-        },
-        {
-            id: "microsoft",
-            label: "Microsoft Outlook",
-            icon: "allaw-icon-microsoft-outlook",
-            iconSize: 24,
-            shortLabel: "Outlook",
-        },
-    ],
-    value: "googlecal",
-    size: "md",
-    fullWidth: false,
-};
-export var ResponsiveColumn = function (args) {
-    var _a = React.useState(args.value || args.options[0].id), value = _a[0], setValue = _a[1];
-    return (React.createElement("div", { style: { maxWidth: 350, border: "1px dashed #ccc", padding: 8 } },
-        React.createElement(SegmentedControl, __assign({}, args, { value: value, onChange: setValue }))));
-};
-ResponsiveColumn.args = {
-    options: [
-        {
-            id: "googlecal",
-            label: "Google Calendar",
-            icon: "allaw-icon-google-calendar",
-            iconSize: 24,
-            shortLabel: "GCal",
-        },
-        {
-            id: "microsoft",
-            label: "Microsoft Outlook",
-            icon: "allaw-icon-microsoft-outlook",
-            iconSize: 24,
-            shortLabel: "Outlook",
-        },
-        {
-            id: "user",
-            label: "Utilisateur",
-            icon: "allaw-icon-user",
-            iconSize: 24,
-            shortLabel: "U",
-        },
-    ],
-    value: "googlecal",
-    size: "md",
-    fullWidth: false,
-};

package/dist/components/molecules/selectForm/SelectForm.stories.d.ts

@@ -1,79 +0,0 @@
-declare namespace _default {
-    export let title: string;
-    export { SelectForm as component };
-    export let tags: string[];
-    export namespace argTypes {
-        namespace label {
-            let control: string;
-        }
-        namespace isRequired {
-            let control_1: string;
-            export { control_1 as control };
-        }
-        namespace options {
-            let control_2: string;
-            export { control_2 as control };
-        }
-        namespace isMultiple {
-            let control_3: string;
-            export { control_3 as control };
-        }
-        namespace maxItems {
-            export namespace control_4 {
-                let type: string;
-                let min: number;
-            }
-            export { control_4 as control };
-            export namespace _if {
-                let arg: string;
-                let truthy: boolean;
-            }
-            export { _if as if };
-        }
-        namespace width {
-            export namespace control_5 {
-                let type_1: string;
-                export { type_1 as type };
-                let min_1: number;
-                export { min_1 as min };
-                export let max: number;
-            }
-            export { control_5 as control };
-        }
-        namespace selectedItem {
-            let control_6: string;
-            export { control_6 as control };
-        }
-        namespace variant {
-            export namespace control_7 {
-                let type_2: string;
-                export { type_2 as type };
-                let options_1: string[];
-                export { options_1 as options };
-            }
-            export { control_7 as control };
-        }
-        namespace color {
-            export namespace control_8 {
-                let type_3: string;
-                export { type_3 as type };
-                let options_2: string[];
-                export { options_2 as options };
-            }
-            export { control_8 as control };
-        }
-        namespace isPrefilled {
-            let control_9: string;
-            export { control_9 as control };
-            export let description: string;
-        }
-    }
-}
-export default _default;
-export const Default: any;
-export const Multiple: any;
-export const CustomWidth: any;
-export const WithSelectedItem: any;
-export const Prefilled: any;
-export const PrefilledEmpty: any;
-import SelectForm from "./SelectForm";