@axa-fr/canopee-react 1.8.0 → 2.0.0-RC.1

package/dist/prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxApollo.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ItemMessage } from "../../ItemMessage/ItemMessageApollo";
+import { ItemMessage } from "../../ItemMessage/ItemMessage";
 import { CardCheckboxOption } from "../CardCheckboxOption/CardCheckboxOptionApollo";
 import { CheckboxText } from "../CheckboxText/CheckboxTextApollo";
 import { CardCheckboxCommon, } from "./CardCheckboxCommon";

package/dist/prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxCommon.d.ts

@@ -1,31 +1,15 @@
 import { type ComponentType, type ReactNode } from "react";
 import type { GridContainerProps } from "../../../utilities/types/GridContainerProps";
-import type { ItemMessageProps } from "../../ItemMessage/ItemMessageCommon";
+import type { ItemMessageProps } from "../../ItemMessage/ItemMessage";
 import type { CardCheckboxOptionProps } from "../CardCheckboxOption/CardCheckboxOptionCommon";
 import type { CheckboxTextProps } from "../CheckboxText/CheckboxTextCommon";
 type CheckboxOption = Omit<CardCheckboxOptionProps, "name" | "type">;
 export type CardCheckboxProps = Omit<CardCheckboxOptionProps, "value" | "label" | "type" | "icon" | "description" | "subtitle" | "children"> & {
     type?: "vertical" | "horizontal";
     mode?: "text";
-    /**
-     * @deprecated Use `label` instead.
-     */
-    labelGroup?: string;
-    /**
-     * @deprecated Use `description` instead.
-     */
-    descriptionGroup?: string;
     label: ReactNode;
     description?: ReactNode;
-    /**
-     * @deprecated Use `required` instead.
-     */
-    isRequired?: boolean;
     options: CheckboxOption[];
-    /**
-     * @deprecated  Use `message` and messageType instead.
-     */
-    error?: string;
     containerProps?: GridContainerProps<"fieldset">;
 } & Partial<ItemMessageProps>;
 type CardCheckboxCommonProps = CardCheckboxProps & {
@@ -34,7 +18,7 @@ type CardCheckboxCommonProps = CardCheckboxProps & {
     ItemMessageComponent: ComponentType<ItemMessageProps>;
 };
 export declare const CardCheckboxCommon: {
-    ({ className, labelGroup, descriptionGroup, label, description, isRequired, required, options, type, error, name, id, onChange, CardCheckboxItemComponent, CheckboxTextComponent, ItemMessageComponent, message, messageType, containerProps, mode, ...inputProps }: CardCheckboxCommonProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, label, description, required, options, type, name, id, onChange, CardCheckboxItemComponent, CheckboxTextComponent, ItemMessageComponent, message, messageType, containerProps, mode, ...inputProps }: CardCheckboxCommonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/dist/prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxCommon.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId, useRef, } from "react";
-export const CardCheckboxCommon = ({ className, labelGroup, descriptionGroup, label, description, isRequired, required, options, type = "vertical", error, name, id, onChange = () => { }, CardCheckboxItemComponent, CheckboxTextComponent, ItemMessageComponent, message, messageType = "error", containerProps, mode, ...inputProps }) => {
+export const CardCheckboxCommon = ({ className, label, description, required, options, type = "vertical", name, id, onChange = () => { }, CardCheckboxItemComponent, CheckboxTextComponent, ItemMessageComponent, message, messageType = "error", containerProps, mode, ...inputProps }) => {
     const generatedId = useId();
     const cardCheckboxId = id || generatedId;
     const messageId = `${cardCheckboxId}-error`;
@@ -23,10 +23,10 @@ export const CardCheckboxCommon = ({ className, labelGroup, descriptionGroup, la
         }
         onChange(event);
     };
-    const hasError = (Boolean(message) && messageType === "error") || Boolean(error);
-    return (_jsxs("fieldset", { className: ["af-card-checkbox", className].filter(Boolean).join(" "), id: cardCheckboxId, ...containerProps, children: [_jsxs("legend", { className: "af-card-checkbox__legend", children: [_jsxs("p", { className: "af-card-checkbox__label", children: [label, labelGroup, required || isRequired ? _jsx("span", { "aria-hidden": true, children: "*" }) : null] }), description || descriptionGroup ? (_jsxs("p", { className: "af-card-checkbox__description", children: [description, descriptionGroup] })) : null] }), _jsx("div", { className: [
+    const hasError = Boolean(message) && messageType === "error";
+    return (_jsxs("fieldset", { className: ["af-card-checkbox", className].filter(Boolean).join(" "), id: cardCheckboxId, ...containerProps, children: [_jsxs("legend", { className: "af-card-checkbox__legend", children: [_jsxs("p", { className: "af-card-checkbox__label", children: [label, required ? _jsx("span", { "aria-hidden": true, children: "*" }) : null] }), description ? (_jsx("p", { className: "af-card-checkbox__description", children: description })) : null] }), _jsx("div", { className: [
                     "af-card-checkbox__options",
                     `af-card-checkbox__options--${type}`,
-                ].join(" "), ref: cardCheckboxOptionsRef, children: options.map((cardCheckboxItemProps) => (_jsx(CheckboxItemComponent, { id: `${cardCheckboxId}-${cardCheckboxItemProps.value}`, required: required, onChange: handleChange, ...inputProps, ...cardCheckboxItemProps, type: type, "aria-invalid": hasError || undefined, "aria-errormessage": hasError ? messageId : undefined, name: name }, `${name ?? cardCheckboxId}-${cardCheckboxItemProps.label}`))) }), _jsx(ItemMessageComponent, { id: messageId, message: message || error, messageType: messageType })] }));
+                ].join(" "), ref: cardCheckboxOptionsRef, children: options.map((cardCheckboxItemProps) => (_jsx(CheckboxItemComponent, { id: `${cardCheckboxId}-${cardCheckboxItemProps.value}`, required: required, onChange: handleChange, ...inputProps, ...cardCheckboxItemProps, type: type, "aria-invalid": hasError || undefined, "aria-errormessage": hasError ? messageId : undefined, name: name }, `${name ?? cardCheckboxId}-${cardCheckboxItemProps.label}`))) }), _jsx(ItemMessageComponent, { id: messageId, message: message, messageType: messageType })] }));
 };
 CardCheckboxCommon.displayName = "CardCheckboxCommon";

package/dist/prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxLF.d.ts

@@ -1,5 +1,6 @@
 import { type CardCheckboxProps } from "./CardCheckboxCommon";
 import "@axa-fr/canopee-css/client/Form/Checkbox/CardCheckbox/CardCheckboxLF.css";
+export type { CardCheckboxProps };
 export declare const CardCheckbox: {
     (props: CardCheckboxProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/prospect-client/Form/Checkbox/CardCheckbox/CardCheckboxLF.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ItemMessage } from "../../ItemMessage/ItemMessageLF";
+import { ItemMessage } from "../../ItemMessage/ItemMessage";
 import { CardCheckboxOption } from "../CardCheckboxOption/CardCheckboxOptionLF";
 import { CheckboxText } from "../CheckboxText/CheckboxTextLF";
 import { CardCheckboxCommon, } from "./CardCheckboxCommon";

package/dist/prospect-client/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon.d.ts

@@ -12,5 +12,8 @@ export type CardCheckboxOptionCommonProps = CardCheckboxOptionProps & {
     CheckboxComponent: ComponentType<CheckboxProps>;
     IconComponent: ComponentType<IconProps>;
 };
-declare const CardCheckboxOptionCommon: import("react").ForwardRefExoticComponent<Omit<CardCheckboxOptionCommonProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+declare const CardCheckboxOptionCommon: {
+    ({ label, type, description, subtitle, icon, className, CheckboxComponent, IconComponent, ...inputProps }: CardCheckboxOptionCommonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export { CardCheckboxOptionCommon };

package/dist/prospect-client/Form/Checkbox/CardCheckboxOption/CardCheckboxOptionCommon.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
-const CardCheckboxOptionCommon = forwardRef(({ label, type = "vertical", description, subtitle, icon, className, CheckboxComponent, IconComponent, ...inputProps }, ref) => (_jsxs("label", { className: [
+import {} from "react";
+const CardCheckboxOptionCommon = ({ label, type = "vertical", description, subtitle, icon, className, CheckboxComponent, IconComponent, ...inputProps }) => (_jsxs("label", { className: [
         "af-card-checkbox-option",
         type === "horizontal" && "af-card-checkbox-option--horizontal",
         className,
     ]
         .filter(Boolean)
-        .join(" "), children: [icon ? _jsx(IconComponent, { src: icon, role: "presentation" }) : null, _jsxs("div", { className: "af-card-checkbox-option__content", children: [_jsx("p", { className: "af-card-checkbox-option__label", children: label }), Boolean(description) && (_jsx("p", { className: "af-card-checkbox-option__description", children: description })), Boolean(subtitle) && (_jsx("p", { className: "af-card-checkbox-option__subtitle", children: subtitle }))] }), _jsx(CheckboxComponent, { ...inputProps, ref: ref })] })));
+        .join(" "), children: [icon ? _jsx(IconComponent, { src: icon, role: "presentation" }) : null, _jsxs("div", { className: "af-card-checkbox-option__content", children: [_jsx("p", { className: "af-card-checkbox-option__label", children: label }), Boolean(description) && (_jsx("p", { className: "af-card-checkbox-option__description", children: description })), Boolean(subtitle) && (_jsx("p", { className: "af-card-checkbox-option__subtitle", children: subtitle }))] }), _jsx(CheckboxComponent, { ...inputProps })] }));
 CardCheckboxOptionCommon.displayName = "CardCheckboxOptionCommon";
 export { CardCheckboxOptionCommon };

package/dist/prospect-client/Form/Checkbox/Checkbox/CheckboxCommon.d.ts

@@ -2,7 +2,6 @@ import { type ComponentProps } from "react";
 export type CheckboxProps = {
     /** @deprecated Use `aria-errormessage` instead */
     errorId?: string;
-    /** @deprecated Use `aria-invalid` instead */
-    hasError?: boolean;
+    variant?: "error" | "warning";
 } & Omit<ComponentProps<"input">, "disabled" | "type">;
-export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Checkbox: ({ errorId, variant, className, ref, ...inputProps }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Form/Checkbox/Checkbox/CheckboxCommon.js

@@ -1,4 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-export const Checkbox = forwardRef(({ errorId, hasError, className, ...inputProps }, ref) => (_jsx("input", { "aria-errormessage": errorId, "aria-invalid": hasError, ...inputProps, className: ["af-checkbox", className].filter(Boolean).join(" "), ref: ref, type: "checkbox" })));
-Checkbox.displayName = "Checkbox";
+import {} from "react";
+import { getClassName } from "../../../utilities/getClassName";
+export const Checkbox = ({ errorId, variant, className, ref, ...inputProps }) => (_jsx("input", { "aria-errormessage": errorId, "aria-invalid": variant === "error" || undefined, ...inputProps, className: getClassName({
+        baseClassName: "af-checkbox",
+        modifiers: [variant],
+        className,
+    }), ref: ref, type: "checkbox" }));

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

@@ -1,3 +1,6 @@
 import "@axa-fr/canopee-css/prospect/Form/Checkbox/CheckboxText/CheckboxTextApollo.css";
 import { type CheckboxTextProps } from "./CheckboxTextCommon";
-export declare const CheckboxText: import("react").ForwardRefExoticComponent<Omit<CheckboxTextProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const CheckboxText: {
+    ({ ...props }: CheckboxTextProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

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

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

@@ -1,18 +1,17 @@
 import { type ComponentType, type ReactNode } from "react";
 import type { GridContainerProps } from "../../../utilities/types/GridContainerProps";
-import type { ItemMessageProps } from "../../ItemMessage/ItemMessageCommon";
+import type { ItemMessageProps } from "../../ItemMessage/ItemMessage";
 import type { CheckboxProps } from "../Checkbox/CheckboxCommon";
 export type CheckboxTextProps = {
     label: string | ReactNode;
-    /**
-     * @deprecated Use `message` and messageType instead.
-     */
-    errorMessage?: string;
     containerProps?: GridContainerProps;
 } & Omit<CheckboxProps, "aria-errormessage" | "aria-invalid"> & Partial<ItemMessageProps>;
 export type CheckboxTextCommonProps = CheckboxTextProps & {
     CheckboxComponent: ComponentType<Omit<CheckboxProps, "checkBoxIcon">>;
     ItemMessageComponent: ComponentType<ItemMessageProps>;
 };
-declare const CheckboxTextCommon: import("react").ForwardRefExoticComponent<Omit<CheckboxTextCommonProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+declare const CheckboxTextCommon: {
+    ({ label, id, message, messageType, CheckboxComponent, ItemMessageComponent, containerProps, ...inputProps }: CheckboxTextCommonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export { CheckboxTextCommon };

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

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useId } from "react";
-const CheckboxTextCommon = forwardRef(({ label, errorMessage, id, message, messageType, CheckboxComponent, ItemMessageComponent, containerProps, ...inputProps }, ref) => {
+import { useId } from "react";
+const CheckboxTextCommon = ({ label, id, message, messageType = "error", CheckboxComponent, ItemMessageComponent, containerProps, ...inputProps }) => {
     const generatedId = useId();
     const inputId = id ?? generatedId;
     const messageId = `${inputId}-error`;
-    const hasError = (Boolean(message) && messageType === "error") || Boolean(errorMessage);
-    return (_jsxs("div", { className: "af-checkbox-text", ...containerProps, children: [_jsxs("label", { htmlFor: inputId, children: [_jsx(CheckboxComponent, { id: inputId, ...inputProps, "aria-errormessage": hasError ? messageId : undefined, "aria-invalid": hasError || undefined, ref: ref }), _jsx("span", { className: "af-checkbox-text__label-content", children: label })] }), _jsx(ItemMessageComponent, { message: message || errorMessage, id: messageId, messageType: messageType })] }));
-});
+    const hasError = Boolean(message) && messageType === "error";
+    return (_jsxs("div", { className: "af-checkbox-text", ...containerProps, children: [_jsxs("label", { htmlFor: inputId, children: [_jsx(CheckboxComponent, { id: inputId, ...inputProps, "aria-errormessage": hasError ? messageId : undefined, "aria-invalid": hasError || undefined }), _jsx("span", { className: "af-checkbox-text__label-content", children: label })] }), _jsx(ItemMessageComponent, { message: message, id: messageId, messageType: messageType })] }));
+};
 CheckboxTextCommon.displayName = "CheckboxTextCommon";
 export { CheckboxTextCommon };

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

@@ -1,3 +1,6 @@
 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>>;
+export declare const CheckboxText: {
+    ({ ...props }: CheckboxTextProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -1,8 +1,7 @@
 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 { ItemMessage } from "../../ItemMessage/ItemMessage";
 import { Checkbox } from "../Checkbox/CheckboxLF";
 import { CheckboxTextCommon, } from "./CheckboxTextCommon";
-export const CheckboxText = forwardRef((props, ref) => (_jsx(CheckboxTextCommon, { ...props, ref: ref, CheckboxComponent: Checkbox, ItemMessageComponent: ItemMessage })));
+export const CheckboxText = ({ ...props }) => (_jsx(CheckboxTextCommon, { ...props, CheckboxComponent: Checkbox, ItemMessageComponent: ItemMessage }));
 CheckboxText.displayName = "CheckboxText";

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

@@ -1,6 +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 { ItemMessage } from "../ItemMessage/ItemMessage";
 import { DropdownCommon } from "./DropdownCommon";
 export const Dropdown = (props) => (_jsx(DropdownCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage }));

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

@@ -1,27 +1,21 @@
 import { type ComponentProps, type ComponentPropsWithRef, type ComponentType } from "react";
 import type { GridContainerProps } from "../../utilities/types/GridContainerProps";
 import { ItemLabelCommon, type ItemLabelProps } from "../ItemLabel/ItemLabelCommon";
-import { ItemMessage, type ItemMessageProps } from "../ItemMessage/ItemMessageCommon";
+import { type ItemMessageProps } from "../ItemMessage/ItemMessage";
 export type DropdownProps = ComponentPropsWithRef<"select"> & {
     id?: string;
-    classModifier?: string;
     label?: ItemLabelProps["children"];
-    /**
-     * @deprecated Use `message` and messageType instead.
-     */
-    error?: string;
-    /**
-     * @deprecated Use `message` and messageType instead.
-     */
-    success?: string;
     placeholder?: string;
     description?: string;
     helper?: string;
     containerProps?: GridContainerProps;
-} & Pick<ItemLabelProps, "buttonLabel" | "moreButtonLabel" | "onButtonClick" | "onMoreButtonClick" | "sideButtonLabel" | "onSideButtonClick"> & Pick<ItemMessageProps, "message" | "messageType">;
+} & Pick<ItemLabelProps, "moreButtonLabel" | "onMoreButtonClick" | "sideButtonLabel" | "onSideButtonClick"> & Pick<ItemMessageProps, "message" | "messageType">;
 type DropdownCommonProps = DropdownProps & {
     ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabelCommon>, "ButtonComponent">>;
-    ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
+    ItemMessageComponent: ComponentType<ItemMessageProps>;
+};
+declare const DropdownCommon: {
+    ({ id, required, label, placeholder, children, helper, message, messageType, description, moreButtonLabel, onMoreButtonClick, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, containerProps, ...otherProps }: DropdownCommonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
 };
-declare const DropdownCommon: import("react").ForwardRefExoticComponent<Omit<DropdownCommonProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
 export { DropdownCommon };

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

@@ -1,16 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from "classnames";
-import { forwardRef, useId, } from "react";
+import { useId, } from "react";
 import { ItemLabelCommon, } from "../ItemLabel/ItemLabelCommon";
-import { ItemMessage, } from "../ItemMessage/ItemMessageCommon";
-const DropdownCommon = forwardRef(({ id, required, label, error, placeholder, children, helper, success, message, messageType, description, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, containerProps, ...otherProps }, inputRef) => {
+import {} from "../ItemMessage/ItemMessage";
+const DropdownCommon = ({ id, required, label, placeholder, children, helper, message, messageType = "error", description, moreButtonLabel, onMoreButtonClick, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, containerProps, ...otherProps }) => {
     const idMessage = useId();
     let inputId = useId();
     inputId = id || inputId;
-    const hasError = (Boolean(message) && messageType === "error") || Boolean(error);
+    const hasError = Boolean(message) && messageType === "error";
     const hasWarning = !hasError && Boolean(message) && messageType === "warning";
     const classname = classNames("af-form__dropdown-input", hasError && "af-form__dropdown-input--error", hasWarning && "af-form__dropdown-input--warning");
-    return (_jsxs("div", { className: "af-form__dropdown-container", ...containerProps, children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: moreButtonLabel ?? buttonLabel, onMoreButtonClick: onMoreButtonClick ?? onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, htmlFor: inputId, children: label }), _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") })] }));
-});
+    return (_jsxs("div", { className: "af-form__dropdown-container", ...containerProps, children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: moreButtonLabel, onMoreButtonClick: onMoreButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, htmlFor: inputId, children: label }), _jsxs("select", { className: classname, ...otherProps, 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, messageType: messageType })] }));
+};
 DropdownCommon.displayName = "Dropdown";
 export { DropdownCommon };

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

@@ -1,6 +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 { ItemMessage } from "../ItemMessage/ItemMessage";
 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

@@ -1,3 +1,6 @@
 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>>;
+export declare const FileUpload: {
+    ({ ...props }: FileUploadProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -1,7 +1,6 @@
 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 })));
+export const FileUpload = ({ ...props }) => (_jsx(FileUploadCommon, { ...props, InputFileComponent: InputFile }));
 FileUpload.displayName = "FileUpload";

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

@@ -14,5 +14,8 @@ export type FileUploadProps = Omit<InputFileProps, "children"> & {
 type FileUploadCommonProps = FileUploadProps & {
     InputFileComponent: ComponentType<InputFileProps>;
 };
-export declare const FileUploadCommon: import("react").ForwardRefExoticComponent<Omit<FileUploadCommonProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const FileUploadCommon: {
+    ({ InputFileComponent, className, children, fileListLabel, ...props }: FileUploadCommonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export {};

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

@@ -1,11 +1,11 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Children, forwardRef, } from "react";
+import { Children, } 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) => {
+export const FileUploadCommon = ({ InputFileComponent, className, children, fileListLabel = "Vos fichiers importés :", ...props }) => {
     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 }));
-});
+        }), 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

@@ -1,3 +1,6 @@
 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>>;
+export declare const FileUpload: {
+    ({ ...props }: FileUploadProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -1,7 +1,6 @@
 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 })));
+export const FileUpload = ({ ...props }) => (_jsx(FileUploadCommon, { ...props, InputFileComponent: InputFile }));
 FileUpload.displayName = "FileUpload";

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

@@ -1,4 +1,7 @@
 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>>;
+declare const InputFile: {
+    ({ ...props }: InputFileProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export { InputFile };

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

@@ -1,11 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import { ItemLabel } from "../../ItemLabel/ItemLabelApollo";
-import { ItemMessage } from "../../ItemMessage/ItemMessageApollo";
+import { ItemMessage } from "../../ItemMessage/ItemMessage";
 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 }));
