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

package/dist/index.js

@@ -327,7 +327,7 @@ var InputTextarea = ({
   showPreview = false,
   activatedLanguage
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  var _a, _b, _c, _d, _e;
   const questionId = `question-${question.id}`;
   const inputId = `textarea-${question.id}`;
   const aboutId = `about-${question.id}`;
@@ -336,6 +336,8 @@ var InputTextarea = ({
   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",
@@ -367,7 +369,6 @@ var InputTextarea = ({
               required: question.isQuestionMandatory,
               "aria-required": question.isQuestionMandatory,
               "aria-invalid": question.hasValidationError,
-              maxLength: ((_e = question.questionExtraAttribute) == null ? void 0 : _e.answerMaxLength) || defaultMaxLength,
               "aria-describedby": [question.aboutText ? aboutId : null, question.hasValidationError ? errorId : null].filter(Boolean).join(" ") || void 0,
               id: inputId
             }
@@ -379,21 +380,9 @@ var InputTextarea = ({
             ] }),
             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: "Texten f\xE5r max vara 1000 tecken" })
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "errorText", children: maxLengthErrorText })
             ] }),
-            !((_f = question.questionExtraAttribute) == null ? void 0 : _f.hideTextCounter) && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-              "div",
-              {
-                className: `pts-character-counter ${question.answer && (((_g = question.questionExtraAttribute) == null ? void 0 : _g.answerMaxLength) || defaultMaxLength) && question.answer.length > (((_h = question.questionExtraAttribute) == null ? void 0 : _h.answerMaxLength) || defaultMaxLength) ? "error" : ""}`,
-                children: [
-                  question.answer ? question.answer.length : 0,
-                  " av",
-                  " ",
-                  ((_i = question.questionExtraAttribute) == null ? void 0 : _i.answerMaxLength) || defaultMaxLength,
-                  " tecken"
-                ]
-              }
-            )
+            !((_e = question.questionExtraAttribute) == null ? void 0 : _e.hideTextCounter) && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { "aria-live": "polite", className: `pts-character-counter`, children: counterText })
           ] })
         ]
       }