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

package/dist/index.d.mts

@@ -837,6 +837,7 @@ interface NavigationHeaderProps {
     menuLinks: INavigationItem[];
     linkComponent?: ElementType;
     noLogoLink?: boolean;
+    navigationCloseFocusId?: string;
 }
 
 declare const NavigationHeader: FC<NavigationHeaderProps>;

package/dist/index.d.ts

@@ -837,6 +837,7 @@ interface NavigationHeaderProps {
     menuLinks: INavigationItem[];
     linkComponent?: ElementType;
     noLogoLink?: boolean;
+    navigationCloseFocusId?: string;
 }
 
 declare const NavigationHeader: FC<NavigationHeaderProps>;

package/dist/index.js

@@ -3806,6 +3806,7 @@ var Navigation = ({
 }) => {
   const closeMenuText = activatedLanguage === "sv" ? "St\xE4ng meny" : "Close menu";
   const navRef = (0, import_react16.useRef)(null);
+  const firstVisitRef = (0, import_react16.useRef)(true);
   const [openSubMenu, setOpenSubMenu] = (0, import_react16.useState)(null);
   const handleSubMenu = (label) => {
     setOpenSubMenu(openSubMenu === label ? null : label);
@@ -3859,8 +3860,18 @@ var Navigation = ({
     }
     return "\xD6ppna undermeny f\xF6r " + label["sv"];
   };
+  const [instruction, setInstruction] = (0, import_react16.useState)("");
+  (0, import_react16.useEffect)(() => {
+    if (firstVisitRef.current) {
+      firstVisitRef.current = false;
+      return;
+    }
+    setInstruction(
+      isOpen ? activatedLanguage === "sv" ? "Navigationsmenyn \xF6ppnades" : "Navigation menu opened" : activatedLanguage === "sv" ? "Navigationsmenyn st\xE4ngdes" : "Navigation menu closed"
+    );
+  }, [isOpen, activatedLanguage]);
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("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__ */ (0, import_jsx_runtime28.jsx)("div", { "aria-live": "polite", className: "sr-only", children: instruction }),
     /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
       "nav",
       {
@@ -3988,7 +3999,8 @@ var NavigationHeader = ({
   SetActivatedLanguage = () => {
   },
   linkComponent: LinkComponent = (props) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("a", { ...props }),
-  noLogoLink = false
+  noLogoLink = false,
+  navigationCloseFocusId
 }) => {
   const logoLink = activatedLanguage === "en" ? "https://pts.se/en" : "https://pts.se/";
   const hasHeadline = headline && headline.length > 0;
@@ -4005,8 +4017,23 @@ var NavigationHeader = ({
     else return "Svenska";
   };
   const [isMenuOpen, setIsMenuOpen] = (0, import_react18.useState)(false);
+  const [hasBeenOpen, setHasBeenOpen] = (0, import_react18.useState)(false);
+  (0, import_react18.useEffect)(() => {
+    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 = {
@@ -4203,6 +4230,7 @@ var LinkStandard = ({
       target: openTarget,
       rel: openTarget === "_blank" ? "noopener noreferrer" : void 0,
       "aria-label": ariaLabel || void 0,
+      lang: activatedLanguage,
       children: [
         IconComponent && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: `pts-link-icon-circle ${iconClass} ${customClass}`, "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(IconComponent, {}) }),
         /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "pts-standard-link-text", children: linkTitle })
@@ -4222,15 +4250,15 @@ var LinkList = ({
 }) => {
   const uniqueId = (0, import_react19.useId)();
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "pts-linkList-container", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("ul", { children: linkArray && linkArray.map((link, index) => {
-    var _a, _b;
+    var _a, _b, _c;
     return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       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);