allaw-ui 0.0.345 → 0.0.347

package/dist/components/atoms/buttons/OAuthProviderButton.js

@@ -1,143 +0,0 @@
-import React, { useState, useEffect, useRef } from "react";
-import "./OAuthProviderButton.css";
-import "../../../styles/global.css";
-var OAuthProviderButton = function (_a) {
-    var provider = _a.provider, type = _a.type, url = _a.url, size = _a.size, onClick = _a.onClick;
-    var _b = useState(""), label = _b[0], setLabel = _b[1];
-    var buttonRef = useRef(null);
-    var getLabels = function () {
-        var labels = {
-            google: {
-                login: "Continuer avec Google",
-                signup: "S'inscrire avec Google",
-            },
-            apple: {
-                login: "Continuer avec Apple",
-                signup: "S'inscrire avec Apple",
-            },
-            linkedin: {
-                login: "Continuer avec LinkedIn",
-                signup: "S'inscrire avec LinkedIn",
-            },
-        };
-        var shortLabels = {
-            google: "Google",
-            apple: "Apple",
-            linkedin: "LinkedIn",
-        };
-        return { labels: labels, shortLabels: shortLabels };
-    };
-    var getThresholdWidth = function (size) {
-        switch (size) {
-            case 14:
-                return 210;
-            case 16:
-                return 220;
-            case 18:
-                return 230;
-            case 20:
-                return 240;
-            case 22:
-                return 260;
-            case 24:
-                return 290;
-            default:
-                return 250;
-        }
-    };
-    var updateLabel = function () {
-        var _a, _b;
-        var _c = getLabels(), labels = _c.labels, shortLabels = _c.shortLabels;
-        var maxWidth = (_b = (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) !== null && _b !== void 0 ? _b : 0;
-        var thresholdWidth = getThresholdWidth(size);
-        var newLabel = maxWidth < thresholdWidth
-            ? shortLabels[provider]
-            : labels[provider][type];
-        setLabel(newLabel);
-    };
-    useEffect(function () {
-        var resizeObserver = new ResizeObserver(function () {
-            updateLabel();
-        });
-        if (buttonRef.current) {
-            resizeObserver.observe(buttonRef.current);
-        }
-        return function () {
-            if (buttonRef.current) {
-                resizeObserver.unobserve(buttonRef.current);
-            }
-        };
-    }, [provider, type, size]);
-    // Force an update after the first render to ensure the correct label is set
-    useEffect(function () {
-        if (buttonRef.current) {
-            updateLabel();
-        }
-    }, []);
-    var renderIcon = function () {
-        var iconSizes = {
-            google: size * 0.8,
-            apple: size * 1.2,
-            linkedin: size * 0.8,
-        };
-        var iconClasses = {
-            google: "allaw-icon-google",
-            apple: "allaw-icon-apple",
-            linkedin: "allaw-icon-linkedin",
-        };
-        var iconSize = iconSizes[provider];
-        var iconClass = iconClasses[provider];
-        if (provider === "google") {
-            return (React.createElement("span", { className: iconClass, style: { fontSize: "".concat(iconSize, "px") } },
-                React.createElement("span", { className: "path1" }),
-                React.createElement("span", { className: "path2" }),
-                React.createElement("span", { className: "path3" }),
-                React.createElement("span", { className: "path4" })));
-        }
-        else if (provider === "linkedin") {
-            var containerSize = size * 1.4;
-            return (React.createElement("div", { className: "linkedin-icon-container", style: {
-                    fontSize: "".concat(iconSize, "px"),
-                    width: "".concat(containerSize, "px"),
-                    height: "".concat(containerSize, "px"),
-                    minWidth: "".concat(containerSize, "px"),
-                    minHeight: "".concat(containerSize, "px"),
-                } },
-                React.createElement("i", { className: iconClass, style: { fontSize: "".concat(iconSize, "px") } })));
-        }
-        else {
-            return (React.createElement("i", { className: iconClass, style: { fontSize: "".concat(iconSize, "px") } }));
-        }
-    };
-    var handleClick = function () {
-        if (onClick) {
-            onClick();
-        }
-        else {
-            window.open(url, "_blank");
-        }
-    };
-    var getMaxWidth = function () {
-        switch (size) {
-            case 14:
-                return "200px";
-            case 16:
-                return "300px";
-            case 18:
-                return "320px";
-            case 20:
-                return "370px";
-            case 22:
-                return "380px";
-            case 24:
-                return "400px";
-            default:
-                return "400px";
-        }
-    };
-    var maxWidth = getMaxWidth();
-    return (React.createElement("button", { ref: buttonRef, className: "oauth-provider-button ".concat(provider), onClick: handleClick, style: { height: "".concat(size * 2.55, "px"), maxWidth: maxWidth } },
-        renderIcon(),
-        React.createElement("span", { className: "label", style: { fontSize: "".concat(size, "px") } }, label)));
-};
-export default OAuthProviderButton;

package/dist/components/atoms/buttons/PendingDocuments.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import "./PendingDocuments.css";
-import "../../../styles/global.css";
-export interface PendingDocumentsProps {
-    icon?: React.ReactNode;
-    pendingCount: number;
-    onClick?: () => void;
-}
-declare const PendingDocuments: React.FC<PendingDocumentsProps>;
-export default PendingDocuments;

package/dist/components/atoms/buttons/PendingDocuments.js

@@ -1,13 +0,0 @@
-import React from "react";
-import "./PendingDocuments.css";
-import "../../../styles/global.css";
-var PendingDocuments = function (_a) {
-    var icon = _a.icon, pendingCount = _a.pendingCount, onClick = _a.onClick;
-    var isPending = pendingCount > 0;
-    return (React.createElement("div", { className: "pending-documents ".concat(isPending ? "pending-documents-pending" : "pending-documents-none"), onClick: isPending ? onClick : undefined },
-        icon && React.createElement("span", { className: "pending-documents-icon" }, icon),
-        React.createElement("span", { className: "pending-documents-label" }, isPending
-            ? "".concat(pendingCount, " demandes en attente")
-            : "Aucune demande en attente")));
-};
-export default PendingDocuments;

package/dist/components/atoms/buttons/PrimaryButton.d.ts

@@ -1,16 +0,0 @@
-import React, { ButtonHTMLAttributes } from "react";
-import "./PrimaryButton.css";
-import "../../../styles/global.css";
-export interface PrimaryButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    startIcon?: React.ReactNode;
-    endIcon?: React.ReactNode;
-    startIconName?: string;
-    endIconName?: string;
-    label: string;
-    disabled?: boolean;
-    onClick?: () => void;
-    fullWidth?: boolean;
-    type?: "button" | "submit" | "reset";
-}
-declare const PrimaryButton: React.FC<PrimaryButtonProps>;
-export default PrimaryButton;

