@axa-fr/canopee-react 1.2.1-alpha.22 → 1.2.1-alpha.24

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,15 @@
+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;
 };
+type AtLeastOneText = AtLeastOne<TextFields>;
+export type ContentItemCoreProps = {
+    size?: ContentMonoItemSize;
+    leftComponent?: ReactNode;
+} & AtLeastOneText;
 export declare const ContentItemMonoCore: ({ size, leftComponent, title, primarySubtitle, subtitle, }: ContentItemCoreProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,4 +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, _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] })] }));
+    return (_jsxs("div", { "data-testid": "container", 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/ProgressBar/ProgressBarCommon.d.ts

@@ -1,9 +1,10 @@
 import { type ComponentProps, type ReactNode } from "react";
 type ProgressBarProps = ComponentProps<"progress"> & {
     label?: ReactNode;
+    showPercentage?: boolean;
 };
 export declare const ProgressBar: {
-    ({ id, label, className, ...props }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
+    ({ id, label, showPercentage, className, ...props }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/dist/prospect-client/ProgressBar/ProgressBarCommon.js

@@ -1,8 +1,13 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useId } from "react";
-export const ProgressBar = ({ id, label, className, ...props }) => {
+import { getClassName } from "../utilities/getClassName";
+export const ProgressBar = ({ id, label, showPercentage = false, className, ...props }) => {
     let inputId = useId();
     inputId = id || inputId;
-    return (_jsxs(_Fragment, { children: [Boolean(label) && (_jsx("label", { className: "af-progress-bar__label", htmlFor: inputId, children: label })), _jsx("progress", { id: inputId, className: ["af-progress-bar", className].filter(Boolean).join(" "), ...props })] }));
+    const componentClassName = getClassName({
+        baseClassName: "af-progress-bar",
+        className,
+    });
+    return (_jsxs(_Fragment, { children: [Boolean(label) && (_jsx("label", { className: "af-progress-bar__label", htmlFor: inputId, children: label })), _jsxs("div", { className: componentClassName, children: [_jsx("progress", { id: inputId, className: "af-progress-bar__progress", ...props }), Boolean(showPercentage) && (_jsxs("span", { "aria-hidden": "true", children: [props.value, " %"] }))] })] }));
 };
 ProgressBar.displayName = "ProgressBar";

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/package.json

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