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

package/dist/index.mjs

@@ -24,6 +24,22 @@ var ValidationMessage = ({
 };
 var ValidationMessage_default = ValidationMessage;
 
+// src/helpers/setPreviewAnswerLabel/setPreviewAnswerLabel.ts
+var setPreviewAnswerLabel = (question, activatedLanguage) => {
+  var _a;
+  if ((question == null ? void 0 : question.answer) && question.answer.length > 0) {
+    const language = question.languageSupport.find((lang) => lang.language === activatedLanguage);
+    if (language && setPreviewAnswerLabel.length > 0) {
+      const answerOption = language.options.find(
+        (option) => option.value === question.answer
+      );
+      return (_a = answerOption.label) != null ? _a : "";
+    }
+  }
+  return "";
+};
+var setPreviewAnswerLabel_default = setPreviewAnswerLabel;
+
 // src/components/input-components/RadioMultipleStandard/RadioMultipleStandard.tsx
 import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var InputRadio = ({
@@ -87,9 +103,10 @@ var RadioMultipleStandard_default = InputRadio;
 var PreviewRadio = ({ question, activatedLanguage }) => {
   var _a, _b;
   const previewId = `preview-${question.id}`;
+  const questionAnswer = setPreviewAnswerLabel_default(question, activatedLanguage);
   return /* @__PURE__ */ jsxs2(Fragment, { children: [
     /* @__PURE__ */ jsx2("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
-    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ jsx2("dd", { className: "pts-radioMultiple-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ jsx2(
+    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ jsx2("dd", { className: "pts-radioMultiple-preview pts-root-answer", id: `answer-${previewId}`, children: questionAnswer.length > 0 ? questionAnswer : question.answer }) : /* @__PURE__ */ jsx2(
       "dd",
       {
         className: "pts-radioMultiple-preview pts-root-answer no-answer-preview-page",
@@ -1305,6 +1322,7 @@ __export(icons_exports, {
   ChevronRightIcon: () => ChevronRightIcon,
   CloseIcon: () => CloseIcon,
   CollapseIcon: () => CollapseIcon,
+  Cookie_icon: () => Cookie_icon,
   ExpandIcon: () => ExpandIcon,
   FileIcon: () => FileIcon,
   LanguageIcon: () => LanguageIcon,
@@ -1890,6 +1908,13 @@ 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";
@@ -2185,13 +2210,14 @@ var RadioWithInfo = ({
         ]
       }
     ) }),
-    showPreview && /* @__PURE__ */ jsx21(PreviewRadio2, { question })
+    showPreview && /* @__PURE__ */ jsx21(PreviewRadio2, { question, activatedLanguage })
   ] });
 };
 var RadioMultipleWithInfoStandard_default = RadioWithInfo;
-var PreviewRadio2 = ({ question }) => {
+var PreviewRadio2 = ({ question, activatedLanguage }) => {
   var _a, _b;
   const previewId = `preview-${question.id}`;
+  const questionAnswer = setPreviewAnswerLabel_default(question, activatedLanguage);
   return /* @__PURE__ */ jsxs17(Fragment14, { children: [
     /* @__PURE__ */ jsx21("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
     ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ jsx21(
@@ -2199,7 +2225,7 @@ var PreviewRadio2 = ({ question }) => {
       {
         className: "pts-radioMultipleWithInfo2-preview pts-root-answer",
         id: `answer-${previewId}`,
-        children: question.answer
+        children: questionAnswer.length > 0 ? questionAnswer : question.answer
       }
     ) : /* @__PURE__ */ jsx21(
       "dd",
@@ -2338,16 +2364,17 @@ var CustomDropdownStandard = ({
       ),
       hasOptionInfoText && /* @__PURE__ */ jsx23(OptionTextBody_default, { ...optionTextProps })
     ] }),
-    showPreview && /* @__PURE__ */ jsx23(PreviewDropdown, { question })
+    showPreview && /* @__PURE__ */ jsx23(PreviewDropdown, { question, activatedLanguage })
   ] });
 };
 var DropdownStandard_default = CustomDropdownStandard;
-var PreviewDropdown = ({ question, activatedLanguage = "sv" }) => {
+var PreviewDropdown = ({ question, activatedLanguage }) => {
   var _a, _b;
   const previewId = `preview-${question.id}`;
+  const questionAnswer = setPreviewAnswerLabel_default(question, activatedLanguage);
   return /* @__PURE__ */ jsxs19(Fragment16, { children: [
     /* @__PURE__ */ jsx23("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
-    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ jsx23("dd", { className: "pts-dropdown-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ jsx23(
+    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ jsx23("dd", { className: "pts-dropdown-preview pts-root-answer", id: `answer-${previewId}`, children: questionAnswer.length > 0 ? questionAnswer : question.answer }) : /* @__PURE__ */ jsx23(
       "dd",
       {
         className: "pts-dropdown-preview pts-root-answer no-answer-preview-page",
@@ -3106,7 +3133,8 @@ var QuestionRenderer = ({
       {
         question,
         handleQuestionInputChange,
-        showPreview
+        showPreview,
+        activatedLanguage
       }
     ),
     question.questionType === "RadioWithInfo" && /* @__PURE__ */ jsx24(
@@ -3114,7 +3142,8 @@ var QuestionRenderer = ({
       {
         question,
         handleQuestionInputChange,
-        showPreview
+        showPreview,
+        activatedLanguage
       }
     ),
     question.questionType === "TextField" && /* @__PURE__ */ jsx24(
@@ -3168,7 +3197,8 @@ var QuestionRenderer = ({
       {
         question,
         handleQuestionInputChange,
-        showPreview
+        showPreview,
+        activatedLanguage
       }
     ),
     question.questionType === "InfoOnly" && /* @__PURE__ */ jsx24(
@@ -3362,7 +3392,11 @@ 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" }) => {
+var Footer = ({
+  activatedLanguage = "sv",
+  appUsesCookies = false,
+  openCookieBanner
+}) => {
   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: [
@@ -3431,7 +3465,20 @@ var Footer = ({ activatedLanguage = "sv" }) => {
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx27("li", { children: /* @__PURE__ */ jsxs23(
+        /* @__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(
           "a",
           {
             href: activatedLanguage === "en" ? "https://pts.se/en/cookies-eservices" : "https://www.pts.se/kakor-etjanster",
@@ -3861,7 +3908,7 @@ var Header = ({
       "button",
       {
         lang: activatedLanguage === "en" ? "en" : "sv",
-        className: "pts-languageButton",
+        className: "pts-languageButton pts-secondary-button",
         onClick: handleLanguageClick,
         children: [
           /* @__PURE__ */ jsx29("div", { className: "languageIcon", children: /* @__PURE__ */ jsx29("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx29(LanguageIcon2, {}) }) }),
@@ -3909,12 +3956,10 @@ 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(() => {
@@ -3995,7 +4040,7 @@ var Navigation = ({
           /* @__PURE__ */ jsx30("div", { className: "pts-navigation-close-container ", id: "menu-close", children: /* @__PURE__ */ jsxs26(
             "button",
             {
-              className: "pts-navigation-close-button",
+              className: "pts-navigation-close-button pts-secondary-button",
               onClick: () => handleMenuClick("close"),
               type: "button",
               children: [
@@ -4011,14 +4056,7 @@ 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",
                     {
@@ -4041,14 +4079,15 @@ 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", { className: "pts-sub-navigation-item", lang: activatedLanguage, children: /* @__PURE__ */ jsx30(
-                      LinkComponent,
+                    children: /* @__PURE__ */ jsx30("ul", { className: "pts-sub-navigation-list", lang: activatedLanguage, children: children.map(({ label: label2, href: href2 }, index2) => /* @__PURE__ */ jsx30(
+                      "li",
                       {
-                        onClick: () => handleMenuClick("link"),
-                        href: href2,
-                        children: label2[activatedLanguage]
-                      }
-                    ) }, "nav-child-" + index2)) })
+                        className: "pts-sub-navigation-item",
+                        lang: activatedLanguage,
+                        children: /* @__PURE__ */ jsx30(LinkComponent, { onClick: () => handleMenuClick("link"), href: href2, children: label2[activatedLanguage] })
+                      },
+                      "nav-child-" + index2
+                    )) })
                   }
                 )
               ]
@@ -4115,7 +4154,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,
@@ -4189,14 +4228,23 @@ 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", 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",
+            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() })
+            ]
+          }
+        ) }),
         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",
@@ -4210,12 +4258,20 @@ 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() })
             ]
           }