optimized-react-component-library-xyz123 0.1.141 → 0.1.142
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.
- package/dist/index.js +14 -17
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +14 -17
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/css/darkMode.css +8 -4
- package/src/css/mobileView.css +307 -173
- package/src/css/styles.css +129 -149
package/dist/index.mjs
CHANGED
|
@@ -103,7 +103,7 @@ var MultipleCheckboxes = ({
|
|
|
103
103
|
};
|
|
104
104
|
return /* @__PURE__ */ jsxs2(Fragment2, { children: [
|
|
105
105
|
!showPreview && question.visible && /* @__PURE__ */ jsx2("div", { id: questionId, className: "pts-root-question pts-multipleCheckboxes-container", children: /* @__PURE__ */ jsxs2("fieldset", { children: [
|
|
106
|
-
/* @__PURE__ */ jsxs2("legend", {
|
|
106
|
+
/* @__PURE__ */ jsxs2("legend", { id: `label-${questionId}`, children: [
|
|
107
107
|
question.questionLabel,
|
|
108
108
|
" ",
|
|
109
109
|
question.isQuestionMandatory && /* @__PURE__ */ jsx2("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" }),
|
|
@@ -596,7 +596,7 @@ var SelectedFiles = ({
|
|
|
596
596
|
removeError();
|
|
597
597
|
},
|
|
598
598
|
"aria-label": activatedLanguage === "sv" ? `St\xE4ng felmeddelandet` : `Close error message`,
|
|
599
|
-
children:
|
|
599
|
+
children: /* @__PURE__ */ jsx9("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ jsx9("path", { d: "M0.75 12.75L12.75 0.75M0.75 0.75L12.75 12.75", stroke: "#8E0039", "stroke-width": "1.5", "stroke-linecap": "round" }) })
|
|
600
600
|
}
|
|
601
601
|
) })
|
|
602
602
|
] }) }),
|
|
@@ -653,7 +653,7 @@ var SelectedFiles = ({
|
|
|
653
653
|
/* @__PURE__ */ jsx9(Row, { style: { marginTop: "12px", marginBottom: "12px" }, children: /* @__PURE__ */ jsx9(Col, { className: "makeSpace" }) })
|
|
654
654
|
] }, index) }) }) }, `file-${file.FileName}-${index}`) });
|
|
655
655
|
}) }),
|
|
656
|
-
/* @__PURE__ */ jsx9("div", { ref: theDiv,
|
|
656
|
+
/* @__PURE__ */ jsx9("div", { ref: theDiv, className: "pts-clipboard-container" })
|
|
657
657
|
] });
|
|
658
658
|
};
|
|
659
659
|
var SelectedFilesStandard_default = SelectedFiles;
|
|
@@ -903,11 +903,11 @@ var PreviewAddFiles = ({
|
|
|
903
903
|
activatedLanguage
|
|
904
904
|
}) => {
|
|
905
905
|
const previewId = `preview-${questionObject.Id}`;
|
|
906
|
-
return /* @__PURE__ */ jsxs8(
|
|
907
|
-
/* @__PURE__ */ jsx10("
|
|
908
|
-
questionObject.files && questionObject.files.length > 0 ? /* @__PURE__ */ jsx10("
|
|
906
|
+
return /* @__PURE__ */ jsxs8("div", { className: "pts-question-preview pts-addFiles-preview", id: `question-${previewId}`, children: [
|
|
907
|
+
/* @__PURE__ */ jsx10("dd", { id: previewId, children: questionObject.questionLabel ? questionObject.questionLabel : activatedLanguage === "en" ? "Attached files" : "Bifogade filer" }),
|
|
908
|
+
/* @__PURE__ */ jsx10("div", { className: "pts-root-answer", children: questionObject.files && questionObject.files.length > 0 ? /* @__PURE__ */ jsx10("dt", { children: /* @__PURE__ */ jsx10("ul", { "aria-labelledby": previewId, className: "pts-preview-answer-list", children: questionObject.files.map((file, index) => {
|
|
909
909
|
return /* @__PURE__ */ jsx10("li", { children: file.FileName }, `file-${index}-${file.FileName}`);
|
|
910
|
-
}) }) }) : /* @__PURE__ */ jsx10("
|
|
910
|
+
}) }) }) : /* @__PURE__ */ jsx10("dt", { className: "no-answer-preview-page", children: activatedLanguage === "en" ? "No attached files" : "Inga bifogade filer" }) })
|
|
911
911
|
] });
|
|
912
912
|
};
|
|
913
913
|
|
|
@@ -2317,7 +2317,7 @@ var Header = ({
|
|
|
2317
2317
|
className: "pts-languageButton",
|
|
2318
2318
|
onClick: handleLanguageClick,
|
|
2319
2319
|
children: [
|
|
2320
|
-
/* @__PURE__ */ jsx16("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx16(LanguageIcon, {}) }),
|
|
2320
|
+
/* @__PURE__ */ jsx16("div", { className: "languageIcon", children: /* @__PURE__ */ jsx16("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx16(LanguageIcon, {}) }) }),
|
|
2321
2321
|
/* @__PURE__ */ jsx16("span", { "aria-hidden": "true", className: "pts-languageButton", children: getLanguageLabel() }),
|
|
2322
2322
|
activatedLanguage === "en" && /* @__PURE__ */ jsx16("span", { className: "sr-only", children: "\xC4ndra spr\xE5k till svenska" }),
|
|
2323
2323
|
activatedLanguage === "sv" && /* @__PURE__ */ jsx16("span", { className: "sr-only", children: "Change language to English" })
|
|
@@ -2343,14 +2343,11 @@ var CONTENT = {
|
|
|
2343
2343
|
var Modal = ({ showModal: isOpen, activatedLanguage = "" }) => {
|
|
2344
2344
|
const currentContent = activatedLanguage === "en" ? CONTENT.en : CONTENT.sv;
|
|
2345
2345
|
if (!isOpen) return null;
|
|
2346
|
-
return /* @__PURE__ */
|
|
2347
|
-
/* @__PURE__ */
|
|
2348
|
-
|
|
2349
|
-
|
|
2350
|
-
|
|
2351
|
-
] }),
|
|
2352
|
-
/* @__PURE__ */ jsx17("span", { "aria-live": "assertive", className: "visually-hidden", children: "Skickar in... V\xE4nligen v\xE4nta." })
|
|
2353
|
-
] });
|
|
2346
|
+
return /* @__PURE__ */ jsx17("div", { className: "pts-modal-overlay", children: /* @__PURE__ */ jsxs15("div", { "aria-hidden": true, className: "pts-modal-content", children: [
|
|
2347
|
+
/* @__PURE__ */ jsx17("h1", { children: currentContent.heading }),
|
|
2348
|
+
/* @__PURE__ */ jsx17("p", { children: currentContent.message }),
|
|
2349
|
+
/* @__PURE__ */ jsx17("div", { className: "pts-spinner-border" })
|
|
2350
|
+
] }) });
|
|
2354
2351
|
};
|
|
2355
2352
|
var ModalStandard_default = Modal;
|
|
2356
2353
|
|
|
@@ -2771,7 +2768,7 @@ var ValidationErrorSummaryList = ({
|
|
|
2771
2768
|
const found = questions.find((item) => item.id === id);
|
|
2772
2769
|
return (_a = found == null ? void 0 : found.validationSummaryLabel) != null ? _a : found == null ? void 0 : found.questionLabel;
|
|
2773
2770
|
}
|
|
2774
|
-
return /* @__PURE__ */ jsxs21("div", { className:
|
|
2771
|
+
return /* @__PURE__ */ jsxs21("div", { className: `pts-errorSummary-container pts-root-error ${validationErrorsList.length === 0 ? "cleanPadding" : ""}`, children: [
|
|
2775
2772
|
/* @__PURE__ */ jsx26("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
|
|
2776
2773
|
/* @__PURE__ */ jsxs21("div", { className: "errorSummary-content", id: "pts-errorSummary-content", children: [
|
|
2777
2774
|
/* @__PURE__ */ jsx26("h2", { id: "errorSummary-headline", children: title }),
|