optimized-react-component-library-xyz123 0.19.22 → 0.19.24

package/dist/index.js

@@ -419,14 +419,13 @@ var TextFieldStandard = ({
   showPreview = false,
   activatedLanguage
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
   const questionId = `question-${question.id}`;
   const inputId = `textField-${question.id}`;
   const aboutId = `about-${question.id}`;
   const errorId = `error-${question.id}`;
-  const defaultMaxLength = 100;
   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 maxLength = 100;
   const isTooLong = answerLength > maxLength;
   const maxLengthErrorText = activatedLanguage === "en" ? `The text must be ${maxLength} characters or less` : `Texten f\xE5r max vara ${maxLength} tecken`;
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
@@ -434,7 +433,7 @@ var TextFieldStandard = ({
       "div",
       {
         id: questionId,
-        className: `pts-root-question pts-textField-container${((_e = question.questionExtraAttribute) == null ? void 0 : _e.disabled) ? " pts-textField-disabled" : ""}${question.aboutText ? " pts-question-hasAbout" : ""}`.trim(),
+        className: `pts-root-question pts-textField-container${((_c = question.questionExtraAttribute) == null ? void 0 : _c.disabled) ? " pts-textField-disabled" : ""}${question.aboutText ? " pts-question-hasAbout" : ""}`.trim(),
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { htmlFor: inputId, children: [
             question.questionLabel,
@@ -454,25 +453,25 @@ var TextFieldStandard = ({
           /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "input",
             {
-              type: (_g = (_f = question.questionExtraAttribute) == null ? void 0 : _f.inputType) != null ? _g : "text",
-              autoComplete: (_i = (_h = question.questionExtraAttribute) == null ? void 0 : _h.autoComplete) != null ? _i : void 0,
-              inputMode: (_k = (_j = question.questionExtraAttribute) == null ? void 0 : _j.inputMode) != null ? _k : void 0,
+              type: (_e = (_d = question.questionExtraAttribute) == null ? void 0 : _d.inputType) != null ? _e : "text",
+              autoComplete: (_g = (_f = question.questionExtraAttribute) == null ? void 0 : _f.autoComplete) != null ? _g : void 0,
+              inputMode: (_i = (_h = question.questionExtraAttribute) == null ? void 0 : _h.inputMode) != null ? _i : void 0,
               name: `question-name-${question.id}`,
               className: question.hasValidationError ? "pts-root-question-input-error-border" : void 0,
               onChange: (e) => handleQuestionInputChange(e, question),
               value: question.answer,
               id: inputId,
-              disabled: (_l = question.questionExtraAttribute) == null ? void 0 : _l.disabled,
+              disabled: (_j = question.questionExtraAttribute) == null ? void 0 : _j.disabled,
               required: question.isQuestionMandatory,
               "aria-required": question.isQuestionMandatory,
               "aria-describedby": [question.aboutText ? aboutId : null].filter(Boolean).join(" ") || void 0,
               "aria-invalid": question.hasValidationError,
               "aria-errormessage": question.hasValidationError ? errorId : void 0,
-              spellCheck: (_n = (_m = question.questionExtraAttribute) == null ? void 0 : _m.spellCheck) != null ? _n : void 0,
-              autoCapitalize: (_p = (_o = question.questionExtraAttribute) == null ? void 0 : _o.autoCapitalize) != null ? _p : void 0
+              spellCheck: (_l = (_k = question.questionExtraAttribute) == null ? void 0 : _k.spellCheck) != null ? _l : void 0,
+              autoCapitalize: (_n = (_m = question.questionExtraAttribute) == null ? void 0 : _m.autoCapitalize) != null ? _n : void 0
             }
           ),
-          question.hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "pts-root-error", id: errorId, children: [
+          !isTooLong && question.hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "pts-root-error", id: errorId, children: [
             /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
             /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "sr-only", children: "Valideringsfel" }),
             /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "errorText", children: question.validationDefaultMessesege })
@@ -1217,6 +1216,11 @@ var hasQuestionValidationError = (question, questions) => {
       error = true;
     }
   }
+  if (question.questionType === "TextField") {
+    if (question.answer.length > 100) {
+      error = true;
+    }
+  }
   if (((_c = question.validationType) == null ? void 0 : _c.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)) {