@axa-fr/design-system-apollo-react 1.0.5-alpha.389 → 1.0.5-alpha.390

package/dist/Form/Checkbox/CardCheckbox/CardCheckboxCommon.d.ts

@@ -1,21 +1,21 @@
-import React, { ComponentPropsWithRef, type ComponentProps, type ComponentType } from "react";
+import { type ChangeEventHandler, type ComponentProps, type ComponentType } from "react";
 import { ItemMessage } from "../../ItemMessage/ItemMessageLF";
 import { type TCardCheckboxItem } from "./CardCheckboxItem";
 import type { CheckboxComponent, IconComponent } from "./types";
-export type CardCheckboxProps = ComponentPropsWithRef<"input"> & {
+export type CardCheckboxProps = Partial<TCardCheckboxItem> & {
     type: "vertical" | "horizontal";
     labelGroup?: string;
     descriptionGroup?: string;
     isRequired?: boolean;
     options: TCardCheckboxItem[];
-    onChange?: React.ChangeEventHandler;
+    onChange?: ChangeEventHandler;
     error?: string;
 };
 type CardCheckboxCommonProps = CardCheckboxProps & CheckboxComponent & IconComponent & {
     ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
 };
 export declare const CardCheckboxCommon: {
-    ({ className, labelGroup, descriptionGroup, CheckboxComponent, IconComponent, isRequired, options, onChange, type, error, ItemMessageComponent, }: CardCheckboxCommonProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, labelGroup, descriptionGroup, CheckboxComponent, IconComponent, isRequired, options, onChange, type, error, ItemMessageComponent, ...inputProps }: CardCheckboxCommonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/dist/Form/Checkbox/CardCheckbox/CardCheckboxCommon.js

@@ -4,12 +4,12 @@ import { BREAKPOINT } from "../../../utilities/constants";
 import { getComponentClassName } from "../../../utilities/getComponentClassName";
 import { useIsSmallScreen } from "../../../utilities/hook/useIsSmallScreen";
 import { CardCheckboxItem } from "./CardCheckboxItem";
-export const CardCheckboxCommon = ({ className, labelGroup, descriptionGroup, CheckboxComponent, IconComponent, isRequired, options, onChange, type = "vertical", error, ItemMessageComponent, }) => {
+export const CardCheckboxCommon = ({ className, labelGroup, descriptionGroup, CheckboxComponent, IconComponent, isRequired, options, onChange, type = "vertical", error, ItemMessageComponent, ...inputProps }) => {
     const componentClassName = getComponentClassName("af-card-checkbox__container", className);
     const checkboxGroupClassName = getComponentClassName("af-card-checkbox-group", className, type);
     const errorId = useId();
     const isMobile = useIsSmallScreen(BREAKPOINT.SM);
     const size = isMobile ? "M" : "L";
-    return (_jsxs("fieldset", { className: componentClassName, children: [labelGroup && (_jsxs("legend", { className: "af-card-checkbox__legend", children: [_jsxs("p", { children: [labelGroup, isRequired && _jsx("span", { "aria-hidden": true, children: "\u00A0*" })] }), descriptionGroup && (_jsx("p", { className: "af-card-checkbox__description", children: descriptionGroup }))] })), _jsxs("div", { className: "af-card-checkbox__choices", children: [_jsx("ul", { className: checkboxGroupClassName, children: options.map(({ hasError, ...inputProps }) => (_jsx("li", { children: _jsx(CardCheckboxItem, { size: size, errorId: errorId, onChange: onChange, CheckboxComponent: CheckboxComponent, IconComponent: IconComponent, hasError: Boolean(error) || hasError, ...inputProps }) }, crypto.randomUUID()))) }), _jsx(ItemMessageComponent, { id: errorId, message: error, messageType: "error" })] })] }));
+    return (_jsxs("fieldset", { className: componentClassName, children: [labelGroup && (_jsxs("legend", { className: "af-card-checkbox__legend", children: [_jsxs("p", { children: [labelGroup, isRequired && _jsx("span", { "aria-hidden": true, children: "\u00A0*" })] }), descriptionGroup && (_jsx("p", { className: "af-card-checkbox__description", children: descriptionGroup }))] })), _jsxs("div", { className: "af-card-checkbox__choices", children: [_jsx("ul", { className: checkboxGroupClassName, children: options.map(({ hasError, ...optionProps }) => (_jsx("li", { children: _jsx(CardCheckboxItem, { ...inputProps, size: size, errorId: errorId, onChange: onChange, CheckboxComponent: CheckboxComponent, IconComponent: IconComponent, hasError: Boolean(error) || hasError, ...optionProps }) }, crypto.randomUUID()))) }), _jsx(ItemMessageComponent, { id: errorId, message: error, messageType: "error" })] })] }));
 };
 CardCheckboxCommon.displayName = "CardCheckboxCommon";

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

@@ -1,5 +1,5 @@
 import "@axa-fr/design-system-apollo-css/dist/Form/Checkbox/Checkbox/CheckboxApollo.scss";
-export declare const Checkbox: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & {
+export declare const Checkbox: import("react").ForwardRefExoticComponent<{
     errorId?: string;
     hasError?: boolean;
     className?: string;

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

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

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

@@ -1,5 +1,5 @@
 import "@axa-fr/design-system-apollo-css/dist/Form/Checkbox/Checkbox/CheckboxLF.scss";
-export declare const Checkbox: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & {
+export declare const Checkbox: import("react").ForwardRefExoticComponent<{
     errorId?: string;
     hasError?: boolean;
     className?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-apollo-react",
-  "version": "1.0.5-alpha.389",
+  "version": "1.0.5-alpha.390",
   "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.389",
-    "@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.389",
+    "@axa-fr/design-system-apollo-css": "1.0.5-alpha.390",
+    "@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.390",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18"
   },