@axa-fr/design-system-apollo-react 1.0.5-alpha.367 → 1.0.5-alpha.371

package/dist/Form/Checkbox/Checkbox/CheckboxApollo.d.ts

@@ -1,6 +1,6 @@
 import "@axa-fr/design-system-apollo-css/dist/Form/Checkbox/Checkbox/CheckboxApollo.scss";
-import { CheckboxProps } from "./CheckboxCommon";
-export declare const Checkbox: {
-    (props: CheckboxProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const Checkbox: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & {
+    errorId?: string;
+    hasError?: boolean;
+    className?: string;
+} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "disabled"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Form/Checkbox/Checkbox/CheckboxApollo.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import "@axa-fr/design-system-apollo-css/dist/Form/Checkbox/Checkbox/CheckboxApollo.scss";
 import checkBoxIcon from "@material-symbols/svg-400/rounded/check_small.svg";
 import { CheckboxCommon } from "./CheckboxCommon";
-export const Checkbox = (props) => (_jsx(CheckboxCommon, { ...props, checkBoxIcon: checkBoxIcon }));
+export const Checkbox = forwardRef((props, ref) => (_jsx(CheckboxCommon, { ...props, ref: ref, checkBoxIcon: checkBoxIcon })));
 Checkbox.displayName = "Checkbox";

package/dist/Form/Checkbox/Checkbox/CheckboxCommon.d.ts

@@ -1,15 +1,17 @@
 import React from "react";
-type CheckboxIcon = {
-    checkBoxIcon: string;
-};
 export type CheckboxProps = React.InputHTMLAttributes<HTMLInputElement> & {
     errorId?: string;
     hasError?: boolean;
     className?: string;
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "disabled">;
-export type CheckboxCommonProps = CheckboxProps & CheckboxIcon;
-declare const CheckboxCommon: {
-    ({ errorId, checkBoxIcon, hasError, ...inputProps }: CheckboxCommonProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
+export type CheckboxCommonProps = CheckboxProps & {
+    checkBoxIcon: string;
 };
+declare const CheckboxCommon: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
+    errorId?: string;
+    hasError?: boolean;
+    className?: string;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "disabled"> & {
+    checkBoxIcon: string;
+} & React.RefAttributes<HTMLInputElement>>;
 export { CheckboxCommon };

package/dist/Form/Checkbox/Checkbox/CheckboxCommon.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import { Svg } from "../../../Svg/Svg";
-const CheckboxCommon = ({ errorId, checkBoxIcon, hasError, ...inputProps }) => (_jsxs("span", { className: "af-checkbox", children: [_jsx(Svg, { src: checkBoxIcon, "aria-hidden": true }), _jsx("input", { ...inputProps, type: "checkbox", "aria-errormessage": errorId, "aria-invalid": hasError, disabled: false })] }));
+const CheckboxCommon = forwardRef(({ errorId, checkBoxIcon, hasError, ...inputProps }, ref) => (_jsxs("span", { className: "af-checkbox", children: [_jsx(Svg, { src: checkBoxIcon, "aria-hidden": true }), _jsx("input", { ...inputProps, ref: ref, type: "checkbox", "aria-errormessage": errorId, "aria-invalid": hasError, disabled: false })] })));
 CheckboxCommon.displayName = "CheckboxCommon";
 export { CheckboxCommon };

package/dist/Form/Checkbox/Checkbox/CheckboxLF.d.ts

@@ -1,6 +1,6 @@
 import "@axa-fr/design-system-apollo-css/dist/Form/Checkbox/Checkbox/CheckboxLF.scss";
-import { CheckboxProps } from "./CheckboxCommon";
-export declare const Checkbox: {
-    (props: CheckboxProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const Checkbox: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & {
+    errorId?: string;
+    hasError?: boolean;
+    className?: string;
+} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "disabled"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Form/Checkbox/Checkbox/CheckboxLF.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import "@axa-fr/design-system-apollo-css/dist/Form/Checkbox/Checkbox/CheckboxLF.scss";
 import checkBoxIcon from "@material-symbols/svg-400/rounded/check.svg";
 import { CheckboxCommon } from "./CheckboxCommon";
-export const Checkbox = (props) => (_jsx(CheckboxCommon, { ...props, checkBoxIcon: checkBoxIcon }));
+export const Checkbox = forwardRef((props, ref) => (_jsx(CheckboxCommon, { ...props, ref: ref, checkBoxIcon: checkBoxIcon })));
 Checkbox.displayName = "Checkbox";

package/dist/Form/Checkbox/CheckboxText/CheckboxTextApollo.d.ts

@@ -1,6 +1,5 @@
 import "@axa-fr/design-system-apollo-css/dist/Form/Checkbox/CheckboxText/CheckboxTextApollo.scss";
-import { CheckboxTextProps } from "./CheckboxTextCommon";
-export declare const CheckboxText: {
-    (props: CheckboxTextProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const CheckboxText: import("react").ForwardRefExoticComponent<{
+    label: string | import("react").ReactNode;
+    errorMessage?: string;
+} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "disabled"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Form/Checkbox/CheckboxText/CheckboxTextApollo.js

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

package/dist/Form/Checkbox/CheckboxText/CheckboxTextCommon.d.ts

@@ -1,19 +1,19 @@
 import React, { type ReactNode, type ComponentProps, type ComponentType } from "react";
 import { ItemMessage } from "../../ItemMessage/ItemMessageCommon";
-import { CheckboxProps } from "../Checkbox/CheckboxCommon";
-type CheckboxComponent = {
-    CheckboxComponent: ComponentType<CheckboxProps>;
-};
-type ItemMessageComponen = {
-    ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
-};
+import { CheckboxCommon } from "../Checkbox/CheckboxCommon";
 export type CheckboxTextProps = {
     label: string | ReactNode;
     errorMessage?: string;
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "disabled">;
-export type CheckboxTextCommonProps = CheckboxTextProps & CheckboxComponent & ItemMessageComponen;
-declare const CheckboxTextCommon: {
-    ({ label, errorMessage, CheckboxComponent, ItemMessageComponent, ...inputProps }: CheckboxTextCommonProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
+export type CheckboxTextCommonProps = CheckboxTextProps & {
+    CheckboxComponent: ComponentType<Omit<ComponentProps<typeof CheckboxCommon>, "checkBoxIcon">>;
+    ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
 };
+declare const CheckboxTextCommon: React.ForwardRefExoticComponent<{
+    label: string | ReactNode;
+    errorMessage?: string;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "disabled"> & {
+    CheckboxComponent: ComponentType<Omit<ComponentProps<typeof CheckboxCommon>, "checkBoxIcon">>;
+    ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
+} & React.RefAttributes<HTMLInputElement>>;
 export { CheckboxTextCommon };

package/dist/Form/Checkbox/CheckboxText/CheckboxTextCommon.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId, } from "react";
-const CheckboxTextCommon = ({ label, errorMessage, CheckboxComponent, ItemMessageComponent, ...inputProps }) => {
+import { useId, forwardRef, } from "react";
+const CheckboxTextCommon = forwardRef(({ label, errorMessage, CheckboxComponent, ItemMessageComponent, ...inputProps }, ref) => {
     const errorId = useId();
     let inputId = useId();
     inputId = inputProps.id || inputId;
-    return (_jsxs("div", { className: "af-checkbox-text", children: [_jsx(CheckboxComponent, { id: inputId, errorId: errorId, hasError: Boolean(errorMessage), ...inputProps }), _jsx("label", { htmlFor: inputId, children: _jsx("span", { children: label }) }, inputProps.name), _jsx(ItemMessageComponent, { message: errorMessage })] }));
-};
+    return (_jsxs("div", { className: "af-checkbox-text", children: [_jsx(CheckboxComponent, { id: inputId, errorId: errorId, hasError: Boolean(errorMessage), ...inputProps, ref: ref }), _jsx("label", { htmlFor: inputId, children: _jsx("span", { children: label }) }, inputProps.name), _jsx(ItemMessageComponent, { message: errorMessage })] }));
+});
 CheckboxTextCommon.displayName = "CheckboxTextCommon";
 export { CheckboxTextCommon };

package/dist/Form/Checkbox/CheckboxText/CheckboxTextLF.d.ts

@@ -1,6 +1,5 @@
 import "@axa-fr/design-system-apollo-css/dist/Form/Checkbox/CheckboxText/CheckboxTextLF.scss";
-import { CheckboxTextProps } from "./CheckboxTextCommon";
-export declare const CheckboxText: {
-    (props: CheckboxTextProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const CheckboxText: import("react").ForwardRefExoticComponent<{
+    label: string | import("react").ReactNode;
+    errorMessage?: string;
+} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "disabled"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Form/Checkbox/CheckboxText/CheckboxTextLF.js

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

package/dist/Form/Radio/Radio/RadioApollo.d.ts

@@ -1,6 +1,3 @@
 import "@axa-fr/design-system-apollo-css/dist/Form/Radio/Radio/RadioApollo.scss";
-import { RadioProps } from "./RadioCommon";
-export declare const Radio: {
-    (props: RadioProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+import { type RadioProps } from "./RadioCommon";
+export declare const Radio: import("react").ForwardRefExoticComponent<RadioProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Form/Radio/Radio/RadioApollo.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import "@axa-fr/design-system-apollo-css/dist/Form/Radio/Radio/RadioApollo.scss";
 import { RadioCommon } from "./RadioCommon";
-export const Radio = (props) => _jsx(RadioCommon, { ...props });
+export const Radio = forwardRef((props, ref) => (_jsx(RadioCommon, { ...props, ref: ref })));
 Radio.displayName = "Radio";

package/dist/Form/Radio/Radio/RadioCommon.d.ts

@@ -1,6 +1,3 @@
 import React from "react";
 export type RadioProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "disabled">;
-export declare const RadioCommon: {
-    (inputProps: RadioProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const RadioCommon: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;

package/dist/Form/Radio/Radio/RadioCommon.js

@@ -1,3 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const RadioCommon = (inputProps) => (_jsxs("span", { className: "af-radio", children: [_jsx("input", { ...inputProps, type: "radio" }), _jsx("span", { className: "af-radio__icons" })] }));
+import { forwardRef } from "react";
+export const RadioCommon = forwardRef((inputProps, ref) => (_jsxs("span", { className: "af-radio", children: [_jsx("input", { ...inputProps, type: "radio", ref: ref }), _jsx("span", { className: "af-radio__icons" })] })));
 RadioCommon.displayName = "RadioCommon";

package/dist/Form/Radio/Radio/RadioLF.d.ts

@@ -1,6 +1,3 @@
 import "@axa-fr/design-system-apollo-css/dist/Form/Radio/Radio/RadioLF.scss";
-import { RadioProps } from "./RadioCommon";
-export declare const Radio: {
-    (props: RadioProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+import { type RadioProps } from "./RadioCommon";
+export declare const Radio: import("react").ForwardRefExoticComponent<RadioProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Form/Radio/Radio/RadioLF.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import "@axa-fr/design-system-apollo-css/dist/Form/Radio/Radio/RadioLF.scss";
 import { RadioCommon } from "./RadioCommon";
-export const Radio = (props) => _jsx(RadioCommon, { ...props });
+export const Radio = forwardRef((props, ref) => (_jsx(RadioCommon, { ...props, ref: ref })));
 Radio.displayName = "Radio";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-apollo-react",
-  "version": "1.0.5-alpha.367",
+  "version": "1.0.5-alpha.371",
   "description": "",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -46,8 +46,8 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/design-system-apollo-css": "1.0.5-alpha.367",
-    "@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.367",
+    "@axa-fr/design-system-apollo-css": "1.0.5-alpha.371",
+    "@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.371",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18"
   },