package/dist/components/atoms/buttons/PrimaryButton.js

@@ -1,11 +0,0 @@
-import React from "react";
-import "./PrimaryButton.css";
-import "../../../styles/global.css";
-var PrimaryButton = function (_a) {
-    var startIcon = _a.startIcon, endIcon = _a.endIcon, startIconName = _a.startIconName, endIconName = _a.endIconName, label = _a.label, _b = _a.disabled, disabled = _b === void 0 ? false : _b, onClick = _a.onClick, _c = _a.fullWidth, fullWidth = _c === void 0 ? false : _c, _d = _a.type, type = _d === void 0 ? "button" : _d;
-    return (React.createElement("button", { className: "primary-button ".concat(disabled ? "primary-button-disabled" : "primary-button-enabled", " ").concat(fullWidth ? "primary-button-full-width" : ""), disabled: disabled, onClick: onClick, type: type },
-        startIcon && React.createElement("span", { className: "primary-button-icon ".concat(startIconName) }),
-        React.createElement("span", { className: "primary-button-label" }, label),
-        endIcon && React.createElement("span", { className: "primary-button-icon ".concat(endIconName) })));
-};
-export default PrimaryButton;

package/dist/components/atoms/buttons/SecondaryButton.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-import "./SecondaryButton.css";
-import "../../../styles/global.css";
-export interface SecondaryButtonProps {
-    startIcon?: React.ReactNode;
-    endIcon?: React.ReactNode;
-    label: string;
-    disabled?: boolean;
-    mode?: "dark" | "light";
-    onClick?: () => void;
-    fullWidth?: boolean;
-}
-declare const SecondaryButton: React.FC<SecondaryButtonProps>;
-export default SecondaryButton;

package/dist/components/atoms/buttons/SecondaryButton.js

