@axa-fr/design-system-apollo-react 2.0.4-alpha.15 → 2.0.4-alpha.16

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

@@ -1,4 +1,4 @@
-import { ComponentProps, ComponentPropsWithRef, ComponentType } from "react";
+import { type ComponentProps, type ComponentPropsWithRef, type ComponentType } from "react";
 import { ItemLabelCommon, type ItemLabelProps } from "../ItemLabel/ItemLabelCommon";
 import { ItemMessage, type ItemMessageProps } from "../ItemMessage/ItemMessageCommon";
 export type InputDateProps = Omit<ComponentPropsWithRef<"input">, "value" | "min" | "max"> & {

package/dist/Form/InputDate/InputDateCommon.js

@@ -1,23 +1,29 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useEffect, useId, } from "react";
+import { forwardRef, useEffect, useId, useImperativeHandle, useRef, } from "react";
 import { getComponentClassName } from "../../utilities/getComponentClassName";
 import { formatInputDateValue } from "./InputDate.helper";
-const InputDateCommon = forwardRef(({ className, classModifier = "", defaultValue, value, helper, error, success, message, messageType, label, description, buttonLabel, onButtonClick, ItemLabelComponent, ItemMessageComponent, required, min, max, hidePicker, ...otherProps }, inputRef) => {
+const InputDateCommon = forwardRef(({ className, classModifier = "", defaultValue, value, helper, error, success, message, messageType, label, description, buttonLabel, onButtonClick, ItemLabelComponent, ItemMessageComponent, required, min, max, hidePicker, ...otherProps }, ref) => {
     const componentClassName = getComponentClassName("af-form__input-date", className ?? "", `${classModifier}${hidePicker ? " no-picker" : ""}`);
     let inputId = useId();
     inputId = otherProps.id ?? inputId;
     const idMessage = useId();
     const idHelp = useId();
+    const inputRef = useRef(null);
+    useImperativeHandle(ref, () => inputRef.current);
     const ariaDescribedby = [helper && idHelp, success && idMessage].filter(Boolean);
-    /* Stop keydown (space and enter) and click events for Firefox when picker is disabled */
+    /* Stop space keydown, enter keydown for non webkit browsers and click events targeting the input element when picker is disabled */
     useEffect(() => {
         function handleKeydown(event) {
-            if (hidePicker && (event.keyCode === 13 || event.keyCode === 32)) {
+            if (hidePicker &&
+                (event.keyCode === 32 ||
+                    (event.keyCode === 13 &&
+                        !window.navigator?.userAgent?.includes("WebKit"))) &&
+                event.target === inputRef.current) {
                 event.preventDefault();
             }
         }
         function handleClick(event) {
-            if (hidePicker) {
+            if (hidePicker && event.target === inputRef.current) {
                 event.preventDefault();
             }
         }

package/package.json

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