@axa-fr/canopee-react 1.4.2-alpha.7 → 1.4.2-alpha.9

package/dist/prospect-client/List/ContentItemDuo/ContentItemDuoApollo.js

@@ -2,4 +2,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/prospect/List/ContentItemDuo/ContentItemDuoApollo.css";
 import { Button } from "../../Button/ButtonApollo";
 import { ContentItemDuoCommon, } from "./ContentItemDuoCommon";
-export const ContentItemDuo = (props) => (_jsx(ContentItemDuoCommon, { ...props, ButtonComponent: Button }));
+import { ItemMessage } from "../../../client";
+export const ContentItemDuo = (props) => (_jsx(ContentItemDuoCommon, { ...props, ButtonComponent: Button, ItemMessageComponent: ItemMessage }));

package/dist/prospect-client/List/ContentItemDuo/ContentItemDuoCommon.d.ts

@@ -1,5 +1,6 @@
 import { type ComponentProps, type ComponentType, type ReactNode } from "react";
 import type { ButtonProps } from "../../Button/ButtonCommon";
+import { ItemMessage, type ItemMessageProps } from "../../Form/ItemMessage/ItemMessageCommon";
 type ContentItemDuoPositions = {
     position?: "horizontal";
     size?: "small" | "large";
@@ -16,9 +17,10 @@ export type ContentItemDuoProps = {
     isVertical?: boolean;
     /** @deprecated Use `size` or `className` instead */
     classModifier?: string;
-} & ContentItemDuoPositions & ComponentProps<"div">;
+} & Pick<ItemMessageProps, "message" | "messageType"> & ContentItemDuoPositions & ComponentProps<"div">;
 type ContentItemDuoCommonProps = ContentItemDuoProps & {
     ButtonComponent: ComponentType<ButtonProps>;
+    ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
 };
-export declare const ContentItemDuoCommon: ({ label, value, position, size, className, classModifier, isVertical, buttonText, onButtonClick, ButtonComponent, ...containerProps }: ContentItemDuoCommonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContentItemDuoCommon: ({ label, value, position, size, className, classModifier, isVertical, buttonText, onButtonClick, ButtonComponent, message, messageType, ItemMessageComponent, ...containerProps }: ContentItemDuoCommonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/prospect-client/List/ContentItemDuo/ContentItemDuoCommon.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import {} from "react";
 import { getClassName } from "../../utilities/getClassName";
-export const ContentItemDuoCommon = ({ label, value, position = "horizontal", size = "large", className, classModifier, isVertical, buttonText, onButtonClick, ButtonComponent, ...containerProps }) => {
+import { ItemMessage, } from "../../Form/ItemMessage/ItemMessageCommon";
+export const ContentItemDuoCommon = ({ label, value, position = "horizontal", size = "large", className, classModifier, isVertical, buttonText, onButtonClick, ButtonComponent, message, messageType, ItemMessageComponent, ...containerProps }) => {
     const componentClassName = getClassName({
         baseClassName: "af-content-item-duo",
         className,
@@ -11,5 +12,5 @@ export const ContentItemDuoCommon = ({ label, value, position = "horizontal", si
             classModifier,
         ],
     });
-    return (_jsxs("div", { className: componentClassName, ...containerProps, children: [_jsx("dt", { className: "af-content-item-duo__label", children: label }), _jsx("dd", { className: "af-content-item-duo__value", children: value }), Boolean(buttonText && onButtonClick) && (_jsx(ButtonComponent, { className: "af-content-item-duo__button", variant: "ghost", onClick: onButtonClick, children: buttonText }))] }));
+    return (_jsxs("div", { className: componentClassName, ...containerProps, children: [_jsx("dt", { className: "af-content-item-duo__label", children: label }), _jsxs("dd", { className: "af-content-item-duo__value", children: [value, message ? (_jsx(ItemMessageComponent, { message: message, messageType: messageType })) : null] }), buttonText && onButtonClick ? (_jsx(ButtonComponent, { className: "af-content-item-duo__button", variant: "ghost", onClick: onButtonClick, children: buttonText })) : null] }));
 };

package/dist/prospect-client/List/ContentItemDuo/ContentItemDuoLF.js

@@ -2,4 +2,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/client/List/ContentItemDuo/ContentItemDuoLF.css";
 import { Button } from "../../Button/ButtonLF";
 import { ContentItemDuoCommon, } from "./ContentItemDuoCommon";
-export const ContentItemDuo = (props) => (_jsx(ContentItemDuoCommon, { ...props, ButtonComponent: Button }));
+import { ItemMessage } from "../../../client";
+export const ContentItemDuo = (props) => (_jsx(ContentItemDuoCommon, { ...props, ButtonComponent: Button, ItemMessageComponent: ItemMessage }));

package/package.json

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