@axa-fr/design-system-apollo-react 1.0.5-alpha.400 → 1.0.5-alpha.406

package/dist/Form/Radio/CardRadio/CardRadioCommon.js

@@ -9,6 +9,6 @@ export const CardRadioCommon = ({ className, labelGroup, descriptionGroup, label
                     `af-card-radio__options--${type}`,
                 ].join(" "), children: options.map((cardRadioItemProps) => (_jsx(CardRadioOptionComponent, { id: `${cardRadioId}-${cardRadioItemProps.value}`, checked: value !== undefined
                         ? value === cardRadioItemProps.value
-                        : undefined, ...inputProps, ...cardRadioItemProps, type: type, isInvalid: Boolean(error), name: name }, `${name ?? cardRadioId}-${cardRadioItemProps.label}`))) }), _jsx(ItemMessageComponent, { id: errorId, message: error, messageType: "error" })] }));
+                        : undefined, required: required, ...inputProps, ...cardRadioItemProps, type: type, isInvalid: Boolean(error), name: name }, `${name ?? cardRadioId}-${cardRadioItemProps.label}`))) }), _jsx(ItemMessageComponent, { id: errorId, message: error, messageType: "error" })] }));
 };
 CardRadioCommon.displayName = "CardRadioCommon";

package/dist/Form/TextArea/TextAreaCommon.d.ts

@@ -2,6 +2,7 @@ import { type ComponentProps, ComponentPropsWithRef, type ComponentType, MouseEv
 import { ItemLabel } from "../ItemLabel/ItemLabelCommon";
 import { ItemMessage } from "../ItemMessage/ItemMessageCommon";
 type Props = ComponentPropsWithRef<"textarea"> & Pick<ComponentProps<typeof ItemLabel>, "label" | "description" | "buttonLabel" | "sideButtonLabel" | "onSideButtonClick"> & {
+    /** @deprecated Use `className` instead */
     classModifier?: string;
     helper?: string;
     error?: string;
@@ -9,5 +10,5 @@ type Props = ComponentPropsWithRef<"textarea"> & Pick<ComponentProps<typeof Item
     ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
     onButtonClick?: MouseEventHandler<HTMLButtonElement>;
 } & Partial<ComponentPropsWithRef<typeof ItemMessage>>;
-declare const TextArea: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
-export { TextArea };
+export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+export {};

package/dist/Form/TextArea/TextAreaCommon.js

@@ -1,13 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useId, } from "react";
-import { getComponentClassName } from "../../utilities/getComponentClassName";
-const TextArea = forwardRef(({ className, classModifier = "", label, description, helper, error, buttonLabel, onButtonClick, required, sideButtonLabel, ItemLabelComponent, ItemMessageComponent, onSideButtonClick, ...otherProps }, inputRef) => {
-    const componentClassName = getComponentClassName("af-form__input-textarea", className, classModifier);
-    let inputId = useId();
-    inputId = otherProps.id || inputId;
-    const idHelp = useId();
-    const idError = useId();
-    return (_jsxs("div", { className: "af-form__input-container", children: [_jsx(ItemLabelComponent, { label: label, description: description, buttonLabel: buttonLabel, onButtonClick: onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, inputId: inputId }), _jsx("textarea", { id: inputId, className: componentClassName, ref: inputRef, "aria-errormessage": error ? idError : undefined, "aria-describedby": helper ? idHelp : undefined, "aria-invalid": Boolean(error), ...otherProps }), helper ? (_jsx("span", { id: idHelp, className: "af-form__input-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: idError, message: error })] }));
+export const TextArea = forwardRef(({ id, className, classModifier = "", label, description, helper, error, buttonLabel, onButtonClick, required, sideButtonLabel, ItemLabelComponent, ItemMessageComponent, onSideButtonClick, placeholder = " ", ...inputProps }, inputRef) => {
+    const generatedId = useId();
+    const inputId = id ?? generatedId;
+    const helperId = `${inputId}-helper`;
+    const errorId = `${inputId}-error`;
+    return (_jsxs("div", { className: ["af-form__input-container", className]
+            .filter(Boolean)
+            .join(" "), children: [_jsx(ItemLabelComponent, { label: label, description: description, buttonLabel: buttonLabel, onButtonClick: onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, inputId: inputId }), _jsx("textarea", { id: inputId, className: "af-form__input-textarea", ref: inputRef, "aria-errormessage": error ? errorId : undefined, "aria-describedby": helper ? helperId : undefined, required: required, "aria-invalid": Boolean(error) || classModifier.includes("error") ? true : undefined, placeholder: placeholder, ...inputProps }), helper ? (_jsx("span", { id: helperId, className: "af-form__input-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: errorId, message: error })] }));
 });
 TextArea.displayName = "TextArea";
-export { TextArea };

package/package.json

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