@axa-fr/canopee-react 1.0.0-alpha.1089

package/dist/prospect-client/Form/Checkbox/CheckboxText/CheckboxTextLF.d.ts

@@ -0,0 +1,3 @@
+import "@axa-fr/canopee-css/client/Form/Checkbox/CheckboxText/CheckboxTextLF.css";
+import { type CheckboxTextProps } from "./CheckboxTextCommon";
+export declare const CheckboxText: import("react").ForwardRefExoticComponent<Omit<CheckboxTextProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/prospect-client/Form/Checkbox/CheckboxText/CheckboxTextLF.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import "@axa-fr/canopee-css/client/Form/Checkbox/CheckboxText/CheckboxTextLF.css";
+import { ItemMessage } from "../../ItemMessage/ItemMessageLF";
+import { Checkbox } from "../Checkbox/CheckboxLF";
+import { CheckboxTextCommon, } from "./CheckboxTextCommon";
+export const CheckboxText = forwardRef((props, ref) => (_jsx(CheckboxTextCommon, { ...props, ref: ref, CheckboxComponent: Checkbox, ItemMessageComponent: ItemMessage })));
+CheckboxText.displayName = "CheckboxText";

package/dist/prospect-client/Form/Dropdown/DropdownApollo.d.ts

@@ -0,0 +1,3 @@
+import "@axa-fr/canopee-css/prospect/Form/Dropdown/DropdownApollo.css";
+import { type DropdownProps } from "./DropdownCommon";
+export declare const Dropdown: (props: DropdownProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Form/Dropdown/DropdownApollo.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/prospect/Form/Dropdown/DropdownApollo.css";
+import { ItemLabel } from "../ItemLabel/ItemLabelApollo";
+import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
+import { DropdownCommon } from "./DropdownCommon";
+export const Dropdown = (props) => (_jsx(DropdownCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage }));

package/dist/prospect-client/Form/Dropdown/DropdownCommon.d.ts

@@ -0,0 +1,26 @@
+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 DropdownProps = ComponentPropsWithRef<"select"> & {
+    id?: string;
+    classModifier?: string;
+    label?: ItemLabelProps["label"];
+    /**
+     * @deprecated Use `message` and messageType instead.
+     */
+    error?: string;
+    /**
+     * @deprecated Use `message` and messageType instead.
+     */
+    success?: string;
+    placeholder?: string;
+    buttonLabel?: string;
+    description?: string;
+    helper?: string;
+} & Partial<ItemLabelProps & ItemMessageProps>;
+type DropdownCommonProps = DropdownProps & {
+    ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabelCommon>, "ButtonComponent">>;
+    ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
+};
+declare const DropdownCommon: import("react").ForwardRefExoticComponent<Omit<DropdownCommonProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
+export { DropdownCommon };

