optimized-react-component-library-xyz123 2.8.8 → 2.8.10

package/dist/index.mjs

@@ -1421,7 +1421,7 @@ var MenuIcon = () => /* @__PURE__ */ jsxs13("svg", { width: "15", height: "15",
   /* @__PURE__ */ jsx16("line", { x1: "0.666504", y1: "7", x2: "20.6665", y2: "7", stroke: "#6E3282", strokeWidth: "2" }),
   /* @__PURE__ */ jsx16("line", { x1: "0.666504", y1: "13", x2: "20.6665", y2: "13", stroke: "#6E3282", strokeWidth: "2" })
 ] });
-var ExpandIcon = () => /* @__PURE__ */ jsx16("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx16(
+var ExpandIcon = () => /* @__PURE__ */ jsx16("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx16(
   "path",
   {
     fillRule: "evenodd",
@@ -1430,7 +1430,7 @@ var ExpandIcon = () => /* @__PURE__ */ jsx16("svg", { xmlns: "http://www.w3.org/
     fill: "white"
   }
 ) });
-var CollapseIcon = () => /* @__PURE__ */ jsx16("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx16(
+var CollapseIcon = () => /* @__PURE__ */ jsx16("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx16(
   "path",
   {
     fillRule: "evenodd",
@@ -1906,7 +1906,9 @@ import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 var TextBody = ({ data }) => {
   return /* @__PURE__ */ jsxs15("div", { className: "pts-textBody-container", children: [
     /* @__PURE__ */ jsxs15("div", { className: `${!data.body || !data.linksForMoreInfo ? "" : "pts-textbody-createspace"}`, children: [
-      data.body && /* @__PURE__ */ jsx18("div", { dangerouslySetInnerHTML: { __html: DOMPurify5.sanitize(data.body) } }),
+      data.body && /* @__PURE__ */ jsx18("div", { dangerouslySetInnerHTML: { __html: DOMPurify5.sanitize(data.body, {
+        ALLOWED_ATTR: ["target", "href"]
+      }) } }),
       data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */ jsx18("ul", { className: "pts-moreinfo-list", children: data.linksForMoreInfo.map((link, index) => /* @__PURE__ */ jsx18("li", { className: index > 0 ? "notFirstInList" : "", children: /* @__PURE__ */ jsxs15(
         "a",
         {
@@ -3719,8 +3721,7 @@ var Navigation = ({
   activatedLanguage = "sv",
   menuLinks = [],
   openButtonRef = null,
-  linkComponent: LinkComponent = (props) => /* @__PURE__ */ jsx28("a", { ...props }),
-  navigationCloseFocusId
+  linkComponent: LinkComponent = (props) => /* @__PURE__ */ jsx28("a", { ...props })
 }) => {
   const closeMenuText = activatedLanguage === "sv" ? "St\xE4ng meny" : "Close menu";
   const navRef = useRef3(null);
@@ -3728,10 +3729,8 @@ var Navigation = ({
   const handleSubMenu = (label) => {
     setOpenSubMenu(openSubMenu === label ? null : label);
   };
-  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());
+  const handleCloseButton = () => {
+    setIsMenyOpen && setIsMenyOpen(false);
   };
   useEffect13(() => {
     if (!isOpen || !navRef.current) return;
@@ -3741,9 +3740,7 @@ var Navigation = ({
     const firstElement = focusableElements[0];
     const lastElement = focusableElements[focusableElements.length - 1];
     if (!firstElement || !lastElement) return;
-    requestAnimationFrame(() => {
-      firstElement.focus();
-    });
+    firstElement == null ? void 0 : firstElement.focus();
     const handleKeyDown = (event) => {
       var _a;
       if (event.key === "Escape") {
@@ -3781,82 +3778,70 @@ var Navigation = ({
     }
     return "\xD6ppna undermeny f\xF6r " + label["sv"];
   };
-  return /* @__PURE__ */ jsx28(Fragment18, { children: /* @__PURE__ */ jsxs24(
-    "nav",
-    {
-      id: "main-navigation",
-      ref: navRef,
-      "aria-label": activatedLanguage === "sv" ? "Huvudnavigation" : "Main navigation",
-      className: `pts-navigation-menu-container ${isOpen ? "open" : ""}`,
-      inert: !isOpen,
-      "aria-expanded": isOpen,
-      children: [
-        /* @__PURE__ */ jsx28("div", { className: "pts-navigation-close-container ", id: "menu-close", children: /* @__PURE__ */ jsxs24(
-          "button",
-          {
-            className: "pts-navigation-close-button",
-            onClick: () => handleMenuClick("close"),
-            type: "button",
-            children: [
-              /* @__PURE__ */ jsx28("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx28(CloseIcon, {}) }),
-              /* @__PURE__ */ jsx28("span", { className: "pts-navigation-close-text", children: closeMenuText })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ jsx28("ul", { className: "pts-navigation-link-list", lang: activatedLanguage, children: menuLinks && menuLinks.map(({ label, href, children }, index) => /* @__PURE__ */ jsxs24(
-          "li",
-          {
-            className: `pts-navigation-link ${openSubMenu === label[activatedLanguage] ? "open" : ""}`,
-            lang: activatedLanguage,
-            children: [
-              /* @__PURE__ */ jsx28("div", { children: /* @__PURE__ */ jsxs24("div", { className: "pts-navigation-button", children: [
-                /* @__PURE__ */ jsx28("span", { children: href && href.length === 0 ? /* @__PURE__ */ jsx28("span", { children: label[activatedLanguage] }) : /* @__PURE__ */ jsx28(
-                  LinkComponent,
-                  {
-                    onClick: () => handleMenuClick("link"),
-                    href,
-                    children: label[activatedLanguage]
-                  }
-                ) }),
+  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__ */ jsxs24(
+      "nav",
+      {
+        id: "main-navigation",
+        ref: navRef,
+        "aria-label": activatedLanguage === "sv" ? "Huvudnavigation" : "Main navigation",
+        className: `pts-navigation-menu-container ${isOpen ? "open" : ""}`,
+        inert: !isOpen,
+        children: [
+          /* @__PURE__ */ jsx28("div", { className: "pts-navigation-close-container ", id: "menu-close", children: /* @__PURE__ */ jsxs24(
+            "button",
+            {
+              className: "pts-navigation-close-button",
+              onClick: handleCloseButton,
+              type: "button",
+              children: [
+                /* @__PURE__ */ jsx28("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx28(CloseIcon, {}) }),
+                /* @__PURE__ */ jsx28("span", { className: "pts-navigation-close-text", children: closeMenuText })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsx28("ul", { className: "pts-navigation-link-list", lang: activatedLanguage, children: menuLinks && menuLinks.map(({ label, href, children }, index) => /* @__PURE__ */ jsxs24(
+            "li",
+            {
+              className: `pts-navigation-link ${openSubMenu === label[activatedLanguage] ? "open" : ""}`,
+              lang: activatedLanguage,
+              children: [
+                /* @__PURE__ */ jsx28("div", { children: /* @__PURE__ */ jsxs24("div", { className: "pts-navigation-button", children: [
+                  /* @__PURE__ */ jsx28("span", { children: href && href.length === 0 ? /* @__PURE__ */ jsx28("span", { children: label[activatedLanguage] }) : /* @__PURE__ */ jsx28(LinkComponent, { onClick: handleCloseButton, href, children: label[activatedLanguage] }) }),
+                  children && /* @__PURE__ */ jsx28(
+                    "button",
+                    {
+                      className: `pts-navigation-link-expand-button`,
+                      onClick: () => handleSubMenu(label[activatedLanguage]),
+                      "aria-label": getSubMenuAriaLabel(label),
+                      "aria-expanded": openSubMenu === label[activatedLanguage],
+                      "aria-controls": "sub-menu-" + index,
+                      type: "button",
+                      id: "menu-button-" + index,
+                      children: openSubMenu === label[activatedLanguage] ? /* @__PURE__ */ jsx28("span", { "aria-hidden": true, className: "pts-contract-icon", children: /* @__PURE__ */ jsx28(MinusIcon, {}) }) : /* @__PURE__ */ jsx28("span", { "aria-hidden": true, className: "pts-expand-icon", children: /* @__PURE__ */ jsx28(AddIcon, {}) })
+                    }
+                  )
+                ] }) }),
                 children && /* @__PURE__ */ jsx28(
-                  "button",
+                  "div",
                   {
-                    className: `pts-navigation-link-expand-button`,
-                    onClick: () => handleSubMenu(label[activatedLanguage]),
-                    "aria-label": getSubMenuAriaLabel(label),
-                    "aria-expanded": openSubMenu === label[activatedLanguage],
-                    "aria-controls": "sub-menu-" + index,
-                    type: "button",
-                    id: "menu-button-" + index,
-                    children: openSubMenu === label[activatedLanguage] ? /* @__PURE__ */ jsx28("span", { "aria-hidden": true, className: "pts-contract-icon", children: /* @__PURE__ */ jsx28(MinusIcon, {}) }) : /* @__PURE__ */ jsx28("span", { "aria-hidden": true, className: "pts-expand-icon", children: /* @__PURE__ */ jsx28(AddIcon, {}) })
+                    hidden: openSubMenu !== label[activatedLanguage],
+                    "aria-hidden": openSubMenu !== label[activatedLanguage],
+                    className: "pts-sub-navigation-container",
+                    id: "sub-menu-" + index,
+                    role: "region",
+                    children: /* @__PURE__ */ jsx28("ul", { className: "pts-sub-navigation-list", lang: activatedLanguage, children: children.map(({ label: label2, href: href2 }, index2) => /* @__PURE__ */ jsx28("li", { className: "pts-sub-navigation-item", lang: activatedLanguage, children: /* @__PURE__ */ jsx28(LinkComponent, { onClick: handleCloseButton, href: href2, children: label2[activatedLanguage] }) }, "nav-child-" + index2)) })
                   }
                 )
-              ] }) }),
-              children && /* @__PURE__ */ jsx28(
-                "div",
-                {
-                  hidden: openSubMenu !== label[activatedLanguage],
-                  "aria-hidden": openSubMenu !== label[activatedLanguage],
-                  className: "pts-sub-navigation-container",
-                  id: "sub-menu-" + index,
-                  role: "region",
-                  children: /* @__PURE__ */ jsx28("ul", { className: "pts-sub-navigation-list", lang: activatedLanguage, children: children.map(({ label: label2, href: href2 }, index2) => /* @__PURE__ */ jsx28("li", { className: "pts-sub-navigation-item", lang: activatedLanguage, children: /* @__PURE__ */ jsx28(
-                    LinkComponent,
-                    {
-                      onClick: () => handleMenuClick("link"),
-                      href: href2,
-                      children: label2[activatedLanguage]
-                    }
-                  ) }, "nav-child-" + index2)) })
-                }
-              )
-            ]
-          },
-          "nav-" + index
-        )) })
-      ]
-    }
-  ) });
+              ]
+            },
+            "nav-" + index
+          )) })
+        ]
+      }
+    )
+  ] });
 };
 var NavigationStandard_default = Navigation;
 
@@ -3922,11 +3907,11 @@ var NavigationHeader = ({
   SetActivatedLanguage = () => {
   },
   linkComponent: LinkComponent = (props) => /* @__PURE__ */ jsx31("a", { ...props }),
-  noLogoLink = false,
-  navigationCloseFocusId
+  noLogoLink = false
 }) => {
   const logoLink = activatedLanguage === "en" ? "https://pts.se/en" : "https://pts.se/";
   const hasHeadline = headline && headline.length > 0;
+  const menuButtonFocusRef = useRef4(null);
   const handleLanguageClick = () => {
     if (activatedLanguage === "sv") {
       SetActivatedLanguage("en");
@@ -3939,7 +3924,6 @@ var NavigationHeader = ({
     else return "Svenska";
   };
   const [isMenuOpen, setIsMenuOpen] = useState11(false);
-  const menuButtonFocusRef = useRef4(null);
   const handleMenuClick = () => {
     setIsMenuOpen((prev) => !prev);
   };
@@ -4019,7 +4003,7 @@ var NavigationHeader = ({
         )
       ] }) })
     ] }) }),
-    useNavigationMenu && /* @__PURE__ */ jsx31(Fragment19, { children: /* @__PURE__ */ jsx31(
+    useNavigationMenu && /* @__PURE__ */ jsx31(
       NavigationStandard_default,
       {
         activatedLanguage,
@@ -4027,10 +4011,9 @@ var NavigationHeader = ({
         menuLinks,
         isOpen: isMenuOpen,
         openButtonRef: menuButtonFocusRef,
-        linkComponent: LinkComponent,
-        navigationCloseFocusId
+        linkComponent: LinkComponent
       }
-    ) }),
+    ),
     isMenuOpen && /* @__PURE__ */ jsx31(
       "div",
       {
@@ -4139,7 +4122,6 @@ 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 })
@@ -4159,15 +4141,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, _c;
+    var _a, _b;
     return /* @__PURE__ */ jsx35("li", { children: /* @__PURE__ */ jsx35(
       LinkStandard_default,
       {
         url: link.url,
         title: link.title,
-        activatedLanguage: (_a = link.activatedLanguage) != null ? _a : activatedLanguage,
-        ariaLabel: (_b = link.ariaLabel) != null ? _b : void 0,
-        openTarget: (_c = link.openTarget) != null ? _c : "_blank",
+        activatedLanguage: activatedLanguage != null ? activatedLanguage : "sv",
+        ariaLabel: (_a = link.ariaLabel) != null ? _a : void 0,
+        openTarget: (_b = link.openTarget) != null ? _b : "_blank",
         linkComponent: LinkComponent
       }
     ) }, uniqueId + "_" + index);
@@ -4202,7 +4184,7 @@ var Collapse = ({
         "aria-controls": contentId,
         children: [
           `${isOpen ? closeLabel : openLabel} ${title}`,
-          /* @__PURE__ */ jsx36("span", { className: "pts-collapse-open-close-icon", "aria-hidden": "true", children: isOpen ? /* @__PURE__ */ jsx36(CollapseIcon, {}) : /* @__PURE__ */ jsx36(ExpandIcon, {}) })
+          /* @__PURE__ */ jsx36("span", { className: "pts-open-close-icon", "aria-hidden": "true", children: isOpen ? /* @__PURE__ */ jsx36(CollapseIcon, {}) : /* @__PURE__ */ jsx36(ExpandIcon, {}) })
         ]
       }
     ),