@axa-fr/canopee-react 1.2.1-alpha.23 → 1.2.1-alpha.25

package/dist/client.d.ts

@@ -64,3 +64,4 @@ export { List, type ListProps } from "./prospect-client/List/List/ListLF";
 export { LevelSelector, type LevelSelectorProps, } from "./prospect-client/LevelSelector/LevelSelectorLF";
 export { Skeleton, type SkeletonProps, } from "./prospect-client/Skeleton/SkeletonLF";
 export { SkeletonList, type SkeletonListProps, } from "./prospect-client/SkeletonList/SkeletonListLF";
+export { Fieldset, type FieldsetProps, } from "./prospect-client/Fieldset/FieldsetLF";

package/dist/client.js

@@ -63,3 +63,4 @@ export { List } from "./prospect-client/List/List/ListLF";
 export { LevelSelector, } from "./prospect-client/LevelSelector/LevelSelectorLF";
 export { Skeleton, } from "./prospect-client/Skeleton/SkeletonLF";
 export { SkeletonList, } from "./prospect-client/SkeletonList/SkeletonListLF";
+export { Fieldset, } from "./prospect-client/Fieldset/FieldsetLF";

package/dist/prospect-client/ContentItemMono/ContentItemMonoCommon.d.ts

@@ -11,14 +11,14 @@ export type ContentMonoItemPictureProps = {
 };
 export type ContentMonoItemIconProps = {
     type: "icon";
+    title?: string;
+    subtitle1?: string;
+    subtitle2?: string;
     /**
      * @deprecated Use `iconProps` instead.
      */
     icon?: string;
     iconProps?: IconProps;
-    title: string;
-    subtitle1?: string;
-    subtitle2?: string;
 };
 export type ContentMonoItemStickProps = {
     type: "stick";

package/dist/prospect-client/ContentItemMono/ContentItemMonoCore.d.ts

@@ -1,9 +1,17 @@
+import type { ElementType } from "react";
+import { ReactNode } from "react";
+import { AtLeastOne } from "../utilities/types/AtLeastOne";
 export type ContentMonoItemSize = "medium" | "large";
-export type ContentItemCoreProps = {
-    size?: ContentMonoItemSize;
+type TextFields = {
     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;
+type AtLeastOneText = AtLeastOne<TextFields>;
+export type ContentItemCoreProps<T extends ElementType = "div"> = {
+    as?: T;
+    size?: ContentMonoItemSize;
+    leftComponent?: ReactNode;
+} & AtLeastOneText;
+export declare const ContentItemMonoCore: <T extends ElementType = "div">({ as, size, leftComponent, title, primarySubtitle, subtitle, }: ContentItemCoreProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/prospect-client/ContentItemMono/ContentItemMonoCore.js

@@ -1,4 +1,5 @@
 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, _jsxs("div", { className: "text-content", children: [_jsx("span", { className: "title", children: title }), primarySubtitle ? (_jsx("span", { className: "subtitle-primary", children: primarySubtitle })) : null, subtitle ? _jsx("span", { className: "subtitle", children: subtitle }) : null] })] }));
+export const ContentItemMonoCore = ({ as, size = "medium", leftComponent, title, primarySubtitle, subtitle, }) => {
+    const Component = as ?? "div";
+    return (_jsxs(Component, { className: `af-content-item-mono ${size}`, children: [leftComponent, _jsxs("div", { className: "text-content", children: [title ? _jsx("span", { className: "title", children: title }) : null, primarySubtitle ? (_jsx("span", { className: "subtitle-primary", children: primarySubtitle })) : null, subtitle ? _jsx("span", { className: "subtitle", children: subtitle }) : null] })] }));
 };

package/dist/prospect-client/Fieldset/FieldsetApollo.d.ts

