@axa-fr/canopee-react 2.0.0-alpha.72 → 2.0.0-alpha.74

package/dist/distributeur/ItemFormHelper/ItemFormHelper.d.ts

@@ -0,0 +1,8 @@
+import "@axa-fr/canopee-css/distributeur/ItemFormHelper/ItemFormHelper.css";
+export type ItemFormHelperVariant = "todo" | "inprogress" | "validated";
+export type ItemFormHelperProps = {
+    variant: ItemFormHelperVariant;
+    label?: string;
+    className?: string;
+};
+export declare const ItemFormHelper: ({ variant, label, className, }: ItemFormHelperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/distributeur/ItemFormHelper/ItemFormHelper.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/distributeur/ItemFormHelper/ItemFormHelper.css";
+import checkSvg from "@material-symbols/svg-400/outlined/check.svg";
+import toDoSvg from "@material-symbols/svg-400/outlined/circle.svg";
+import wipSvg from "@material-symbols/svg-400/outlined/circle-fill.svg";
+import { Svg } from "../Svg";
+import { getClassName } from "../utilities/helpers/getClassName";
+const variants = {
+    todo: {
+        icon: toDoSvg,
+        defaultLabel: "à compléter",
+    },
+    inprogress: {
+        icon: wipSvg,
+        defaultLabel: "en cours",
+    },
+    validated: {
+        icon: checkSvg,
+        defaultLabel: "validé",
+    },
+};
+export const ItemFormHelper = ({ variant, label, className, }) => {
+    const { icon, defaultLabel } = variants[variant];
+    const displayLabel = label ?? defaultLabel;
+    const componentClassName = getClassName({
+        baseClassName: "af-item-form-helper",
+        modifiers: [variant],
+        className,
+    });
+    return (_jsxs("div", { className: componentClassName, children: [_jsx(Svg, { src: icon, width: 12, height: 12 }), _jsx("span", { children: displayLabel })] }));
+};

package/dist/distributeur.d.ts

@@ -74,3 +74,4 @@ export { EditorialMessage, type EditorialMessageProps, type EditorialMessageType
 export { Timeline, type TimelineProps, type TimelineVariants, } from "./distributeur/Timeline/Timeline";
 export { CardButton, type CardButtonProps, } from "./distributeur/CardButton/CardButton";
 export { BaseCard, type BaseCardProps } from "./distributeur/Card/BaseCard";
+export { ItemFormHelper, type ItemFormHelperProps, type ItemFormHelperVariant, } from "./distributeur/ItemFormHelper/ItemFormHelper";

package/dist/distributeur.js

@@ -63,3 +63,4 @@ export { EditorialMessage, } from "./distributeur/EditorialMessage/EditorialMess
 export { Timeline, } from "./distributeur/Timeline/Timeline";
 export { CardButton, } from "./distributeur/CardButton/CardButton";
 export { BaseCard } from "./distributeur/Card/BaseCard";
+export { ItemFormHelper, } from "./distributeur/ItemFormHelper/ItemFormHelper";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/canopee-react",
-  "version": "2.0.0-alpha.72",
+  "version": "2.0.0-alpha.74",
   "description": "Package React - Design System Canopée",
   "exports": {
     "./distributeur": {
@@ -53,7 +53,7 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/canopee-css": "2.0.0-alpha.72",
+    "@axa-fr/canopee-css": "2.0.0-alpha.74",
     "@material-symbols/svg-400": ">= 0.19.0",
     "@material-symbols/svg-700": ">= 0.19.0",
     "react": ">= 19"