optimized-react-component-library-xyz123 2.12.8 → 2.13.1

package/dist/index.mjs

@@ -1305,7 +1305,6 @@ __export(icons_exports, {
   ChevronRightIcon: () => ChevronRightIcon,
   CloseIcon: () => CloseIcon,
   CollapseIcon: () => CollapseIcon,
-  Cookie_icon: () => Cookie_icon,
   ExpandIcon: () => ExpandIcon,
   FileIcon: () => FileIcon,
   LanguageIcon: () => LanguageIcon,
@@ -1891,13 +1890,6 @@ var Logo_en = () => /* @__PURE__ */ jsxs13(
     ]
   }
 );
-var Cookie_icon = () => /* @__PURE__ */ jsx16("svg", { xmlns: "http://www.w3.org/2000/svg", width: "13", height: "16", viewBox: "0 0 13 16", fill: "none", children: /* @__PURE__ */ jsx16(
-  "path",
-  {
-    d: "M4.67907 11.2981H8.32186C8.53419 11.2981 8.71217 11.228 8.85579 11.0878C8.9994 10.9476 9.07121 10.7736 9.07121 10.5658V7.91662C9.07121 7.70938 8.9994 7.53567 8.85579 7.39549C8.71217 7.25532 8.53388 7.18523 8.32093 7.18523H8.16029V6.27892C8.16029 5.82637 8.00243 5.44572 7.68671 5.13697C7.371 4.82882 6.98131 4.67475 6.51764 4.67475C6.05398 4.67475 5.66429 4.82882 5.34857 5.13697C5.03286 5.44511 4.875 5.82576 4.875 6.27892V7.18523H4.67814C4.46581 7.18523 4.28783 7.25532 4.14421 7.39549C4.0006 7.53567 3.92879 7.70938 3.92879 7.91662V10.5658C3.92879 10.7736 4.0006 10.9476 4.14421 11.0878C4.28783 11.228 4.46612 11.2981 4.67907 11.2981ZM5.58907 7.18523V6.27892C5.58907 6.02213 5.67821 5.80673 5.8565 5.63272C6.03479 5.45871 6.25517 5.3717 6.51764 5.3717C6.78012 5.3717 7.00081 5.45871 7.17971 5.63272C7.35862 5.80673 7.44745 6.02213 7.44621 6.27892V7.18523H5.58907ZM6.2335 15.9773C6.14064 15.9622 6.05398 15.9396 5.9735 15.9094C4.14607 15.2296 2.69379 14.0768 1.61664 12.4509C0.5395 10.825 0.000619048 9.06491 0 7.17073V3.289C0 2.97844 0.0906907 2.69869 0.272072 2.44976C0.452834 2.20082 0.687143 2.02047 0.975 1.90869L5.97536 0.0960688C6.15612 0.0320229 6.331 0 6.5 0C6.669 0 6.84419 0.0320229 7.02557 0.0960688L12.025 1.90869C12.3122 2.02107 12.5465 2.20143 12.7279 2.44976C12.9093 2.69869 13 2.97844 13 3.289V7.17073C13 9.06491 12.4614 10.825 11.3843 12.4509C10.3071 14.0768 8.85486 15.2296 7.02743 15.9094C6.94633 15.9396 6.85936 15.9622 6.7665 15.9773C6.67364 15.9924 6.58481 16 6.5 16C6.41519 16 6.32636 15.9924 6.2335 15.9773ZM6.5 15.1463C8.10952 14.6478 9.44048 13.6508 10.4929 12.1554C11.5452 10.66 12.0714 8.99845 12.0714 7.17073V3.27178C12.0714 3.15577 12.0386 3.05124 11.973 2.9582C11.908 2.86515 11.8158 2.79567 11.6963 2.74975L6.69686 0.937125C6.63743 0.912957 6.57181 0.900873 6.5 0.900873C6.42819 0.900873 6.36257 0.912957 6.30314 0.937125L1.30371 2.74975C1.18424 2.79567 1.092 2.86515 1.027 2.9582C0.961381 3.05124 0.928571 3.15577 0.928571 3.27178V7.17073C0.928571 8.99845 1.45476 10.66 2.50714 12.1554C3.55952 13.6508 4.89048 14.6478 6.5 15.1463Z",
-    fill: "white"
-  }
-) });
 
 // src/components/layout/AlertInTextStandard/AlertInTextStandard.tsx
 import DOMPurify5 from "dompurify";
