@axa-fr/design-system-apollo-react 2.0.4-alpha.71 → 2.0.4-alpha.74

package/dist/DataAgent/DataAgentCommon.d.ts

@@ -10,11 +10,12 @@ export type DataAgentProps = {
     contents?: TupleMax3<ContentMonoItemIconProps>;
     clickContents?: TupleMax3<ClickItemProps>;
     texteOrias?: string;
+    isCompact?: boolean;
 };
 type DataAgentCommonProps = DataAgentProps & {
     DividerComponent: ComponentType<ComponentProps<typeof Divider>>;
     ContentItemMonoComponent: ComponentType<ContentItemProps>;
     ClickItemComponent: ComponentType<ClickItemProps>;
 };
-export declare const DataAgentCommon: ({ className, agentProps, agentContractProps, contents, clickContents, texteOrias, DividerComponent, ContentItemMonoComponent, ClickItemComponent, }: DataAgentCommonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DataAgentCommon: ({ className, agentProps, agentContractProps, contents, clickContents, texteOrias, DividerComponent, ContentItemMonoComponent, ClickItemComponent, isCompact, }: DataAgentCommonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/DataAgent/DataAgentCommon.js

@@ -3,7 +3,7 @@ import { Fragment, useMemo } from "react";
 import { getComponentClassName } from "../utilities/getComponentClassName";
 import { useIsSmallScreen } from "../utilities/hook/useIsSmallScreen";
 import { BREAKPOINT } from "../utilities/constants";
-export const DataAgentCommon = ({ className, agentProps, agentContractProps, contents, clickContents, texteOrias, DividerComponent, ContentItemMonoComponent, ClickItemComponent, }) => {
+export const DataAgentCommon = ({ className, agentProps, agentContractProps, contents, clickContents, texteOrias, DividerComponent, ContentItemMonoComponent, ClickItemComponent, isCompact = true, }) => {
     const componentClassName = useMemo(() => getComponentClassName("af-data-agent", className), [className]);
     const isMobile = useIsSmallScreen(BREAKPOINT.SM);
     const renderForDefaultLayout = () => (_jsxs(_Fragment, { children: [_jsxs("section", { className: "af-data-agent__intro", children: [_jsx(ContentItemMonoComponent, { ...agentProps, type: "picture" }), agentContractProps ? (_jsx(ContentItemMonoComponent, { ...agentContractProps, type: "stick" })) : null] }), _jsx(DividerComponent, {}), contents && contents?.length > 0 ? (_jsx("section", { className: "af-data-agent__info-content", children: contents.map((content) => (_jsxs(Fragment, { children: [_jsx(ContentItemMonoComponent, { ...content, type: "icon" }), _jsx(DividerComponent, { className: "af-data-agent__line" })] }, `content--${crypto.randomUUID()}`))) })) : null, clickContents && clickContents?.length > 0 ? (_jsx("section", { className: "af-data-agent__info-click-content", children: clickContents.map((clickContent) => (_jsxs(Fragment, { children: [_jsx(ClickItemComponent, { ...clickContent, variant: "small" }), _jsx(DividerComponent, { className: "af-data-agent__line" })] }, `clickContent--${crypto.randomUUID()}`))) })) : null, Boolean(texteOrias) && (_jsx("p", { className: "af-data-agent__text-orias", children: texteOrias }))] }));
@@ -11,5 +11,7 @@ export const DataAgentCommon = ({ className, agentProps, agentContractProps, con
                 src: agentProps.picture,
                 alt: agentProps.title,
             }, variant: "agent" }) }));
-    return (_jsx("section", { className: componentClassName, children: isMobile ? renderForMobileLayout() : renderForDefaultLayout() }));
+    return (_jsx("section", { className: componentClassName, children: isMobile && isCompact
+            ? renderForMobileLayout()
+            : renderForDefaultLayout() }));
 };

package/package.json

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