optimized-react-component-library-xyz123 0.26.5 → 0.26.6

package/dist/index.mjs

@@ -166,8 +166,8 @@ var CheckboxGroup = ({
     var _a2;
     const initialValues = ((_a2 = question.options) == null ? void 0 : _a2.filter((option) => {
       var _a3;
-      return (_a3 = question.answer) == null ? void 0 : _a3.includes(option.label);
-    }).map((option) => option.label)) || [];
+      return (_a3 = question.answer) == null ? void 0 : _a3.includes(option.id);
+    }).map((option) => option.id)) || [];
     setCheckedValues(initialValues);
   }, [question.answer, question.options]);
   const handleInputChange = (event, optionValue) => {
@@ -201,9 +201,9 @@ var CheckboxGroup = ({
                 type: "checkbox",
                 name: `name-${question.id}`,
                 id: `${groupId}-option-${index}`,
-                value: option.label,
-                checked: checkedValues.includes(option.label),
-                onChange: (e) => handleInputChange(e, option.label),
+                value: option.id,
+                checked: checkedValues.includes(option.id),
+                onChange: (e) => handleInputChange(e, option.id),
                 className: question.hasValidationError ? "pts-root-question-input-error-border" : void 0
               }
             ),
@@ -231,7 +231,7 @@ var PreviewCheckboxGroup = ({
     /* @__PURE__ */ jsx3("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
     question.answer ? question.options && question.options.length === 1 ? /* @__PURE__ */ jsx3("dd", { children: question.options[0].label }) : /* @__PURE__ */ jsx3("dd", { children: /* @__PURE__ */ jsx3("ul", { className: "pts-preview-answer-list", children: (_b = question.options) == null ? void 0 : _b.filter((option) => {
       var _a2;
-      return (_a2 = question.answer) == null ? void 0 : _a2.includes(option.label);
+      return (_a2 = question.answer) == null ? void 0 : _a2.includes(option.id);
     }).map((option, index) => /* @__PURE__ */ jsx3("li", { children: option.label }, index)) }) }) : /* @__PURE__ */ jsx3("dd", { className: "no-answer-preview-page", children: activatedLanguage === "en" ? "No Answer" : "Inget svar" }),
     " "
   ] });