@axa-fr/design-system-apollo-react 1.0.5-alpha.260 → 1.0.5-alpha.262

package/dist/ContentItemMono/ContentItemMonoApollo.d.ts

@@ -0,0 +1,3 @@
+import "@axa-fr/design-system-apollo-css/dist/ContentItemMono/ContentItemMonoApollo.scss";
+import { ContentItemProps } from "./ContentItemMonoCommon";
+export declare const ContentItemMono: (props: ContentItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ContentItemMono/ContentItemMonoApollo.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/ContentItemMono/ContentItemMonoApollo.scss";
+import { BasePicture } from "../BasePicture/BasePictureApollo";
+import { Icon } from "../Icon/IconApollo";
+import { ContentItemMonoCommon, } from "./ContentItemMonoCommon";
+export const ContentItemMono = (props) => (_jsx(ContentItemMonoCommon, { ...props, BasePictureComponent: BasePicture, IconComponent: Icon }));

package/dist/ContentItemMono/ContentItemMonoCommon.d.ts

@@ -0,0 +1,31 @@
+import { ComponentProps, ComponentType } from "react";
+import { Icon } from "../Icon/IconCommon";
+import { BasePicture } from "../BasePicture/BasePictureCommon";
+import { ContentItemCoreProps } from "./ContentItemMonoCore";
+export type ContentMonoItemSize = "medium" | "large";
+export type ContentMonoItemPictureProps = {
+    type: "picture";
+    size?: ContentMonoItemSize;
+    picture: string;
+    title: string;
+    subtitle: string;
+};
+export type ContentMonoItemIconProps = {
+    type: "icon";
+    icon: string;
+    title: string;
+    subtitle1?: string;
+    subtitle2?: string;
+};
+export type ContentMonoItemStickProps = {
+    type: "stick";
+    title: string;
+    subtitle?: string;
+};
+export type ContentItemProps = ContentMonoItemPictureProps | ContentMonoItemIconProps | ContentMonoItemStickProps;
+export type ContentItemCommonProps = ContentItemProps & {
+    IconComponent: ComponentType<ComponentProps<typeof Icon>>;
+    BasePictureComponent: ComponentType<ComponentProps<typeof BasePicture>>;
+};
+export declare const getContentItemCoreProps: ({ IconComponent, BasePictureComponent, type, ...props }: ContentItemCommonProps) => ContentItemCoreProps;
+export declare const ContentItemMonoCommon: (props: ContentItemCommonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ContentItemMono/ContentItemMonoCommon.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ContentItemMonoCore, } from "./ContentItemMonoCore";
+export const getContentItemCoreProps = ({ IconComponent, BasePictureComponent, type, ...props }) => {
+    if (type === "icon") {
+        const { icon, title, subtitle1, subtitle2 } = props;
+        return {
+            title,
+            primarySubtitle: subtitle1,
+            subtitle: subtitle2,
+            leftComponent: _jsx(IconComponent, { "data-testid": "icon", src: icon }),
+        };
+    }
+    if (type === "picture") {
+        return {
+            ...props,
+            leftComponent: (_jsx(BasePictureComponent, { src: props.picture, alt: props.title })),
+        };
+    }
+    return props;
+};
+export const ContentItemMonoCommon = (props) => {
+    return _jsx(ContentItemMonoCore, { ...getContentItemCoreProps(props) });
+};

package/dist/ContentItemMono/ContentItemMonoCore.d.ts

@@ -0,0 +1,9 @@
+export type ContentMonoItemSize = "medium" | "large";
+export type ContentItemCoreProps = {
+    size?: ContentMonoItemSize;
+    title?: string;
+    primarySubtitle?: string;
+    subtitle?: string;
+    leftComponent?: React.ReactNode;
+};
+export declare const ContentItemMonoCore: ({ size, leftComponent, title, primarySubtitle, subtitle, }: ContentItemCoreProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ContentItemMono/ContentItemMonoCore.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ContentItemMonoCore = ({ size = "medium", leftComponent, title, primarySubtitle, subtitle, }) => {
+    return (_jsxs("div", { "data-testid": "container", className: `af-content-item-mono ${size}`, children: [leftComponent ?? _jsx("div", { className: "stick" }), _jsxs("div", { className: "text-content", children: [_jsx("span", { className: "title", children: title }), primarySubtitle && (_jsx("span", { className: "subtitle-primary", children: primarySubtitle })), subtitle && _jsx("span", { className: "subtitle", children: subtitle })] })] }));
+};

package/dist/ContentItemMono/ContentItemMonoLF.d.ts

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

package/dist/ContentItemMono/ContentItemMonoLF.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/ContentItemMono/ContentItemMonoLF.scss";
+import { BasePicture } from "../BasePicture/BasePictureLF";
+import { Icon } from "../Icon/IconLF";
+import { ContentItemMonoCommon, } from "./ContentItemMonoCommon";
+export const ContentItemMono = (props) => (_jsx(ContentItemMonoCommon, { ...props, BasePictureComponent: BasePicture, IconComponent: Icon }));

package/dist/Form/TextArea/TextAreaApollo.d.ts

@@ -1,17 +1,23 @@
 import "@axa-fr/design-system-apollo-css/dist/Form/TextArea/TextAreaApollo.scss";
 import { type ComponentProps } from "react";
 import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
-export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").ClassAttributes<HTMLTextAreaElement> & import("react").TextareaHTMLAttributes<HTMLTextAreaElement> & {
-    classModifier?: string;
-    sideButtonLabel: string;
+export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").ClassAttributes<HTMLTextAreaElement> & import("react").TextareaHTMLAttributes<HTMLTextAreaElement> & Pick<{
+    label?: string;
+    description?: string;
+    required?: boolean;
+    inputId: string;
+    idLabel: string;
+    sideButtonLabel?: string;
     onSideButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
+    buttonLabel?: string;
+    onButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
+    ButtonComponent: import("react").ComponentType<ComponentProps<typeof import("../..").Button>>;
+}, "label" | "description" | "sideButtonLabel" | "onSideButtonClick" | "buttonLabel"> & {
+    classModifier?: string;
     helper?: string;
     error?: string;
-    description?: string;
-    label: ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>["label"];
     ItemLabelComponent: import("react").ComponentType<Omit<ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>, "ButtonComponent">>;
     ItemMessageComponent: import("react").ComponentType<ComponentProps<typeof ItemMessage>>;
-    buttonLabel?: string;
     onButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
 } & Partial<{
     message?: string;

package/dist/Form/TextArea/TextAreaCommon.d.ts

@@ -1,17 +1,12 @@
 import { type ComponentProps, ComponentPropsWithRef, type ComponentType, MouseEventHandler } from "react";
 import { ItemLabel } from "../ItemLabel/ItemLabelCommon";
 import { ItemMessage } from "../ItemMessage/ItemMessageCommon";
-type Props = ComponentPropsWithRef<"textarea"> & {
+type Props = ComponentPropsWithRef<"textarea"> & Pick<ComponentProps<typeof ItemLabel>, "label" | "description" | "buttonLabel" | "sideButtonLabel" | "onSideButtonClick"> & {
     classModifier?: string;
-    sideButtonLabel: string;
-    onSideButtonClick?: MouseEventHandler<HTMLButtonElement>;
     helper?: string;
     error?: string;
-    description?: string;
-    label: ComponentProps<typeof ItemLabel>["label"];
     ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabel>, "ButtonComponent">>;
     ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
-    buttonLabel?: string;
     onButtonClick?: MouseEventHandler<HTMLButtonElement>;
 } & Partial<ComponentPropsWithRef<typeof ItemMessage>>;
 declare const TextArea: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/Form/TextArea/TextAreaLF.d.ts

@@ -1,17 +1,23 @@
 import "@axa-fr/design-system-apollo-css/dist/Form/TextArea/TextAreaLF.scss";
 import { type ComponentProps } from "react";
 import { ItemMessage } from "../ItemMessage/ItemMessageLF";
-export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").ClassAttributes<HTMLTextAreaElement> & import("react").TextareaHTMLAttributes<HTMLTextAreaElement> & {
-    classModifier?: string;
-    sideButtonLabel: string;
+export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").ClassAttributes<HTMLTextAreaElement> & import("react").TextareaHTMLAttributes<HTMLTextAreaElement> & Pick<{
+    label?: string;
+    description?: string;
+    required?: boolean;
+    inputId: string;
+    idLabel: string;
+    sideButtonLabel?: string;
     onSideButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
+    buttonLabel?: string;
+    onButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
+    ButtonComponent: import("react").ComponentType<ComponentProps<typeof import("../..").Button>>;
+}, "label" | "description" | "sideButtonLabel" | "onSideButtonClick" | "buttonLabel"> & {
+    classModifier?: string;
     helper?: string;
     error?: string;
-    description?: string;
-    label: ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>["label"];
     ItemLabelComponent: import("react").ComponentType<Omit<ComponentProps<typeof import("../ItemLabel/ItemLabelCommon").ItemLabel>, "ButtonComponent">>;
     ItemMessageComponent: import("react").ComponentType<ComponentProps<typeof ItemMessage>>;
-    buttonLabel?: string;
     onButtonClick?: import("react").MouseEventHandler<HTMLButtonElement>;
 } & Partial<{
     message?: string;

package/dist/index.d.ts

@@ -31,3 +31,4 @@ export { Heading, type HeadingLevel } from "./Heading/HeadingApollo";
 export { Checkbox } from "./Form/checkbox/checkbox/CheckboxApollo";
 export { CheckboxText } from "./Form/checkbox/checkboxText/CheckboxTextApollo";
 export { CheckboxCard } from "./Form/checkbox/checkboxCard/CheckboxCardApollo";
+export { ContentItemMono } from "./ContentItemMono/ContentItemMonoApollo";

package/dist/index.js

@@ -31,3 +31,4 @@ export { Heading } from "./Heading/HeadingApollo";
 export { Checkbox } from "./Form/checkbox/checkbox/CheckboxApollo";
 export { CheckboxText } from "./Form/checkbox/checkboxText/CheckboxTextApollo";
 export { CheckboxCard } from "./Form/checkbox/checkboxCard/CheckboxCardApollo";
+export { ContentItemMono } from "./ContentItemMono/ContentItemMonoApollo";

package/dist/indexLF.d.ts

@@ -30,3 +30,4 @@ export { Heading, type HeadingLevel } from "./Heading/HeadingLF";
 export { Checkbox } from "./Form/checkbox/checkbox/CheckboxLf";
 export { CheckboxText } from "./Form/checkbox/checkboxText/CheckboxTextLF";
 export { CheckboxCard } from "./Form/checkbox/checkboxCard/CheckboxCardLF";
+export { ContentItemMono } from "./ContentItemMono/ContentItemMonoLF";

package/dist/indexLF.js

@@ -30,3 +30,4 @@ export { Heading } from "./Heading/HeadingLF";
 export { Checkbox } from "./Form/checkbox/checkbox/CheckboxLf";
 export { CheckboxText } from "./Form/checkbox/checkboxText/CheckboxTextLF";
 export { CheckboxCard } from "./Form/checkbox/checkboxCard/CheckboxCardLF";
+export { ContentItemMono } from "./ContentItemMono/ContentItemMonoLF";

package/package.json

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