@@ -1,11 +0,0 @@
-import React from "react";
-import "./SecondaryButton.css";
-import "../../../styles/global.css";
-var SecondaryButton = function (_a) {
-    var startIcon = _a.startIcon, endIcon = _a.endIcon, label = _a.label, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.mode, mode = _c === void 0 ? "dark" : _c, onClick = _a.onClick, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d;
-    return (React.createElement("button", { className: "secondary-button ".concat(disabled ? "secondary-button-disabled" : "secondary-button-enabled", " secondary-button-").concat(mode, " ").concat(fullWidth ? "secondary-button-full-width" : ""), disabled: disabled, onClick: onClick },
-        startIcon && React.createElement("span", { className: "secondary-button-icon ".concat(startIcon) }),
-        React.createElement("span", { className: "secondary-button-label" }, label),
-        endIcon && React.createElement("span", { className: "secondary-button-icon ".concat(endIcon) })));
-};
-export default SecondaryButton;

package/dist/components/atoms/buttons/TabNavigation.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-import "./TabNavigation.css";
-import "../../../styles/global.css";
-export interface TabNavigationProps {
-    tabs: {
-        label: string;
-        isActive: boolean;
-        hasNotification: boolean;
-    }[];
-    onTabClick: (index: number) => void;
-}
-declare const TabNavigation: React.FC<TabNavigationProps>;
-export default TabNavigation;

package/dist/components/atoms/buttons/TabNavigation.js

@@ -1,10 +0,0 @@
-import React from "react";
-import "./TabNavigation.css";
-import "../../../styles/global.css";
-var TabNavigation = function (_a) {
-    var tabs = _a.tabs, onTabClick = _a.onTabClick;
-    return (React.createElement("div", { className: "tab-navigation" }, tabs.map(function (tab, index) { return (React.createElement("div", { key: index, className: "tab-item ".concat(tab.isActive ? "active" : "inactive"), onClick: function () { return onTabClick(index); } },
-        React.createElement("span", { className: "tab-label" }, tab.label),
-        tab.hasNotification && React.createElement("span", { className: "tab-notification-dot" }))); })));
-};
-export default TabNavigation;

package/dist/components/atoms/buttons/TertiaryButton.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import "./TertiaryButton.css";
-import "../../../styles/global.css";
-export interface TertiaryButtonProps {
-    startIcon?: React.ReactNode;
-    label: string;
-    variant?: boolean;
-}
-declare const TertiaryButton: React.FC<TertiaryButtonProps>;
-export default TertiaryButton;

package/dist/components/atoms/buttons/TertiaryButton.js

@@ -1,10 +0,0 @@
-import React from "react";
-import "./TertiaryButton.css";
-import "../../../styles/global.css";
-var TertiaryButton = function (_a) {
-    var startIcon = _a.startIcon, label = _a.label, _b = _a.variant, variant = _b === void 0 ? false : _b;
-    return (React.createElement("button", { className: "tertiary-button ".concat(variant ? "tertiary-button-variant" : "tertiary-button-default") },
-        startIcon && React.createElement("span", { className: "tertiary-button-icon ".concat(startIcon) }),
-        React.createElement("span", { className: "tertiary-button-label" }, label)));
-};
-export default TertiaryButton;

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

@@ -1,22 +0,0 @@
-export { default as FavoriteToggle } from "./FavoriteToggle";
-export { default as FilterButtonPrimary } from "./FilterButtonPrimary";
-export { default as FilterButton } from "./FilterButton";
-export { default as GhostButton } from "./GhostButton";
-export { default as IconButton } from "./IconButton";
-export { default as PendingDocuments } from "./PendingDocuments";
-export { default as PrimaryButton } from "./PrimaryButton";
-export { default as SecondaryButton } from "./SecondaryButton";
-export { default as TabNavigation } from "./TabNavigation";
-export { default as TertiaryButton } from "./TertiaryButton";
-export { default as OAuthProviderButton } from "./OAuthProviderButton";
-export type { FavoriteToggleProps } from "./FavoriteToggle";
-export type { FilterButtonProps } from "./FilterButton";
-export type { GhostButtonProps } from "./GhostButton";
-export type { IconButtonProps } from "./IconButton";
-export type { PendingDocumentsProps } from "./PendingDocuments";
-export type { PrimaryButtonProps } from "./PrimaryButton";
-export type { SecondaryButtonProps } from "./SecondaryButton";
-export type { TabNavigationProps } from "./TabNavigation";
-export type { TertiaryButtonProps } from "./TertiaryButton";
-export type { OAuthProviderButtonProps } from "./OAuthProviderButton";
-export type { FilterButtonPrimaryProps } from "./FilterButtonPrimary";

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

