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

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

@@ -1,30 +1,24 @@
 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";
 import { type InputDateAtomProps } from "./InputDateAtom";
 export type InputDateProps = Omit<ComponentPropsWithRef<"input">, "value" | "min" | "max"> & {
-    classModifier?: string;
     defaultValue?: Date | string;
     value?: Date | string;
     min?: InputDateAtomProps["min"];
     max?: InputDateAtomProps["max"];
     helper?: string;
-    /**
-     * @deprecated Use `message` and messageType instead.
-     */
-    error?: string;
-    /**
-     * @deprecated Use `message` and messageType instead.
-     */
-    success?: string;
     hidePicker?: boolean;
     label: ItemLabelProps["children"];
     containerProps?: GridContainerProps;
-} & Partial<Pick<ItemLabelProps, "description" | "buttonLabel" | "moreButtonLabel" | "onButtonClick" | "onMoreButtonClick"> & ItemMessageProps>;
+} & Partial<Pick<ItemLabelProps, "description" | "moreButtonLabel" | "onMoreButtonClick"> & ItemMessageProps>;
 type InputDateCommonProps = InputDateProps & {
     ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabelCommon>, "ButtonComponent">>;
-    ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
+    ItemMessageComponent: ComponentType<ItemMessageProps>;
+};
+declare const InputDateCommon: {
+    ({ className, helper, message, messageType, label, description, moreButtonLabel, onMoreButtonClick, ItemLabelComponent, ItemMessageComponent, required, hidePicker, max, min, containerProps, ...otherProps }: InputDateCommonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
 };
-declare const InputDateCommon: import("react").ForwardRefExoticComponent<Omit<InputDateCommonProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
 export { InputDateCommon };

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

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

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

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

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

@@ -1,8 +1,7 @@
 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 { 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/InputDateTextAtom.d.ts

@@ -5,5 +5,8 @@ export type InputDateTextAtomProps = Omit<ComponentProps<typeof InputTextAtom>,
     defaultValue?: Date | string;
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 };
-declare const InputDateTextAtom: import("react").ForwardRefExoticComponent<Omit<InputDateTextAtomProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+declare const InputDateTextAtom: {
+    ({ onChange, value, defaultValue, ...otherProps }: InputDateTextAtomProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export { InputDateTextAtom };

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

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

package/dist/prospect-client/Form/InputPhone/InputPhoneApollo.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/prospect/Form/InputPhone/InputPhoneApollo.css";
 import { ItemLabel } from "../ItemLabel/ItemLabelApollo";
-import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
+import { ItemMessage } from "../ItemMessage/ItemMessage";
 import { InputPhoneCommon } from "./InputPhoneCommon";
 import { InputTextAtom } from "../InputTextAtom/InputTextAtomApollo";
 import { Icon } from "../../Icon/IconApollo";

package/dist/prospect-client/Form/InputPhone/InputPhoneCommon.d.ts

@@ -4,19 +4,10 @@ import { Icon } from "../../Icon/IconCommon";
 import type { GridContainerProps } from "../../utilities/types/GridContainerProps";
 import { InputTextAtom } from "../InputTextAtom/InputTextAtomCommon";
 import { ItemLabelCommon, type ItemLabelProps } from "../ItemLabel/ItemLabelCommon";
-import { ItemMessage, type ItemMessageProps } from "../ItemMessage/ItemMessageCommon";
+import { type ItemMessageProps } from "../ItemMessage/ItemMessage";
 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;
@@ -26,12 +17,15 @@ export type InputPhoneProps = ComponentPropsWithRef<"input"> & {
     mask?: (value: string) => string;
     label: ItemLabelProps["children"];
     containerProps?: GridContainerProps;
-} & Pick<ItemLabelProps, "description" | "moreButtonLabel" | "buttonLabel" | "onMoreButtonClick" | "onButtonClick" | "sideButtonLabel" | "onSideButtonClick"> & Pick<ItemMessageProps, "message" | "messageType">;
+} & Pick<ItemLabelProps, "description" | "moreButtonLabel" | "onMoreButtonClick" | "sideButtonLabel" | "onSideButtonClick"> & Pick<ItemMessageProps, "message" | "messageType">;
 type InputPhoneCommonProps = InputPhoneProps & {
     ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabelCommon>, "ButtonComponent">>;
-    ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
+    ItemMessageComponent: ComponentType<ItemMessageProps>;
     InputTextComponent: ComponentType<ComponentProps<typeof InputTextAtom>>;
     IconComponent: ComponentType<ComponentProps<typeof Icon>>;
 };
-declare const InputPhoneCommon: import("react").ForwardRefExoticComponent<Omit<InputPhoneCommonProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+declare const InputPhoneCommon: {
+    ({ className, helper, message, messageType, defaultCountry, showSelect, disabled, label, description, moreButtonLabel, onMoreButtonClick, required, sideButtonLabel, onSideButtonClick, countryCodeOptions, onChangeSelect, onChangeInput, mask, ItemLabelComponent, ItemMessageComponent, InputTextComponent, IconComponent, "aria-errormessage": ariaErrormessage, containerProps, ...otherProps }: InputPhoneCommonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export { InputPhoneCommon };

package/dist/prospect-client/Form/InputPhone/InputPhoneCommon.js

@@ -1,19 +1,23 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useId, } from "react";
+import { useId, } from "react";
 import { Icon } from "../../Icon/IconCommon";
 import { InputTextAtom } from "../InputTextAtom/InputTextAtomCommon";
 import { ItemLabelCommon, } from "../ItemLabel/ItemLabelCommon";
-import { ItemMessage, } from "../ItemMessage/ItemMessageCommon";
+import {} from "../ItemMessage/ItemMessage";
 import { CountryCodeSelect } from "./CountryCodeSelect";
 import {} from "./InputPhone.types";
 import { maskFrenchPhoneNumber } from "./maskFrenchPhoneNumber";
-const InputPhoneCommon = forwardRef(({ className, classModifier = "", helper, error, success, message, messageType, defaultCountry, showSelect, disabled, label, description, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, required, sideButtonLabel, onSideButtonClick, countryCodeOptions = [], onChangeSelect, onChangeInput, mask = maskFrenchPhoneNumber, ItemLabelComponent, ItemMessageComponent, InputTextComponent, IconComponent, "aria-errormessage": ariaErrormessage, containerProps, ...otherProps }, inputRef) => {
+const InputPhoneCommon = ({ className, helper, message, messageType = "error", defaultCountry, showSelect, disabled, label, description, moreButtonLabel, onMoreButtonClick, required, sideButtonLabel, onSideButtonClick, countryCodeOptions = [], onChangeSelect, onChangeInput, mask = maskFrenchPhoneNumber, ItemLabelComponent, ItemMessageComponent, InputTextComponent, IconComponent, "aria-errormessage": ariaErrormessage, containerProps, ...otherProps }) => {
     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);
+    const ariaDescribedby = [
+        helper && idHelp,
+        message && messageType === "success" && idMessage,
+    ].filter(Boolean);
+    const hasError = Boolean(message) && messageType === "error";
+    const hasWarning = Boolean(message) && messageType === "warning" && !hasError;
     /**
      * 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.
@@ -29,9 +33,9 @@ const InputPhoneCommon = forwardRef(({ className, classModifier = "", helper, er
         const maskedValue = mask(rawValue);
         onChangeInput?.(maskedValue);
     };
-    return (_jsxs("div", { className: "af-form__input-phone-container", ...containerProps, children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: moreButtonLabel ?? buttonLabel, onMoreButtonClick: onMoreButtonClick ?? onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, htmlFor: inputId, children: label }), _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]
+    return (_jsxs("div", { className: "af-form__input-phone-container", ...containerProps, children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: moreButtonLabel, onMoreButtonClick: onMoreButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, htmlFor: inputId, children: label }), _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") })] }));
-});
+                            .join(" "), error: hasError ? messageType : undefined, warning: hasWarning ? "warning" : 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, messageType: messageType })] }));
+};
 InputPhoneCommon.displayName = "InputPhone";
 export { InputPhoneCommon };

package/dist/prospect-client/Form/InputPhone/InputPhoneLF.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/client/Form/InputPhone/InputPhoneLF.css";
 import { ItemLabel } from "../ItemLabel/ItemLabelLF";
-import { ItemMessage } from "../ItemMessage/ItemMessageLF";
+import { ItemMessage } from "../ItemMessage/ItemMessage";
 import { InputPhoneCommon } from "./InputPhoneCommon";
 import { InputTextAtom } from "../InputTextAtom/InputTextAtomLF";
 import { Icon } from "../../Icon/IconLF";

package/dist/prospect-client/Form/InputText/InputTextApollo.d.ts

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

package/dist/prospect-client/Form/InputText/InputTextApollo.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/prospect/Form/InputText/InputTextApollo.css";
-import { forwardRef } from "react";
 import { ItemLabel } from "../ItemLabel/ItemLabelApollo";
-import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
+import { ItemMessage } from "../ItemMessage/ItemMessage";
 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 })));
+export const InputText = ({ ...props }) => (_jsx(InputTextCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage, InputTextAtomComponent: InputTextAtom }));
 InputText.displayName = "InputText";

package/dist/prospect-client/Form/InputText/InputTextCommon.d.ts

@@ -1,27 +1,21 @@
 import { type ComponentProps, 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";
+import { type ItemMessageProps } from "../ItemMessage/ItemMessage";
 import type { GridContainerProps } from "../../utilities/types/GridContainerProps";
 export type InputTextProps = ComponentProps<"input"> & {
     unit?: ReactNode;
-    classModifier?: string;
     label?: ItemLabelProps["children"];
     helper?: string;
-    /**
-     * @deprecated Use `message` and messageType instead.
-     */
-    error?: string;
-    /**
-     * @deprecated Use `message` and messageType instead.
-     */
-    success?: string;
     containerProps?: GridContainerProps;
-} & Pick<ItemLabelProps, "description" | "moreButtonLabel" | "buttonLabel" | "onMoreButtonClick" | "onButtonClick" | "sideButtonLabel" | "onSideButtonClick"> & Pick<ItemMessageProps, "message" | "messageType">;
+} & Pick<ItemLabelProps, "description" | "moreButtonLabel" | "onMoreButtonClick" | "sideButtonLabel" | "onSideButtonClick"> & Pick<ItemMessageProps, "message" | "messageType">;
 type InputTextCommonProps = InputTextProps & {
     ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabelCommon>, "ButtonComponent">>;
-    ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
+    ItemMessageComponent: ComponentType<ItemMessageProps>;
     InputTextAtomComponent: ComponentType<ComponentProps<typeof InputTextAtom>>;
 };
-declare const InputTextCommon: import("react").ForwardRefExoticComponent<Omit<InputTextCommonProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+declare const InputTextCommon: {
+    ({ unit, className, helper, message, messageType, label, description, moreButtonLabel, onMoreButtonClick, required, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, InputTextAtomComponent, containerProps, ...otherProps }: InputTextCommonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export { InputTextCommon };

package/dist/prospect-client/Form/InputText/InputTextCommon.js

@@ -1,17 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useId, } from "react";
+import { useId, } from "react";
 import { InputTextAtom } from "../InputTextAtom/InputTextAtomCommon";
 import { ItemLabelCommon, } from "../ItemLabel/ItemLabelCommon";
-import { ItemMessage, } from "../ItemMessage/ItemMessageCommon";
-const InputTextCommon = forwardRef(({ unit, className, classModifier = "", helper, error, success, message, messageType, label, description, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, required, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, InputTextAtomComponent, containerProps, ...otherProps }, inputRef) => {
+import {} from "../ItemMessage/ItemMessage";
+const InputTextCommon = ({ unit, className, helper, message, messageType = "error", label, description, moreButtonLabel, onMoreButtonClick, required, sideButtonLabel, onSideButtonClick, ItemLabelComponent, ItemMessageComponent, InputTextAtomComponent, containerProps, ...otherProps }) => {
     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", ...containerProps, children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: moreButtonLabel ?? buttonLabel, onMoreButtonClick: onMoreButtonClick ?? onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, htmlFor: inputId, children: label }), _jsx(InputTextAtomComponent, { id: inputId, ref: inputRef, unit: unit, className: className, classModifier: classModifier, error: (message && messageType === "error") || Boolean(error)
-                    ? messageType || error
-                    : undefined, warning: message && messageType === "warning" ? messageType : 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") })] }));
-});
+    const ariaDescribedby = [
+        helper && idHelp,
+        message && messageType === "success" && idMessage,
+    ].filter(Boolean);
+    return (_jsxs("div", { className: "af-form__input-container", ...containerProps, children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: moreButtonLabel, onMoreButtonClick: onMoreButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, htmlFor: inputId, children: label }), _jsx(InputTextAtomComponent, { id: inputId, unit: unit, className: className, error: message && messageType === "error" ? messageType : undefined, warning: message && messageType === "warning" ? messageType : undefined, required: required, idMessage: message ? 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, messageType: messageType })] }));
+};
 InputTextCommon.displayName = "InputText";
 export { InputTextCommon };

package/dist/prospect-client/Form/InputText/InputTextLF.d.ts

@@ -1,3 +1,6 @@
 import "@axa-fr/canopee-css/client/Form/InputText/InputTextLF.css";
 import { type InputTextProps } from "./InputTextCommon";
-export declare const InputText: import("react").ForwardRefExoticComponent<Omit<InputTextProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const InputText: {
+    ({ ...props }: InputTextProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/prospect-client/Form/InputText/InputTextLF.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/client/Form/InputText/InputTextLF.css";
-import { forwardRef } from "react";
 import { ItemLabel } from "../ItemLabel/ItemLabelLF";
-import { ItemMessage } from "../ItemMessage/ItemMessageLF";
+import { ItemMessage } from "../ItemMessage/ItemMessage";
 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 })));
