@axa-fr/canopee-react 1.5.1-alpha.21 → 1.5.1-alpha.23

package/dist/prospect-client/DataAgent/DataAgentCommon.d.ts

@@ -11,11 +11,13 @@ export type DataAgentProps = {
     clickContents?: TupleMax3<ClickItemProps>;
     texteOrias?: string;
     isCompact?: boolean;
+    /** Display the compact layout (header only) regardless of screen size */
+    variant?: "default" | "compact";
 };
 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, isCompact, }: DataAgentCommonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DataAgentCommon: ({ className, agentProps, agentContractProps, contents, clickContents, texteOrias, DividerComponent, ContentItemMonoComponent, ClickItemComponent, isCompact, variant, }: DataAgentCommonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/prospect-client/DataAgent/DataAgentCommon.js

@@ -4,7 +4,7 @@ import { Divider } from "../Divider/DividerCommon";
 import { BREAKPOINT } from "../utilities/constants";
 import { getComponentClassName } from "../utilities/getComponentClassName";
 import { useIsSmallScreen } from "../utilities/hook/useIsSmallScreen";
-export const DataAgentCommon = ({ className, agentProps, agentContractProps, contents, clickContents, texteOrias, DividerComponent, ContentItemMonoComponent, ClickItemComponent, isCompact = true, }) => {
+export const DataAgentCommon = ({ className, agentProps, agentContractProps, contents, clickContents, texteOrias, DividerComponent, ContentItemMonoComponent, ClickItemComponent, isCompact = true, variant = "default", }) => {
     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 }))] }));
@@ -12,7 +12,7 @@ export const DataAgentCommon = ({ className, agentProps, agentContractProps, con
                 src: agentProps.picture,
                 alt: agentProps.title,
             }, variant: "agent" }) }));
-    return (_jsx("section", { className: componentClassName, children: isMobile && isCompact
+    return (_jsx("section", { className: componentClassName, children: (isMobile && isCompact) || variant === "compact"
             ? renderForMobileLayout()
             : renderForDefaultLayout() }));
 };

package/dist/prospect-client/Form/InputText/InputTextCommon.js

@@ -11,7 +11,7 @@ const InputTextCommon = forwardRef(({ unit, className, classModifier = "", helpe
     const ariaDescribedby = [helper && idHelp, success && idMessage].filter(Boolean);
     return (_jsxs("div", { className: "af-form__input-container", ...containerProps, children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: moreButtonLabel ?? buttonLabel, onMoreButtonClick: onMoreButtonClick ?? onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, htmlFor: inputId, children: label }), _jsx(InputTextAtomComponent, { id: inputId, ref: inputRef, unit: unit, className: className, classModifier: classModifier, error: (message && messageType === "error") || Boolean(error)
                     ? messageType || error
-                    : undefined, required: required, idMessage: message || error ? idMessage : undefined, idHelp: ariaDescribedby.length > 0 ? ariaDescribedby.join(" ") : undefined, ...otherProps }), helper ? (_jsx("span", { id: idHelp, className: "af-form__input-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: idMessage, message: message || error || success, messageType: messageType || (error ? "error" : "success") })] }));
+                    : undefined, warning: message && messageType === "warning" ? messageType : undefined, required: required, idMessage: message || error ? idMessage : undefined, idHelp: ariaDescribedby.length > 0 ? ariaDescribedby.join(" ") : undefined, ...otherProps }), helper ? (_jsx("span", { id: idHelp, className: "af-form__input-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: idMessage, message: message || error || success, messageType: messageType || (error ? "error" : "success") })] }));
 });
 InputTextCommon.displayName = "InputText";
 export { InputTextCommon };

package/dist/prospect-client/Form/InputTextAtom/InputTextAtomCommon.d.ts

@@ -3,6 +3,7 @@ type InputTextAtomProps = ComponentPropsWithRef<"input"> & {
     unit?: ReactNode;
     classModifier?: string;
     error?: string;
+    warning?: string;
     idMessage?: string;
     idHelp?: string;
 };

package/dist/prospect-client/Form/InputTextAtom/InputTextAtomCommon.js

@@ -1,10 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useId, } from "react";
 import { getClassName } from "../../utilities/getClassName";
-const InputTextAtom = forwardRef(({ unit, className, classModifier = "", error, required, idMessage, idHelp, "aria-errormessage": ariaErrormessage, "aria-describedby": ariaDescribedby, type = "text", ...otherProps }, inputRef) => {
+const InputTextAtom = forwardRef(({ unit, className, classModifier = "", error, warning, required, idMessage, idHelp, "aria-errormessage": ariaErrormessage, "aria-describedby": ariaDescribedby, type = "text", ...otherProps }, inputRef) => {
     const componentClassName = getClassName({
         baseClassName: "af-form__input-text",
-        modifiers: [classModifier, error || ariaErrormessage ? "error" : ""],
+        modifiers: [
+            classModifier,
+            error || ariaErrormessage ? "error" : "",
+            !error && !ariaErrormessage && warning ? "warning" : "",
+        ],
         className,
     });
     let inputId = useId();

package/package.json

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