@@ -1,11 +0,0 @@
-export { default as FavoriteToggle } from "./FavoriteToggle";
-export { default as FilterButtonPrimary } from "./FilterButtonPrimary";
-export { default as FilterButton } from "./FilterButton";
-export { default as GhostButton } from "./GhostButton";
-export { default as IconButton } from "./IconButton";
-export { default as PendingDocuments } from "./PendingDocuments";
-export { default as PrimaryButton } from "./PrimaryButton";
-export { default as SecondaryButton } from "./SecondaryButton";
-export { default as TabNavigation } from "./TabNavigation";
-export { default as TertiaryButton } from "./TertiaryButton";
-export { default as OAuthProviderButton } from "./OAuthProviderButton";

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

@@ -1,13 +0,0 @@
-import React from "react";
-import "./Checkbox.css";
-import "../../../styles/global.css";
-export interface CheckboxProps {
-    id?: string;
-    checked?: boolean;
-    onChange?: (checked: boolean) => void;
-    color?: string;
-    size?: "default" | "small";
-    style?: "default" | "light";
-}
-declare const Checkbox: React.FC<CheckboxProps>;
-export default Checkbox;

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

@@ -1,19 +0,0 @@
-import React, { useState } from "react";
-import "./Checkbox.css";
-import "../../../styles/global.css";
-var Checkbox = function (_a) {
-    var id = _a.id, _b = _a.checked, checked = _b === void 0 ? false : _b, onChange = _a.onChange, _c = _a.color, color = _c === void 0 ? "noir" : _c, _d = _a.size, size = _d === void 0 ? "default" : _d, _e = _a.style, style = _e === void 0 ? "default" : _e;
-    var _f = useState(checked), isChecked = _f[0], setIsChecked = _f[1];
-    var handleClick = function (e) {
-        e.preventDefault();
-        e.stopPropagation();
-        var newChecked = !isChecked;
-        setIsChecked(newChecked);
-        if (onChange) {
-            onChange(newChecked);
-        }
-    };
-    var checkboxColor = style === "light" ? "light" : color;
-    return (React.createElement("button", { id: id, className: "checkbox ".concat(isChecked ? "checkbox-pressed" : "checkbox-default", " ").concat("checkbox-".concat(checkboxColor), " ").concat(size === "small" ? "checkbox-small" : "", " ").concat(style === "light" ? "checkbox-light" : ""), onClick: handleClick }, isChecked && (React.createElement("span", { className: "checkbox-icon allaw-icon-close ".concat("checkbox-icon-".concat(checkboxColor), " ").concat(style === "light" ? "checkbox-icon-light" : "") }))));
-};
-export default Checkbox;

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

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

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

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

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

@@ -1,22 +0,0 @@
-import React from "react";
-import "./Basefiler.css";
-export type FilterProps = {
-    tooltipContent: string;
-    tooltipId: string;
-    showIcon: boolean;
-    defaultSelectedValues?: string[];
-    filterData: {
-        value: string;
-        name: string;
-    }[];
-    setFilters: any;
-    multiselect?: boolean;
-    iconName?: string;
-    children?: any;
-    props?: any;
-    required?: boolean;
-    showNumIndic?: boolean;
-    isStatusTag?: boolean;
-};
-declare function BaseFilter({ tooltipContent, tooltipId, showNumIndic, required, isStatusTag, defaultSelectedValues, filterData, multiselect, setFilters, showIcon, iconName, children, ...props }: FilterProps): React.JSX.Element;
-export default BaseFilter;