+export const InputText = ({ ...props }) => (_jsx(InputTextCommon, { ...props, ItemLabelComponent: ItemLabel, ItemMessageComponent: ItemMessage, InputTextAtomComponent: InputTextAtom }));
 InputText.displayName = "InputText";

package/dist/prospect-client/Form/InputTextAtom/InputTextAtomCommon.d.ts

@@ -1,11 +1,13 @@
 import { type ComponentPropsWithRef, type ReactNode } from "react";
 type InputTextAtomProps = ComponentPropsWithRef<"input"> & {
     unit?: ReactNode;
-    classModifier?: string;
     error?: string;
     warning?: string;
     idMessage?: string;
     idHelp?: string;
 };
-declare const InputTextAtom: import("react").ForwardRefExoticComponent<Omit<InputTextAtomProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+declare const InputTextAtom: {
+    ({ unit, className, error, warning, required, idMessage, idHelp, "aria-errormessage": ariaErrormessage, "aria-describedby": ariaDescribedby, type, ...otherProps }: InputTextAtomProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export { InputTextAtom };

package/dist/prospect-client/Form/InputTextAtom/InputTextAtomCommon.js

@@ -1,11 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useId, } from "react";
+import { useId } from "react";
 import { getClassName } from "../../utilities/getClassName";
-const InputTextAtom = forwardRef(({ unit, className, classModifier = "", error, warning, required, idMessage, idHelp, "aria-errormessage": ariaErrormessage, "aria-describedby": ariaDescribedby, type = "text", ...otherProps }, inputRef) => {
+const InputTextAtom = ({ unit, className, error, warning, required, idMessage, idHelp, "aria-errormessage": ariaErrormessage, "aria-describedby": ariaDescribedby, type = "text", ...otherProps }) => {
     const componentClassName = getClassName({
         baseClassName: "af-form__input-text",
         modifiers: [
-            classModifier,
             error || ariaErrormessage ? "error" : "",
             !error && !ariaErrormessage && warning ? "warning" : "",
         ],
@@ -13,7 +12,7 @@ const InputTextAtom = forwardRef(({ unit, className, classModifier = "", error,
     });
     let inputId = useId();
     inputId = otherProps.id || inputId;
-    return (_jsxs("div", { className: "af-form__input-atom-container", 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] }));
-});
+    return (_jsxs("div", { className: "af-form__input-atom-container", children: [_jsx("input", { id: inputId, className: componentClassName, type: type, required: required, "aria-errormessage": ariaErrormessage ?? idMessage, "aria-invalid": Boolean(error || ariaErrormessage), "aria-describedby": ariaDescribedby ?? idHelp, ...otherProps }), unit] }));
+};
 InputTextAtom.displayName = "InputTextAtom";
 export { InputTextAtom };

package/dist/prospect-client/Form/ItemLabel/ItemLabelCommon.d.ts

@@ -1,11 +1,6 @@
 import { type ComponentProps, type ComponentType, type MouseEventHandler, type ReactNode } from "react";
 import type { ButtonProps } from "../../Button/ButtonCommon";
 export type ItemLabelProps = ComponentProps<"label"> & {
-    /**
-     * Label text content
-     * @deprecated use `children` instead.
-     */
-    label?: ReactNode;
     /**
      * Additional description text that enriches the label.
      * @example "Phone bill, EDF receipt, etc."
@@ -15,11 +10,6 @@ export type ItemLabelProps = ComponentProps<"label"> & {
      * Shows a visual asterisk (*) indicator next to the label.
      */
     required?: boolean;
-    /**
-     * ID of the associated input element
-     * @deprecated use `htmlFor` instead.
-     */
-    inputId?: string;
     /**
      * Label content for the side action button.
      * When provided, renders a secondary button next to the main label.
@@ -33,16 +23,6 @@ export type ItemLabelProps = ComponentProps<"label"> & {
      * Additional props to pass to the side button component.
      */
     sideButtonProps?: Omit<Partial<ButtonProps>, "children" | "onClick" | "variant" | "className">;
-    /**
-     * Label content for the more button
-     * @deprecated use `moreButtonLabel` instead.
-     */
-    buttonLabel?: ReactNode;
-    /**
-     * Click handler for the info button
-     * @deprecated use `onMoreButtonClick` instead.
-     */
-    onButtonClick?: MouseEventHandler<HTMLButtonElement>;
     /**
      * Label content for the more button
      * When provided, renders an more button with an info icon.
@@ -92,7 +72,7 @@ export type ItemLabelCommonProps = ItemLabelProps & {
  *   description="Accepted: PDF, JPG, PNG (max 5MB)"
  *   sideButtonLabel="Browse"
  *   onSideButtonClick={handleBrowse}
- *   moreButton="Help"
+ *   moreButtonLabel="Help"
  *   onMoreButtonClick={handleShowHelp}
  *   ButtonComponent={Button}
  * >
@@ -100,4 +80,4 @@ export type ItemLabelCommonProps = ItemLabelProps & {
  * </ItemLabelCommon>
  * ```
  */
-export declare const ItemLabelCommon: ({ label, children, description, required, inputId, htmlFor, className, style, "aria-describedby": ariaDescribedby, sideButtonLabel, onSideButtonClick, sideButtonProps, buttonLabel, onButtonClick, moreButtonLabel, onMoreButtonClick, ButtonComponent, moreButtonProps, ...props }: ItemLabelCommonProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ItemLabelCommon: ({ children, description, required, className, style, "aria-describedby": ariaDescribedby, sideButtonLabel, onSideButtonClick, sideButtonProps, moreButtonLabel, onMoreButtonClick, ButtonComponent, moreButtonProps, ...props }: ItemLabelCommonProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/prospect-client/Form/ItemLabel/ItemLabelCommon.js

@@ -34,7 +34,7 @@ import { Svg } from "../../Svg/Svg";
  *   description="Accepted: PDF, JPG, PNG (max 5MB)"
  *   sideButtonLabel="Browse"
  *   onSideButtonClick={handleBrowse}
- *   moreButton="Help"
+ *   moreButtonLabel="Help"
  *   onMoreButtonClick={handleShowHelp}
  *   ButtonComponent={Button}
  * >
@@ -42,14 +42,13 @@ import { Svg } from "../../Svg/Svg";
  * </ItemLabelCommon>
  * ```
  */
-export const ItemLabelCommon = ({ label, children, description, required, inputId, htmlFor, className, style, "aria-describedby": ariaDescribedby, sideButtonLabel, onSideButtonClick, sideButtonProps, buttonLabel, onButtonClick, moreButtonLabel, onMoreButtonClick, ButtonComponent, moreButtonProps, ...props }) => {
+export const ItemLabelCommon = ({ children, description, required, className, style, "aria-describedby": ariaDescribedby, sideButtonLabel, onSideButtonClick, sideButtonProps, moreButtonLabel, onMoreButtonClick, ButtonComponent, moreButtonProps, ...props }) => {
     const idDescription = useId();
-    const contentLabel = children ?? label;
     const describedByIds = [description ? idDescription : null, ariaDescribedby]
         .filter(Boolean)
         .join(" ");
-    if (!contentLabel) {
+    if (!children) {
         return null;
     }
-    return (_jsxs("div", { className: ["af-item-label", className].filter(Boolean).join(" "), style: style, children: [_jsxs("label", { htmlFor: htmlFor || inputId, className: "af-item-label__label", "aria-describedby": describedByIds || undefined, ...props, children: [contentLabel, required ? _jsx("span", { "aria-hidden": true, children: "*" }) : null] }), sideButtonLabel ? (_jsx(ButtonComponent, { ...sideButtonProps, variant: "ghost", onClick: onSideButtonClick, className: "af-item-label__sidebutton", children: sideButtonLabel })) : null, description ? (_jsx("span", { id: idDescription, className: "af-item-label__description", children: description })) : null, moreButtonLabel || buttonLabel ? (_jsx(ButtonComponent, { iconLeft: _jsx(Svg, { src: infoIcon, role: "presentation" }), ...moreButtonProps, variant: "ghost", className: "af-item-label__more", onClick: onMoreButtonClick || onButtonClick, children: moreButtonLabel || buttonLabel })) : null] }));
+    return (_jsxs("div", { className: ["af-item-label", className].filter(Boolean).join(" "), style: style, children: [_jsxs("label", { className: "af-item-label__label", "aria-describedby": describedByIds || undefined, ...props, children: [children, required ? _jsx("span", { "aria-hidden": "true", children: "*" }) : null] }), sideButtonLabel ? (_jsx(ButtonComponent, { ...sideButtonProps, variant: "ghost", onClick: onSideButtonClick, className: "af-item-label__sidebutton", children: sideButtonLabel })) : null, description ? (_jsx("span", { id: idDescription, className: "af-item-label__description", children: description })) : null, moreButtonLabel ? (_jsx(ButtonComponent, { iconLeft: _jsx(Svg, { src: infoIcon, role: "presentation" }), ...moreButtonProps, variant: "ghost", className: "af-item-label__more", onClick: onMoreButtonClick, children: moreButtonLabel })) : null] }));
 };

package/dist/prospect-client/Form/ItemMessage/{ItemMessageCommon.d.ts → ItemMessage.d.ts}

@@ -1,3 +1,4 @@
+import "@axa-fr/canopee-css/prospect/Form/ItemMessage/ItemMessageAll.css";
 import type { ReactNode } from "react";
 export declare const itemMessageVariants: {
     readonly error: "error";

package/dist/prospect-client/Form/ItemMessage/{ItemMessageCommon.js → ItemMessage.js}

@@ -1,23 +1,24 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/prospect/Form/ItemMessage/ItemMessageAll.css";
 import successIcon from "@material-symbols/svg-400/outlined/check_circle-fill.svg";
 import errorIcon from "@material-symbols/svg-400/outlined/error-fill.svg";
 import warningIcon from "@material-symbols/svg-400/outlined/warning-fill.svg";
-import { Svg } from "../../Svg/Svg";
+import { Icon } from "../../Icon/IconCommon";
 export const itemMessageVariants = {
     error: "error",
     success: "success",
     warning: "warning",
 };
+const getIcon = (messageType) => {
+    if (messageType === "success")
+        return successIcon;
+    if (messageType === "warning")
+        return warningIcon;
+    return errorIcon;
+};
 export const ItemMessage = ({ message, id, messageType = "error", }) => {
     if (!message) {
         return null;
     }
-    const getIcon = () => {
-        if (messageType === "success")
-            return successIcon;
-        if (messageType === "warning")
-            return warningIcon;
-        return errorIcon;
-    };
-    return (_jsxs("small", { id: id, className: `af-item-message af-item-message--${messageType}`, role: messageType === "success" ? undefined : "alert", "aria-live": "assertive", children: [_jsx(Svg, { src: getIcon(), className: "af-item-message__icon", "aria-hidden": "true" }), _jsx("span", { className: "af-item-message__message", children: message })] }));
+    return (_jsxs("small", { id: id, className: `af-item-message af-item-message--${messageType}`, role: messageType === "success" ? undefined : "alert", "aria-live": "assertive", children: [_jsx(Icon, { src: getIcon(messageType), size: "XS", variant: messageType, "aria-hidden": "true" }), _jsx("span", { className: "af-item-message__message", children: message })] }));
 };

package/dist/prospect-client/Form/ItemMultiSelect/ItemMultiSelectApollo.d.ts

@@ -0,0 +1,7 @@
+import "@axa-fr/canopee-css/prospect/Form/ItemMultiSelect/ItemMultiSelectApollo.css";
+import { type ItemMultiSelectCommonProps } from "./ItemMultiSelectCommon";
+export type ItemMultiSelectProps = Omit<ItemMultiSelectCommonProps, "Checkbox">;
+export declare const ItemMultiSelect: {
+    (props: ItemMultiSelectProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/prospect-client/Form/ItemMultiSelect/ItemMultiSelectApollo.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/prospect/Form/ItemMultiSelect/ItemMultiSelectApollo.css";
+import { Checkbox } from "../Checkbox/Checkbox/CheckboxApollo";
+import { ItemMultiSelectCommon, } from "./ItemMultiSelectCommon";
+export const ItemMultiSelect = (props) => (_jsx(ItemMultiSelectCommon, { ...props, Checkbox: Checkbox }));
+ItemMultiSelect.displayName = "ItemMultiSelect";

package/dist/prospect-client/Form/ItemMultiSelect/ItemMultiSelectCommon.d.ts

@@ -0,0 +1,8 @@
+import { type ComponentProps, type ComponentType, type FC, type ReactNode } from "react";
+export type ItemMultiSelectVariant = "primary" | "secondary";
+export type ItemMultiSelectCommonProps = Omit<ComponentProps<"input">, "type"> & {
+    label: ReactNode;
+    variant?: ItemMultiSelectVariant;
+    Checkbox: ComponentType<ComponentProps<"input">>;
+};
+export declare const ItemMultiSelectCommon: FC<ItemMultiSelectCommonProps>;

package/dist/prospect-client/Form/ItemMultiSelect/ItemMultiSelectCommon.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import {} from "react";
+import { getClassName } from "../../utilities/getClassName";
+export const ItemMultiSelectCommon = ({ label, variant = "primary", className = "", id, Checkbox, ...inputProps }) => (_jsxs("label", { className: getClassName({
+        baseClassName: "af-item-multi-select",
+        modifiers: [variant],
+        className: className ?? "",
+    }), htmlFor: id, children: [_jsx("span", { className: "af-item-multi-select__checkbox", children: _jsx(Checkbox, { id: id, ...inputProps }) }), _jsx("span", { className: "af-item-multi-select__label", children: label })] }));
+ItemMultiSelectCommon.displayName = "ItemMultiSelectCommon";

package/dist/prospect-client/Form/ItemMultiSelect/ItemMultiSelectLF.d.ts

@@ -0,0 +1,7 @@
+import "@axa-fr/canopee-css/client/Form/ItemMultiSelect/ItemMultiSelectLF.css";
+import { type ItemMultiSelectCommonProps } from "./ItemMultiSelectCommon";
+export type ItemMultiSelectProps = Omit<ItemMultiSelectCommonProps, "Checkbox">;
+export declare const ItemMultiSelect: {
+    (props: ItemMultiSelectProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/prospect-client/Form/ItemMultiSelect/ItemMultiSelectLF.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/client/Form/ItemMultiSelect/ItemMultiSelectLF.css";
+import { Checkbox } from "../Checkbox/Checkbox/CheckboxLF";
+import { ItemMultiSelectCommon, } from "./ItemMultiSelectCommon";
+export const ItemMultiSelect = (props) => (_jsx(ItemMultiSelectCommon, { ...props, Checkbox: Checkbox }));
+ItemMultiSelect.displayName = "ItemMultiSelect";

package/dist/prospect-client/Form/MultiSelectList/MultiSelectListApollo.d.ts

@@ -0,0 +1,4 @@
+import "@axa-fr/canopee-css/prospect/Form/MultiSelectList/MultiSelectListAll.css";
+import { type MultiSelectListProps } from "./MultiSelectListCommon";
+export type { MultiSelectListProps } from "./MultiSelectListCommon";
+export declare const MultiSelectList: (props: MultiSelectListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Form/MultiSelectList/MultiSelectListApollo.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/prospect/Form/MultiSelectList/MultiSelectListAll.css";
+import { ItemMultiSelect } from "../ItemMultiSelect/ItemMultiSelectApollo";
+import { MultiSelectListCommon, } from "./MultiSelectListCommon";
+export const MultiSelectList = (props) => (_jsx(MultiSelectListCommon, { ...props, ItemMultiSelectComponent: ItemMultiSelect }));