optimized-react-component-library-xyz123 2.8.5 → 2.8.7

package/dist/index.mjs

@@ -3720,7 +3720,7 @@ var Navigation = ({
   menuLinks = [],
   openButtonRef = null,
   linkComponent: LinkComponent = (props) => /* @__PURE__ */ jsx28("a", { ...props }),
-  setKeyboardNavigationClose
+  navigationCloseFocusId
 }) => {
   const closeMenuText = activatedLanguage === "sv" ? "St\xE4ng meny" : "Close menu";
   const navRef = useRef3(null);
@@ -3728,8 +3728,10 @@ var Navigation = ({
   const handleSubMenu = (label) => {
     setOpenSubMenu(openSubMenu === label ? null : label);
   };
-  const handleCloseButton = () => {
-    setIsMenyOpen && setIsMenyOpen(false);
+  const handleMenuClick = (typeOfInteraction) => {
+    var _a, _b;
+    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());
   };
   useEffect13(() => {
     if (!isOpen || !navRef.current) return;
@@ -3792,7 +3794,7 @@ var Navigation = ({
           "button",
           {
             className: "pts-navigation-close-button",
-            onClick: handleCloseButton,
+            onClick: () => handleMenuClick("close"),
             type: "button",
             children: [
               /* @__PURE__ */ jsx28("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx28(CloseIcon, {}) }),
@@ -3811,7 +3813,7 @@ var Navigation = ({
                   LinkComponent,
                   {
                     onClick: () => {
-                      handleCloseButton();
+                      handleMenuClick("link");
                     },
                     href,
                     children: label[activatedLanguage]
@@ -3843,7 +3845,7 @@ var Navigation = ({
                     LinkComponent,
                     {
                       onClick: () => {
-                        handleCloseButton();
+                        handleMenuClick("link");
                       },
                       href: href2,
                       children: label2[activatedLanguage]
@@ -3953,12 +3955,10 @@ var NavigationHeader = ({
   };
   const [instruction, setInstruction] = useState11("");
   useEffect14(() => {
-    if (!hasBeenOpen) {
+    if (!isMenuOpen)
       return;
-    }
-    setInstruction(
-      isMenuOpen ? activatedLanguage === "sv" ? "Navigationsmenyn \xF6ppnades" : "Navigation menu opened" : activatedLanguage === "sv" ? "Navigationsmenyn st\xE4ngdes" : "Navigation menu closed"
-    );
+    const message = activatedLanguage === "sv" ? "Navigationsmenyn \xF6ppnades" : "Navigation menu opened";
+    setInstruction(message);
   }, [isMenuOpen, activatedLanguage]);
   const getMenuLabel = () => {
     const labels = {
@@ -4047,8 +4047,7 @@ var NavigationHeader = ({
           isOpen: isMenuOpen,
           openButtonRef: menuButtonFocusRef,
           linkComponent: LinkComponent,
-          setKeyboardNavigationClose: () => {
-          }
+          navigationCloseFocusId
         }
       )
     ] }),