optimized-react-component-library-xyz123 0.19.19 → 0.19.21

package/dist/index.d.mts

@@ -733,6 +733,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

@@ -733,6 +733,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

@@ -333,11 +333,6 @@ var InputTextarea = ({
   const aboutId = `about-${question.id}`;
   const errorId = `error-${question.id}`;
   const defaultMaxLength = 1e3;
-  const answerLength = (_b = (_a = question.answer) == null ? void 0 : _a.length) != null ? _b : 0;
-  const maxLength = (_d = (_c = question.questionExtraAttribute) == null ? void 0 : _c.answerMaxLength) != null ? _d : defaultMaxLength;
-  const isTooLong = answerLength > maxLength;
-  const counterText = activatedLanguage === "en" ? `${answerLength} of ${maxLength} characters` : `${answerLength} av ${maxLength} tecken`;
-  const maxLengthErrorText = activatedLanguage === "en" ? `The text must be ${maxLength} characters or less` : `Texten f\xE5r max vara ${maxLength} tecken`;
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
     !showPreview && question.visible && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
       "div",
@@ -369,20 +364,29 @@ var InputTextarea = ({
               required: question.isQuestionMandatory,
               "aria-required": question.isQuestionMandatory,
               "aria-invalid": question.hasValidationError,
+              maxLength: ((_a = question.questionExtraAttribute) == null ? void 0 : _a.answerMaxLength) || defaultMaxLength,
               "aria-describedby": [question.aboutText ? aboutId : null, question.hasValidationError ? errorId : null].filter(Boolean).join(" ") || void 0,
               id: inputId
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "pts-textarea-counter-error-container", children: [
-            !isTooLong && question.hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "pts-root-error", id: errorId, children: [
+            question.hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "pts-root-error", id: errorId, children: [
               /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "aria-label": "Felmeddelande.", className: "errorDot", children: "!" }),
               /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "errorText", children: question.validationDefaultMessesege })
             ] }),
-            isTooLong && question.hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "pts-root-error", id: errorId, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "aria-label": "Felmeddelande.", className: "errorDot", children: "!" }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "errorText", children: maxLengthErrorText })
-            ] }),
-            !((_e = question.questionExtraAttribute) == null ? void 0 : _e.hideTextCounter) && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { "aria-live": "polite", className: `pts-character-counter`, children: counterText })
+            !((_b = question.questionExtraAttribute) == null ? void 0 : _b.hideTextCounter) && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+              "div",
+              {
+                className: `pts-character-counter ${question.answer && (((_c = question.questionExtraAttribute) == null ? void 0 : _c.answerMaxLength) || defaultMaxLength) && question.answer.length > (((_d = question.questionExtraAttribute) == null ? void 0 : _d.answerMaxLength) || defaultMaxLength) ? "error" : ""}`,
+                children: [
+                  question.answer ? question.answer.length : 0,
+                  " av",
+                  " ",
+                  ((_e = question.questionExtraAttribute) == null ? void 0 : _e.answerMaxLength) || defaultMaxLength,
+                  " tecken"
+                ]
+              }
+            )
           ] })
         ]
       }