@@ -0,0 +1,4 @@
+import "@axa-fr/canopee-css/prospect/Fieldset/FieldsetApollo.css";
+import { type FieldsetProps } from "./FieldsetCommon";
+export type { FieldsetProps };
+export declare const Fieldset: (props: FieldsetProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Fieldset/FieldsetApollo.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/prospect/Fieldset/FieldsetApollo.css";
+import { Icon } from "../Icon/IconApollo";
+import { Card } from "../Card/CardApollo";
+import { FieldsetCommon } from "./FieldsetCommon";
+export const Fieldset = (props) => (_jsx(FieldsetCommon, { ...props, IconComponent: Icon, CardComponent: Card }));

package/dist/prospect-client/Fieldset/FieldsetCommon.d.ts

@@ -0,0 +1,13 @@
+import type { ComponentProps, ComponentType, PropsWithChildren } from "react";
+import { CardCommon } from "../Card/CardCommon";
+import { Icon, type IconProps } from "../Icon/IconCommon";
+export type FieldsetProps = PropsWithChildren<{
+    title: string;
+    iconProps?: IconProps;
+    className?: string;
+}>;
+export type FieldsetCommonProps = FieldsetProps & {
+    IconComponent: ComponentType<ComponentProps<typeof Icon>>;
+    CardComponent: ComponentType<ComponentProps<typeof CardCommon>>;
+};
+export declare const FieldsetCommon: ({ children, title, iconProps, className, IconComponent, CardComponent, }: FieldsetCommonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Fieldset/FieldsetCommon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ContentItemMonoCore } from "../ContentItemMono/ContentItemMonoCore";
+import { getClassName } from "../utilities/getClassName";
+export const FieldsetCommon = ({ children, title, iconProps, className, IconComponent, CardComponent, }) => {
+    const iconComponent = iconProps && (_jsx(IconComponent, { "aria-hidden": "true", ...iconProps }));
+    return (_jsxs(CardComponent, { as: "fieldset", className: getClassName({ baseClassName: "af-fieldset", className }), children: [_jsx(ContentItemMonoCore, { as: "legend", title: title, leftComponent: iconComponent }), _jsx("div", { className: "af-fieldset__content", children: children })] }));
+};

package/dist/prospect-client/Fieldset/FieldsetLF.d.ts

@@ -0,0 +1,4 @@
+import "@axa-fr/canopee-css/client/Fieldset/FieldsetLF.css";
+import { type FieldsetProps } from "./FieldsetCommon";
+export type { FieldsetProps };
+export declare const Fieldset: (props: FieldsetProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Fieldset/FieldsetLF.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/client/Fieldset/FieldsetLF.css";
+import { Icon } from "../Icon/IconLF";
+import { Card } from "../Card/CardLF";
+import { FieldsetCommon } from "./FieldsetCommon";
+export const Fieldset = (props) => (_jsx(FieldsetCommon, { ...props, IconComponent: Icon, CardComponent: Card }));

package/dist/prospect-client/utilities/types/AtLeastOne.d.ts

@@ -0,0 +1,3 @@
+export type AtLeastOne<T, K extends keyof T = keyof T> = Partial<T> & {
+    [P in K]: Required<Pick<T, P>>;
+}[K];

package/dist/prospect-client/utilities/types/AtLeastOne.js

@@ -0,0 +1 @@
+export {};

package/dist/prospect.d.ts

@@ -60,3 +60,4 @@ export { List, type ListProps } from "./prospect-client/List/List/ListApollo";
 export { LevelSelector, type LevelSelectorProps, } from "./prospect-client/LevelSelector/LevelSelectorApollo";
 export { Skeleton, type SkeletonProps, } from "./prospect-client/Skeleton/SkeletonApollo";
 export { SkeletonList, type SkeletonListProps, } from "./prospect-client/SkeletonList/SkeletonListApollo";
+export { Fieldset, type FieldsetProps, } from "./prospect-client/Fieldset/FieldsetApollo";

package/dist/prospect.js

@@ -59,3 +59,4 @@ export { List } from "./prospect-client/List/List/ListApollo";
 export { LevelSelector, } from "./prospect-client/LevelSelector/LevelSelectorApollo";
 export { Skeleton, } from "./prospect-client/Skeleton/SkeletonApollo";
 export { SkeletonList, } from "./prospect-client/SkeletonList/SkeletonListApollo";
+export { Fieldset, } from "./prospect-client/Fieldset/FieldsetApollo";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/canopee-react",
-  "version": "1.2.1-alpha.23",
+  "version": "1.2.1-alpha.25",
   "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.23",
+    "@axa-fr/canopee-css": "1.2.1-alpha.25",
     "@material-symbols/svg-400": ">= 0.19.0",
     "@material-symbols/svg-700": ">= 0.19.0",
     "react": ">= 18"