@axa-fr/design-system-apollo-react 3.1.1 → 3.1.2-alpha.2

package/dist/Accordion/AccordionCommon.d.ts

@@ -18,11 +18,12 @@ export type AccordionProps = {
     dateProps?: Omit<ComponentProps<"time">, "children">;
     tagLabel?: string;
     tagProps?: Omit<TagProps, "children">;
+    isPlain?: boolean;
 } & Omit<AccordionCoreProps, "summary">;
 type AccordionCommonProps = AccordionProps & {
     AccordionCoreComponent: ComponentType<AccordionCoreProps>;
     TagComponent: ComponentType<TagProps>;
     IconComponent: ComponentType<IconProps>;
 };
-export declare const AccordionCommon: ({ variant, className, children, icon, title, subtitle, tagLabel, tagProps, dateLabel, dateProps, info1, info2, AccordionCoreComponent, TagComponent, IconComponent, ...accordionCoreProps }: AccordionCommonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionCommon: ({ variant, className, children, icon, title, subtitle, tagLabel, tagProps, dateLabel, dateProps, info1, info2, AccordionCoreComponent, TagComponent, IconComponent, isPlain, ...accordionCoreProps }: AccordionCommonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Accordion/AccordionCommon.js

@@ -4,9 +4,9 @@ export const accordionVariants = {
     primary: "primary",
     secondary: "secondary",
 };
-export const AccordionCommon = ({ variant = accordionVariants.primary, className, children, icon, title, subtitle, tagLabel, tagProps, dateLabel, dateProps, info1, info2, AccordionCoreComponent, TagComponent, IconComponent, ...accordionCoreProps }) => (_jsx(AccordionCoreComponent, { className: getClassName({
+export const AccordionCommon = ({ variant = accordionVariants.primary, className, children, icon, title, subtitle, tagLabel, tagProps, dateLabel, dateProps, info1, info2, AccordionCoreComponent, TagComponent, IconComponent, isPlain, ...accordionCoreProps }) => (_jsx(AccordionCoreComponent, { className: getClassName({
         baseClassName: "af-apollo-accordion",
-        modifiers: [variant],
+        modifiers: [variant, isPlain && "plain"],
         className,
     }), summary: _jsxs(_Fragment, { children: [icon ? (_jsx(IconComponent, { role: "presentation", src: icon, variant: "primary", size: "S", className: "af-accordion__icon" })) : null, _jsx("p", { className: "af-accordion__title", children: title }), subtitle ? _jsx("p", { className: "af-accordion__subtitle", children: subtitle }) : null, tagLabel ? (_jsx(TagComponent, { variant: "warning", ...tagProps, className: getClassName({
                     baseClassName: "af-accordion__tag-container",

package/dist/Form/InputDate/InputDateCommon.d.ts

@@ -17,8 +17,8 @@ export type InputDateProps = Omit<ComponentPropsWithRef<"input">, "value" | "min
      */
     success?: string;
     hidePicker?: boolean;
-    label: ItemLabelProps["label"];
-} & Partial<Omit<ItemLabelProps, "onChange"> & ItemMessageProps>;
+    label: ItemLabelProps["children"];
+} & Partial<Pick<ItemLabelProps, "description" | "buttonLabel" | "moreButtonLabel" | "onButtonClick" | "onMoreButtonClick"> & ItemMessageProps>;
 type InputDateCommonProps = InputDateProps & {
     ItemLabelComponent: ComponentType<Omit<ComponentProps<typeof ItemLabelCommon>, "ButtonComponent">>;
     ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;

package/dist/Form/InputDate/InputDateCommon.js

@@ -1,10 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useId, } from "react";
-import { getComponentClassName } from "../../utilities/getComponentClassName";
+import { getClassName } from "../../utilities/getClassName";
 import { InputDateAtom } from "./InputDateAtom";
 import { InputDateTextAtom } from "./InputDateTextAtom";
-const InputDateCommon = forwardRef(({ className, classModifier = "", helper, error, success, message, messageType, label, description, buttonLabel, onButtonClick, ItemLabelComponent, ItemMessageComponent, required, hidePicker, max, min, ...otherProps }, inputRef) => {
-    const componentClassName = getComponentClassName("af-form__input-date", className ?? "", classModifier);
+const InputDateCommon = forwardRef(({ className, classModifier = "", helper, error, success, message, messageType, label, description, buttonLabel, moreButtonLabel, onButtonClick, onMoreButtonClick, ItemLabelComponent, ItemMessageComponent, required, hidePicker, max, min, ...otherProps }, inputRef) => {
+    const componentClassName = getClassName({
+        baseClassName: "af-form__input-date",
+        modifiers: classModifier.split(" "),
+        className,
+    });
     let inputId = useId();
     inputId = otherProps.id ?? inputId;
     const idMessage = useId();
@@ -20,7 +24,7 @@ const InputDateCommon = forwardRef(({ className, classModifier = "", helper, err
     const hasError = (Boolean(message) && messageType === "error") || Boolean(error);
     const ariaErrormessage = hasError ? idMessage : undefined;
     const ariaInvalid = hasError || undefined;
-    return (_jsxs("div", { className: "af-form__input-container", children: [_jsx(ItemLabelComponent, { label: label, description: description, buttonLabel: buttonLabel, onButtonClick: onButtonClick, required: required, inputId: inputId }), hidePicker ? (_jsx(InputDateTextAtom, { ...otherProps, id: inputId, className: componentClassName, ref: inputRef, "aria-errormessage": ariaErrormessage, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, required: required })) : (_jsx(InputDateAtom, { ...otherProps, id: inputId, className: componentClassName, ref: inputRef, "aria-errormessage": ariaErrormessage, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, required: required, max: max, min: min })), 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") })] }));
+    return (_jsxs("div", { className: "af-form__input-container", children: [_jsx(ItemLabelComponent, { description: description, moreButtonLabel: buttonLabel || moreButtonLabel, onMoreButtonClick: onButtonClick || onMoreButtonClick, required: required, htmlFor: inputId, children: label }), hidePicker ? (_jsx(InputDateTextAtom, { ...otherProps, id: inputId, className: componentClassName, ref: inputRef, "aria-errormessage": ariaErrormessage, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, required: required })) : (_jsx(InputDateAtom, { ...otherProps, id: inputId, className: componentClassName, ref: inputRef, "aria-errormessage": ariaErrormessage, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedby, required: required, max: max, min: min })), 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") })] }));
 });
 InputDateCommon.displayName = "InputDate";
 export { InputDateCommon };

package/dist/Form/ItemLabel/ItemLabelCommon.d.ts

@@ -1,4 +1,4 @@
-import { type ComponentType, type MouseEventHandler, type ReactNode, type ComponentProps } from "react";
+import { type ComponentProps, type ComponentType, type MouseEventHandler, type ReactNode } from "react";
 import type { ButtonProps } from "../../Button/ButtonCommon";
 export type ItemLabelProps = ComponentProps<"label"> & {
     /**
@@ -40,7 +40,7 @@ export type ItemLabelProps = ComponentProps<"label"> & {
     buttonLabel?: ReactNode;
     /**
      * Click handler for the info button
-     * @deprecated use `onInfoButtonClick` instead.
+     * @deprecated use `onMoreButtonClick` instead.
      */
     onButtonClick?: MouseEventHandler<HTMLButtonElement>;
     /**

package/dist/Form/ItemLabel/ItemLabelCommon.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId, } from "react";
 import infoIcon from "@material-symbols/svg-400/outlined/info.svg";
+import { useId, } from "react";
 import { Svg } from "../../Svg/Svg";
 /**
  * A comprehensive label component for form items with support for descriptions and action buttons.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-apollo-react",
-  "version": "3.1.1",
+  "version": "3.1.2-alpha.2",
   "description": "",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -46,7 +46,7 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/design-system-apollo-css": "3.1.1",
+    "@axa-fr/design-system-apollo-css": "3.1.2-alpha.2",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18"
   },