optimized-react-component-library-xyz123 0.1.21 → 0.1.23

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 (5) hide show
  1. package/dist/index.d.mts +1 -1
  2. package/dist/index.d.ts +1 -1
  3. package/dist/index.js +12 -9
  4. package/dist/index.mjs +12 -9
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -83,7 +83,7 @@ interface IQuestion {
83
83
  interface IQuestionExtraAttribute {
84
84
  answerMaxLength?: number;
85
85
  disabled?: boolean;
86
- autoComplete?: boolean;
86
+ autoComplete?: string;
87
87
  inputType?: string;
88
88
  showTextAreaCounter?: boolean;
89
89
  hideValidationMessage?: boolean;
package/dist/index.d.ts CHANGED
@@ -83,7 +83,7 @@ interface IQuestion {
83
83
  interface IQuestionExtraAttribute {
84
84
  answerMaxLength?: number;
85
85
  disabled?: boolean;
86
- autoComplete?: boolean;
86
+ autoComplete?: string;
87
87
  inputType?: string;
88
88
  showTextAreaCounter?: boolean;
89
89
  hideValidationMessage?: boolean;
package/dist/index.js CHANGED
@@ -336,7 +336,7 @@ var TextFieldStandard = ({
336
336
  showPreview = false,
337
337
  activatedLanguage
338
338
  }) => {
339
- var _a, _b, _c, _d, _e, _f;
339
+ var _a, _b, _c, _d, _e, _f, _g;
340
340
  const questionId = `question-${question.id}`;
341
341
  const inputId = `textField-${question.id}`;
342
342
  const aboutId = `about-${question.id}`;
@@ -368,14 +368,14 @@ var TextFieldStandard = ({
368
368
  "input",
369
369
  {
370
370
  type: (_c = (_b = question.questionExtraAttribute) == null ? void 0 : _b.inputType) != null ? _c : "text",
371
- autoComplete: ((_d = question.questionExtraAttribute) == null ? void 0 : _d.autoComplete) ? "on" : "off",
371
+ autoComplete: (_e = (_d = question.questionExtraAttribute) == null ? void 0 : _d.autoComplete) != null ? _e : void 0,
372
372
  name: `question-name-${question.id}`,
373
373
  className: question.hasValidationError ? "pts-root-question-input-error-border" : void 0,
374
374
  onChange: (e) => isTouched(e, question),
375
375
  value: question.answer,
376
- maxLength: ((_e = question.questionExtraAttribute) == null ? void 0 : _e.answerMaxLength) || defaultMaxLength,
376
+ maxLength: ((_f = question.questionExtraAttribute) == null ? void 0 : _f.answerMaxLength) || defaultMaxLength,
377
377
  id: inputId,
378
- disabled: (_f = question.questionExtraAttribute) == null ? void 0 : _f.disabled,
378
+ disabled: (_g = question.questionExtraAttribute) == null ? void 0 : _g.disabled,
379
379
  required: question.isQuestionMandatory,
380
380
  "aria-required": question.isQuestionMandatory,
381
381
  "aria-describedby": `${question.aboutText ? aboutId : ""} ${question.hasValidationError ? errorId : ""}`.trim(),
@@ -1778,11 +1778,14 @@ var CONTENT = {
1778
1778
  var Modal = ({ showModal: isOpen, activatedLanguage = "" }) => {
1779
1779
  const currentContent = activatedLanguage === "en" ? CONTENT.en : CONTENT.sv;
1780
1780
  if (!isOpen) return null;
1781
- return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "pts-modal-overlay", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "pts-modal-content", children: [
1782
- /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h1", { children: currentContent.heading }),
1783
- /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { children: currentContent.message }),
1784
- /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "pts-spinner-border" })
1785
- ] }) });
1781
+ return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "pts-modal-overlay", children: [
1782
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { "aria-hidden": true, className: "pts-modal-content", children: [
1783
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h1", { children: currentContent.heading }),
1784
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { children: currentContent.message }),
1785
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "pts-spinner-border" })
1786
+ ] }),
1787
+ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { "aria-live": "assertive", className: "visually-hidden", children: "Skickar in... V\xE4nligen v\xE4nta." })
1788
+ ] });
1786
1789
  };
