allaw-ui 3.4.3 → 3.4.5

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/datepickers/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Datepicker } from "./Datepicker";
+export type { DatepickerProps } from "./Datepicker";

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

@@ -0,0 +1 @@
+export { default as Datepicker } from "./Datepicker";

package/dist/components/atoms/featureCard/featureCard.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export type FeatureType = {
+    title: string;
+    image: {
+        src: string;
+        alt: string;
+    };
+    content: string;
+    action?: {
+        href: string;
+        label: string;
+    };
+};
+declare const FeatureCard: React.FC<FeatureType>;
+export default FeatureCard;

package/dist/components/atoms/featureCard/featureCard.js

@@ -0,0 +1,16 @@
+import React from "react";
+import styles from "./featureCard.module.css";
+import { TertiaryButton } from "../buttons";
+import Image from "next/image";
+var FeatureCard = function (_a) {
+    var title = _a.title, image = _a.image, content = _a.content, action = _a.action;
+    return (React.createElement("article", { className: styles.featureCardContainer },
+        React.createElement("div", { className: styles.featureCardContent },
+            React.createElement(Image, { src: image.src, alt: image.alt, className: styles.featureCardImage, width: 200, height: 200 }),
+            React.createElement("div", { className: styles.featureCardTitle },
+                React.createElement("h3", null, title)),
+            React.createElement("div", { className: styles.featureCardDescription },
+                React.createElement("p", null, content))),
+        action && React.createElement(TertiaryButton, { href: action.href, label: action.label })));
+};
+export default FeatureCard;

package/dist/components/atoms/featureCard/featureCard.stories.d.ts

@@ -0,0 +1,21 @@
+declare namespace _default {
+    export let title: string;
+    export { FeatureCard as component };
+    export namespace argTypes {
+        namespace image {
+            let control: boolean;
+        }
+        namespace action {
+            let control_1: boolean;
+            export { control_1 as control };
+        }
+    }
+}
+export default _default;
+export const Default: any;
+export const WithoutAction: any;
+export const LongContent: any;
+export const CustomImage: any;
+export const ShortTitle: any;
+export const LongTitle: any;
+import FeatureCard from "./featureCard";

package/dist/components/atoms/featureCard/featureCard.stories.js

@@ -0,0 +1,101 @@
+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 FeatureCard, { FeatureType } from "./featureCard";
+export default {
+    title: "Components/Molecules/FeatureCard",
+    component: FeatureCard,
+    argTypes: {
+        image: {
+            control: false,
+        },
+        action: {
+            control: false,
+        },
+    },
+};
+var Template = function (args) { return React.createElement(FeatureCard, __assign({}, args)); };
+export var Default = Template.bind({});
+Default.args = {
+    title: "Explore our services",
+    image: {
+        src: "https://images.unsplash.com/photo-1737229940875-293ed0c4e8af?q=80&w=1742&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+        alt: "Placeholder image",
+    },
+    content: "Discover our tailored services designed to meet your needs. Our platform ensures you get the best solutions effortlessly.",
+    action: {
+        href: "/learn-more",
+        label: "Learn More",
+    },
+};
+export var WithoutAction = Template.bind({});
+WithoutAction.args = {
+    title: "Explore our services",
+    image: {
+        src: "https://images.unsplash.com/photo-1737229940875-293ed0c4e8af?q=80&w=1742&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+        alt: "Placeholder image",
+    },
+    content: "Discover our tailored services designed to meet your needs. Our platform ensures you get the best solutions effortlessly.",
+};
+export var LongContent = Template.bind({});
+LongContent.args = {
+    title: "Comprehensive Solutions",
+    image: {
+        src: "https://images.unsplash.com/photo-1737229940875-293ed0c4e8af?q=80&w=1742&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+        alt: "Placeholder image",
+    },
+    content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet tristique augue, a venenatis lorem. Quisque nec consequat quam. Cras vel orci nec quam pellentesque ultricies. Integer facilisis risus id cursus placerat, lacus mi varius nunc, et facilis sem ligula quis arcu. Fusce pharetra libero vel dui pellentesque, vel tincidunt lectus tristique.",
+    action: {
+        href: "/details",
+        label: "View Details",
+    },
+};
+export var CustomImage = Template.bind({});
+CustomImage.args = {
+    title: "Custom Feature",
+    image: {
+        src: "https://images.unsplash.com/photo-1737157998574-2a75f0c52a09?q=80&w=1924&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+        alt: "Custom placeholder image",
+    },
+    content: "This feature showcases custom images with a unique size and layout.",
+    action: {
+        href: "/custom",
+        label: "Explore",
+    },
+};
+export var ShortTitle = Template.bind({});
+ShortTitle.args = {
+    title: "Short",
+    image: {
+        src: "https://images.unsplash.com/photo-1737229940875-293ed0c4e8af?q=80&w=1742&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+        alt: "Placeholder image",
+    },
+    content: "This is a short title example with brief content.",
+    action: {
+        href: "/short-title",
+        label: "Check Out",
+    },
+};
+export var LongTitle = Template.bind({});
+LongTitle.args = {
+    title: "Lorem ipsum dolor sit amet, consectetur adipiscing elit",
+    image: {
+        src: "https://images.unsplash.com/photo-1737229940875-293ed0c4e8af?q=80&w=1742&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+        alt: "Placeholder image",
+    },
+    content: "This is a short title example with brief content. This is a short title example with brief content  This is a short title example with brief content This is a short title example with brief content This is a short title example with brief contentThis is a short title example with brief content. This is a short title example with brief content  This is a short title example with brief content This is a short title example with brief content This is a short title example with brief contentThis is a short title example with brief content. This is a short title example with brief content  This is a short title example with brief content This is a short title example with brief content This is a short title example with brief contentThis is a short title example with brief content. This is a short title example with brief content  This is a short title example with brief content This is a short title example with brief content This is a short title example with brief content",
+    action: {
+        href: "/short-title",
+        label: "Check Out",
+    },
+};

