optimized-react-component-library-xyz123 2.8.1 → 2.8.2

package/dist/index.mjs

@@ -3708,7 +3708,7 @@ var Header = ({
 var HeaderStandard_default = Header;
 
 // src/components/layout/NavigationHeaderStandard/NavigationHeaderStandard.tsx
-import { useRef as useRef4, useState as useState11 } from "react";
+import { useEffect as useEffect14, useRef as useRef4, useState as useState11 } from "react";
 
 // src/components/layout/NavigationStandard/NavigationStandard.tsx
 import { useEffect as useEffect13, useState as useState9, useRef as useRef3 } from "react";
@@ -3723,6 +3723,7 @@ var Navigation = ({
 }) => {
   const closeMenuText = activatedLanguage === "sv" ? "St\xE4ng meny" : "Close menu";
   const navRef = useRef3(null);
+  const firstVisitRef = useRef3(true);
   const [openSubMenu, setOpenSubMenu] = useState9(null);
   const handleSubMenu = (label) => {
     setOpenSubMenu(openSubMenu === label ? null : label);
@@ -3776,8 +3777,15 @@ var Navigation = ({
     }
     return "\xD6ppna undermeny f\xF6r " + label["sv"];
   };
+  const setInstruction = () => {
+    if (firstVisitRef.current) {
+      firstVisitRef.current = false;
+      return "";
+    }
+    return isOpen ? activatedLanguage === "sv" ? "Navigationsmenyn \xF6ppnades" : "Navigation menu opened" : activatedLanguage === "sv" ? "Navigationsmenyn st\xE4ngdes" : "Navigation menu closed";
+  };
   return /* @__PURE__ */ jsxs24(Fragment18, { children: [
-    /* @__PURE__ */ jsx28("div", { "aria-live": "polite", className: "sr-only", children: isOpen ? activatedLanguage === "sv" ? "Navigationsmenyn \xF6ppnades" : "Navigation menu opened" : activatedLanguage === "sv" ? "Navigationsmenyn st\xE4ngdes" : "Navigation menu closed" }),
+    /* @__PURE__ */ jsx28("div", { "aria-live": "polite", className: "sr-only", children: setInstruction() }),
     /* @__PURE__ */ jsxs24(
       "nav",
       {
@@ -3905,7 +3913,8 @@ var NavigationHeader = ({
   SetActivatedLanguage = () => {
   },
   linkComponent: LinkComponent = (props) => /* @__PURE__ */ jsx31("a", { ...props }),
-  noLogoLink = false
+  noLogoLink = false,
+  navigationCloseFocusId
 }) => {
   const logoLink = activatedLanguage === "en" ? "https://pts.se/en" : "https://pts.se/";
   const hasHeadline = headline && headline.length > 0;
@@ -3922,8 +3931,23 @@ var NavigationHeader = ({
     else return "Svenska";
   };
   const [isMenuOpen, setIsMenuOpen] = useState11(false);
+  const [hasBeenOpen, setHasBeenOpen] = useState11(false);
+  useEffect14(() => {
+    var _a;
+    console.log(navigationCloseFocusId);
+    if (!isMenuOpen && navigationCloseFocusId && hasBeenOpen) {
+      (_a = document.getElementById(navigationCloseFocusId)) == null ? void 0 : _a.focus();
+      console.log(navigationCloseFocusId, document.getElementById(navigationCloseFocusId));
+    }
+  }, [isMenuOpen]);
   const handleMenuClick = () => {
-    setIsMenuOpen((prev) => !prev);
+    setIsMenuOpen((prev) => {
+      const open = !prev;
+      if (open) {
+        setHasBeenOpen(true);
+      }
+      return open;
+    });
   };
   const getMenuLabel = () => {
     const labels = {
@@ -4120,6 +4144,7 @@ var LinkStandard = ({
       target: openTarget,
       rel: openTarget === "_blank" ? "noopener noreferrer" : void 0,
       "aria-label": ariaLabel || void 0,
+      lang: activatedLanguage,
       children: [
         IconComponent && /* @__PURE__ */ jsx34("span", { className: `pts-link-icon-circle ${iconClass} ${customClass}`, "aria-hidden": "true", children: /* @__PURE__ */ jsx34(IconComponent, {}) }),
         /* @__PURE__ */ jsx34("span", { className: "pts-standard-link-text", children: linkTitle })
@@ -4139,15 +4164,15 @@ var LinkList = ({
 }) => {
   const uniqueId = useId();
   return /* @__PURE__ */ jsx35("div", { className: "pts-linkList-container", children: /* @__PURE__ */ jsx35("ul", { children: linkArray && linkArray.map((link, index) => {
-    var _a, _b;
+    var _a, _b, _c;
     return /* @__PURE__ */ jsx35("li", { children: /* @__PURE__ */ jsx35(
       LinkStandard_default,
       {
         url: link.url,
         title: link.title,
-        activatedLanguage: activatedLanguage != null ? activatedLanguage : "sv",
-        ariaLabel: (_a = link.ariaLabel) != null ? _a : void 0,
-        openTarget: (_b = link.openTarget) != null ? _b : "_blank",
+        activatedLanguage: (_a = link.activatedLanguage) != null ? _a : activatedLanguage,
+        ariaLabel: (_b = link.ariaLabel) != null ? _b : void 0,
+        openTarget: (_c = link.openTarget) != null ? _c : "_blank",
         linkComponent: LinkComponent
       }
     ) }, uniqueId + "_" + index);