@db-ux/react-core-components 2.4.1 → 2.4.2

package/dist/components/navigation-item/navigation-item.js

@@ -4,7 +4,7 @@ import { filterPassingProps, getRootProps } from "../../utils/react";
 import { useState, useRef, useEffect, forwardRef } from "react";
 import { DEFAULT_BACK } from "../../shared/constants";
 import { cls, delay, getBoolean, getBooleanAsString, getHideProp, uuid, } from "../../utils";
-import { isEventTargetNavigationItem, NavigationItemSafeTriangle, } from "../../utils/navigation";
+import { NavigationItemSafeTriangle } from "../../utils/navigation";
 import DBButton from "../button/button";
 function DBNavigationItemFn(props, component) {
     var _a;
@@ -17,11 +17,12 @@ function DBNavigationItemFn(props, component) {
     const [subNavigationId, setSubNavigationId] = useState(() => "sub-navigation-" + uuid());
     const [navigationItemSafeTriangle, setNavigationItemSafeTriangle] = useState(() => undefined);
     function handleNavigationItemClick(event) {
-        if (isEventTargetNavigationItem(event)) {
+        var _a;
+        if (((_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.nodeName) === "A") {
             setAutoClose(true);
-            delay(() => {
+            void delay(() => {
                 setAutoClose(false);
-            }, 300);
+            }, 1000);
         }
     }
     function handleClick(event) {
@@ -66,7 +67,7 @@ function DBNavigationItemFn(props, component) {
         !hasSubNavigation ? (React.createElement(React.Fragment, null, props.text ? React.createElement(React.Fragment, null, props.text) : React.createElement(React.Fragment, null, props.children))) : null,
         hasSubNavigation ? (React.createElement(React.Fragment, null,
             React.createElement("button", { className: "db-navigation-item-expand-button", "aria-haspopup": hasAreaPopup, "aria-expanded": isSubNavigationExpanded, disabled: getBoolean(props.disabled, "disabled"), onClick: (event) => handleClick(event) }, props.text ? React.createElement(React.Fragment, null, props.text) : React.createElement(React.Fragment, null, props.children)),
-            React.createElement("menu", { className: "db-sub-navigation", "data-auto-close": autoClose, id: subNavigationId, onClick: (event) => handleNavigationItemClick(event) },
+            React.createElement("menu", { className: "db-sub-navigation", "data-force-close": autoClose, id: subNavigationId, onClick: (event) => handleNavigationItemClick(event) },
                 hasAreaPopup ? (React.createElement("div", { className: "db-mobile-navigation-back" },
                     React.createElement(DBButton, { icon: "arrow_left", variant: "ghost", id: props.backButtonId, onClick: (event) => handleBackClick(event) }, (_a = props.backButtonText) !== null && _a !== void 0 ? _a : DEFAULT_BACK))) : null,
                 React.createElement(React.Fragment, null, props.subNavigation)))) : null));

package/dist/shared/model.d.ts

@@ -86,7 +86,7 @@ export type PlacementProps = {
     placement?: PlacementType;
 };
 export type NavigationBehaviorState = {
-    handleNavigationItemClick: (event: unknown) => void;
+    handleNavigationItemClick: (event: any) => void;
 };
 export type GapProps = {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@db-ux/react-core-components",
-  "version": "2.4.1",
+  "version": "2.4.2",
   "description": "React components for @db-ux/core-components",
   "repository": {
     "type": "git",
@@ -27,7 +27,7 @@
     "tsc": "tsc -p . --sourceMap false"
   },
   "devDependencies": {
-    "@playwright/experimental-ct-react": "1.53.2",
+    "@playwright/experimental-ct-react": "1.54.1",
     "@types/react": "^18.3.13",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
@@ -38,7 +38,7 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@db-ux/core-components": "2.4.1",
-    "@db-ux/core-foundations": "2.4.1"
+    "@db-ux/core-components": "2.4.2",
+    "@db-ux/core-foundations": "2.4.2"
   }
 }