@@ -1920,7 +1912,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 || !data.alertInText ? "" : "pts-textbody-createspace"}`, children: [
-      data.body && /* @__PURE__ */ jsx18("div", { dangerouslySetInnerHTML: { __html: DOMPurify6.sanitize(data.body) } }),
+      data.body && /* @__PURE__ */ jsx18("div", { dangerouslySetInnerHTML: { __html: DOMPurify6.sanitize(data.body, {
+        ALLOWED_ATTR: ["target", "href", "style"]
+      }) } }),
       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",
         {
@@ -2019,10 +2013,10 @@ var InputInfoOnly = ({
 };
 var InfoOnlyStandard_default = InputInfoOnly;
 
-// src/components/input-components/RadioMultipleWithInfo2Standard/RadioMultipleWithInfo2Standard.tsx
+// src/components/input-components/RadioMultipleWithInfoStandard/RadioMultipleWithInfoStandard.tsx
 import React7 from "react";
 
-// src/components/input-components/RadioMultipleWithInfo2Standard/RadioCollapseItem.tsx
+// src/components/input-components/RadioMultipleWithInfoStandard/RadioCollapseItem.tsx
 import { useEffect as useEffect7, useState as useState7 } from "react";
 import DOMPurify7 from "dompurify";
 import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
@@ -2048,6 +2042,8 @@ var RadioCollapseItem = ({
   useEffect7(() => {
     if (questionAnswer === value) {
       setIsOpen(true);
+    } else {
+      setIsOpen(false);
     }
   }, [questionAnswer, value]);
   return /* @__PURE__ */ jsx20("div", { className: "pts-radio-option", children: /* @__PURE__ */ jsxs16("div", { className: "pts-radio-collapse", children: [
@@ -2066,7 +2062,7 @@ var RadioCollapseItem = ({
         }
       ),
       /* @__PURE__ */ jsx20("label", { htmlFor: `${groupId}-option-${index}`, id: `${groupId}-label-${index}`, children: label }),
-      optionText && optionText.length > 0 && /* @__PURE__ */ jsx20(
+      optionText && optionText.length > 0 && questionAnswer === value && /* @__PURE__ */ jsx20(
         "button",
         {
           className: `pts-radio-collapse-button ${isOpen ? "open" : ""}`,
@@ -2077,7 +2073,7 @@ var RadioCollapseItem = ({
           "aria-controls": contentId,
           "aria-label": buttonLabel,
           "aria-describedby": isOpen ? contentId : void 0,
-          children: /* @__PURE__ */ jsx20("span", { className: "pts-open-close-icon", "aria-hidden": "true", children: isOpen ? /* @__PURE__ */ jsx20(CollapseIcon, {}) : /* @__PURE__ */ jsx20(ExpandIcon, {}) })
+          tabIndex: questionAnswer === value ? 0 : -1
         }
       )
     ] }),
@@ -2086,15 +2082,23 @@ var RadioCollapseItem = ({
       {
         className: `pts-radio-collapse-body ${isOpen ? "open" : "hidden"}`,
         id: contentId,
+        hidden: !isOpen,
         role: "region",
         "aria-labelledby": `${groupId}-label-${index}`,
         inert: !isOpen,
         children: /* @__PURE__ */ jsxs16("div", { className: `pts-radio-collapse-content `, children: [
           isOpen && //TODO??
           /* @__PURE__ */ jsx20("span", { className: "sr-only", children: activatedLanguage === "sv" ? `Visar informationstext om svarsalternativet ${label}` : `Displays informational text about the answer option ${label}` }),
-          /* @__PURE__ */ jsx20("div", { dangerouslySetInnerHTML: {
-            __html: DOMPurify7.sanitize(optionText != null ? optionText : "")
-          } })
+          /* @__PURE__ */ jsx20(
+            "div",
+            {
+              dangerouslySetInnerHTML: {
+                __html: DOMPurify7.sanitize(optionText != null ? optionText : "", {
+                  ADD_ATTR: ["target", "style"]
+                })
+              }
+            }
+          )
         ] })
       }
     )
@@ -2102,7 +2106,7 @@ var RadioCollapseItem = ({
 };
 var RadioCollapseItem_default = RadioCollapseItem;
 
-// src/components/input-components/RadioMultipleWithInfo2Standard/RadioMultipleWithInfo2Standard.tsx
+// src/components/input-components/RadioMultipleWithInfoStandard/RadioMultipleWithInfoStandard.tsx
 import { Fragment as Fragment14, jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
 var RadioWithInfo = ({
   question,
@@ -2142,16 +2146,11 @@ var RadioWithInfo = ({
         "aria-invalid": question.hasValidationError ? question.hasValidationError : void 0,
         "aria-describedby": question.hasValidationError ? errorId : void 0,
         children: [
-          /* @__PURE__ */ jsxs17("legend", { id: `label-${groupId}`, children: [
-            question.questionLabel,
-            " ",
-            question.isQuestionMandatory && /* @__PURE__ */ jsx21("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" })
-          ] }),
           groupedOptionArray.map((group, g_index) => {
             var _a2;
             let subId = "subheading-" + g_index;
             return /* @__PURE__ */ jsxs17(React7.Fragment, { children: [
-              /* @__PURE__ */ jsx21("p", { className: "pts-radioWithInfo-sub-headline", id: subId, children: group.category }),
+              /* @__PURE__ */ jsx21("legend", { className: "pts-radioWithInfo-sub-headline", id: subId, children: group.category }),
               /* @__PURE__ */ jsx21("div", { role: "group", "aria-labelledby": subId, children: (_a2 = group.items) == null ? void 0 : _a2.map((option, o_index) => {
                 var _a3, _b2, _c2, _d, _e;
                 index++;
@@ -2189,7 +2188,7 @@ var RadioWithInfo = ({
     showPreview && /* @__PURE__ */ jsx21(PreviewRadio2, { question })
   ] });
 };
-var RadioMultipleWithInfo2Standard_default = RadioWithInfo;
+var RadioMultipleWithInfoStandard_default = RadioWithInfo;
 var PreviewRadio2 = ({ question }) => {
   var _a, _b;
   const previewId = `preview-${question.id}`;
@@ -3111,7 +3110,7 @@ var QuestionRenderer = ({
       }
     ),
     question.questionType === "RadioWithInfo" && /* @__PURE__ */ jsx24(
-      RadioMultipleWithInfo2Standard_default,
+      RadioMultipleWithInfoStandard_default,
       {
         question,
         handleQuestionInputChange,
@@ -3363,11 +3362,7 @@ var CookieBanner_default = CookieBanner;
 
 // src/components/layout/FooterStandard/FooterStandard.tsx
 import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
-var Footer = ({
-  activatedLanguage = "sv",
-  appUsesCookies = false,
-  openCookieBanner
-}) => {
+var Footer = ({ activatedLanguage = "sv" }) => {
   return /* @__PURE__ */ jsxs23("footer", { className: "pts-footer-container", children: [
     /* @__PURE__ */ jsx27("div", { className: "pts-footer-slogan-text-container", children: /* @__PURE__ */ jsx27("p", { className: "pts-footer-slogan-text", children: activatedLanguage === "sv" ? "S\xE4ker och tillg\xE4nglig kommunikation f\xF6r Sverige" : "Secure and accessible communication for Sweden" }) }),
     /* @__PURE__ */ jsxs23("div", { className: "pts-footer-content", children: [
@@ -3436,20 +3431,7 @@ var Footer = ({
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx27("li", { children: appUsesCookies ? /* @__PURE__ */ jsxs23(
-          "button",
-          {
-            type: "button",
-            "aria-controls": "cookie-banner",
-            onClick: openCookieBanner,
-            className: "pts-footer-button pts-secondary-button",
-            children: [
-              /* @__PURE__ */ jsx27("span", { className: "sr-only", children: activatedLanguage === "en" ? "PTS Cookies (opens cookie banner)" : "PTS Kakor (\xF6ppnar kakbanner)" }),
-              /* @__PURE__ */ jsx27("span", { "aria-hidden": "true", className: "secondary_icon", children: /* @__PURE__ */ jsx27(Cookie_icon, {}) }),
-              /* @__PURE__ */ jsx27("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Cookies" : "Kakor" })
-            ]
-          }
-        ) : /* @__PURE__ */ jsxs23(
+        /* @__PURE__ */ jsx27("li", { children: /* @__PURE__ */ jsxs23(
           "a",
           {
             href: activatedLanguage === "en" ? "https://pts.se/en/cookies-eservices" : "https://www.pts.se/kakor-etjanster",
@@ -3879,7 +3861,7 @@ var Header = ({
       "button",
       {
         lang: activatedLanguage === "en" ? "en" : "sv",
-        className: "pts-languageButton pts-secondary-button",
+        className: "pts-languageButton",
         onClick: handleLanguageClick,
         children: [
           /* @__PURE__ */ jsx29("div", { className: "languageIcon", children: /* @__PURE__ */ jsx29("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx29(LanguageIcon2, {}) }) }),
@@ -3927,10 +3909,12 @@ var Navigation = ({
       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;
+    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]);
   useEffect13(() => {
@@ -4011,7 +3995,7 @@ var Navigation = ({
           /* @__PURE__ */ jsx30("div", { className: "pts-navigation-close-container ", id: "menu-close", children: /* @__PURE__ */ jsxs26(
             "button",
             {
-              className: "pts-navigation-close-button pts-secondary-button",
+              className: "pts-navigation-close-button",
               onClick: () => handleMenuClick("close"),
               type: "button",
               children: [
@@ -4027,7 +4011,14 @@ var Navigation = ({
               lang: activatedLanguage,
               children: [
                 /* @__PURE__ */ jsx30("div", { children: /* @__PURE__ */ jsxs26("div", { className: "pts-navigation-button", children: [
-                  /* @__PURE__ */ jsx30("span", { children: href && href.length === 0 ? /* @__PURE__ */ jsx30("span", { children: label[activatedLanguage] }) : /* @__PURE__ */ jsx30(LinkComponent, { onClick: () => handleMenuClick("link"), href, children: label[activatedLanguage] }) }),
+                  /* @__PURE__ */ jsx30("span", { children: href && href.length === 0 ? /* @__PURE__ */ jsx30("span", { children: label[activatedLanguage] }) : /* @__PURE__ */ jsx30(
+                    LinkComponent,
+                    {
+                      onClick: () => handleMenuClick("link"),
+                      href,
+                      children: label[activatedLanguage]
+                    }
+                  ) }),
                   children && /* @__PURE__ */ jsx30(
                     "button",
                     {
@@ -4050,15 +4041,14 @@ var Navigation = ({
                     className: "pts-sub-navigation-container",
                     id: "sub-menu-" + index,
                     role: "region",
-                    children: /* @__PURE__ */ jsx30("ul", { className: "pts-sub-navigation-list", lang: activatedLanguage, children: children.map(({ label: label2, href: href2 }, index2) => /* @__PURE__ */ jsx30(
-                      "li",
+                    children: /* @__PURE__ */ jsx30("ul", { className: "pts-sub-navigation-list", lang: activatedLanguage, children: children.map(({ label: label2, href: href2 }, index2) => /* @__PURE__ */ jsx30("li", { className: "pts-sub-navigation-item", lang: activatedLanguage, children: /* @__PURE__ */ jsx30(
+                      LinkComponent,
                       {
-                        className: "pts-sub-navigation-item",
-                        lang: activatedLanguage,
-                        children: /* @__PURE__ */ jsx30(LinkComponent, { onClick: () => handleMenuClick("link"), href: href2, children: label2[activatedLanguage] })
-                      },
-                      "nav-child-" + index2
-                    )) })
+                        onClick: () => handleMenuClick("link"),
+                        href: href2,
+                        children: label2[activatedLanguage]
+                      }
+                    ) }, "nav-child-" + index2)) })
                   }
                 )
               ]
@@ -4125,7 +4115,7 @@ import { Fragment as Fragment21, jsx as jsx33, jsxs as jsxs29 } from "react/jsx-
 var NavigationHeader = ({
   headline = void 0,
   homelink = "",
-  //??
+  //?? 
   activatedLanguage = "sv",
   useLanguage = false,
   useNavigationMenu = true,
@@ -4199,23 +4189,14 @@ var NavigationHeader = ({
       ) }),
       /* @__PURE__ */ jsx33("div", { className: `${hasHeadline ? "pts-navigation-header-headline-container" : ""}`, children: hasHeadline && /* @__PURE__ */ jsx33("div", { className: "pts-site-headline", children: headline }) }),
       /* @__PURE__ */ jsx33("div", { className: "pts-navigation-header-nav-container", children: (useLanguage || useNavigationMenu || useSearch) && /* @__PURE__ */ jsxs29(Fragment21, { children: [
-        useSearch && !isMenuOpen && /* @__PURE__ */ jsx33(Fragment21, { children: /* @__PURE__ */ jsxs29(
-          "button",
-          {
-            type: "button",
-            className: "pts-secondary-button",
-            onClick: handleSearchClick,
-            children: [
-              /* @__PURE__ */ jsx33("span", { "aria-hidden": "true", className: "pts-navigation-header-icons", children: getSearchIcon() }),
-              /* @__PURE__ */ jsx33("span", { className: "pts-navigation-header-button-label", children: getSearchLabel() })
-            ]
-          }
-        ) }),
+        useSearch && !isMenuOpen && /* @__PURE__ */ jsx33(Fragment21, { children: /* @__PURE__ */ jsxs29("button", { type: "button", onClick: handleSearchClick, children: [
+          /* @__PURE__ */ jsx33("span", { "aria-hidden": "true", className: "pts-navigation-header-icons", children: getSearchIcon() }),
+          /* @__PURE__ */ jsx33("span", { className: "pts-navigation-header-button-label", children: getSearchLabel() })
+        ] }) }),
         useLanguage && !isMenuOpen && /* @__PURE__ */ jsxs29(
           "button",
           {
             type: "button",
-            className: "pts-secondary-button",
             lang: activatedLanguage === "en" ? "en" : "sv",
             onClick: handleLanguageClick,
             "aria-label": activatedLanguage === "sv" ? "Change language to English" : "\xC4ndra spr\xE5k till svenska",
@@ -4229,20 +4210,12 @@ var NavigationHeader = ({
           "button",
           {
             type: "button",
-            className: "pts-secondary-button",
             onClick: handleMenuClick,
             "aria-expanded": isMenuOpen,
             "aria-controls": "main-navigation",
             ref: menuButtonFocusRef,
             children: [
-              /* @__PURE__ */ jsx33(
-                "span",
-                {
-                  "aria-hidden": "true",
-                  className: isMenuOpen ? "pts-close-icon" : "pts-open-icon",
-                  children: getMenuIcon()
-                }
-              ),
+              /* @__PURE__ */ jsx33("span", { "aria-hidden": "true", className: isMenuOpen ? "pts-close-icon" : "pts-open-icon", children: getMenuIcon() }),
               /* @__PURE__ */ jsx33("span", { className: "pts-navigation-header-button-label", children: getMenuLabel() })
             ]
           }
@@ -4708,7 +4681,7 @@ export {
   QuestionGroup_default as QuestionGroup,
   QuestionRenderer_default as QuestionRenderer,
   RadioMultipleStandard_default as RadioMultipleStandard,
-  RadioMultipleWithInfo2Standard_default as RadioMultipleWithInfo2Standard,
+  RadioMultipleWithInfoStandard_default as RadioMultipleWithInfoStandard,
   SearchBarStandard_default as SearchBar,
   SingleCheckboxStandard_default as SingleCheckboxStandard,
   SkipLinkStandard_default as SkipLinkStandard,