optimized-react-component-library-xyz123 0.13.6 → 0.13.7

package/dist/index.mjs

@@ -1194,7 +1194,6 @@ var MultipleTextField = ({
   const [arrayOfTextFields, setArrayOfTextFields] = useState7(
     []
   );
-  const [textfieldValues, setTextfieldValues] = useState7([]);
   useEffect7(() => {
     const initialValues = Array.from({ length: numberOfTextFields }, (_, index) => ({
       label: `Field ${index + 1}`,
@@ -1204,14 +1203,11 @@ var MultipleTextField = ({
     setArrayOfTextFields(initialValues);
   }, []);
   const handleInputChange = (event, optionValue) => {
-    alert("handleInputChange called with optionValue: " + optionValue);
     const newValue = event.target.value;
     const updatedTextFields = arrayOfTextFields.map(
       (field) => field.label === optionValue ? { ...field, value: newValue } : field
     );
     setArrayOfTextFields(updatedTextFields);
-    alert("Updated text fields: " + JSON.stringify(updatedTextFields));
-    setTextfieldValues(updatedTextFields.map((field) => field.value));
     const e = { target: { value: updatedTextFields.map((field) => field.value).toString() } };
     handleQuestionInputChange(e, question);
   };
@@ -1225,39 +1221,50 @@ var MultipleTextField = ({
       ] }),
       arrayOfTextFields.map((option, index) => {
         var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
-        return (
-          // <li key={index}>
-          /* @__PURE__ */ jsxs12(Fragment14, { children: [
-            " ",
-            /* @__PURE__ */ jsxs12("label", { htmlFor: `${question.id}-textfield-${index}`, children: [
-              option.label,
-              " "
-            ] }),
-            /* @__PURE__ */ jsx14(
-              "input",
-              {
-                type: (_b2 = (_a2 = question.questionExtraAttribute) == null ? void 0 : _a2.inputType) != null ? _b2 : "text",
-                autoComplete: (_d = (_c = question.questionExtraAttribute) == null ? void 0 : _c.autoComplete) != null ? _d : void 0,
-                inputMode: (_f = (_e = question.questionExtraAttribute) == null ? void 0 : _e.inputMode) != null ? _f : void 0,
-                name: `question-name-${question.id}`,
-                className: question.hasValidationError ? "pts-root-question-input-error-border" : void 0,
-                onChange: (e) => handleInputChange(e, option.label),
-                value: option.value,
-                maxLength: ((_g = question.questionExtraAttribute) == null ? void 0 : _g.answerMaxLength) || defaultMaxLength,
-                id: `${question.id}-textfield-${index}`,
-                disabled: (_h = question.questionExtraAttribute) == null ? void 0 : _h.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: (_j = (_i = question.questionExtraAttribute) == null ? void 0 : _i.spellCheck) != null ? _j : void 0,
-                autoCapitalize: (_l = (_k = question.questionExtraAttribute) == null ? void 0 : _k.autoCapitalize) != null ? _l : void 0
-              }
-            )
-          ] })
-        );
-      })
+        return /* @__PURE__ */ jsxs12(Fragment14, { children: [
+          /* @__PURE__ */ jsxs12("label", { htmlFor: `${question.id}-textfield-${index}`, children: [
+            option.label,
+            " "
+          ] }),
+          /* @__PURE__ */ jsx14(
+            "input",
+            {
+              type: (_b2 = (_a2 = question.questionExtraAttribute) == null ? void 0 : _a2.inputType) != null ? _b2 : "text",
+              autoComplete: (_d = (_c = question.questionExtraAttribute) == null ? void 0 : _c.autoComplete) != null ? _d : void 0,
+              inputMode: (_f = (_e = question.questionExtraAttribute) == null ? void 0 : _e.inputMode) != null ? _f : void 0,
+              name: `question-name-${question.id}`,
+              className: question.hasValidationError ? "pts-root-question-input-error-border" : void 0,
+              onChange: (e) => handleInputChange(e, option.label),
+              value: option.value,
+              maxLength: ((_g = question.questionExtraAttribute) == null ? void 0 : _g.answerMaxLength) || defaultMaxLength,
+              id: `${question.id}-textfield-${index}`,
+              disabled: (_h = question.questionExtraAttribute) == null ? void 0 : _h.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: (_j = (_i = question.questionExtraAttribute) == null ? void 0 : _i.spellCheck) != null ? _j : void 0,
+              autoCapitalize: (_l = (_k = question.questionExtraAttribute) == null ? void 0 : _k.autoCapitalize) != null ? _l : void 0
+            }
+          )
+        ] });
+      }),
+      question.aboutText && /* @__PURE__ */ jsx14(
+        "div",
+        {
+          id: aboutId,
+          className: "pts-about",
+          dangerouslySetInnerHTML: { __html: question.aboutText }
+        }
+      ),
+      " ",
+      question.hasValidationError && /* @__PURE__ */ jsxs12("div", { className: "pts-root-error", id: errorId, children: [
+        /* @__PURE__ */ jsx14("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
+        /* @__PURE__ */ jsx14("span", { className: "sr-only", children: "Valideringsfel" }),
+        /* @__PURE__ */ jsx14("span", { className: "errorText", children: question.validationDefaultMessesege })
+      ] }),
+      " "
     ] }) }),
     " ",
     showPreview && /* @__PURE__ */ jsx14(PreviewMultipleTextField, { activatedLanguage, question })