package/dist/components/atoms/filter/Filter.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);
-};
-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;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import React, { useState } from "react";
-import "./Basefiler.css";
-import { AppointementStatusTag } from "../tags";
-import { FilterButtonPrimary } from "../buttons";
-function BaseFilter(_a) {
-    var tooltipContent = _a.tooltipContent, tooltipId = _a.tooltipId, _b = _a.showNumIndic, showNumIndic = _b === void 0 ? true : _b, _c = _a.required, required = _c === void 0 ? true : _c, isStatusTag = _a.isStatusTag, defaultSelectedValues = _a.defaultSelectedValues, filterData = _a.filterData, _d = _a.multiselect, multiselect = _d === void 0 ? false : _d, setFilters = _a.setFilters, showIcon = _a.showIcon, iconName = _a.iconName, children = _a.children, props = __rest(_a, ["tooltipContent", "tooltipId", "showNumIndic", "required", "isStatusTag", "defaultSelectedValues", "filterData", "multiselect", "setFilters", "showIcon", "iconName", "children"]);
-    var _e = useState(false), isOpen = _e[0], setIsOpen = _e[1];
-    var _f = useState(defaultSelectedValues ? defaultSelectedValues : []), selectedValues = _f[0], setSelectedValues = _f[1];
-    var handleButtonTap = function () {
-        isOpen ? handleClose() : setIsOpen(true);
-    };
-    var selectItem = function (value) {
-        if (multiselect) {
-            if (selectedValues &&
-                selectedValues.length > 0 &&
-                selectedValues.includes(value)) {
-                if (required && selectedValues.length == 1) {
-                    return;
-                }
-                setSelectedValues(function (prevItems) {
-                    return prevItems.filter(function (item) { return item !== value; });
-                });
-            }
-            else {
-                setSelectedValues(function (prevItems) { return __spreadArray(__spreadArray([], prevItems, true), [value], false); });
-            }
-        }
-        else {
-            setSelectedValues(value);
-            handleClose([value]);
-        }
-    };
-    var handleClose = function (values) {
-        setFilters(values ? values : selectedValues);
-        setIsOpen(false);
-    };
-    var Item = function (_a) {
-        var name = _a.name, value = _a.value;
-        return (React.createElement("button", { className: "item", onClick: function () { return selectItem(value); } },
-            React.createElement("div", { className: "round" },
-                React.createElement("div", { className: (selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(value))
-                        ? "selected"
-                        : "notSelected" })),
-            isStatusTag ? (React.createElement(AppointementStatusTag, { status: value })) : (React.createElement("span", null, name))));
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", __assign({ className: "baseFilter" }, props),
-            React.createElement(FilterButtonPrimary, { onClick: function () { return handleButtonTap(); }, zIndex: isOpen ? "2000" : "+1" },
-                children,
-                React.createElement("p", { style: { color: "#25BEEB", fontWeight: "600" } }, showNumIndic && "(".concat(selectedValues.length, ")"))),
-            isOpen && (React.createElement("div", { className: "options" }, filterData &&
-                (filterData === null || filterData === void 0 ? void 0 : filterData.length) > 0 &&
-                filterData.map(function (item, idx) { return (React.createElement(Item, { name: item === null || item === void 0 ? void 0 : item.name, value: item === null || item === void 0 ? void 0 : item.value, key: idx })); })))),
-        isOpen && (React.createElement("div", { className: "backdrop", onClick: function () { return handleClose(); } }))));
-}
-export default BaseFilter;

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

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

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

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

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

@@ -1,22 +0,0 @@
-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;
-    isRequired?: boolean;
-    validate?: RegExp | keyof typeof commonRegex;
-    onError?: (error: string) => void;
-    onChange?: (value: string) => void;
-    value?: string;
-    error?: string;
-}
-export interface InputRef {
-    validate: () => boolean;
-}
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>>;
-export default Input;

package/dist/components/atoms/inputs/Input.js

