optimized-react-component-library-xyz123 0.1.26 → 0.1.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.js +11 -14
  2. package/dist/index.mjs +11 -14
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -162,7 +162,11 @@ var MultipleCheckboxes = ({
162
162
  question.questionLabel,
163
163
  " ",
164
164
  question.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" }),
165
- " "
165
+ " ",
166
+ question.hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { "aria-hidden": true, className: "sr-only", children: [
167
+ "Felmeddelande. ",
168
+ question.validationDefaultMessesege
169
+ ] })
166
170
  ] }),
167
171
  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ul", { children: (_a = question.options) == null ? void 0 : _a.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
168
172
  " ",
@@ -1047,21 +1051,14 @@ var RenderQuestionGroup = ({
1047
1051
  className: "pts-root-question-group-fieldset",
1048
1052
  "aria-required": questionArray[0].isQuestionMandatory,
1049
1053
  "aria-invalid": questionArray[0].hasValidationError,
1050
- "aria-errormessage": questionArray[0].validationDefaultMessesege + "-error",
1051
- "aria-describedby": questionArray[0].validationDefaultMessesege + "-error",
1054
+ "aria-errormessage": questionArray[0].questionId + "-error",
1055
+ "aria-describedby": questionArray[0].questionId + "-error",
1052
1056
  children: [
1053
1057
  legend && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("legend", { children: legend }),
1054
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1055
- "div",
1056
- {
1057
- className: "pts-root-error",
1058
- id: questionArray[0].validationDefaultMessesege + "-error",
1059
- children: questionArray[0].hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
1060
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
1061
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "aria-label": "Felmeddelande.", className: "errorText", children: questionArray[0].validationDefaultMessesege })
1062
- ] })
1063
- }
1064
- ),
1058
+ /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "pts-root-error", id: questionArray[0].questionId + "-error", children: questionArray[0].hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
1059
+ /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
1060
+ /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "aria-label": "Felmeddelande.", className: "errorText", children: questionArray[0].validationDefaultMessesege })
1061
+ ] }) }),
1065
1062
  questions
1066
1063
  ]
1067
1064
  }
package/dist/index.mjs CHANGED
@@ -98,7 +98,11 @@ var MultipleCheckboxes = ({
98
98
  question.questionLabel,
99
99
  " ",
100
100
  question.isQuestionMandatory && /* @__PURE__ */ jsx2("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" }),
101
- " "
101
+ " ",
102
+ question.hasValidationError && /* @__PURE__ */ jsxs2("span", { "aria-hidden": true, className: "sr-only", children: [
103
+ "Felmeddelande. ",
104
+ question.validationDefaultMessesege
105
+ ] })
102
106
  ] }),
103
107
  /* @__PURE__ */ jsx2("ul", { children: (_a = question.options) == null ? void 0 : _a.map((option, index) => /* @__PURE__ */ jsx2("li", { children: /* @__PURE__ */ jsxs2(Fragment2, { children: [
104
108
  " ",
@@ -983,21 +987,14 @@ var RenderQuestionGroup = ({
983
987
  className: "pts-root-question-group-fieldset",
984
988
  "aria-required": questionArray[0].isQuestionMandatory,
985
989
  "aria-invalid": questionArray[0].hasValidationError,
986
- "aria-errormessage": questionArray[0].validationDefaultMessesege + "-error",
987
- "aria-describedby": questionArray[0].validationDefaultMessesege + "-error",
990
+ "aria-errormessage": questionArray[0].questionId + "-error",
991
+ "aria-describedby": questionArray[0].questionId + "-error",
988
992
  children: [
989
993
  legend && /* @__PURE__ */ jsx7("legend", { children: legend }),
990
- /* @__PURE__ */ jsx7(
991
- "div",
992
- {
993
- className: "pts-root-error",
994
- id: questionArray[0].validationDefaultMessesege + "-error",
995
- children: questionArray[0].hasValidationError && /* @__PURE__ */ jsxs7(Fragment7, { children: [
996
- /* @__PURE__ */ jsx7("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
997
- /* @__PURE__ */ jsx7("span", { "aria-label": "Felmeddelande.", className: "errorText", children: questionArray[0].validationDefaultMessesege })
998
- ] })
999
- }
1000
- ),
994
+ /* @__PURE__ */ jsx7("div", { className: "pts-root-error", id: questionArray[0].questionId + "-error", children: questionArray[0].hasValidationError && /* @__PURE__ */ jsxs7(Fragment7, { children: [
995
+ /* @__PURE__ */ jsx7("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
996
+ /* @__PURE__ */ jsx7("span", { "aria-label": "Felmeddelande.", className: "errorText", children: questionArray[0].validationDefaultMessesege })
997
+ ] }) }),
1001
998
  questions
1002
999
  ]
1003
1000
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "optimized-react-component-library-xyz123",
3
- "version": "0.1.26",
3
+ "version": "0.1.28",
4
4
  "description": "A modern React component library using TypeScript with React 19 support.",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",