@axa-fr/canopee-react 1.2.1-alpha.12 → 1.2.1-alpha.14

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

@@ -8,7 +8,15 @@ export declare enum RadioModes {
 declare const Radio: import("react").ForwardRefExoticComponent<(({
     options: Option[];
 } & Omit<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
-    options: Option[];
+    options: ({
+        id?: string;
+        icon?: import("react").ReactNode;
+        label: import("react").ReactNode;
+        description?: import("react").ReactNode;
+        value: string;
+    } & import("react").InputHTMLAttributes<HTMLInputElement> & {
+        action?: import("react").ReactNode;
+    })[];
     orientation?: "horizontal" | "vertical";
 }, "ref"> & {
     mode: "cardRadio";

package/dist/distributeur/Form/Radio/RadioCardGroup.d.ts

@@ -1,8 +1,11 @@
 import "@axa-fr/canopee-css/distributeur/Form/Radio/RadioCardGroup.css";
-import { ComponentProps } from "react";
+import { ComponentProps, ReactNode } from "react";
 import type { Option } from "../core";
+type RadioOptions = Option & {
+    action?: ReactNode;
+};
 type Props = ComponentProps<"input"> & {
-    options: Option[];
+    options: RadioOptions[];
     orientation?: "horizontal" | "vertical";
 };
 export declare const RadioCardGroup: ({ children, options, className, value, name, orientation, disabled, "aria-invalid": ariaInvalid, ...otherProps }: Props) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/Form/Radio/RadioCardGroup.js

@@ -12,7 +12,7 @@ export const RadioCardGroup = ({ children, options, className, value, name, orie
             className,
             orientation === "horizontal" &&
                 `${DEFAULT_CONTAINER_CLASSNAME}--horizontal`,
-        ]), children: [options.map(({ name: optionName, icon, label, disabled: optionDisabled, value: optionValue, ...otherOptionProps }) => {
+        ]), children: [options.map(({ name: optionName, icon, label, disabled: optionDisabled, value: optionValue, action, ...otherOptionProps }) => {
                 const newName = name || optionName || idGenerated;
                 const allClassNames = classNames([
                     DEFAULT_CLASSNAME,
@@ -20,6 +20,6 @@ export const RadioCardGroup = ({ children, options, className, value, name, orie
                     ariaInvalid && `${DEFAULT_CLASSNAME}--error`,
                 ]);
                 const isDisabled = disabled || optionDisabled;
-                return (_jsxs("label", { className: allClassNames, children: [_jsx("input", { ...otherProps, type: "radio", name: newName, disabled: isDisabled, checked: isDisabled ? false : optionValue === value, value: optionValue, ...otherOptionProps }), typeof icon === "string" ? _jsx(Svg, { src: icon }) : icon, label] }, optionValue));
+                return (_jsxs("div", { children: [_jsxs("label", { className: allClassNames, children: [_jsx("input", { ...otherProps, type: "radio", name: newName, disabled: isDisabled, checked: isDisabled ? false : optionValue === value, value: optionValue, ...otherOptionProps }), typeof icon === "string" ? _jsx(Svg, { src: icon }) : icon, label] }, optionValue), action] }, optionValue));
             }), children] }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/canopee-react",
-  "version": "1.2.1-alpha.12",
+  "version": "1.2.1-alpha.14",
   "description": "Package React - Design System Canopée",
   "exports": {
     "./distributeur": {
@@ -45,7 +45,7 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/canopee-css": "1.2.1-alpha.12",
+    "@axa-fr/canopee-css": "1.2.1-alpha.14",
     "@material-symbols/svg-400": ">= 0.19.0",
     "@material-symbols/svg-700": ">= 0.19.0",
     "react": ">= 18"