1787
1790
  var ModalStandard_default = Modal;
1788
1791
 
package/dist/index.mjs CHANGED
@@ -272,7 +272,7 @@ var TextFieldStandard = ({
272
272
  showPreview = false,
273
273
  activatedLanguage
274
274
  }) => {
275
- var _a, _b, _c, _d, _e, _f;
275
+ var _a, _b, _c, _d, _e, _f, _g;
276
276
  const questionId = `question-${question.id}`;
277
277
  const inputId = `textField-${question.id}`;
278
278
  const aboutId = `about-${question.id}`;
@@ -304,14 +304,14 @@ var TextFieldStandard = ({
304
304
  "input",
305
305
  {
306
306
  type: (_c = (_b = question.questionExtraAttribute) == null ? void 0 : _b.inputType) != null ? _c : "text",
307
- autoComplete: ((_d = question.questionExtraAttribute) == null ? void 0 : _d.autoComplete) ? "on" : "off",
307
+ autoComplete: (_e = (_d = question.questionExtraAttribute) == null ? void 0 : _d.autoComplete) != null ? _e : void 0,
308
308
  name: `question-name-${question.id}`,
309
309
  className: question.hasValidationError ? "pts-root-question-input-error-border" : void 0,
310
310
  onChange: (e) => isTouched(e, question),
311
311
  value: question.answer,
312
- maxLength: ((_e = question.questionExtraAttribute) == null ? void 0 : _e.answerMaxLength) || defaultMaxLength,
312
+ maxLength: ((_f = question.questionExtraAttribute) == null ? void 0 : _f.answerMaxLength) || defaultMaxLength,
313
313
  id: inputId,
314
- disabled: (_f = question.questionExtraAttribute) == null ? void 0 : _f.disabled,
314
+ disabled: (_g = question.questionExtraAttribute) == null ? void 0 : _g.disabled,
315
315
  required: question.isQuestionMandatory,
316
316
  "aria-required": question.isQuestionMandatory,
317
317
  "aria-describedby": `${question.aboutText ? aboutId : ""} ${question.hasValidationError ? errorId : ""}`.trim(),
@@ -1714,11 +1714,14 @@ var CONTENT = {
1714
1714
  var Modal = ({ showModal: isOpen, activatedLanguage = "" }) => {
1715
1715
  const currentContent = activatedLanguage === "en" ? CONTENT.en : CONTENT.sv;
1716
1716
  if (!isOpen) return null;
1717
- return /* @__PURE__ */ jsx13("div", { className: "pts-modal-overlay", children: /* @__PURE__ */ jsxs13("div", { className: "pts-modal-content", children: [
1718
- /* @__PURE__ */ jsx13("h1", { children: currentContent.heading }),
1719
- /* @__PURE__ */ jsx13("p", { children: currentContent.message }),
1720
- /* @__PURE__ */ jsx13("div", { className: "pts-spinner-border" })
1721
- ] }) });
1717
+ return /* @__PURE__ */ jsxs13("div", { className: "pts-modal-overlay", children: [
1718
+ /* @__PURE__ */ jsxs13("div", { "aria-hidden": true, className: "pts-modal-content", children: [
1719
+ /* @__PURE__ */ jsx13("h1", { children: currentContent.heading }),
1720
+ /* @__PURE__ */ jsx13("p", { children: currentContent.message }),
1721
+ /* @__PURE__ */ jsx13("div", { className: "pts-spinner-border" })
1722
+ ] }),
1723
+ /* @__PURE__ */ jsx13("span", { "aria-live": "assertive", className: "visually-hidden", children: "Skickar in... V\xE4nligen v\xE4nta." })
1724
+ ] });
1722
1725
  };
1723
1726
  var ModalStandard_default = Modal;
1724
1727
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "optimized-react-component-library-xyz123",
3
- "version": "0.1.21",
3
+ "version": "0.1.23",
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",