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

package/dist/index.d.mts

@@ -823,6 +823,8 @@ declare const CookieBanner: React$1.FC<CookieBannerProps>;
 
 interface FooterProps {
     activatedLanguage?: string;
+    appUsesCookies?: boolean;
+    openCookieBanner?: () => void;
 }
 
 declare const Footer: FC<FooterProps>;

package/dist/index.d.ts

@@ -823,6 +823,8 @@ declare const CookieBanner: React$1.FC<CookieBannerProps>;
 
 interface FooterProps {
     activatedLanguage?: string;
+    appUsesCookies?: boolean;
+    openCookieBanner?: () => void;
 }
 
 declare const Footer: FC<FooterProps>;

package/dist/index.js

@@ -112,6 +112,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
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var InputRadio = ({
@@ -175,9 +191,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__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
-    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("dd", { className: "pts-radioMultiple-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("dd", { className: "pts-radioMultiple-preview pts-root-answer", id: `answer-${previewId}`, children: questionAnswer.length > 0 ? questionAnswer : question.answer }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       "dd",
       {
         className: "pts-radioMultiple-preview pts-root-answer no-answer-preview-page",
@@ -1393,6 +1410,7 @@ __export(icons_exports, {
   ChevronRightIcon: () => ChevronRightIcon,
   CloseIcon: () => CloseIcon,
   CollapseIcon: () => CollapseIcon,
+  Cookie_icon: () => Cookie_icon,
   ExpandIcon: () => ExpandIcon,
   FileIcon: () => FileIcon,
   LanguageIcon: () => LanguageIcon,
@@ -1978,6 +1996,13 @@ var Logo_en = () => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     ]
   }
 );
+var Cookie_icon = () => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "13", height: "16", viewBox: "0 0 13 16", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  "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
 var import_dompurify5 = __toESM(require("dompurify"));
@@ -2273,13 +2298,14 @@ var RadioWithInfo = ({
         ]
       }
     ) }),
-    showPreview && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(PreviewRadio2, { question })
+    showPreview && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(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__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
     ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
@@ -2287,7 +2313,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__ */ (0, import_jsx_runtime21.jsx)(
       "dd",
@@ -2426,16 +2452,17 @@ var CustomDropdownStandard = ({
       ),
       hasOptionInfoText && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(OptionTextBody_default, { ...optionTextProps })
     ] }),
-    showPreview && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PreviewDropdown, { question })
+    showPreview && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(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__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
-    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("dd", { className: "pts-dropdown-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("dd", { className: "pts-dropdown-preview pts-root-answer", id: `answer-${previewId}`, children: questionAnswer.length > 0 ? questionAnswer : question.answer }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       "dd",
       {
         className: "pts-dropdown-preview pts-root-answer no-answer-preview-page",
@@ -3191,7 +3218,8 @@ var QuestionRenderer = ({
       {
         question,
         handleQuestionInputChange,
-        showPreview
+        showPreview,
+        activatedLanguage
       }
     ),
     question.questionType === "RadioWithInfo" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
@@ -3199,7 +3227,8 @@ var QuestionRenderer = ({
       {
         question,
         handleQuestionInputChange,
-        showPreview
+        showPreview,
+        activatedLanguage
       }
     ),
     question.questionType === "TextField" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
@@ -3253,7 +3282,8 @@ var QuestionRenderer = ({
       {
         question,
         handleQuestionInputChange,
-        showPreview
+        showPreview,
+        activatedLanguage
       }
     ),
     question.questionType === "InfoOnly" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
@@ -3447,7 +3477,11 @@ var CookieBanner_default = CookieBanner;
 
 // src/components/layout/FooterStandard/FooterStandard.tsx
 var import_jsx_runtime27 = require("react/jsx-runtime");
-var Footer = ({ activatedLanguage = "sv" }) => {
+var Footer = ({
+  activatedLanguage = "sv",
+  appUsesCookies = false,
+  openCookieBanner
+}) => {
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("footer", { className: "pts-footer-container", children: [
     /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "pts-footer-slogan-text-container", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("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__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "pts-footer-content", children: [
@@ -3516,7 +3550,20 @@ var Footer = ({ activatedLanguage = "sv" }) => {
             ]
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("li", { children: appUsesCookies ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+          "button",
+          {
+            type: "button",
+            "aria-controls": "cookie-banner",
+            onClick: openCookieBanner,
+            className: "pts-footer-button pts-secondary-button",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "sr-only", children: activatedLanguage === "en" ? "PTS Cookies (opens cookie banner)" : "PTS Kakor (\xF6ppnar kakbanner)" }),
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { "aria-hidden": "true", className: "secondary_icon", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Cookie_icon, {}) }),
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Cookies" : "Kakor" })
+            ]
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
           "a",
           {
             href: activatedLanguage === "en" ? "https://pts.se/en/cookies-eservices" : "https://www.pts.se/kakor-etjanster",
@@ -3946,7 +3993,7 @@ var Header = ({
       "button",
       {
         lang: activatedLanguage === "en" ? "en" : "sv",
-        className: "pts-languageButton",
+        className: "pts-languageButton pts-secondary-button",
         onClick: handleLanguageClick,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "languageIcon", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(LanguageIcon2, {}) }) }),
@@ -3994,12 +4041,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]);
   (0, import_react16.useEffect)(() => {
@@ -4080,7 +4125,7 @@ var Navigation = ({
           /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "pts-navigation-close-container ", id: "menu-close", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
             "button",
             {
-              className: "pts-navigation-close-button",
+              className: "pts-navigation-close-button pts-secondary-button",
               onClick: () => handleMenuClick("close"),
               type: "button",
               children: [
@@ -4096,14 +4141,7 @@ var Navigation = ({
               lang: activatedLanguage,
               children: [
                 /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "pts-navigation-button", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: href && href.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: label[activatedLanguage] }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-                    LinkComponent,
-                    {
-                      onClick: () => handleMenuClick("link"),
-                      href,
-                      children: label[activatedLanguage]
-                    }
-                  ) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: href && href.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: label[activatedLanguage] }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(LinkComponent, { onClick: () => handleMenuClick("link"), href, children: label[activatedLanguage] }) }),
                   children && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                     "button",
                     {
@@ -4126,14 +4164,15 @@ var Navigation = ({
                     className: "pts-sub-navigation-container",
                     id: "sub-menu-" + index,
                     role: "region",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("ul", { className: "pts-sub-navigation-list", lang: activatedLanguage, children: children.map(({ label: label2, href: href2 }, index2) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("li", { className: "pts-sub-navigation-item", lang: activatedLanguage, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
-                      LinkComponent,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("ul", { className: "pts-sub-navigation-list", lang: activatedLanguage, children: children.map(({ label: label2, href: href2 }, index2) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                      "li",
                       {
-                        onClick: () => handleMenuClick("link"),
-                        href: href2,
-                        children: label2[activatedLanguage]
-                      }
-                    ) }, "nav-child-" + index2)) })
+                        className: "pts-sub-navigation-item",
+                        lang: activatedLanguage,
+                        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(LinkComponent, { onClick: () => handleMenuClick("link"), href: href2, children: label2[activatedLanguage] })
+                      },
+                      "nav-child-" + index2
+                    )) })
                   }
                 )
               ]
@@ -4200,7 +4239,7 @@ var import_jsx_runtime33 = require("react/jsx-runtime");
 var NavigationHeader = ({
   headline = void 0,
   homelink = "",
-  //?? 
+  //??
   activatedLanguage = "sv",
   useLanguage = false,
   useNavigationMenu = true,
@@ -4274,14 +4313,23 @@ var NavigationHeader = ({
       ) }),
       /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: `${hasHeadline ? "pts-navigation-header-headline-container" : ""}`, children: hasHeadline && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "pts-site-headline", children: headline }) }),
       /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "pts-navigation-header-nav-container", children: (useLanguage || useNavigationMenu || useSearch) && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
-        useSearch && !isMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_jsx_runtime33.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("button", { type: "button", onClick: handleSearchClick, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { "aria-hidden": "true", className: "pts-navigation-header-icons", children: getSearchIcon() }),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "pts-navigation-header-button-label", children: getSearchLabel() })
-        ] }) }),
+        useSearch && !isMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_jsx_runtime33.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+          "button",
+          {
+            type: "button",
+            className: "pts-secondary-button",
+            onClick: handleSearchClick,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { "aria-hidden": "true", className: "pts-navigation-header-icons", children: getSearchIcon() }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "pts-navigation-header-button-label", children: getSearchLabel() })
+            ]
+          }
+        ) }),
         useLanguage && !isMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
           "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",
@@ -4295,12 +4343,20 @@ var NavigationHeader = ({
           "button",
           {
             type: "button",
+            className: "pts-secondary-button",
             onClick: handleMenuClick,
             "aria-expanded": isMenuOpen,
             "aria-controls": "main-navigation",
             ref: menuButtonFocusRef,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { "aria-hidden": "true", className: isMenuOpen ? "pts-close-icon" : "pts-open-icon", children: getMenuIcon() }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: isMenuOpen ? "pts-close-icon" : "pts-open-icon",
+                  children: getMenuIcon()
+                }
+              ),
               /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "pts-navigation-header-button-label", children: getMenuLabel() })
             ]
           }