@axa-fr/design-system-apollo-react 2.0.4-alpha.19 → 2.0.4-alpha.20

package/dist/ContentItemDuoAction/ContentItemDuoActionApollo.d.ts

@@ -0,0 +1,4 @@
+import "@axa-fr/design-system-apollo-css/dist/ContentItemDuoAction/ContentItemDuoActionCommon.scss";
+import { type ContentItemDuoActionProps } from "./ContentItemDuoActionCommon";
+export { type ContentItemDuoActionState } from "./ContentItemDuoActionCommon";
+export declare const ContentItemDuoAction: ({ ...props }: ContentItemDuoActionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ContentItemDuoAction/ContentItemDuoActionApollo.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/ContentItemDuoAction/ContentItemDuoActionCommon.scss";
+import { ContentItemDuoActionCommon, } from "./ContentItemDuoActionCommon";
+import { ContentItemMono } from "../ContentItemMono/ContentItemMonoApollo";
+import { Toggle } from "../Toggle/ToggleApollo";
+export const ContentItemDuoAction = ({ ...props }) => (_jsx(ContentItemDuoActionCommon, { ...props, ContentItemMonoComponent: ContentItemMono, ToggleComponent: Toggle }));

package/dist/ContentItemDuoAction/ContentItemDuoActionCommon.d.ts

@@ -0,0 +1,28 @@
+import { type ComponentType, type ReactElement } from "react";
+import type { ToggleProps } from "../Toggle/ToggleCommon";
+import type { ContentItemProps } from "../ContentItemMono/ContentItemMonoCommon";
+import type { ButtonProps } from "../Button/ButtonCommon";
+export declare const ContentItemDuoActionState: {
+    readonly edit: "edit";
+    readonly toggle: "toggle";
+};
+export type ContentItemDuoActionToggleProps = {
+    className?: string;
+    state: "toggle";
+    ContentItemMonoComponent: ComponentType<ContentItemProps>;
+    contentItemProps: ContentItemProps;
+    ToggleComponent: ComponentType<ToggleProps>;
+    toggleProps: ToggleProps;
+};
+export type ContentItemDuoActionButtonsProps = {
+    className?: string;
+    state: "edit";
+    ContentItemMonoComponent: ComponentType<ContentItemProps>;
+    contentItemProps: ContentItemProps;
+    buttons: ReactElement<ComponentType<ButtonProps>>;
+};
+export type ContentItemDuoActionProps = Omit<ContentItemDuoActionToggleProps, "ToggleComponent" | "ContentItemMonoComponent"> | Omit<ContentItemDuoActionButtonsProps, "ContentItemMonoComponent">;
+export type ContentItemDuoActionCommonProps = ContentItemDuoActionToggleProps | ContentItemDuoActionButtonsProps;
+export declare const ContentItemDuoActionCommon: ({ className, state, ContentItemMonoComponent, contentItemProps, ToggleComponent, ...props }: ContentItemDuoActionCommonProps & {
+    ToggleComponent?: ComponentType<ToggleProps>;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/ContentItemDuoAction/ContentItemDuoActionCommon.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getComponentClassName } from "../utilities/getComponentClassName";
+export const ContentItemDuoActionState = {
+    edit: "edit",
+    toggle: "toggle",
+};
+export const ContentItemDuoActionCommon = ({ className, state, ContentItemMonoComponent, contentItemProps, ToggleComponent, ...props }) => {
+    const componentClassName = getComponentClassName("af-content-item-duo-action", className);
+    return (_jsxs("div", { className: componentClassName, children: [_jsx(ContentItemMonoComponent, { ...contentItemProps }), _jsx("div", { className: "af-action-container", children: state === "edit" ? (props.buttons) : (_jsx(ToggleComponent, { ...props.toggleProps })) })] }));
+};

package/dist/ContentItemDuoAction/ContentItemDuoActionLF.d.ts

@@ -0,0 +1,5 @@
+import "@axa-fr/design-system-apollo-css/dist/ContentItemDuoAction/ContentItemDuoActionCommon.scss";
+import "@axa-fr/design-system-apollo-css/dist/ContentItemMono/ContentItemMonoLF.scss";
+import { type ContentItemDuoActionProps } from "./ContentItemDuoActionCommon";
+export { type ContentItemDuoActionState } from "./ContentItemDuoActionCommon";
+export declare const ContentItemDuoAction: ({ ...props }: ContentItemDuoActionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ContentItemDuoAction/ContentItemDuoActionLF.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/ContentItemDuoAction/ContentItemDuoActionCommon.scss";
+import "@axa-fr/design-system-apollo-css/dist/ContentItemMono/ContentItemMonoLF.scss";
+import { ContentItemDuoActionCommon, } from "./ContentItemDuoActionCommon";
+import { ContentItemMono } from "../ContentItemMono/ContentItemMonoLF";
+import { Toggle } from "../Toggle/ToggleLF";
+export const ContentItemDuoAction = ({ ...props }) => (_jsx(ContentItemDuoActionCommon, { ...props, ContentItemMonoComponent: ContentItemMono, ToggleComponent: Toggle }));

package/dist/ContentItemMono/ContentItemMonoCommon.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentProps, ComponentType } from "react";
-import { Icon } from "../Icon/IconCommon";
+import { Icon, IconProps } from "../Icon/IconCommon";
 import { type ContentItemCoreProps } from "./ContentItemMonoCore";
 export type ContentMonoItemSize = "medium" | "large";
 export type ContentMonoItemPictureProps = {
@@ -11,7 +11,11 @@ export type ContentMonoItemPictureProps = {
 };
 export type ContentMonoItemIconProps = {
     type: "icon";
-    icon: string;
+    /**
+     * @deprecated Use `iconProps` instead.
+     */
+    icon?: string;
+    iconProps?: IconProps;
     title: string;
     subtitle1?: string;
     subtitle2?: string;

package/dist/ContentItemMono/ContentItemMonoCommon.js

@@ -3,12 +3,13 @@ import { BasePicture } from "../BasePicture/BasePicture";
 import { ContentItemMonoCore, } from "./ContentItemMonoCore";
 export const getContentItemCoreProps = ({ IconComponent, type, ...props }) => {
     if (type === "icon") {
-        const { icon, title, subtitle1, subtitle2 } = props;
+        const { icon, iconProps, title, subtitle1, subtitle2 } = props;
         return {
             title,
             primarySubtitle: subtitle1,
             subtitle: subtitle2,
-            leftComponent: icon && _jsx(IconComponent, { "data-testid": "icon", src: icon }),
+            leftComponent: (iconProps && _jsx(IconComponent, { "data-testid": "icon", ...iconProps })) ||
+                (icon && _jsx(IconComponent, { "data-testid": "icon", src: icon })),
         };
     }
     if (type === "picture") {

package/dist/Toggle/ToggleCommon.d.ts

@@ -1,3 +1,3 @@
-type ToggleProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "style" | "type">;
+import { type InputHTMLAttributes } from "react";
+export type ToggleProps = Omit<InputHTMLAttributes<HTMLInputElement>, "style" | "type">;
 export declare const Toggle: import("react").ForwardRefExoticComponent<ToggleProps & import("react").RefAttributes<HTMLInputElement>>;
-export {};

package/dist/index.d.ts

@@ -38,6 +38,7 @@ export { Footer, type FooterProps } from "./Layout/Footer/FooterApollo";
 export { Link, linkVariants, type LinkVariants } from "./Link/LinkApollo";
 export { ClickItem, clickItemStates, clickItemVariants, type ClickItemStates, type ClickItemVariants, } from "./List/ClickItem/ClickItemApollo";
 export { ContentItemDuo } from "./List/ContentItemDuo/ContentItemDuoApollo";
+export { type ContentItemDuoActionState, ContentItemDuoAction, } from "./ContentItemDuoAction/ContentItemDuoActionApollo";
 export { Message, messageVariants, type MessageVariants, } from "./Message/MessageApollo";
 export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } from "./Modal/ModalApollo";
 export { ProgressBar } from "./ProgressBar/ProgressBarApollo";

package/dist/index.js

@@ -37,6 +37,7 @@ export { Footer } from "./Layout/Footer/FooterApollo";
 export { Link, linkVariants } from "./Link/LinkApollo";
 export { ClickItem, clickItemStates, clickItemVariants, } from "./List/ClickItem/ClickItemApollo";
 export { ContentItemDuo } from "./List/ContentItemDuo/ContentItemDuoApollo";
+export { ContentItemDuoAction, } from "./ContentItemDuoAction/ContentItemDuoActionApollo";
 export { Message, messageVariants, } from "./Message/MessageApollo";
 export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } from "./Modal/ModalApollo";
 export { ProgressBar } from "./ProgressBar/ProgressBarApollo";

package/dist/indexLF.d.ts

@@ -42,6 +42,7 @@ export { Footer, type FooterProps } from "./Layout/Footer/FooterLF";
 export { Link, linkVariants, type LinkVariants } from "./Link/LinkLF";
 export { ClickItem, clickItemStates, clickItemVariants, type ClickItemStates, type ClickItemVariants, } from "./List/ClickItem/ClickItemLF";
 export { ContentItemDuo } from "./List/ContentItemDuo/ContentItemDuoLF";
+export { type ContentItemDuoActionState, ContentItemDuoAction, } from "./ContentItemDuoAction/ContentItemDuoActionLF";
 export { Message, messageVariants, type MessageVariants, } from "./Message/MessageLF";
 export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } from "./Modal/ModalLF";
 export { ProgressBar } from "./ProgressBar/ProgressBarLF";

package/dist/indexLF.js

@@ -41,6 +41,7 @@ export { Footer } from "./Layout/Footer/FooterLF";
 export { Link, linkVariants } from "./Link/LinkLF";
 export { ClickItem, clickItemStates, clickItemVariants, } from "./List/ClickItem/ClickItemLF";
 export { ContentItemDuo } from "./List/ContentItemDuo/ContentItemDuoLF";
+export { ContentItemDuoAction, } from "./ContentItemDuoAction/ContentItemDuoActionLF";
 export { Message, messageVariants, } from "./Message/MessageLF";
 export { Modal, ModalCore, ModalCoreBody, ModalCoreFooter, ModalCoreHeader, } from "./Modal/ModalLF";
 export { ProgressBar } from "./ProgressBar/ProgressBarLF";

package/package.json

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