optimized-react-component-library-xyz123 2.10.3 → 2.11.1

package/dist/index.js

@@ -3983,17 +3983,22 @@ var Navigation = ({
   };
   (0, import_react16.useEffect)(() => {
     var _a, _b;
-    if (!isOpen || !navRef.current) {
+    if (!isOpen) {
       setOpenSubMenu(null);
       return;
     }
-    const defaultOpenSubMenu = activePath !== null ? (_b = (_a = menuLinks.find(
+    const defaultOpenSubMenu = activePath == null ? null : (_b = (_a = menuLinks.find(
       (link) => {
         var _a2;
-        return (_a2 = link.children) == null ? void 0 : _a2.some((child) => child.href.indexOf(activePath) !== -1);
+        return (_a2 = link.children) == null ? void 0 : _a2.some((child) => child.href.includes(activePath));
       }
-    )) == null ? void 0 : _a.label[activatedLanguage]) != null ? _b : null : null;
+    )) == null ? void 0 : _a.label[activatedLanguage]) != null ? _b : null;
     setOpenSubMenu(defaultOpenSubMenu);
+  }, [isOpen, activePath, menuLinks, activatedLanguage]);
+  (0, import_react16.useEffect)(() => {
+    if (!isOpen || !navRef.current) {
+      return;
+    }
     const nav = navRef.current;
     const focusableSelectors = 'a, button, input, textarea, select, [tabindex]:not([tabindex="-1"])';
     const focusableElements = nav.querySelectorAll(focusableSelectors);
@@ -4004,10 +4009,10 @@ var Navigation = ({
       firstElement.focus();
     });
     const handleKeyDown = (event) => {
-      var _a2;
+      var _a;
       if (event.key === "Escape") {
         setIsMenyOpen == null ? void 0 : setIsMenyOpen(false);
-        (_a2 = openButtonRef == null ? void 0 : openButtonRef.current) == null ? void 0 : _a2.focus();
+        (_a = openButtonRef == null ? void 0 : openButtonRef.current) == null ? void 0 : _a.focus();
         return;
       }
       if (event.key !== "Tab") return;
@@ -4053,7 +4058,6 @@ var Navigation = ({
         );
       });
   }, [isOpen, activatedLanguage]);
-  console.log(openSubMenu, "tt");
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { "aria-live": "polite", className: "sr-only", children: instruction }),
     /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(