allaw-ui 1.1.1 → 2.0.0

package/dist/components/atoms/buttons/{PendingDocuments.css → pendingDocuments.module.css}

@@ -1,4 +1,4 @@
-.pending-documents {
+.pending_documents {
   display: inline-flex;
   align-items: center;
   gap: 8px;
@@ -9,22 +9,23 @@
   transition: transform 0.03s;
 }
 
-.pending-documents-pending {
+.pending_documents_pending {
   background: var(--tag-red-light, #fdf2f2);
+  /* background: red; */
   color: var(--Tags-Rouge, #e15151);
   cursor: pointer;
 }
 
-.pending-documents-pending:active {
+.pending_documents_pending:active {
   transform: scale(0.98);
 }
 
-.pending-documents-none {
+.pending_documents_none {
   background: var(--tag-blue-light, #daebfb);
   color: var(--Tags-Bleu-fonc, var(--tag-blue, #1985e8));
 }
 
-.pending-documents-icon {
+.pending_documents_icon {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -34,7 +35,7 @@
   font-size: 24px;
 }
 
-.pending-documents-label {
+.pending_documents_label {
   font-family: "Open Sans", sans-serif;
   font-size: 16px;
   font-style: normal;
@@ -44,10 +45,10 @@
   color: inherit;
 }
 
-.pending-documents-pending .pending-documents-label {
+.pending_documents_pending .pending_documents_label {
   color: var(--Tags-Rouge, #e15151);
 }
 
-.pending-documents-none .pending-documents-label {
+.pending_documents_none .pending_documents_label {
   color: var(--Tags-Bleu-fonc, var(--tag-blue, #1985e8));
 }

package/dist/components/atoms/checkboxes/Checkbox.stories.d.ts

@@ -0,0 +1,77 @@
+export const ActionsData: {};
+declare namespace _default {
+    export let title: string;
+    export { Checkbox as component };
+    export let tags: string[];
+    export let excludeStories: RegExp;
+    export namespace args {
+        let color: string;
+    }
+    export namespace argTypes {
+        export namespace checked {
+            namespace control {
+                let type: string;
+            }
+        }
+        export namespace color_1 {
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+                export let options: string[];
+            }
+            export { control_1 as control };
+        }
+        export { color_1 as color };
+        export namespace size {
+            export namespace control_2 {
+                let type_2: string;
+                export { type_2 as type };
+                let options_1: string[];
+                export { options_1 as options };
+            }
+            export { control_2 as control };
+        }
+        export namespace style {
+            export namespace control_3 {
+                let type_3: string;
+                export { type_3 as type };
+                let options_2: string[];
+                export { options_2 as options };
+            }
+            export { control_3 as control };
+        }
+        export namespace markType {
+            export namespace control_4 {
+                let type_4: string;
+                export { type_4 as type };
+                let options_3: string[];
+                export { options_3 as options };
+            }
+            export { control_4 as control };
+        }
+        export namespace onChange {
+            namespace table {
+                let disable: boolean;
+            }
+        }
+    }
+    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 Pressed: any;
+export const Small: any;
+export const SmallPressed: any;
+export const White: any;
+export const Light: any;
+export const LightPressed: any;
+import Checkbox from "./Checkbox";

package/dist/components/atoms/checkboxes/Checkbox.stories.js

@@ -0,0 +1,123 @@
+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 Checkbox from "./Checkbox";
+import "../../../styles/global.css";
+export var ActionsData = {};
+export default {
+    title: "Components/Atoms/Checkboxes/Checkbox",
+    component: Checkbox,
+    tags: ["autodocs"],
+    excludeStories: /.*Data$/,
+    args: __assign(__assign({}, ActionsData), { color: "noir" }),
+    argTypes: {
+        checked: {
+            control: {
+                type: "boolean",
+            },
+        },
+        color: {
+            control: {
+                type: "select",
+                options: [
+                    "bleu-allaw",
+                    "mid-grey",
+                    "dark-grey",
+                    "noir",
+                    "pure-white",
+                    "grey-venom",
+                    "venom-grey-dark",
+                ],
+            },
+        },
+        size: {
+            control: {
+                type: "select",
+                options: ["default", "small"],
+            },
+        },
+        style: {
+            control: {
+                type: "select",
+                options: ["default", "light"],
+            },
+        },
+        markType: {
+            control: {
+                type: "select",
+                options: ["cross", "check"],
+            },
+        },
+        onChange: {
+            table: {
+                disable: 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(Checkbox, __assign({}, args));
+};
+export var Default = Template.bind({});
+Default.args = {
+    checked: false,
+    size: "default",
+    style: "default",
+};
+export var Pressed = Template.bind({});
+Pressed.args = {
+    checked: true,
+    size: "default",
+    style: "default",
+};
+export var Small = Template.bind({});
+Small.args = {
+    checked: false,
+    size: "small",
+    style: "default",
+};
+export var SmallPressed = Template.bind({});
+SmallPressed.args = {
+    checked: true,
+    size: "small",
+    style: "default",
+};
+export var White = Template.bind({});
+White.args = {
+    checked: false,
+    color: "pure-white",
+    size: "default",
+    style: "default",
+};
+export var Light = Template.bind({});
+Light.args = {
+    checked: false,
+    size: "default",
+    style: "light",
+};
+export var LightPressed = Template.bind({});
+LightPressed.args = {
+    checked: true,
+    size: "default",
+    style: "light",
+};

package/dist/components/atoms/datepickers/Datepicker.js

@@ -1,3 +1,4 @@
+"use client";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {

package/dist/components/atoms/datepickers/Datepicker.stories.d.ts

@@ -0,0 +1,90 @@
+declare namespace _default {
+    export let title: string;
+    export { Datepicker as component };
+    export let tags: string[];
+    export namespace parameters {
+        namespace backgrounds {
+            let _default: string;
+            export { _default as default };
+            export let values: {
+                name: string;
+                value: string;
+            }[];
+        }
+    }
+    export namespace argTypes {
+        namespace yearDropdownItemNumber {
+            namespace control {
+                let type: string;
+            }
+            let description: string;
+            let defaultValue: number;
+        }
+        namespace maxDaysInPast {
+            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 minDate {
+            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 default _default;
+export namespace Default {
+    namespace args {
+        export let placeholder: string;
+        let yearDropdownItemNumber_1: number;
+        export { yearDropdownItemNumber_1 as yearDropdownItemNumber };
+    }
+}
+export namespace WithValue {
+    export namespace args_1 {
+        export let value: Date;
+        let placeholder_1: string;
+        export { placeholder_1 as placeholder };
+        let yearDropdownItemNumber_2: number;
+        export { yearDropdownItemNumber_2 as yearDropdownItemNumber };
+    }
+    export { args_1 as args };
+}
+export namespace WithMaxDaysInPast {
+    export namespace args_2 {
+        let placeholder_2: string;
+        export { placeholder_2 as placeholder };
+        let maxDaysInPast_1: number;
+        export { maxDaysInPast_1 as maxDaysInPast };
+    }
+    export { args_2 as args };
+}
+export namespace WithMinDate {
+    export namespace args_3 {
+        let placeholder_3: string;
+        export { placeholder_3 as placeholder };
+        let minDate_1: Date;
+        export { minDate_1 as minDate };
+    }
+    export { args_3 as args };
+}
+export namespace WithBothConstraints {
+    export namespace args_4 {
+        let placeholder_4: string;
+        export { placeholder_4 as placeholder };
+        let maxDaysInPast_2: number;
+        export { maxDaysInPast_2 as maxDaysInPast };
+        let minDate_2: Date;
+        export { minDate_2 as minDate };
+    }
+    export { args_4 as args };
+}
+import Datepicker from "./Datepicker";

package/dist/components/atoms/datepickers/Datepicker.stories.js

@@ -0,0 +1,67 @@
+import React from "react";
+import Datepicker from "./Datepicker";
+import "../../../styles/global.css";
+import "react-datepicker/dist/react-datepicker.css";
+import { fr } from "date-fns/locale";
+export default {
+    title: "Components/Atoms/Datepickers/Datepicker",
+    component: Datepicker,
+    tags: ["autodocs"],
+    parameters: {
+        backgrounds: {
+            default: "light",
+            values: [
+                { name: "light", value: "#ffffff" },
+                { name: "grey", value: "#728ea7" },
+                { name: "dark", value: "#171e25" },
+            ],
+        },
+    },
+    argTypes: {
+        yearDropdownItemNumber: {
+            control: { type: "number" },
+            description: "Nombre d'années à afficher dans la liste déroulante",
+            defaultValue: 10,
+        },
+        maxDaysInPast: {
+            control: { type: "number" },
+            description: "Nombre maximum de jours dans le passé sélectionnables",
+        },
+        minDate: {
+            control: { type: "date" },
+            description: "Date minimale sélectionnable",
+        },
+    },
+};
+export var Default = {
+    args: {
+        placeholder: "Sélectionner une date",
+        yearDropdownItemNumber: 10,
+    },
+};
+export var WithValue = {
+    args: {
+        value: new Date("2022-11-10"),
+        placeholder: "Sélectionner une date",
+        yearDropdownItemNumber: 10,
+    },
+};
+export var WithMaxDaysInPast = {
+    args: {
+        placeholder: "Sélectionner une date",
+        maxDaysInPast: 10,
+    },
+};
+export var WithMinDate = {
+    args: {
+        placeholder: "Sélectionner une date",
+        minDate: new Date("2024-01-01"),
+    },
+};
+export var WithBothConstraints = {
+    args: {
+        placeholder: "Sélectionner une date",
+        maxDaysInPast: 30,
+        minDate: new Date("2024-01-01"),
+    },
+};

package/dist/components/atoms/filter/Filter.stories.d.ts

@@ -0,0 +1,9 @@
+declare namespace _default {
+    export let title: string;
+    export { BaseFilter as component };
+}
+export default _default;
+export const Default: any;
+export const SingleSelect: any;
+export const WithoutIcon: any;
+import BaseFilter from './Filter';

package/dist/components/atoms/filter/Filter.stories.js

@@ -0,0 +1,77 @@
+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);
+};
+// BaseFilter.stories.js
+import React from 'react';
+import "../../../styles/global.css";
+import BaseFilter from './Filter';
+export default {
+    title: 'Components/Atoms/Filters/Filter',
+    component: BaseFilter,
+};
+var Template = function (args) { return React.createElement(BaseFilter, __assign({}, args)); };
+export var Default = Template.bind({});
+Default.args = {
+    tooltipContent: 'This is a tooltip',
+    tooltipId: 'tooltip-1',
+    showIcon: true,
+    defaultSelectedValues: ['confirmed'],
+    filterData: [
+        { value: 'confirmed', name: 'Confirmed' },
+        { value: 'pending', name: 'Pending' },
+        { value: 'available', name: 'Available' },
+        { value: 'unavailable', name: 'Unavailable' },
+        { value: 'cancelled', name: 'Cancelled' },
+        { value: 'passed', name: 'Passed' },
+        { value: 'refused', name: 'Refused' },
+    ],
+    setFilters: function (values) { return console.log('Selected values:', values); },
+    multiselect: true,
+    iconName: 'fa fa-filter', // Replace with your actual icon class
+    children: 'Filter Button',
+    showNumIndic: true,
+    isStatusTag: true,
+};
+export var SingleSelect = Template.bind({});
+SingleSelect.args = {
+    tooltipContent: 'This is a tooltip',
+    tooltipId: 'tooltip-2',
+    showIcon: true,
+    defaultSelectedValues: ['confirmed'],
+    filterData: [
+        { value: 'confirmed', name: 'Confirmed' },
+        { value: 'pending', name: 'Pending' },
+        { value: 'available', name: 'Available' },
+    ],
+    setFilters: function (values) { return console.log('Selected values:', values); },
+    multiselect: false,
+    iconName: 'fa fa-filter', // Replace with your actual icon class
+    children: 'Single Select Filter Button',
+    showNumIndic: true,
+    isStatusTag: false,
+};
+export var WithoutIcon = Template.bind({});
+WithoutIcon.args = {
+    tooltipContent: 'This is a tooltip',
+    tooltipId: 'tooltip-3',
+    showIcon: false,
+    defaultSelectedValues: ['confirmed'],
+    filterData: [
+        { value: 'confirmed', name: 'Confirmed' },
+        { value: 'pending', name: 'Pending' },
+        { value: 'available', name: 'Available' },
+    ],
+    setFilters: function (values) { return console.log('Selected values:', values); },
+    multiselect: true,
+    children: 'Filter Button Without Icon',
+    showNumIndic: true,
+    isStatusTag: true,
+};

package/dist/components/atoms/filters/SingleFilter.stories.d.ts

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

package/dist/components/atoms/filters/SingleFilter.stories.js

@@ -0,0 +1,34 @@
+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 SingleFilter from './SingleFilter'; // Ajustez le chemin selon votre structure de projet
+import './SingleFilter'; // Assurez-vous que le chemin est correct
+export default {
+    title: 'Components/Atoms/Filters/SingleFilter',
+    component: SingleFilter,
+};
+var Template = function (args) { return React.createElement(SingleFilter, __assign({}, args)); };
+export var Default = Template.bind({});
+Default.args = {
+    defaultSelectedValue: 'Option 1',
+    filterData: [
+        { value: 'option1', name: 'Option 1' },
+        { value: 'option2', name: 'Option 2' },
+        { value: 'option3', name: 'Option 3' },
+    ],
+    setFilter: function (selectedValue) { return console.log('Selected value:', selectedValue); },
+    children: 'Filter',
+    required: true,
+    showNumIndic: true,
+    showBackdrop: true,
+    isStatusTag: false,
+};

package/dist/components/atoms/inputs/Input.stories.d.ts

@@ -0,0 +1,62 @@
+export const ActionsData: {};
+declare namespace _default {
+    export let title: string;
+    export { Input as component };
+    export let tags: string[];
+    export let excludeStories: RegExp;
+    export namespace args {
+        let endIcon: string;
+    }
+    export namespace argTypes {
+        export namespace style {
+            namespace control {
+                let type: string;
+                let options: string[];
+            }
+        }
+        export namespace endIcon_1 {
+            export namespace control_1 {
+                let type_1: string;
+                export { type_1 as type };
+            }
+            export { control_1 as control };
+        }
+        export { endIcon_1 as endIcon };
+        export namespace isRequired {
+            let control_2: string;
+            export { control_2 as control };
+        }
+        export namespace validate {
+            export namespace control_3 {
+                let type_2: string;
+                export { type_2 as type };
+            }
+            export { control_3 as control };
+        }
+        export namespace variant {
+            export namespace control_4 {
+                let type_3: string;
+                export { type_3 as type };
+                let options_1: string[];
+                export { options_1 as options };
+            }
+            export { control_4 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 Variation: any;
+export const Password: any;
+export const WithValidation: any;
+import Input from "./Input";