optimized-react-component-library-xyz123 0.29.1 → 0.29.3

package/dist/index.js

@@ -122,7 +122,7 @@ var InputRadio = ({
       {
         "aria-required": question.isQuestionMandatory,
         "aria-invalid": question.hasValidationError ? question.hasValidationError : void 0,
-        "aria-errormessage": question.hasValidationError ? errorId : void 0,
+        "aria-describedby": question.hasValidationError ? errorId : void 0,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("legend", { id: `label-${groupId}`, children: [
             question.questionLabel,
@@ -293,7 +293,7 @@ var CheckboxGroup = ({
       {
         "aria-required": question.isQuestionMandatory,
         "aria-invalid": question.hasValidationError ? question.hasValidationError : void 0,
-        "aria-errormessage": question.hasValidationError ? errorId : void 0,
+        "aria-describedby": question.hasValidationError ? errorId : void 0,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("legend", { className: "pts-checkboxGroup-legend", id: `label-${groupId}`, children: [
             question.questionLabel,
@@ -503,9 +503,8 @@ var TextFieldStandard = ({
               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-describedby": [question.aboutText ? aboutId : null, question.hasValidationError ? errorId : null].filter(Boolean).join(" ") || void 0,
               "aria-invalid": question.hasValidationError,
-              "aria-errormessage": question.hasValidationError ? errorId : 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
             }
@@ -1199,9 +1198,8 @@ var SingleCheckbox = ({
             disabled: (_b = question.questionExtraAttribute) == null ? void 0 : _b.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
+            "aria-describedby": [question.aboutText ? aboutId : null, question.hasValidationError ? errorId : null].filter(Boolean).join(" ") || void 0,
+            "aria-invalid": question.hasValidationError
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("label", { htmlFor: `${inputId}`, children: question.questionLabel }),
@@ -1240,14 +1238,7 @@ var PreviewSingleCheckbox = ({
   const previewId = `preview-${question.id}`;
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
-    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dd", { className: "pts-singleCheckbox-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer === "false" ? activatedLanguage === "sv" ? "Nej" : "No" : activatedLanguage === "sv" ? "Ja" : "Yes" }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-      "dd",
-      {
-        className: "pts-singleCheckbox-preview pts-root-answer",
-        id: `answer-${previewId}`,
-        children: activatedLanguage === "sv" ? "Nej" : "No"
-      }
-    )
+    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dd", { className: "pts-singleCheckbox-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer === "false" ? activatedLanguage === "sv" ? "Nej" : "No" : activatedLanguage === "sv" ? "Ja" : "Yes" }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dd", { className: "pts-singleCheckbox-preview pts-root-answer", id: `answer-${previewId}`, children: activatedLanguage === "sv" ? "Nej" : "No" })
   ] });
 };
 
@@ -2058,9 +2049,11 @@ var QuestionGroup = ({
   if (!questions || questions.length === 0) {
     return null;
   }
-  const firstQuestion = questions[0];
+  const firstQuestion = questions.find((question) => question.visible === true) || questions[0];
   const errorId = firstQuestion.id + "-error";
-  const groupMandatory = (_a = firstQuestion.validationType) == null ? void 0 : _a.find((e) => e.startsWith("groupCheck-"));
+  const groupMandatory = (_a = firstQuestion.validationType) == null ? void 0 : _a.find(
+    (e) => e.startsWith("groupCheck-")
+  );
   (0, import_react12.useEffect)(() => {
     questions.forEach((question) => {
       if (question.visible && !question.isDisplayed) {
@@ -2087,7 +2080,6 @@ var QuestionGroup = ({
           className: "pts-root-question-group-fieldset pts-root-question",
           "aria-required": firstQuestion.isQuestionMandatory || void 0,
           "aria-invalid": firstQuestion.hasValidationError || void 0,
-          "aria-errormessage": firstQuestion.hasValidationError ? `${firstQuestion.id}-error` : void 0,
           "aria-describedby": firstQuestion.hasValidationError ? `${firstQuestion.id}-error` : void 0,
           children: [
             legendLabel && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("legend", { children: [