@axa-fr/design-system-apollo-react 3.2.0 → 4.0.0-alpha.1090

package/dist/Form/FileUpload/InputFile/InputFileLF.d.ts

@@ -1,4 +0,0 @@
-import { type InputFileProps } from "./InputFileCommon";
-import "@axa-fr/design-system-apollo-css/dist/Form/FileUpload/InputFile/InputFileLF.css";
-declare const InputFile: import("react").ForwardRefExoticComponent<Omit<InputFileProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-export { InputFile };

package/dist/Form/FileUpload/InputFile/InputFileLF.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { ItemLabel } from "../../ItemLabel/ItemLabelLF";
-import { ItemMessage } from "../../ItemMessage/ItemMessageLF";
-import { InputFileCommon } from "./InputFileCommon";
-import "@axa-fr/design-system-apollo-css/dist/Form/FileUpload/InputFile/InputFileLF.css";
-const InputFile = forwardRef((props, ref) => (_jsx(InputFileCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage })));
-InputFile.displayName = "InputFile";
-export { InputFile };

package/dist/Form/FileUpload/ItemFile/ItemFileApollo.d.ts

@@ -1,3 +0,0 @@
-import { type ItemFileProps } from "./ItemFileCommon";
-import "@axa-fr/design-system-apollo-css/dist/Form/FileUpload/ItemFile/ItemFileApollo.css";
-export declare const ItemFile: (props: ItemFileProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Form/FileUpload/ItemFile/ItemFileApollo.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import deleteIcon from "@material-symbols/svg-400/outlined/delete.svg";
-import visibilityIcon from "@material-symbols/svg-400/outlined/visibility-fill.svg";
-import { ClickIcon } from "../../../ClickIcon/ClickIconApollo";
-import { Icon } from "../../../Icon/IconApollo";
-import { Spinner } from "../../../Spinner/SpinnerApollo";
-import { ItemMessage } from "../../ItemMessage/ItemMessageApollo";
-import { ItemFileCommon } from "./ItemFileCommon";
-import "@axa-fr/design-system-apollo-css/dist/Form/FileUpload/ItemFile/ItemFileApollo.css";
-export const ItemFile = (props) => (_jsx(ItemFileCommon, { ItemMessageComponent: ItemMessage, ItemIconComponent: Icon, ItemSpinnerComponent: Spinner, ClickIconComponent: ClickIcon, removeIcon: deleteIcon, previewIcon: visibilityIcon, ...props }));

package/dist/Form/FileUpload/ItemFile/ItemFileCommon.d.ts

@@ -1,54 +0,0 @@
-import { type ComponentPropsWithoutRef, type ComponentType, type MouseEvent } from "react";
-import type { ClickIconProps } from "../../../ClickIcon/ClickIconCommon";
-import type { IconProps } from "../../../Icon/IconCommon";
-import type { SpinnerProps } from "../../../Spinner/SpinnerCommon";
-import type { ItemMessageProps } from "../../ItemMessage/ItemMessageCommon";
-export type ItemFileProps = {
-    /**
-     * The JavaScript File object representing the uploaded file.
-     * (required)
-     */
-    file: File;
-    /**
-     * When true, a spinner is shown instead of the validation icon and actions
-     * may be disabled.
-     * @default false
-     */
-    isLoading?: boolean;
-    /**
-     * An optional error message shown below the file. If present, the item is
-     * rendered in an error state.
-     */
-    errorMessage?: string;
-    /**
-     * Callback invoked when the remove action is triggered. Receives the file
-     * and the click event.
-     */
-    onRemove?: (file: File, event: MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Callback invoked when the preview action is triggered. Receives the file
-     * and the click event.
-     */
-    onPreview?: (file: File, event: MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Optional props forwarded to the preview icon button (except `src` and
-     * `onClick`).
-     * @default {}
-     */
-    previewProps?: Partial<Omit<ClickIconProps, "src" | "onClick">>;
-    /**
-     * Optional props forwarded to the remove icon button (except `src` and
-     * `onClick`).
-     * @default {}
-     */
-    removeProps?: Partial<Omit<ClickIconProps, "src" | "onClick">>;
-} & Omit<ComponentPropsWithoutRef<"section">, "children">;
-export type ItemFileCommonProps = ItemFileProps & {
-    ItemMessageComponent: ComponentType<ItemMessageProps>;
-    ItemIconComponent: ComponentType<IconProps>;
-    ItemSpinnerComponent: ComponentType<SpinnerProps>;
-    ClickIconComponent: ComponentType<ClickIconProps>;
-    removeIcon: string;
-    previewIcon: string;
-};
-export declare const ItemFileCommon: ({ file, isLoading, errorMessage, className, onRemove, onPreview, previewProps, removeProps, removeIcon, previewIcon, ItemSpinnerComponent, ItemIconComponent, ItemMessageComponent, ClickIconComponent, ...props }: ItemFileCommonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Form/FileUpload/ItemFile/ItemFileCommon.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import validationIcon from "@material-symbols/svg-400/outlined/check_circle-fill.svg";
-import errorIcon from "@material-symbols/svg-400/outlined/error-fill.svg";
-import { getClassName } from "../../../utilities/getClassName";
-const BASE_UNIT = 1000;
-const BYTE_UNITS = ["Ko", "Mo", "Go"];
-const getReadableFileSizeString = (fileSizeInBytes) => {
-    let i = -1;
-    let fileSizeInBytesCopy = fileSizeInBytes;
-    do {
-        fileSizeInBytesCopy /= BASE_UNIT;
-        i += 1;
-    } while (fileSizeInBytesCopy > BASE_UNIT);
-    return `${Math.max(fileSizeInBytesCopy, 0.1).toFixed(1)} ${BYTE_UNITS[i]}`;
-};
-export const ItemFileCommon = ({ file, isLoading, errorMessage, className, onRemove = () => { }, onPreview = () => { }, previewProps = {}, removeProps = {}, removeIcon, previewIcon, ItemSpinnerComponent, ItemIconComponent, ItemMessageComponent, ClickIconComponent, ...props }) => {
-    const hasError = Boolean(errorMessage);
-    const handleClick = (callback) => (e) => {
-        callback(file, e);
-    };
-    return (_jsxs("section", { className: getClassName({
-            baseClassName: "af-item-file",
-            modifiers: [hasError && "error"],
-            className,
-        }), "aria-busy": isLoading ? true : undefined, "aria-live": "polite", ...props, children: [_jsxs("div", { className: "af-item-file__body", children: [isLoading && !hasError ? (_jsx(ItemSpinnerComponent, { size: 24 })) : (_jsx(ItemIconComponent, { size: "S", src: hasError ? errorIcon : validationIcon })), _jsx("p", { className: "af-item-file__file-name", children: file.name }), _jsx("p", { className: "af-item-file__file-size", children: getReadableFileSizeString(file.size) }), _jsxs("div", { className: "af-item-file__actions", children: [!isLoading && !hasError && (_jsx(ClickIconComponent, { src: previewIcon, onClick: handleClick(onPreview), "aria-label": `Previsualiser le fichier ${file.name}`, ...previewProps })), _jsx(ClickIconComponent, { src: removeIcon, onClick: handleClick(onRemove), "aria-label": `Suppression du fichier ${file.name}`, ...removeProps })] })] }), _jsx(ItemMessageComponent, { message: errorMessage })] }));
-};

package/dist/Form/FileUpload/ItemFile/ItemFileLF.d.ts

@@ -1,3 +0,0 @@
-import { type ItemFileProps } from "./ItemFileCommon";
-import "@axa-fr/design-system-apollo-css/dist/Form/FileUpload/ItemFile/ItemFileLF.css";
-export declare const ItemFile: (props: ItemFileProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Form/FileUpload/ItemFile/ItemFileLF.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import deleteIconFilled from "@material-symbols/svg-400/outlined/delete-fill.svg";
-import visibilityIcon from "@material-symbols/svg-400/outlined/visibility-fill.svg";
-import { ClickIcon } from "../../../ClickIcon/ClickIconLF";
-import { Icon } from "../../../Icon/IconLF";
-import { Spinner } from "../../../Spinner/SpinnerLF";
-import { ItemMessage } from "../../ItemMessage/ItemMessageLF";
-import { ItemFileCommon } from "./ItemFileCommon";
-import "@axa-fr/design-system-apollo-css/dist/Form/FileUpload/ItemFile/ItemFileLF.css";
-export const ItemFile = (props) => (_jsx(ItemFileCommon, { ItemMessageComponent: ItemMessage, ItemIconComponent: Icon, ItemSpinnerComponent: Spinner, ClickIconComponent: ClickIcon, removeIcon: deleteIconFilled, previewIcon: visibilityIcon, ...props }));

package/dist/Form/InputDate/InputDate.helper.d.ts

@@ -1,8 +0,0 @@
-export declare const formatInputDateValue: (value?: Date | string) => string | undefined;
-export declare const isValidDayDecimal: (char: string, index: number) => boolean;
-export declare const isValidDay: (day: number, index: number) => boolean;
-export declare const isValidMonthDecimal: (char: string, index: number) => boolean;
-export declare const isValidMonth: (month: number, index: number) => boolean;
-export declare const isValidMillennium: (char: string, index: number) => boolean;
-export declare const isValidDigit: (char: string, index: number, currentCleanValue: string[]) => boolean;
-export declare const formatDateTextValue: (value?: string) => string;

package/dist/Form/InputDate/InputDate.helper.js

@@ -1,23 +0,0 @@
-export const formatInputDateValue = (value) => value instanceof Date ? value.toISOString().split("T")[0] : value;
-export const isValidDayDecimal = (char, index) => (index === 0 && Number(char) <= 3) || index !== 0;
-export const isValidDay = (day, index) => (index === 1 && day <= 31 && day > 0) || index !== 1;
-export const isValidMonthDecimal = (char, index) => (index === 2 && Number(char) <= 1) || index !== 2;
-export const isValidMonth = (month, index) => (index === 3 && month <= 12 && month > 0) || index !== 3;
-export const isValidMillennium = (char, index) => (index === 4 && Number(char) > 0) || index !== 4;
-export const isValidDigit = (char, index, currentCleanValue) => Number.isInteger(Number(char)) &&
-    isValidDayDecimal(char, index) &&
-    isValidDay(Number(`${Number(currentCleanValue[0])}${Number(char)}`), index) &&
-    isValidMonthDecimal(char, index) &&
-    isValidMonth(Number(`${Number(currentCleanValue[2])}${Number(char)}`), index) &&
-    isValidMillennium(char, index);
-export const formatDateTextValue = (value) => {
-    if (!value) {
-        return "";
-    }
-    return value
-        .split("")
-        .filter((char) => char !== "/")
-        .filter((char, index, currentCleanValue) => isValidDigit(char, index, currentCleanValue))
-        .map((char, index) => (index === 2 || index === 4 ? `/${char}` : char))
-        .join("");
-};

package/dist/Form/InputDate/InputDateApollo.d.ts

@@ -1,3 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/InputDate/InputDateApollo.css";
-import { type InputDateProps } from "./InputDateCommon";
-export declare const InputDate: import("react").ForwardRefExoticComponent<Omit<InputDateProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Form/InputDate/InputDateApollo.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Form/InputDate/InputDateApollo.css";
-import { forwardRef } from "react";
-import { ItemLabel } from "../ItemLabel/ItemLabelApollo";
-import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
-import { InputDateCommon } from "./InputDateCommon";
-export const InputDate = forwardRef((props, ref) => (_jsx(InputDateCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage })));
-InputDate.displayName = "InputDate";

package/dist/Form/InputDate/InputDateAtom.d.ts

@@ -1,9 +0,0 @@
-import { type ComponentPropsWithRef } from "react";
-export type InputDateAtomProps = Omit<ComponentPropsWithRef<"input">, "value" | "min" | "max"> & {
-    defaultValue?: Date | string;
-    value?: Date | string;
-    min?: Date | string;
-    max?: Date | string;
-};
-declare const InputDateAtom: import("react").ForwardRefExoticComponent<Omit<InputDateAtomProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-export { InputDateAtom };

package/dist/Form/InputDate/InputDateAtom.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { formatInputDateValue } from "./InputDate.helper";
-const InputDateAtom = forwardRef(({ defaultValue, value, min, max, ...otherProps }, inputRef) => (_jsx("input", { ...otherProps, type: "date", ref: inputRef, defaultValue: formatInputDateValue(defaultValue), value: formatInputDateValue(value), min: formatInputDateValue(min), max: formatInputDateValue(max) })));
-InputDateAtom.displayName = "InputDateAtom";
-export { InputDateAtom };

package/dist/Form/InputDate/InputDateCommon.d.ts

@@ -1,27 +0,0 @@
-import { type ComponentProps, type ComponentPropsWithRef, type ComponentType } from "react";
-import { ItemLabelCommon, type ItemLabelProps } from "../ItemLabel/ItemLabelCommon";
-import { ItemMessage, type ItemMessageProps } from "../ItemMessage/ItemMessageCommon";
-export type InputDateProps = Omit<ComponentPropsWithRef<"input">, "value" | "min" | "max"> & {
-    classModifier?: string;
-    defaultValue?: Date | string;
-    value?: Date | string;
-    min?: Date | string;
-    max?: Date | string;
-    helper?: string;
-    /**
-     * @deprecated Use `message` and messageType instead.
-     */
-    error?: string;
-    /**
-     * @deprecated Use `message` and messageType instead.
-     */
-    success?: string;
-    hidePicker?: boolean;
-    label: ItemLabelProps["children"];
-} & Partial<Pick<ItemLabelProps, "description" | "buttonLabel" | "moreButtonLabel" | "onButtonClick" | "onMoreButtonClick"> & ItemMessageProps>;
-type InputDateCommonProps = InputDateProps & {
-    ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabelCommon>, "ButtonComponent">>;
-    ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
-};
-declare const InputDateCommon: import("react").ForwardRefExoticComponent<Omit<InputDateCommonProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-export { InputDateCommon };

package/dist/Form/InputDate/InputDateCommon.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useId, } from "react";
-import { getClassName } from "../../utilities/getClassName";
-import { InputDateAtom } from "./InputDateAtom";
-import { InputDateTextAtom } from "./InputDateTextAtom";
-const InputDateCommon = forwardRef(({ className, classModifier = "", helper, error, success, message, messageType, label, description, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, ItemLabelComponent, ItemMessageComponent, required, hidePicker, max, min, ...otherProps }, inputRef) => {
-    const componentClassName = getClassName({
-        baseClassName: "af-form__input-date",
-        modifiers: classModifier.split(" "),
-        className,
-    });
-    let inputId = useId();
-    inputId = otherProps.id ?? inputId;
-    const idMessage = useId();
-    const idHelp = useId();
-    const ariaDescribedbyIds = [
-        helper && idHelp,
-        ((Boolean(message) && messageType === "success") || Boolean(success)) &&
-            idMessage,
-    ].filter(Boolean);
-    const ariaDescribedby = ariaDescribedbyIds.length
-        ? ariaDescribedbyIds.join(" ")
-        : undefined;
-    const hasError = (Boolean(message) && messageType === "error") || Boolean(error);
-    const ariaErrormessage = hasError ? idMessage : undefined;
-    const ariaInvalid = hasError || undefined;
-    return (_jsxs("div", { className: "af-form__input-container", children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: buttonLabel || moreButtonLabel, onMoreButtonClick: onButtonClick || onMoreButtonClick, required: required, htmlFor: inputId, children: label }), hidePicker ? (_jsx(InputDateTextAtom, { ...otherProps, id: inputId, className: componentClassName, ref: inputRef, "aria-errormessage": ariaErrormessage, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, required: required })) : (_jsx(InputDateAtom, { ...otherProps, id: inputId, className: componentClassName, ref: inputRef, "aria-errormessage": ariaErrormessage, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, required: required, max: max, min: min })), helper ? (_jsx("span", { id: idHelp, className: "af-form__input-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: idMessage, message: message || error || success, messageType: messageType || (error ? "error" : "success") })] }));
-});
-InputDateCommon.displayName = "InputDate";
-export { InputDateCommon };

package/dist/Form/InputDate/InputDateLF.d.ts

@@ -1,3 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/InputDate/InputDateLF.css";
-import { type InputDateProps } from "./InputDateCommon";
-export declare const InputDate: import("react").ForwardRefExoticComponent<Omit<InputDateProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Form/InputDate/InputDateLF.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Form/InputDate/InputDateLF.css";
-import { forwardRef } from "react";
-import { ItemLabel } from "../ItemLabel/ItemLabelLF";
-import { ItemMessage } from "../ItemMessage/ItemMessageLF";
-import { InputDateCommon } from "./InputDateCommon";
-export const InputDate = forwardRef((props, ref) => (_jsx(InputDateCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage })));
-InputDate.displayName = "InputDate";

package/dist/Form/InputDate/InputDateTextAtom.d.ts

@@ -1,9 +0,0 @@
-import { type ComponentProps } from "react";
-import { InputTextAtom } from "../InputTextAtom/InputTextAtomCommon";
-export type InputDateTextAtomProps = Omit<ComponentProps<typeof InputTextAtom>, "value"> & {
-    value?: Date | string;
-    defaultValue?: Date | string;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-};
-declare const InputDateTextAtom: import("react").ForwardRefExoticComponent<Omit<InputDateTextAtomProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-export { InputDateTextAtom };

package/dist/Form/InputDate/InputDateTextAtom.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { InputTextAtom } from "../InputTextAtom/InputTextAtomCommon";
-import { formatDateTextValue, formatInputDateValue } from "./InputDate.helper";
-const InputDateTextAtom = forwardRef(({ onChange, value, defaultValue, ...otherProps }, inputRef) => {
-    const handleChange = (e) => {
-        const formattedValue = formatDateTextValue(e.target.value);
-        onChange?.({
-            ...e,
-            target: { ...e.target, value: formattedValue },
-        });
-    };
-    return (_jsx(InputTextAtom, { pattern: "\\d{0,2}/?\\d{0,2}/?\\d{0,4}", maxLength: 10, ref: inputRef, inputMode: "numeric", onChange: handleChange, value: formatInputDateValue(value), defaultValue: formatInputDateValue(defaultValue), ...otherProps }));
-});
-InputDateTextAtom.displayName = "InputDateText";
-export { InputDateTextAtom };

package/dist/Form/InputPhone/CountryCodeSelect.d.ts

@@ -1,12 +0,0 @@
-import { ComponentProps, ComponentType } from "react";
-import { SingleValue } from "react-select";
-import { OptionType } from "./InputPhone.types";
-import { Icon } from "../../Icon/IconCommon";
-declare const CountryCodeSelect: ({ options, defaultCountry, onChangeSelect, IconComponent, disabled, }: {
-    options: OptionType[];
-    defaultCountry?: string;
-    onChangeSelect?: (value: SingleValue<OptionType>) => void;
-    IconComponent: ComponentType<ComponentProps<typeof Icon>>;
-    disabled?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export { CountryCodeSelect };

package/dist/Form/InputPhone/CountryCodeSelect.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import Select from "react-select";
-const CountryCodeSelect = ({ options, defaultCountry, onChangeSelect, IconComponent, disabled, }) => {
-    const defaultOption = options.find((option) => option.code === (defaultCountry ?? "+33"));
-    const [selectedOption, setSelectedOption] = useState(defaultOption);
-    const customStyles = {
-        control: (provided) => ({
-            ...provided,
-            margin: 0,
-        }),
-        dropdownIndicator: (provided) => ({
-            ...provided,
-            display: "none",
-        }),
-        indicatorSeparator: (provided) => ({
-            ...provided,
-            display: "none",
-        }),
-        singleValue: (provided) => ({
-            ...provided,
-            color: "inherit",
-        }),
-    };
-    const formatOptionLabel = ({ flag, code }) => (_jsxs("div", { className: "country-code-select-format-label", children: [_jsx(IconComponent, { src: flag }), code] }));
-    const handleChange = (newValue) => {
-        setSelectedOption(newValue ?? undefined);
-        if (newValue)
-            onChangeSelect?.(newValue);
-    };
-    return (_jsx(Select, { classNamePrefix: "country-code-select", styles: customStyles, options: options, value: selectedOption, onChange: handleChange, formatOptionLabel: formatOptionLabel, "aria-label": "Select country code", getOptionValue: (option) => option.code, isDisabled: disabled }));
-};
-export { CountryCodeSelect };

package/dist/Form/InputPhone/InputPhone.types.d.ts

@@ -1,4 +0,0 @@
-export type OptionType = {
-    flag: string;
-    code: string;
-};

package/dist/Form/InputPhone/InputPhone.types.js

@@ -1 +0,0 @@
-export {};

package/dist/Form/InputPhone/InputPhoneApollo.d.ts

@@ -1,3 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/InputPhone/InputPhoneApollo.css";
-import { type InputPhoneProps } from "./InputPhoneCommon";
-export declare const InputPhone: (props: InputPhoneProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Form/InputPhone/InputPhoneApollo.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Form/InputPhone/InputPhoneApollo.css";
-import { ItemLabel } from "../ItemLabel/ItemLabelApollo";
-import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
-import { InputPhoneCommon } from "./InputPhoneCommon";
-import { InputTextAtom } from "../InputTextAtom/InputTextAtomApollo";
-import { Icon } from "../../Icon/IconApollo";
-export const InputPhone = (props) => (_jsx(InputPhoneCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage, InputTextComponent: InputTextAtom, IconComponent: Icon }));

package/dist/Form/InputPhone/InputPhoneCommon.d.ts

@@ -1,35 +0,0 @@
-import { type ComponentProps, type ComponentPropsWithRef, type ComponentType } from "react";
-import { SingleValue } from "react-select";
-import { ItemLabelCommon, type ItemLabelProps } from "../ItemLabel/ItemLabelCommon";
-import { ItemMessage, type ItemMessageProps } from "../ItemMessage/ItemMessageCommon";
-import { InputTextAtom } from "../InputTextAtom/InputTextAtomCommon";
-import { Icon } from "../../Icon/IconCommon";
-import { type OptionType } from "./InputPhone.types";
-export type InputPhoneProps = ComponentPropsWithRef<"input"> & {
-    classModifier?: string;
-    helper?: string;
-    /**
-     * @deprecated Use `message` and messageType instead.
-     */
-    error?: string;
-    /**
-     * @deprecated Use `message` and messageType instead.
-     */
-    success?: string;
-    defaultCountry?: string;
-    showSelect?: boolean;
-    disabled?: boolean;
-    countryCodeOptions?: OptionType[];
-    onChangeSelect?: (value: SingleValue<OptionType>) => void;
-    onChangeInput?: (value: string) => void;
-    mask?: (value: string) => string;
-    label: ItemLabelProps["label"];
-} & Partial<ItemLabelProps & ItemMessageProps>;
-type InputPhoneCommonProps = InputPhoneProps & {
-    ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabelCommon>, "ButtonComponent">>;
-    ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
-    InputTextComponent: ComponentType<ComponentProps<typeof InputTextAtom>>;
-    IconComponent: ComponentType<ComponentProps<typeof Icon>>;
-};
-declare const InputPhoneCommon: import("react").ForwardRefExoticComponent<Omit<InputPhoneCommonProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-export { InputPhoneCommon };

package/dist/Form/InputPhone/InputPhoneCommon.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useId, } from "react";
-import { CountryCodeSelect } from "./CountryCodeSelect";
-import { maskFrenchPhoneNumber } from "./maskFrenchPhoneNumber";
-const InputPhoneCommon = forwardRef(({ className, classModifier = "", helper, error, success, message, messageType, defaultCountry, showSelect, disabled, label, description, buttonLabel, onButtonClick, required, sideButtonLabel, onSideButtonClick, countryCodeOptions = [], onChangeSelect, onChangeInput, mask = maskFrenchPhoneNumber, ItemLabelComponent, ItemMessageComponent, InputTextComponent, IconComponent, "aria-errormessage": ariaErrormessage, ...otherProps }, inputRef) => {
-    let inputId = useId();
-    inputId = otherProps.id || inputId;
-    const idMessage = useId();
-    const idHelp = useId();
-    const ariaDescribedby = [helper && idHelp, success && idMessage].filter(Boolean);
-    const hasError = (Boolean(message) && messageType === "error") || Boolean(error);
-    /**
-     * Gère le changement de valeur du champ numéro de téléphone.
-     * - Récupère une fonction de masquage (mask) depuis les props ou utilise une version par défaut.
-     * - La fonction de masquage par défaut :
-     *   - Ne garde que les chiffres (supprime tout le reste).
-     *   - Limite à 10 chiffres.
-     *   - Formate par groupes de 2 chiffres séparés par un espace (ex: 06 12 34 56 78).
-     * - Applique le masquage à la valeur saisie et transmet le résultat via onChangeInput.
-     */
-    const handleChangeNumber = (e) => {
-        const input = e.target;
-        const rawValue = input.value;
-        const maskedValue = mask(rawValue);
-        onChangeInput?.(maskedValue);
-    };
-    return (_jsxs("div", { className: "af-form__input-phone-container", children: [_jsx(ItemLabelComponent, { label: label, description: description, buttonLabel: buttonLabel, onButtonClick: onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, inputId: inputId }), _jsxs("div", { className: "af-form__input-phone-fields", children: [showSelect ? (_jsx("div", { className: "af-form__country-code-wrapper", children: _jsx(CountryCodeSelect, { options: countryCodeOptions, defaultCountry: defaultCountry, onChangeSelect: onChangeSelect, IconComponent: IconComponent, disabled: disabled }) })) : null, _jsx(InputTextComponent, { ...otherProps, className: ["af-form__input-phone", className]
-                            .filter(Boolean)
-                            .join(" "), classModifier: classModifier, ref: inputRef, error: hasError ? messageType || error : undefined, type: "tel", required: required, placeholder: otherProps.placeholder, "aria-errormessage": ariaErrormessage, value: otherProps.value, onChange: handleChangeNumber, disabled: disabled, idMessage: hasError ? idMessage : undefined, idHelp: ariaDescribedby.length > 0 ? ariaDescribedby.join(" ") : undefined, id: inputId })] }), helper ? (_jsx("span", { id: idHelp, className: "af-form__input-phone-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: idMessage, message: message || error || success, messageType: messageType || (error ? "error" : "success") })] }));
-});
-InputPhoneCommon.displayName = "InputPhone";
-export { InputPhoneCommon };

package/dist/Form/InputPhone/InputPhoneLF.d.ts

@@ -1,3 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/InputPhone/InputPhoneLF.css";
-import { type InputPhoneProps } from "./InputPhoneCommon";
-export declare const InputPhone: (props: InputPhoneProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Form/InputPhone/InputPhoneLF.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Form/InputPhone/InputPhoneLF.css";
-import { ItemLabel } from "../ItemLabel/ItemLabelLF";
-import { ItemMessage } from "../ItemMessage/ItemMessageLF";
-import { InputPhoneCommon } from "./InputPhoneCommon";
-import { InputTextAtom } from "../InputTextAtom/InputTextAtomLF";
-import { Icon } from "../../Icon/IconLF";
-export const InputPhone = (props) => (_jsx(InputPhoneCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage, InputTextComponent: InputTextAtom, IconComponent: Icon }));

package/dist/Form/InputPhone/maskFrenchPhoneNumber.d.ts

@@ -1 +0,0 @@
-export declare function maskFrenchPhoneNumber(value: string): string;

package/dist/Form/InputPhone/maskFrenchPhoneNumber.js

@@ -1,12 +0,0 @@
-export function maskFrenchPhoneNumber(value) {
-    let numericValue = value.replace(/[^0-9]/g, "");
-    numericValue = numericValue.slice(0, 10);
-    let formattedValue = "";
-    for (let i = 0; i < numericValue.length; i += 2) {
-        formattedValue += numericValue.slice(i, i + 2);
-        if (i + 2 < numericValue.length) {
-            formattedValue += " ";
-        }
-    }
-    return formattedValue;
-}

package/dist/Form/InputText/InputTextApollo.d.ts

@@ -1,3 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/InputText/InputTextApollo.css";
-import { type InputTextProps } from "./InputTextCommon";
-export declare const InputText: import("react").ForwardRefExoticComponent<Omit<InputTextProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Form/InputText/InputTextApollo.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Form/InputText/InputTextApollo.css";
-import { forwardRef } from "react";
-import { ItemLabel } from "../ItemLabel/ItemLabelApollo";
-import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
-import { InputTextCommon } from "./InputTextCommon";
-import { InputTextAtom } from "../InputTextAtom/InputTextAtomApollo";
-export const InputText = forwardRef((props, ref) => (_jsx(InputTextCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage, InputTextAtomComponent: InputTextAtom })));
-InputText.displayName = "InputText";

package/dist/Form/InputText/InputTextCommon.d.ts

@@ -1,24 +0,0 @@
-import { type ComponentProps, type ComponentPropsWithRef, type ComponentType, type ReactNode } from "react";
-import { InputTextAtom } from "../InputTextAtom/InputTextAtomCommon";
-import { ItemLabelCommon, type ItemLabelProps } from "../ItemLabel/ItemLabelCommon";
-import { ItemMessage, type ItemMessageProps } from "../ItemMessage/ItemMessageCommon";
-export type InputTextProps = ComponentPropsWithRef<"input"> & {
-    unit?: ReactNode;
-    classModifier?: string;
-    helper?: string;
-    /**
-     * @deprecated Use `message` and messageType instead.
-     */
-    error?: string;
-    /**
-     * @deprecated Use `message` and messageType instead.
-     */
-    success?: string;
-} & Partial<ItemLabelProps & ItemMessageProps>;
-type InputTextCommonProps = InputTextProps & {
-    ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabelCommon>, "ButtonComponent">>;
-    ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
-    InputTextAtomComponent: ComponentType<ComponentProps<typeof InputTextAtom>>;
-};
-declare const InputTextCommon: import("react").ForwardRefExoticComponent<Omit<InputTextCommonProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-export { InputTextCommon };

package/dist/Form/InputText/InputTextCommon.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useId, } from "react";
-const InputTextCommon = forwardRef(({ unit, className, classModifier = "", helper, error, success, message, messageType, label, description, buttonLabel, onButtonClick, required, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, InputTextAtomComponent, ...otherProps }, inputRef) => {
-    let inputId = useId();
-    inputId = otherProps.id || inputId;
-    const idMessage = useId();
-    const idHelp = useId();
-    const ariaDescribedby = [helper && idHelp, success && idMessage].filter(Boolean);
-    return (_jsxs("div", { className: "af-form__input-container", children: [_jsx(ItemLabelComponent, { label: label, description: description, buttonLabel: buttonLabel, onButtonClick: onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, inputId: inputId }), _jsx(InputTextAtomComponent, { id: inputId, ref: inputRef, unit: unit, className: className, classModifier: classModifier, error: (message && messageType === "error") || Boolean(error)
-                    ? messageType || error
-                    : undefined, required: required, idMessage: message || error ? idMessage : undefined, idHelp: ariaDescribedby.length > 0 ? ariaDescribedby.join(" ") : undefined, ...otherProps }), helper ? (_jsx("span", { id: idHelp, className: "af-form__input-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: idMessage, message: message || error || success, messageType: messageType || (error ? "error" : "success") })] }));
-});
-InputTextCommon.displayName = "InputText";
-export { InputTextCommon };

package/dist/Form/InputText/InputTextLF.d.ts

@@ -1,3 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/InputText/InputTextLF.css";
-import { type InputTextProps } from "./InputTextCommon";
-export declare const InputText: import("react").ForwardRefExoticComponent<Omit<InputTextProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Form/InputText/InputTextLF.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Form/InputText/InputTextLF.css";
-import { forwardRef } from "react";
-import { ItemLabel } from "../ItemLabel/ItemLabelLF";
-import { ItemMessage } from "../ItemMessage/ItemMessageLF";
-import { InputTextCommon } from "./InputTextCommon";
-import { InputTextAtom } from "../InputTextAtom/InputTextAtomLF";
-export const InputText = forwardRef((props, ref) => (_jsx(InputTextCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage, InputTextAtomComponent: InputTextAtom })));
-InputText.displayName = "InputText";

package/dist/Form/InputTextAtom/InputTextAtomApollo.d.ts

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/InputTextAtom/InputTextAtomApollo.css";
-export { InputTextAtom } from "./InputTextAtomCommon";

package/dist/Form/InputTextAtom/InputTextAtomApollo.js

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/InputTextAtom/InputTextAtomApollo.css";
-export { InputTextAtom } from "./InputTextAtomCommon";

package/dist/Form/InputTextAtom/InputTextAtomCommon.d.ts

@@ -1,10 +0,0 @@
-import { type ComponentPropsWithRef, type ReactNode } from "react";
-type InputTextAtomProps = ComponentPropsWithRef<"input"> & {
-    unit?: ReactNode;
-    classModifier?: string;
-    error?: string;
-    idMessage?: string;
-    idHelp?: string;
-};
-declare const InputTextAtom: import("react").ForwardRefExoticComponent<Omit<InputTextAtomProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-export { InputTextAtom };

package/dist/Form/InputTextAtom/InputTextAtomCommon.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useId, } from "react";
-import { getComponentClassName } from "../../utilities/getComponentClassName";
-const InputTextAtom = forwardRef(({ unit, className, classModifier = "", error, required, idMessage, idHelp, "aria-errormessage": ariaErrormessage, "aria-describedby": ariaDescribedby, type = "text", ...otherProps }, inputRef) => {
-    const componentClassName = getComponentClassName("af-form__input-text", className, classModifier + (error || ariaErrormessage ? " error" : ""));
-    let inputId = useId();
-    inputId = otherProps.id || inputId;
-    return (_jsxs("div", { className: "af-form__input-variant", children: [_jsx("input", { id: inputId, className: componentClassName, type: type, required: required, ref: inputRef, "aria-errormessage": ariaErrormessage ?? idMessage, "aria-invalid": Boolean(error || ariaErrormessage), "aria-describedby": ariaDescribedby ?? idHelp, ...otherProps }), unit] }));
-});
-InputTextAtom.displayName = "InputTextAtom";
-export { InputTextAtom };

package/dist/Form/InputTextAtom/InputTextAtomLF.d.ts

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/InputTextAtom/InputTextAtomLF.css";
-export { InputTextAtom } from "./InputTextAtomCommon";

package/dist/Form/InputTextAtom/InputTextAtomLF.js

@@ -1,2 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/InputTextAtom/InputTextAtomLF.css";
-export { InputTextAtom } from "./InputTextAtomCommon";

package/dist/Form/ItemLabel/ItemLabelApollo.d.ts

@@ -1,3 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/ItemLabel/ItemLabelApollo.css";
-import { type ItemLabelProps } from "./ItemLabelCommon";
-export declare const ItemLabel: (props: ItemLabelProps) => import("react/jsx-runtime").JSX.Element;