package/dist/components/atoms/featureCard/index.d.ts

@@ -0,0 +1,2 @@
+export { default as featureCard } from "./featureCard";
+export type { FeatureType } from "./featureCard";

package/dist/components/atoms/featureCard/index.js

@@ -0,0 +1 @@
+export { default as featureCard } from "./featureCard";

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

@@ -0,0 +1,17 @@
+import "./Basefiler.css";
+import React from "react";
+export type FilterProps = {
+    defaultSelectedValue?: string;
+    filterData: {
+        value: string;
+        name: string;
+    }[];
+    setFilter: (selectedValue: string) => void;
+    children?: React.ReactNode;
+    required?: boolean;
+    showNumIndic?: boolean;
+    showBackdrop?: boolean;
+    isStatusTag?: boolean;
+};
+declare const BaseFilter: ({ showNumIndic, required, defaultSelectedValue, filterData, setFilter, showBackdrop, children, ...props }: FilterProps) => React.JSX.Element;
+export default BaseFilter;

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

@@ -0,0 +1,70 @@
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import "./Basefiler.css";
+import { FilterButtonPrimary, PrimaryButton } from "../buttons";
+import { TinyInfo } from "../typography";
+import React, { useState } from "react";
+var BaseFilter = function (_a) {
+    var _b = _a.showNumIndic, showNumIndic = _b === void 0 ? false : _b, _c = _a.required, required = _c === void 0 ? true : _c, defaultSelectedValue = _a.defaultSelectedValue, filterData = _a.filterData, setFilter = _a.setFilter, _d = _a.showBackdrop, showBackdrop = _d === void 0 ? false : _d, children = _a.children, props = __rest(_a, ["showNumIndic", "required", "defaultSelectedValue", "filterData", "setFilter", "showBackdrop", "children"]);
+    var _e = useState(false), isOpen = _e[0], setIsOpen = _e[1];
+    var _f = useState(defaultSelectedValue || ""), selectedValue = _f[0], setSelectedValue = _f[1];
+    var handleClose = function () {
+        setFilter(selectedValue);
+        setIsOpen(false);
+    };
+    var handleButtonTap = function () {
+        isOpen ? handleClose() : setIsOpen(true);
+    };
+    var Item = function (_a) {
+        var name = _a.name, value = _a.value;
+        return (React.createElement("button", { className: "item", onClick: function () { setSelectedValue(value); handleClose(); } },
+            React.createElement("div", { className: "round" },
+                React.createElement("div", { className: selectedValue === value ? "selected" : "notSelected" })),
+            React.createElement("span", null, name)));
+    };
+    var SmallItem = function (_a) {
+        var name = _a.name, value = _a.value;
+        return (React.createElement("button", { className: "smallItem", onClick: function () { setSelectedValue(value); } },
+            React.createElement("div", { className: "round" },
+                React.createElement("div", { className: selectedValue === value ? "selected" : "notSelected" })),
+            React.createElement("span", null, name)));
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", __assign({ className: "baseFilter" }, props),
+            React.createElement(FilterButtonPrimary, { onClick: handleButtonTap, zIndex: "100" },
+                children,
+                React.createElement("p", { style: { color: "#25BEEB", fontWeight: "600" } }, showNumIndic && "(".concat(selectedValue.length, ")"))),
+            isOpen && (React.createElement("div", { className: "options" }, filterData && filterData.length > 0 &&
+                filterData.map(function (item, idx) { return (React.createElement(Item, { name: item.name, value: item.value, key: idx })); }))),
+            React.createElement("div", { className: "optionsSmall", style: { bottom: isOpen ? "0" : "-100%" } },
+                React.createElement("div", { className: "row" },
+                    React.createElement("div", { style: { minWidth: "20px" } }),
+                    React.createElement(TinyInfo, { text: children, variant: "bold14", color: "noir" }),
+                    React.createElement("button", { className: "closeButton", onClick: handleClose },
+                        React.createElement("i", { className: "allaw-icon-close" }))),
+                React.createElement("div", { className: "choices" }, filterData && filterData.length > 0 &&
+                    filterData.map(function (item, idx) { return (React.createElement(SmallItem, { name: item.name, value: item.value, key: idx })); })),
+                React.createElement(PrimaryButton, { label: "Voir les r\u00E9sultats", onClick: handleClose }))),
+        isOpen && (React.createElement("div", { className: "backdrop", onClick: handleClose }))));
+};
+export default BaseFilter;

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/filter/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Filter } from "./Filter";
+export type { FilterProps } from "./Filter";