-});
+const InputFile = ({ ...props }) => {
+    return (_jsx(InputFileCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage }));
+};
 InputFile.displayName = "InputFile";
 export { InputFile };

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

@@ -1,7 +1,7 @@
 import { type ComponentPropsWithRef, type ComponentType, type MouseEventHandler, type ReactNode } from "react";
 import type { GridContainerProps } from "../../../utilities/types/GridContainerProps";
 import { type ItemLabelProps } from "../../ItemLabel/ItemLabelCommon";
-import { type ItemMessageProps } from "../../ItemMessage/ItemMessageCommon";
+import { type ItemMessageProps } from "../../ItemMessage/ItemMessage";
 type LabelProps = Partial<Omit<ItemLabelProps, "children" | "label" | "description" | "sideButtonLabel" | "onSideButtonClick" | "moreButtonLabel" | "onMoreButtonClick">>;
 export type InputFileProps = Omit<ComponentPropsWithRef<"input">, "type"> & {
     /**
@@ -58,5 +58,8 @@ type InputFileCommonProps = InputFileProps & {
     ItemLabelComponent: ComponentType<ItemLabelProps>;
     ItemMessageComponent: ComponentType<ItemMessageProps>;
 };
-export declare const InputFileCommon: import("react").ForwardRefExoticComponent<Omit<InputFileCommonProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const InputFileCommon: {
+    ({ ItemLabelComponent, ItemMessageComponent, id, label, description, sideButtonLabel, onSideButtonClick, moreButtonLabel, onMoreButtonClick, labelProps, helper, required, message, messageType, className, dropzoneLabels, children, containerProps, ...props }: InputFileCommonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export {};

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

@@ -1,16 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import addCircleIcon from "@material-symbols/svg-400/rounded/add_circle-fill.svg";
-import { forwardRef, useId, } from "react";
+import { useId, } from "react";
 import { Svg } from "../../../Svg/Svg";
 import { getClassName } from "../../../utilities/getClassName";
 import {} from "../../ItemLabel/ItemLabelCommon";
-import {} from "../../ItemMessage/ItemMessageCommon";
+import {} from "../../ItemMessage/ItemMessage";
 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, dropzoneLabels = {}, children, containerProps, ...props }, ref) => {
+export const InputFileCommon = ({ ItemLabelComponent, ItemMessageComponent, id, label, description, sideButtonLabel, onSideButtonClick, moreButtonLabel, onMoreButtonClick, labelProps, helper, required, message, messageType = "error", className, dropzoneLabels = {}, children, containerProps, ...props }) => {
     const generatedId = useId();
     const inputId = id || generatedId;
     const messageId = `${inputId}-message`;
@@ -31,11 +31,9 @@ export const InputFileCommon = forwardRef(({ ItemLabelComponent, ItemMessageComp
         }), ...containerProps, 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({
+                        }), children: [_jsx("input", { 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

@@ -1,4 +1,7 @@
 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>>;
+declare const InputFile: {
+    ({ ...props }: InputFileProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export { InputFile };

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

@@ -1,9 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import { ItemLabel } from "../../ItemLabel/ItemLabelLF";
-import { ItemMessage } from "../../ItemMessage/ItemMessageLF";
+import { ItemMessage } from "../../ItemMessage/ItemMessage";
 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 })));
+const InputFile = ({ ...props }) => (_jsx(InputFileCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage }));
 InputFile.displayName = "InputFile";
 export { InputFile };

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

@@ -4,7 +4,7 @@ import visibilityIcon from "@material-symbols/svg-400/outlined/visibility-fill.s
 import { ClickIcon } from "../../../ClickIcon/ClickIconApollo";
 import { Icon } from "../../../Icon/IconApollo";
 import { Spinner } from "../../../Spinner/SpinnerApollo";
-import { ItemMessage } from "../../ItemMessage/ItemMessageApollo";
+import { ItemMessage } from "../../ItemMessage/ItemMessage";
 import { ItemFileCommon } from "./ItemFileCommon";
 import "@axa-fr/canopee-css/prospect/ContentItemMono/ContentItemMonoApollo.css";
 import "@axa-fr/canopee-css/prospect/Form/FileUpload/ItemFile/ItemFileApollo.css";

package/dist/prospect-client/Form/FileUpload/ItemFile/ItemFileCommon.d.ts

@@ -2,7 +2,7 @@ import { type ComponentPropsWithoutRef, type ComponentType, type MouseEvent } fr
 import type { ClickIconProps } from "../../../ClickIcon/ClickIconCommon";
 import type { IconProps } from "../../../Icon/IconCommon";
 import type { SpinnerProps } from "../../../Spinner/SpinnerCommon";
-import type { ItemMessageProps } from "../../ItemMessage/ItemMessageCommon";
+import type { ItemMessageProps } from "../../ItemMessage/ItemMessage";
 export type ItemFileProps = {
     /**
      * The JavaScript File object representing the uploaded file.

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

@@ -4,7 +4,7 @@ import visibilityIcon from "@material-symbols/svg-400/outlined/visibility-fill.s
 import { ClickIcon } from "../../../ClickIcon/ClickIconLF";
 import { Icon } from "../../../Icon/IconLF";
 import { Spinner } from "../../../Spinner/SpinnerLF";
-import { ItemMessage } from "../../ItemMessage/ItemMessageLF";
+import { ItemMessage } from "../../ItemMessage/ItemMessage";
 import { ItemFileCommon } from "./ItemFileCommon";
 import "@axa-fr/canopee-css/client/ContentItemMono/ContentItemMonoLF.css";
 import "@axa-fr/canopee-css/client/Form/FileUpload/ItemFile/ItemFileLF.css";

package/dist/prospect-client/Form/InputDate/InputDateApollo.d.ts

@@ -1,3 +1,6 @@
 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>>;
+export declare const InputDate: {
+    ({ ...props }: InputDateProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/prospect-client/Form/InputDate/InputDateApollo.js

@@ -1,8 +1,7 @@
 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 { ItemMessage } from "../ItemMessage/ItemMessage";
 import { InputDateCommon } from "./InputDateCommon";
-export const InputDate = forwardRef((props, ref) => (_jsx(InputDateCommon, { ...props, ref: ref, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage })));
+export const InputDate = ({ ...props }) => (_jsx(InputDateCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage }));
 InputDate.displayName = "InputDate";

package/dist/prospect-client/Form/InputDate/InputDateAtom.d.ts

@@ -5,5 +5,8 @@ export type InputDateAtomProps = Omit<ComponentPropsWithRef<"input">, "value" |
     min?: ComponentProps<"input">["min"] | Date;
     max?: ComponentProps<"input">["max"] | Date;
 };
-declare const InputDateAtom: import("react").ForwardRefExoticComponent<Omit<InputDateAtomProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+declare const InputDateAtom: {
+    ({ defaultValue, value, min, max, ...otherProps }: InputDateAtomProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export { InputDateAtom };

package/dist/prospect-client/Form/InputDate/InputDateAtom.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, } from "react";
+import {} 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) })));
+const InputDateAtom = ({ defaultValue, value, min, max, ...otherProps }) => (_jsx("input", { ...otherProps, type: "date", defaultValue: formatInputDateValue(defaultValue), value: formatInputDateValue(value), min: formatInputDateValue(min), max: formatInputDateValue(max) }));
 InputDateAtom.displayName = "InputDateAtom";
 export { InputDateAtom };