package/dist/prospect-client/Form/Dropdown/DropdownCommon.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useId, } from "react";
+import classNames from "classnames";
+const DropdownCommon = forwardRef(({ id, required, label, error, placeholder, children, helper, success, message, messageType, description, buttonLabel, onButtonClick, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, ...otherProps }, inputRef) => {
+    const idMessage = useId();
+    let inputId = useId();
+    inputId = id || inputId;
+    const hasError = (Boolean(message) && messageType === "error") || Boolean(error);
+    const classname = classNames("af-form__dropdown-input", hasError && "af-form__dropdown-input--error");
+    return (_jsxs("div", { className: "af-form__dropdown-container", children: [_jsx(ItemLabelComponent, { label: label, description: description, buttonLabel: buttonLabel, onButtonClick: onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, inputId: inputId }), _jsxs("select", { className: classname, ...otherProps, ref: inputRef, id: inputId, children: [Boolean(placeholder) && _jsx("option", { value: "", children: placeholder }), children] }), helper ? (_jsx("span", { className: "af-form__input-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: idMessage, message: message || error || success, messageType: messageType || (error ? "error" : "success") })] }));
+});
+DropdownCommon.displayName = "Dropdown";
+export { DropdownCommon };

package/dist/prospect-client/Form/Dropdown/DropdownLF.d.ts

@@ -0,0 +1,3 @@
+import "@axa-fr/canopee-css/client/Form/Dropdown/DropdownLF.css";
+import { type DropdownProps } from "./DropdownCommon";
+export declare const Dropdown: (props: DropdownProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Form/Dropdown/DropdownLF.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/client/Form/Dropdown/DropdownLF.css";
+import { ItemLabel } from "../ItemLabel/ItemLabelLF";
+import { ItemMessage } from "../ItemMessage/ItemMessageLF";
+import { DropdownCommon } from "./DropdownCommon";
+export const Dropdown = (props) => (_jsx(DropdownCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage }));

package/dist/prospect-client/Form/FileUpload/FileUpload/FileUploadApollo.d.ts

@@ -0,0 +1,3 @@
+import { type FileUploadProps } from "./FileUploadCommon";
+import "@axa-fr/canopee-css/prospect/Form/FileUpload/FileUpload/FileUploadAll.css";
+export declare const FileUpload: import("react").ForwardRefExoticComponent<Omit<FileUploadProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/prospect-client/Form/FileUpload/FileUpload/FileUploadApollo.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { InputFile } from "../InputFile/InputFileApollo";
+import { FileUploadCommon } from "./FileUploadCommon";
+import "@axa-fr/canopee-css/prospect/Form/FileUpload/FileUpload/FileUploadAll.css";
+export const FileUpload = forwardRef((props, ref) => (_jsx(FileUploadCommon, { ...props, ref: ref, InputFileComponent: InputFile })));
+FileUpload.displayName = "FileUpload";

package/dist/prospect-client/Form/FileUpload/FileUpload/FileUploadCommon.d.ts

@@ -0,0 +1,18 @@
+import { type ComponentType, type ReactElement, type ReactNode } from "react";
+import type { InputFileProps } from "../InputFile/InputFileCommon";
+import type { ItemFileProps } from "../ItemFile/ItemFileCommon";
+export type FileUploadProps = Omit<InputFileProps, "children"> & {
+    /**
+     * List of ItemFile components representing uploaded files.
+     */
+    children?: ReactElement<ItemFileProps> | ReactElement<ItemFileProps>[];
+    /**
+     * Custom label for the uploaded files list. Defaults to "Vos fichiers importés :".
+     */
+    fileListLabel?: ReactNode;
+};
+type FileUploadCommonProps = FileUploadProps & {
+    InputFileComponent: ComponentType<InputFileProps>;
+};
+export declare const FileUploadCommon: import("react").ForwardRefExoticComponent<Omit<FileUploadCommonProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/dist/prospect-client/Form/FileUpload/FileUpload/FileUploadCommon.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Children, forwardRef, } from "react";
+import { generateId } from "../../../utilities/generateId";
+import { getClassName } from "../../../utilities/getClassName";
+export const FileUploadCommon = forwardRef(({ InputFileComponent, className, children, fileListLabel = "Vos fichiers importés :", ...props }, ref) => {
+    return (_jsx(InputFileComponent, { ...props, className: getClassName({
+            baseClassName: "af-file-upload",
+            className,
+        }), ref: ref, children: children ? (_jsxs(_Fragment, { children: [_jsx("p", { className: "af-file-list__title", children: fileListLabel }), _jsx("ul", { className: "af-file-list", children: Children.map(children, (child) => (_jsx("li", { className: "af-file-list__item", children: child }, generateId(child)))) })] })) : null }));
+});
+FileUploadCommon.displayName = "FileUploadCommon";

package/dist/prospect-client/Form/FileUpload/FileUpload/FileUploadLF.d.ts

@@ -0,0 +1,3 @@
+import { type FileUploadProps } from "./FileUploadCommon";
+import "@axa-fr/canopee-css/client/Form/FileUpload/FileUpload/FileUploadAll.css";
+export declare const FileUpload: import("react").ForwardRefExoticComponent<Omit<FileUploadProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/prospect-client/Form/FileUpload/FileUpload/FileUploadLF.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { InputFile } from "../InputFile/InputFileLF";
+import { FileUploadCommon } from "./FileUploadCommon";
+import "@axa-fr/canopee-css/client/Form/FileUpload/FileUpload/FileUploadAll.css";
+export const FileUpload = forwardRef((props, ref) => (_jsx(FileUploadCommon, { ...props, ref: ref, InputFileComponent: InputFile })));
+FileUpload.displayName = "FileUpload";

package/dist/prospect-client/Form/FileUpload/InputFile/InputFileApollo.d.ts

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

package/dist/prospect-client/Form/FileUpload/InputFile/InputFileApollo.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { ItemLabel } from "../../ItemLabel/ItemLabelApollo";
+import { ItemMessage } from "../../ItemMessage/ItemMessageApollo";
+import { InputFileCommon } from "./InputFileCommon";
+import "@axa-fr/canopee-css/prospect/Form/FileUpload/InputFile/InputFileApollo.css";
+const InputFile = forwardRef((props, ref) => {
+    return (_jsx(InputFileCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage }));
+});
+InputFile.displayName = "InputFile";
+export { InputFile };

package/dist/prospect-client/Form/FileUpload/InputFile/InputFileCommon.d.ts

@@ -0,0 +1,60 @@
+import { type ComponentPropsWithRef, type ComponentType, type MouseEventHandler, type ReactNode } from "react";
+import { type ItemLabelProps } from "../../ItemLabel/ItemLabelCommon";
+import { type ItemMessageProps } from "../../ItemMessage/ItemMessageCommon";
+type LabelProps = Partial<Omit<ItemLabelProps, "children" | "label" | "description" | "sideButtonLabel" | "onSideButtonClick" | "moreButtonLabel" | "onMoreButtonClick">>;
+export type InputFileProps = Omit<ComponentPropsWithRef<"input">, "type"> & {
+    /**
+     * Label text content
+     */
+    label?: ReactNode;
+    /**
+     * Additional description text that enriches the label.
+     * @example "Phone bill, EDF receipt, etc."
+     */
+    description?: ReactNode;
+    /**
+     * Label content for the side action button.
+     * When provided, renders a secondary button next to the main label.
+     */
+    sideButtonLabel?: ReactNode;
+    /**
+     * Click handler for the side button
+     */
+    onSideButtonClick?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Label content for the more button
+     * When provided, renders an more button with an info icon.
+     */
+    moreButtonLabel?: ReactNode;
+    /**
+     * Click handler for the more button
+     */
+    onMoreButtonClick?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Props forwarded to the label component to customize its appearance and behavior.
+     * Accepts a subset of ItemLabelProps (see LabelProps type). Use this to override
+     * visual or behavioral options for the label (e.g., size, tone, visibility of helpers).
+     */
+    labelProps?: LabelProps;
+    /**
+     * Help text displayed below the control. This text is associated with the input via
+     * `aria-describedby` when provided. Keep the content concise and actionable; avoid
+     * using color alone to convey meaning.
+     */
+    helper?: ReactNode;
+    /**
+     * Labels for the dropzone UI. Each field is optional and will fall back to defaults.
+     * Example: { dropzone: 'Glisser...', or: 'ou', button: 'Importer fichier' }
+     */
+    dropzoneLabels?: {
+        dropzone?: ReactNode;
+        or?: ReactNode;
+        button?: ReactNode;
+    };
+} & Omit<ItemMessageProps, "id">;
+type InputFileCommonProps = InputFileProps & {
+    ItemLabelComponent: ComponentType<ItemLabelProps>;
+    ItemMessageComponent: ComponentType<ItemMessageProps>;
+};
+export declare const InputFileCommon: import("react").ForwardRefExoticComponent<Omit<InputFileCommonProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/dist/prospect-client/Form/FileUpload/InputFile/InputFileCommon.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useId, } from "react";
+import addCircleIcon from "@material-symbols/svg-400/rounded/add_circle-fill.svg";
+import { Svg } from "../../../Svg/Svg";
+import { getClassName } from "../../../utilities/getClassName";
+const DEFAULT_DROPZONE_LABELS = {
+    dropzone: "Glisser et déposer un fichier",
+    or: "ou",
+    button: "Importer fichier",
+};
+export const InputFileCommon = forwardRef(({ ItemLabelComponent, ItemMessageComponent, id, label, description, sideButtonLabel, onSideButtonClick, moreButtonLabel, onMoreButtonClick, labelProps, helper, required, message, messageType = "error", className, style, dropzoneLabels = {}, children, ...props }, ref) => {
+    const generatedId = useId();
+    const inputId = id || generatedId;
+    const messageId = `${inputId}-message`;
+    const helpId = `${inputId}-help`;
+    const ariaDescribedby = [
+        helper && helpId,
+        message && messageType === "success" && messageId,
+    ].filter(Boolean);
+    const hasError = Boolean(message && messageType === "error");
+    const resolvedDropzoneLabels = {
+        dropzone: dropzoneLabels.dropzone || DEFAULT_DROPZONE_LABELS.dropzone,
+        or: dropzoneLabels.or || DEFAULT_DROPZONE_LABELS.or,
+        button: dropzoneLabels.button || DEFAULT_DROPZONE_LABELS.button,
+    };
+    return (_jsxs("div", { className: getClassName({
+            baseClassName: "af-input-file",
+            className,
+        }), style: style, children: [_jsx(ItemLabelComponent, { htmlFor: inputId, description: description, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, moreButtonLabel: moreButtonLabel, onMoreButtonClick: onMoreButtonClick, required: required, ...labelProps, children: label }), _jsxs("div", { className: "af-input-file__container", children: [_jsxs("span", { className: getClassName({
+                            baseClassName: "af-input-file__dropzone",
+                            modifiers: [hasError && "error"],
+                        }), children: [_jsx("input", { ref: ref, type: "file", id: inputId, required: required, "aria-invalid": hasError || undefined, "aria-errormessage": hasError ? messageId : undefined, "aria-describedby": ariaDescribedby.length > 0
+                                    ? ariaDescribedby.join(" ")
+                                    : undefined, ...props }), _jsx("span", { children: resolvedDropzoneLabels.dropzone }), _jsx("span", { children: resolvedDropzoneLabels.or }), _jsxs("span", { className: getClassName({
+                                    baseClassName: "af-btn-client",
+                                    modifiers: ["tertiary"],
+                                }), children: [_jsx(Svg, { src: addCircleIcon, role: "presentation" }), resolvedDropzoneLabels.button] })] }), helper ? (_jsx("span", { id: helpId, className: "af-input-file__help", children: helper })) : null, _jsx(ItemMessageComponent, { id: messageId, message: message, messageType: messageType })] }), children] }));
+});
+InputFileCommon.displayName = "InputFileCommon";

package/dist/prospect-client/Form/FileUpload/InputFile/InputFileLF.d.ts

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

package/dist/prospect-client/Form/FileUpload/InputFile/InputFileLF.js

@@ -0,0 +1,9 @@
+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/canopee-css/client/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/prospect-client/Form/FileUpload/ItemFile/ItemFileApollo.d.ts

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

package/dist/prospect-client/Form/FileUpload/ItemFile/ItemFileApollo.js

@@ -0,0 +1,10 @@
+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/canopee-css/prospect/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/prospect-client/Form/FileUpload/ItemFile/ItemFileCommon.d.ts

@@ -0,0 +1,54 @@
+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/prospect-client/Form/FileUpload/ItemFile/ItemFileCommon.js

@@ -0,0 +1,26 @@
+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/prospect-client/Form/FileUpload/ItemFile/ItemFileLF.d.ts

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

package/dist/prospect-client/Form/FileUpload/ItemFile/ItemFileLF.js

@@ -0,0 +1,10 @@
+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/canopee-css/client/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/prospect-client/Form/InputDate/InputDate.helper.d.ts

@@ -0,0 +1,8 @@
+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/prospect-client/Form/InputDate/InputDate.helper.js

@@ -0,0 +1,23 @@
+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/prospect-client/Form/InputDate/InputDateApollo.d.ts

@@ -0,0 +1,3 @@
+import "@axa-fr/canopee-css/prospect/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/prospect-client/Form/InputDate/InputDateApollo.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/prospect/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/prospect-client/Form/InputDate/InputDateAtom.d.ts

@@ -0,0 +1,9 @@
+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/prospect-client/Form/InputDate/InputDateAtom.js

@@ -0,0 +1,6 @@
+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/prospect-client/Form/InputDate/InputDateCommon.d.ts

@@ -0,0 +1,27 @@
+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/prospect-client/Form/InputDate/InputDateCommon.js

@@ -0,0 +1,30 @@
+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/prospect-client/Form/InputDate/InputDateLF.d.ts

@@ -0,0 +1,3 @@
+import "@axa-fr/canopee-css/client/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/prospect-client/Form/InputDate/InputDateLF.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/client/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/prospect-client/Form/InputDate/InputDateTextAtom.d.ts

@@ -0,0 +1,9 @@
+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/prospect-client/Form/InputDate/InputDateTextAtom.js

@@ -0,0 +1,16 @@
+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/prospect-client/Form/InputPhone/CountryCodeSelect.d.ts

@@ -0,0 +1,12 @@
+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 };