@axa-fr/design-system-slash-react 2.0.1 → 2.0.2

package/dist/Form/Date/DateInput.js

@@ -3,7 +3,7 @@ import { forwardRef } from "react";
 import { Field } from "../core";
 import { Date } from "./Date";
 const DateInput = forwardRef(({ children, ...otherProps }, inputRef) => {
-    return (_jsx(Field, { ...otherProps, renderInput: ({ id, classModifier, ariaInvalid, errorId }) => (_jsxs(_Fragment, { children: [_jsx(Date, { id: id, classModifier: classModifier, ref: inputRef, "aria-describedby": errorId, "aria-invalid": ariaInvalid, ...otherProps }), children] })) }));
+    return (_jsx(Field, { ...otherProps, renderInput: ({ id, classModifier, ariaInvalid, errorId, ...props }) => (_jsxs(_Fragment, { children: [_jsx(Date, { id: id, classModifier: classModifier, ref: inputRef, "aria-describedby": errorId, "aria-invalid": ariaInvalid, ...props }), children] })) }));
 });
 DateInput.displayName = "DateInput";
 export { DateInput };

package/dist/Form/Pass/PassInput.js

@@ -26,6 +26,6 @@ const calculateStrength = (score) => {
 const PassInput = ({ children, score, classModifier, disabled, ...props }) => {
     const strength = calculateStrength(score);
     const [type, setType] = useState("password");
-    return (_jsx(Field, { ...props, classModifier: classModifier, renderInput: ({ id, classModifier: modifier, ariaInvalid, errorId }) => (_jsxs(_Fragment, { children: [_jsx(Pass, { ...props, type: type, id: id, disabled: disabled, classModifier: `${modifier} ${strength}`, "aria-describedby": errorId, "aria-invalid": ariaInvalid, onToggleType: () => setType(type === "password" ? "text" : "password") }), children] })) }));
+    return (_jsx(Field, { ...props, classModifier: classModifier, renderInput: ({ id, classModifier: modifier, ariaInvalid, errorId, ...inputProps }) => (_jsxs(_Fragment, { children: [_jsx(Pass, { ...inputProps, type: type, id: id, disabled: disabled, classModifier: `${modifier} ${strength}`, "aria-describedby": errorId, "aria-invalid": ariaInvalid, onToggleType: () => setType(type === "password" ? "text" : "password") }), children] })) }));
 };
 export { PassInput };

package/dist/Form/Text/TextInput.js

@@ -3,7 +3,7 @@ import { forwardRef } from "react";
 import { Field } from "../core";
 import { Text } from "./Text";
 const TextInput = forwardRef(({ children, ...props }, inputRef) => {
-    return (_jsx(Field, { ...props, renderInput: ({ id, classModifier, ariaInvalid, errorId }) => (_jsxs(_Fragment, { children: [_jsx(Text, { id: id, classModifier: classModifier, ref: inputRef, "aria-describedby": errorId, "aria-invalid": ariaInvalid, ...props }), children] })) }));
+    return (_jsx(Field, { ...props, renderInput: ({ id, classModifier, ariaInvalid, errorId, ...textProps }) => (_jsxs(_Fragment, { children: [JSON.stringify({ id }), _jsx(Text, { id: id, classModifier: classModifier, ref: inputRef, "aria-describedby": errorId, "aria-invalid": ariaInvalid, ...textProps }), children] })) }));
 });
 TextInput.displayName = "TextInput";
 export { TextInput };

package/dist/Form/core/Field.js

@@ -4,9 +4,12 @@ import { useId } from "react";
 import { FieldError, FormClassManager, HelpMessage, useInputClassModifier, } from ".";
 import { getComponentClassName } from "../../utilities";
 import { useAriaInvalid } from "./useAriaInvalid";
+function isIdDefined(id) {
+    return typeof id === "string" && id.length > 0;
+}
 export const Field = ({ classNameContainerInput = "col-md-10", classNameContainerLabel = "col-md-2", className, label, forceDisplayMessage, message, messageType, required, classModifier = "", disabled = false, helpMessage, id, isVisible = true, roleContainer, ariaLabelContainer, isLabelContainerLinkedToInput = true, labelPosition = "center", classNameSuffix = "text", renderInput, appendChildren, ...otherProps }) => {
     const inputUseId = useId();
-    const inputId = id ?? inputUseId;
+    const inputId = isIdDefined(id) ? id : inputUseId;
     const actualRequired = required || classModifier.includes("required");
     const isInvalid = useAriaInvalid(message, forceDisplayMessage, messageType);
     const errorId = forceDisplayMessage || helpMessage ? `${inputId}-description` : undefined;

package/package.json

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