package/dist/components/atoms/filter/index.js

@@ -0,0 +1 @@
+export { default as Filter } from "./Filter";

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

@@ -0,0 +1,16 @@
+import React from "react";
+export type SingleFilterProps = {
+    defaultSelectedValue?: string;
+    filterData: {
+        value: string;
+        name: string;
+    }[];
+    setFilter: (selectedValue: string) => void;
+    children?: React.ReactNode;
+    required?: boolean;
+    showNumIndic?: boolean;
+    showBackdrop?: boolean;
+    isStatusTag?: boolean;
+};
+declare const SingleFilter: ({ showNumIndic, required, defaultSelectedValue, filterData, setFilter, showBackdrop, children, ...props }: SingleFilterProps) => React.JSX.Element;
+export default SingleFilter;

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

@@ -0,0 +1,99 @@
+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);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import styles from "./SingleFilter.module.css";
+import { FilterButtonPrimary, PrimaryButton } from "../buttons";
+import { TinyInfo } from "../typography";
+import React, { useState, useEffect, useRef } from "react";
+var SingleFilter = function (_a) {
+    var _b = _a.showNumIndic, showNumIndic = _b === void 0 ? false : _b, _c = _a.required, required = _c === void 0 ? true : _c, defaultSelectedValue = _a.defaultSelectedValue, filterData = _a.filterData, setFilter = _a.setFilter, _d = _a.showBackdrop, showBackdrop = _d === void 0 ? false : _d, children = _a.children, props = __rest(_a, ["showNumIndic", "required", "defaultSelectedValue", "filterData", "setFilter", "showBackdrop", "children"]);
+    var _e = useState(false), isOpen = _e[0], setIsOpen = _e[1];
+    var _f = useState(defaultSelectedValue || ""), selectedValue = _f[0], setSelectedValue = _f[1];
+    var filterRef = useRef(null);
+    useEffect(function () {
+        if (selectedValue) {
+            setFilter(selectedValue);
+        }
+    }, [selectedValue, setFilter]);
+    useEffect(function () {
+        var handleClickOutside = function (event) {
+            if (filterRef.current &&
+                event.target instanceof Node &&
+                !filterRef.current.contains(event.target)) {
+                setIsOpen(false);
+            }
+        };
+        if (isOpen) {
+            var timeoutId_1 = setTimeout(function () {
+                document.addEventListener("mousedown", handleClickOutside);
+            }, 0);
+            return function () {
+                clearTimeout(timeoutId_1);
+                document.removeEventListener("mousedown", handleClickOutside);
+            };
+        }
+        return undefined;
+    }, [isOpen]);
+    var handleClose = function () {
+        setIsOpen(false);
+    };
+    var handleButtonTap = function () {
+        setIsOpen(!isOpen);
+    };
+    var Item = function (_a) {
+        var name = _a.name, value = _a.value;
+        return (React.createElement("button", { className: styles.item, onClick: function () {
+                setSelectedValue(value);
+                handleClose();
+            } },
+            React.createElement("div", { className: styles.round },
+                React.createElement("div", { className: selectedValue === value ? styles.selected : styles.notSelected })),
+            React.createElement("span", null, name)));
+    };
+    var SmallItem = function (_a) {
+        var name = _a.name, value = _a.value;
+        return (React.createElement("button", { className: styles.smallItem, onClick: function () {
+                setSelectedValue(value);
+            } },
+            React.createElement("div", { className: styles.round },
+                React.createElement("div", { className: selectedValue === value ? styles.selected : styles.notSelected })),
+            React.createElement("span", null, name)));
+    };
+    return (React.createElement("div", __assign({ className: styles.baseFilter, ref: filterRef }, props),
+        React.createElement(FilterButtonPrimary, { onClick: handleButtonTap },
+            children,
+            React.createElement("p", { style: { color: "#25BEEB", fontWeight: "600" } }, showNumIndic && "(".concat(selectedValue.length, ")"))),
+        isOpen && (React.createElement("div", { className: styles.options }, filterData &&
+            filterData.length > 0 &&
+            filterData.map(function (item, idx) { return (React.createElement(Item, { name: item.name, value: item.value, key: idx })); }))),
+        React.createElement("div", { className: styles.optionsSmall, style: { bottom: isOpen ? "0" : "-100%" } },
+            React.createElement("div", { className: styles.row },
+                React.createElement("div", { style: { minWidth: "20px" } }),
+                React.createElement(TinyInfo, { text: children, variant: "bold14", color: "noir" }),
+                React.createElement("button", { className: styles.closeButton, onClick: handleClose },
+                    React.createElement("i", { className: "allaw-icon-close" }))),
+            React.createElement("div", { className: styles.choices }, filterData &&
+                filterData.length > 0 &&
+                filterData.map(function (item, idx) { return (React.createElement(SmallItem, { name: item.name, value: item.value, key: idx })); })),
+            React.createElement(PrimaryButton, { label: "Voir les r\u00E9sultats", onClick: handleClose }))));
+};
+export default SingleFilter;

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,33 @@
+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
+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/filters/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SingleFilter } from "./SingleFilter";
+export type { SingleFilterProps } from "./SingleFilter";

package/dist/components/atoms/filters/index.js

@@ -0,0 +1 @@
+export { default as SingleFilter } from "./SingleFilter";

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

@@ -0,0 +1,29 @@
+import React from "react";
+import "./Input.css";
+import "../../../styles/global.css";
+import "../../../styles/icons.css";
+import { commonRegex } from "../../../utils/regex";
+export interface InputProps {
+    title: string;
+    style?: "default" | "variation" | "password";
+    placeholder: string;
+    endIcon?: string;
+    rowChange?: (e: any) => void;
+    isRequired?: boolean;
+    validate?: RegExp | keyof typeof commonRegex;
+    onError?: (error: string) => void;
+    onChange?: (value: string) => void;
+    value?: string;
+    error?: string;
+    type?: string;
+    name?: string;
+    onKeyDown?: any;
+    color?: "bleu-allaw" | "mid-grey" | "dark-grey" | "noir" | "pure-white" | "grey-venom" | "venom-grey-dark";
+    variant?: "bold" | "semiBold" | "medium";
+    disableZoom?: boolean;
+}
+export interface InputRef {
+    validate: () => boolean;
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>>;
+export default Input;