@@ -1,86 +0,0 @@
-import React, { useState, useEffect, useCallback, forwardRef, useImperativeHandle, useRef, } from "react";
-import "./Input.css";
-import "../../../styles/global.css";
-import "../../../styles/icons.css";
-import { commonRegex } from "../../../utils/regex";
-import TinyInfo from "../typography/TinyInfo";
-import Paragraph from "../typography/Paragraph";
-var Input = forwardRef(function (_a, ref) {
-    var title = _a.title, _b = _a.style, style = _b === void 0 ? "default" : _b, placeholder = _a.placeholder, endIcon = _a.endIcon, _c = _a.isRequired, isRequired = _c === void 0 ? false : _c, validate = _a.validate, onError = _a.onError, onChange = _a.onChange, propValue = _a.value, propError = _a.error;
-    var _d = useState(false), isPasswordVisible = _d[0], setIsPasswordVisible = _d[1];
-    var _e = useState(propValue || ""), value = _e[0], setValue = _e[1];
-    var _f = useState(propError || ""), error = _f[0], setError = _f[1];
-    var _g = useState(false), isTouched = _g[0], setIsTouched = _g[1];
-    var inputRef = useRef(null);
-    useEffect(function () {
-        setValue(propValue || "");
-    }, [propValue]);
-    useEffect(function () {
-        setError(propError || "");
-    }, [propError]);
-    var validateInput = useCallback(function () {
-        var _a;
-        // console.log(`Input ${title}: Validating input`);
-        var currentValue = ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value) || value;
-        // console.log(`Input ${title}: Current value: "${currentValue}"`);
-        var errorMessage = "";
-        if (isRequired && currentValue.trim() === "") {
-            errorMessage = "Ce champ est requis";
-        }
-        else if (validate && currentValue) {
-            var regex = typeof validate === "string" ? commonRegex[validate] : validate;
-            // console.log(`Input ${title}: Regex used: ${regex}`);
-            if (!regex.test(currentValue)) {
-                errorMessage = "Veuillez vérifier votre saisie";
-            }
-        }
-        setError(errorMessage);
-        setIsTouched(true);
-        // console.log(
-        //   `Input ${title}: Validation result - ${errorMessage ? "invalid" : "valid"}`
-        // );
-        onError === null || onError === void 0 ? void 0 : onError(errorMessage);
-        return !errorMessage;
-    }, [isRequired, value, validate, onError, title]);
-    useImperativeHandle(ref, function () { return ({
-        validate: validateInput,
-    }); });
-    var handleChange = function (e) {
-        var newValue = e.target.value;
-        // console.log(`Input ${title}: Value changed to "${newValue}"`);
-        setValue(newValue);
-        onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
-        if (isTouched) {
-            validateInput();
-        }
-    };
-    var handleBlur = function () {
-        // console.log(`Input ${title}: Blur event triggered`);
-        setIsTouched(true);
-        validateInput();
-    };
-    var renderEndIcon = function () {
-        if (style === "variation" && endIcon) {
-            return (React.createElement("button", { className: "Input-icon-button" },
-                React.createElement("i", { className: endIcon })));
-        }
-        if (style === "password") {
-            return (React.createElement("button", { className: "Input-button", onClick: function () { return setIsPasswordVisible(!isPasswordVisible); } }, isPasswordVisible ? "CACHER" : "AFFICHER"));
-        }
-        return null;
-    };
-    return (React.createElement("div", { className: "Input Input-".concat(style) },
-        React.createElement("div", { className: "Input-title-container" },
-            React.createElement(Paragraph, { variant: "semiBold", color: "noir", text: title }),
-            isRequired && title && (React.createElement("span", { className: "Input-required" },
-                "\u00A0",
-                "*"))),
-        React.createElement("div", { className: "Input-container" },
-            React.createElement("div", { className: "Input-input ".concat(style === "password" ? "Input-password-input" : "") },
-                React.createElement("input", { ref: inputRef, type: style === "password" && !isPasswordVisible ? "password" : "text", placeholder: placeholder, className: "Input-placeholder", value: value, onChange: handleChange, onBlur: handleBlur })),
-            renderEndIcon(),
-            error && isTouched && (React.createElement("div", { className: "error-message" },
-                React.createElement(TinyInfo, { variant: "medium12", color: "actions-error", text: error }))))));
-});
-Input.displayName = "Input";
-export default Input;

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

@@ -1,12 +0,0 @@
-import React from "react";
-import "./SearchBar.css";
-import "../../../styles/global.css";
-import "../../../styles/icons.css";
-export interface SearchBarProps {
-    placeholder?: string;
-    endIcon?: string;
-    value?: string;
-    onChange?: (value: string) => void;
-}
-declare const SearchBar: React.FC<SearchBarProps>;
-export default SearchBar;

package/dist/components/atoms/inputs/SearchBar.js

@@ -1,20 +0,0 @@
-import React, { useState } from "react";
-import "./SearchBar.css";
-import "../../../styles/global.css";
-import "../../../styles/icons.css";
-var SearchBar = function (_a) {
-    var _b = _a.placeholder, placeholder = _b === void 0 ? "Faites une recherche" : _b, _c = _a.endIcon, endIcon = _c === void 0 ? "allaw-icon-search" : _c, _d = _a.value, controlledValue = _d === void 0 ? "" : _d, onChange = _a.onChange;
-    var _e = useState(controlledValue), value = _e[0], setValue = _e[1];
-    var handleChange = function (event) {
-        var newValue = event.target.value;
-        setValue(newValue);
-        if (onChange) {
-            onChange(newValue);
-        }
-    };
-    return (React.createElement("div", { className: "SearchBar" },
-        React.createElement("input", { type: "text", placeholder: placeholder, className: "SearchBar-placeholder", value: controlledValue || value, onChange: handleChange }),
-        React.createElement("button", { className: "SearchBar-icon-button" },
-            React.createElement("i", { className: endIcon }))));
-};
-export default SearchBar;

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

@@ -1,4 +0,0 @@
-export { default as Input } from "./Input";
-export { default as SearchBar } from "./SearchBar";
-export type { InputProps, InputRef } from "./Input";
-export type { SearchBarProps } from "./SearchBar";

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

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