@axa-fr/design-system-apollo-react 1.0.5-alpha.378 → 1.0.5-alpha.380

package/dist/Form/InputDate/InputDate.helper.js

@@ -1,4 +1 @@
-const MAXIMUM_SIZE_DATE = 10;
-export const formatInputDateValue = (value) => value instanceof Date
-    ? value.toISOString().slice(0, MAXIMUM_SIZE_DATE)
-    : value;
+export const formatInputDateValue = (value) => value instanceof Date ? value.toISOString().split("T")[0] : value;

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

@@ -1,10 +1,12 @@
 import "@axa-fr/design-system-apollo-css/dist/Form/InputDate/InputDateApollo.scss";
 import { type ComponentProps } from "react";
 import { ItemMessage } from "../ItemMessage/ItemMessageApollo";
-export declare const InputDate: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "value"> & {
+export declare const InputDate: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "max" | "min" | "value"> & {
     classModifier?: string;
     defaultValue?: Date | string;
     value?: Date | string;
+    min?: Date | string;
+    max?: Date | string;
     helper?: string;
     error?: string;
     success?: string;

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

@@ -1,10 +1,12 @@
 import { ComponentProps, ComponentPropsWithRef, ComponentType } from "react";
 import { ItemLabel } from "../ItemLabel/ItemLabelCommon";
 import { ItemMessage } from "../ItemMessage/ItemMessageCommon";
-type InputDateProps = Omit<ComponentPropsWithRef<"input">, "value"> & {
+type InputDateProps = Omit<ComponentPropsWithRef<"input">, "value" | "min" | "max"> & {
     classModifier?: string;
     defaultValue?: Date | string;
     value?: Date | string;
+    min?: Date | string;
+    max?: Date | string;
     helper?: string;
     error?: string;
     success?: string;

package/dist/Form/InputDate/InputDateCommon.js

@@ -2,14 +2,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useId, } from "react";
 import { getComponentClassName } from "../../utilities/getComponentClassName";
 import { formatInputDateValue } from "./InputDate.helper";
-const InputDate = forwardRef(({ className, classModifier = "", defaultValue, value, helper, error, success, label, description, buttonLabel, onButtonClick, ItemLabelComponent, ItemMessageComponent, required, "aria-errormessage": ariaErrormessage, ...otherProps }, inputRef) => {
+const InputDate = forwardRef(({ className, classModifier = "", defaultValue, value, helper, error, success, label, description, buttonLabel, onButtonClick, ItemLabelComponent, ItemMessageComponent, required, "aria-errormessage": ariaErrormessage, min, max, ...otherProps }, inputRef) => {
     const componentClassName = getComponentClassName("af-form__input-date", className ?? "", classModifier + (error || ariaErrormessage ? " error" : ""));
     let inputId = useId();
     inputId = otherProps.id ?? inputId;
     const idMessage = useId();
     const idHelp = useId();
     const idLabel = useId();
-    return (_jsxs("div", { className: "af-form__input-container", children: [_jsx(ItemLabelComponent, { label: label, description: description, buttonLabel: buttonLabel, onButtonClick: onButtonClick, required: required, inputId: inputId, idLabel: idLabel }), _jsx("input", { ...otherProps, id: inputId, className: componentClassName, type: "date", ref: inputRef, defaultValue: formatInputDateValue(defaultValue), value: formatInputDateValue(value), "aria-labelledby": idLabel, "aria-errormessage": ariaErrormessage ?? idMessage, "aria-invalid": Boolean(error ?? ariaErrormessage), "aria-describedby": idHelp, required: required }), helper && (_jsx("span", { id: idHelp, className: "af-form__input-helper", children: helper })), _jsx(ItemMessageComponent, { id: idMessage, message: error ?? success, messageType: error ? "error" : "success" })] }));
+    return (_jsxs("div", { className: "af-form__input-container", children: [_jsx(ItemLabelComponent, { label: label, description: description, buttonLabel: buttonLabel, onButtonClick: onButtonClick, required: required, inputId: inputId, idLabel: idLabel }), _jsx("input", { ...otherProps, id: inputId, className: componentClassName, type: "date", ref: inputRef, defaultValue: formatInputDateValue(defaultValue), value: formatInputDateValue(value), "aria-labelledby": idLabel, "aria-errormessage": ariaErrormessage ?? idMessage, "aria-invalid": Boolean(error ?? ariaErrormessage), "aria-describedby": idHelp, required: required, min: formatInputDateValue(min), max: formatInputDateValue(max) }), helper && (_jsx("span", { id: idHelp, className: "af-form__input-helper", children: helper })), _jsx(ItemMessageComponent, { id: idMessage, message: error ?? success, messageType: error ? "error" : "success" })] }));
 });
 InputDate.displayName = "InputDate";
 export { InputDate };

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

@@ -1,10 +1,12 @@
 import "@axa-fr/design-system-apollo-css/dist/Form/InputDate/InputDateLF.scss";
 import { ComponentProps } from "react";
 import { ItemMessage } from "../ItemMessage/ItemMessageLF";
-export declare const InputDate: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "value"> & {
+export declare const InputDate: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "max" | "min" | "value"> & {
     classModifier?: string;
     defaultValue?: Date | string;
     value?: Date | string;
+    min?: Date | string;
+    max?: Date | string;
     helper?: string;
     error?: string;
     success?: string;

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

@@ -7,14 +7,15 @@ import { CardRadioItem } from "./CardRadioItem";
 const CardRadioCommon = ({ className, labelGroup, descriptionGroup, RadioComponent, IconComponent, isRequired, options, type = "vertical", error, name, value, onChange, ItemMessageComponent, ...inputProps }) => {
     const componentClassName = getComponentClassName("af-card-radio__container", className);
     const RadioGroupClassName = getComponentClassName("af-card-radio-group", className, type);
-    const errorId = useId();
+    const cardRadioId = useId();
+    const errorId = `${cardRadioId}:error`;
     const isMobile = useIsSmallScreen(BREAKPOINT.SM);
     const size = isMobile
         ? "M"
         : "L";
     return (_jsxs("fieldset", { className: componentClassName, "aria-invalid": Boolean(error), "aria-errormessage": error ? errorId : undefined, children: [labelGroup && (_jsxs("legend", { className: "af-card-radio__legend", children: [_jsxs("p", { children: [labelGroup, isRequired && _jsx("span", { "aria-hidden": true, children: "\u00A0*" })] }), descriptionGroup && (_jsx("p", { className: "af-card-radio__description", children: descriptionGroup }))] })), _jsx("div", { className: RadioGroupClassName, children: options.map((cardRadioItemProps) => (_jsx(CardRadioItem, { name: name, onChange: onChange, size: size, RadioComponent: RadioComponent, IconComponent: IconComponent, checked: value !== undefined
                         ? value === cardRadioItemProps.value
-                        : undefined, ...inputProps, ...cardRadioItemProps }, `${name}-${crypto.randomUUID()}`))) }), _jsx(ItemMessageComponent, { id: errorId, message: error, messageType: "error" })] }));
+                        : undefined, ...inputProps, ...cardRadioItemProps }, `${name ?? cardRadioId}-${cardRadioItemProps.label}`))) }), _jsx(ItemMessageComponent, { id: errorId, message: error, messageType: "error" })] }));
 };
 CardRadioCommon.displayName = "CardRadioCommon";
 export { CardRadioCommon };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-apollo-react",
-  "version": "1.0.5-alpha.378",
+  "version": "1.0.5-alpha.380",
   "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.378",
-    "@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.378",
+    "@axa-fr/design-system-apollo-css": "1.0.5-alpha.380",
+    "@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.380",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18"
   },