optimized-react-component-library-xyz123 2.10.1 → 2.10.2

package/dist/index.mjs

@@ -3881,7 +3881,8 @@ var Navigation = ({
   menuLinks = [],
   openButtonRef = null,
   linkComponent: LinkComponent = (props) => /* @__PURE__ */ jsx30("a", { ...props }),
-  navigationCloseFocusId
+  navigationCloseFocusId,
+  activeSubMenu = null
 }) => {
   const closeMenuText = activatedLanguage === "sv" ? "St\xE4ng meny" : "Close menu";
   const navRef = useRef3(null);
@@ -3896,7 +3897,11 @@ var Navigation = ({
     typeOfInteraction === "close" ? (_a = openButtonRef == null ? void 0 : openButtonRef.current) == null ? void 0 : _a.focus() : navigationCloseFocusId && ((_b = document.getElementById(navigationCloseFocusId)) == null ? void 0 : _b.focus());
   };
   useEffect13(() => {
-    if (!isOpen || !navRef.current) return;
+    if (!isOpen || !navRef.current) {
+      setOpenSubMenu(activeSubMenu);
+      return;
+    }
+    setOpenSubMenu(activeSubMenu);
     const nav = navRef.current;
     const focusableSelectors = 'a, button, input, textarea, select, [tabindex]:not([tabindex="-1"])';
     const focusableElements = nav.querySelectorAll(focusableSelectors);
@@ -3956,6 +3961,7 @@ var Navigation = ({
         );
       });
   }, [isOpen, activatedLanguage]);
+  console.log(openSubMenu);
   return /* @__PURE__ */ jsxs26(Fragment20, { children: [
     /* @__PURE__ */ jsx30("div", { "aria-live": "polite", className: "sr-only", children: instruction }),
     /* @__PURE__ */ jsxs26(
@@ -4101,7 +4107,8 @@ var NavigationHeader = ({
   },
   linkComponent: LinkComponent = (props) => /* @__PURE__ */ jsx33("a", { ...props }),
   noLogoLink = false,
-  navigationCloseFocusId
+  navigationCloseFocusId,
+  activeSubMenu = null
 }) => {
   const logoLink = activatedLanguage === "en" ? "https://pts.se/en" : "https://pts.se/";
   const hasHeadline = headline && headline.length > 0;
@@ -4162,7 +4169,7 @@ var NavigationHeader = ({
           children: /* @__PURE__ */ jsx33("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? /* @__PURE__ */ jsx33(Logo_en, {}) : /* @__PURE__ */ jsx33(Logo_sv, {}) })
         }
       ) }),
-      /* @__PURE__ */ jsx33("div", { className: `${hasHeadline ? "pts-navigation-header-headline-container" : ""}`, children: hasHeadline && /* @__PURE__ */ jsx33("p", { className: "pts-site-headline", children: headline }) }),
+      /* @__PURE__ */ jsx33("div", { className: `${hasHeadline ? "pts-navigation-header-headline-container" : ""}`, children: hasHeadline && /* @__PURE__ */ jsx33("div", { className: "pts-site-headline", children: headline }) }),
       /* @__PURE__ */ jsx33("div", { className: "pts-navigation-header-nav-container", children: (useLanguage || useNavigationMenu || useSearch) && /* @__PURE__ */ jsxs29(Fragment21, { children: [
         useSearch && !isMenuOpen && /* @__PURE__ */ jsx33(Fragment21, { children: /* @__PURE__ */ jsxs29("button", { type: "button", onClick: handleSearchClick, children: [
           /* @__PURE__ */ jsx33("span", { "aria-hidden": "true", className: "pts-navigation-header-icons", children: getSearchIcon() }),
@@ -4206,7 +4213,8 @@ var NavigationHeader = ({
         isOpen: isMenuOpen,
         openButtonRef: menuButtonFocusRef,
         linkComponent: LinkComponent,
-        navigationCloseFocusId
+        navigationCloseFocusId,
+        activeSubMenu
       }
     ) }),
     isMenuOpen && /* @__PURE__ */ jsx33(