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

package/dist/index.d.mts

@@ -847,7 +847,7 @@ interface NavigationHeaderProps {
     linkComponent?: ElementType;
     noLogoLink?: boolean;
     navigationCloseFocusId?: string;
-    activeSubMenu?: string | null;
+    activePath?: string | null;
 }
 
 declare const NavigationHeader: FC<NavigationHeaderProps>;
@@ -860,7 +860,7 @@ interface NavigationProps {
     openButtonRef: RefObject<HTMLButtonElement | null>;
     linkComponent?: ElementType;
     navigationCloseFocusId?: string;
-    activeSubMenu?: string | null;
+    activePath?: string | null;
 }
 type Locale = 'sv' | 'en';
 type Label = Record<Locale, string>;

package/dist/index.d.ts

@@ -847,7 +847,7 @@ interface NavigationHeaderProps {
     linkComponent?: ElementType;
     noLogoLink?: boolean;
     navigationCloseFocusId?: string;
-    activeSubMenu?: string | null;
+    activePath?: string | null;
 }
 
 declare const NavigationHeader: FC<NavigationHeaderProps>;
@@ -860,7 +860,7 @@ interface NavigationProps {
     openButtonRef: RefObject<HTMLButtonElement | null>;
     linkComponent?: ElementType;
     navigationCloseFocusId?: string;
-    activeSubMenu?: string | null;
+    activePath?: string | null;
 }
 type Locale = 'sv' | 'en';
 type Label = Record<Locale, string>;

package/dist/index.js

@@ -3967,7 +3967,7 @@ var Navigation = ({
   openButtonRef = null,
   linkComponent: LinkComponent = (props) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("a", { ...props }),
   navigationCloseFocusId,
-  activeSubMenu = null
+  activePath = null
 }) => {
   const closeMenuText = activatedLanguage === "sv" ? "St\xE4ng meny" : "Close menu";
   const navRef = (0, import_react16.useRef)(null);
@@ -3981,12 +3981,24 @@ var Navigation = ({
     setIsMenyOpen == null ? void 0 : setIsMenyOpen(false);
     typeOfInteraction === "close" ? (_a = openButtonRef == null ? void 0 : openButtonRef.current) == null ? void 0 : _a.focus() : navigationCloseFocusId && ((_b = document.getElementById(navigationCloseFocusId)) == null ? void 0 : _b.focus());
   };
+  (0, import_react16.useEffect)(() => {
+    var _a, _b;
+    if (!isOpen) {
+      setOpenSubMenu(null);
+      return;
+    }
+    const defaultOpenSubMenu = activePath == null ? null : (_b = (_a = menuLinks.find(
+      (link) => {
+        var _a2;
+        return (_a2 = link.children) == null ? void 0 : _a2.some((child) => child.href.includes(activePath));
+      }
+    )) == null ? void 0 : _a.label[activatedLanguage]) != null ? _b : null;
+    setOpenSubMenu(defaultOpenSubMenu);
+  }, [isOpen, activePath, menuLinks, activatedLanguage]);
   (0, import_react16.useEffect)(() => {
     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);
@@ -4046,7 +4058,6 @@ var Navigation = ({
         );
       });
   }, [isOpen, activatedLanguage]);
-  console.log(openSubMenu);
   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)(
@@ -4193,7 +4204,7 @@ var NavigationHeader = ({
   linkComponent: LinkComponent = (props) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("a", { ...props }),
   noLogoLink = false,
   navigationCloseFocusId,
-  activeSubMenu = null
+  activePath = null
 }) => {
   const logoLink = activatedLanguage === "en" ? "https://pts.se/en" : "https://pts.se/";
   const hasHeadline = headline && headline.length > 0;
@@ -4299,7 +4310,7 @@ var NavigationHeader = ({
         openButtonRef: menuButtonFocusRef,
         linkComponent: LinkComponent,
         navigationCloseFocusId,
-        activeSubMenu
+        activePath
       }
     ) }),
     isMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(