@@ -1186,7 +1190,7 @@ var PreviewSingleCheckbox = ({
 // src/helpers/hasQuestionValidationError/hasQuestionValidationError.tsx
 var import_date_fns = require("date-fns");
 var hasQuestionValidationError = (question, questions) => {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e;
   let error = false;
   if (question.isQuestionMandatory) {
     if (question.isTouched === false) {
@@ -1199,29 +1203,19 @@ var hasQuestionValidationError = (question, questions) => {
       error = true;
     }
   }
-  if ((_b = question.validationType) == null ? void 0 : _b.find(
-    (e) => {
-      var _a2;
-      return e === "maxLength" && ((_a2 = question.questionExtraAttribute) == null ? void 0 : _a2.answerMaxLength);
-    }
-  )) {
-    if (question.answer.length > question.questionExtraAttribute.answerMaxLength) {
-      error = true;
-    }
-  }
-  if (((_c = question.validationType) == null ? void 0 : _c.find((e) => e === "email")) && (question.isQuestionMandatory || question.answer !== "")) {
+  if (((_b = question.validationType) == null ? void 0 : _b.find((e) => e === "email")) && (question.isQuestionMandatory || question.answer !== "")) {
     const emailRegex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
     if (!emailRegex.test(question.answer)) {
       error = true;
     }
   }
-  if (((_d = question.validationType) == null ? void 0 : _d.find((e) => e === "fourNumbers")) && (question.isQuestionMandatory || question.answer !== "")) {
+  if (((_c = question.validationType) == null ? void 0 : _c.find((e) => e === "fourNumbers")) && (question.isQuestionMandatory || question.answer !== "")) {
     const fourNumbersRegex = /^\d{4}$/.test(question.answer);
     if (!fourNumbersRegex) {
       error = true;
     }
   }
-  if (((_e = question.validationType) == null ? void 0 : _e.find((e) => e === "isDateFormatValid")) && question.answer !== "") {
+  if (((_d = question.validationType) == null ? void 0 : _d.find((e) => e === "isDateFormatValid")) && question.answer !== "") {
     const regex = /^\d{4}-\d{2}-\d{2}$/;
     if (!regex.test(question.answer)) {
       error = true;
@@ -1235,18 +1229,16 @@ var hasQuestionValidationError = (question, questions) => {
       error = true;
     }
   }
-  const groupCheckError = (_f = question.validationType) == null ? void 0 : _f.find((e) => e.startsWith("groupCheck-"));
+  const groupCheckError = (_e = question.validationType) == null ? void 0 : _e.find((e) => e.startsWith("groupCheck-"));
   if (groupCheckError) {
     const ids = groupCheckError.replace("groupCheck-", "").split("-");
-    const relatedAnswers = ids.map(
-      (id) => {
-        var _a2;
-        return (_a2 = questions.find((q) => {
-          var _a3;
-          return ((_a3 = q.id) == null ? void 0 : _a3.toString()) === id;
-        })) == null ? void 0 : _a2.answer;
-      }
-    );
+    const relatedAnswers = ids.map((id) => {
+      var _a2;
+      return (_a2 = questions.find((q) => {
+        var _a3;
+        return ((_a3 = q.id) == null ? void 0 : _a3.toString()) === id;
+      })) == null ? void 0 : _a2.answer;
+    });
     const currentAnswer = question.answer;
     const allAnswers = [...relatedAnswers, currentAnswer];
     if (allAnswers.every((ans) => ans === "")) {
@@ -2131,7 +2123,7 @@ var CookieBanner_default = CookieBanner;
 
 // src/components/layout/FooterStandard/FooterStandard.tsx
 var import_jsx_runtime16 = require("react/jsx-runtime");
-var Footer = ({ activatedLanguage = "sv" }) => {
+var Footer = ({ activatedLanguage = "sv", appUsesCookies = false, openCookieBanner }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("footer", { className: "pts-footer-container", children: [
     /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "pts-footer-slogan-text-container", children: /* @__PURE__ */ (0, import_jsx_runtime16.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_runtime16.jsxs)("div", { className: "pts-footer-content", children: [
@@ -2200,7 +2192,19 @@ var Footer = ({ activatedLanguage = "sv" }) => {
             ]
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("li", { children: appUsesCookies ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+          "button",
+          {
+            type: "button",
+            "aria-controls": "cookie-banner",
+            onClick: openCookieBanner,
+            className: "pts-footer-button",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "sr-only", children: activatedLanguage === "en" ? "PTS Cookies (opens cookie banner)" : "PTS Kakor (\xF6ppnar kakbanner)" }),
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Cookies" : "Kakor" })
+            ]
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
           "a",
           {
             href: activatedLanguage === "en" ? "https://pts.se/en/cookies-eservices" : "https://www.pts.se/kakor-etjanster",