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.js
CHANGED
|
@@ -183,7 +183,7 @@ var MultipleCheckboxes = ({
|
|
|
183
183
|
};
|
|
184
184
|
return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
|
|
185
185
|
!showPreview && question.visible && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { id: questionId, className: "pts-root-question pts-multipleCheckboxes-container", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("fieldset", { children: [
|
|
186
|
-
/* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("legend", {
|
|
186
|
+
/* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("legend", { id: `label-${questionId}`, children: [
|
|
187
187
|
question.questionLabel,
|
|
188
188
|
" ",
|
|
189
189
|
question.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" }),
|
|
@@ -676,7 +676,7 @@ var SelectedFiles = ({
|
|
|
676
676
|
removeError();
|
|
677
677
|
},
|
|
678
678
|
"aria-label": activatedLanguage === "sv" ? `St\xE4ng felmeddelandet` : `Close error message`,
|
|
679
|
-
children:
|
|
679
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M0.75 12.75L12.75 0.75M0.75 0.75L12.75 12.75", stroke: "#8E0039", "stroke-width": "1.5", "stroke-linecap": "round" }) })
|
|
680
680
|
}
|
|
681
681
|
) })
|
|
682
682
|
] }) }),
|
|
@@ -733,7 +733,7 @@ var SelectedFiles = ({
|
|
|
733
733
|
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_bootstrap.Row, { style: { marginTop: "12px", marginBottom: "12px" }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_bootstrap.Col, { className: "makeSpace" }) })
|
|
734
734
|
] }, index) }) }) }, `file-${file.FileName}-${index}`) });
|
|
735
735
|
}) }),
|
|
736
|
-
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { ref: theDiv,
|
|
736
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { ref: theDiv, className: "pts-clipboard-container" })
|
|
737
737
|
] });
|
|
738
738
|
};
|
|
739
739
|
var SelectedFilesStandard_default = SelectedFiles;
|
|
@@ -983,11 +983,11 @@ var PreviewAddFiles = ({
|
|
|
983
983
|
activatedLanguage
|
|
984
984
|
}) => {
|
|
985
985
|
const previewId = `preview-${questionObject.Id}`;
|
|
986
|
-
return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
|
|
987
|
-
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("
|
|
988
|
-
questionObject.files && questionObject.files.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("
|
|
986
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "pts-question-preview pts-addFiles-preview", id: `question-${previewId}`, children: [
|
|
987
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dd", { id: previewId, children: questionObject.questionLabel ? questionObject.questionLabel : activatedLanguage === "en" ? "Attached files" : "Bifogade filer" }),
|
|
988
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "pts-root-answer", children: questionObject.files && questionObject.files.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dt", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("ul", { "aria-labelledby": previewId, className: "pts-preview-answer-list", children: questionObject.files.map((file, index) => {
|
|
989
989
|
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: file.FileName }, `file-${index}-${file.FileName}`);
|
|
990
|
-
}) }) }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("
|
|
990
|
+
}) }) }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dt", { className: "no-answer-preview-page", children: activatedLanguage === "en" ? "No attached files" : "Inga bifogade filer" }) })
|
|
991
991
|
] });
|
|
992
992
|
};
|
|
993
993
|
|
|
@@ -2394,7 +2394,7 @@ var Header = ({
|
|
|
2394
2394
|
className: "pts-languageButton",
|
|
2395
2395
|
onClick: handleLanguageClick,
|
|
2396
2396
|
children: [
|
|
2397
|
-
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(LanguageIcon, {}) }),
|
|
2397
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "languageIcon", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(LanguageIcon, {}) }) }),
|
|
2398
2398
|
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { "aria-hidden": "true", className: "pts-languageButton", children: getLanguageLabel() }),
|
|
2399
2399
|
activatedLanguage === "en" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "sr-only", children: "\xC4ndra spr\xE5k till svenska" }),
|
|
2400
2400
|
activatedLanguage === "sv" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "sr-only", children: "Change language to English" })
|
|
@@ -2420,14 +2420,11 @@ var CONTENT = {
|
|
|
2420
2420
|
var Modal = ({ showModal: isOpen, activatedLanguage = "" }) => {
|
|
2421
2421
|
const currentContent = activatedLanguage === "en" ? CONTENT.en : CONTENT.sv;
|
|
2422
2422
|
if (!isOpen) return null;
|
|
2423
|
-
return /* @__PURE__ */ (0, import_jsx_runtime17.
|
|
2424
|
-
/* @__PURE__ */ (0, import_jsx_runtime17.
|
|
2425
|
-
|
|
2426
|
-
|
|
2427
|
-
|
|
2428
|
-
] }),
|
|
2429
|
-
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { "aria-live": "assertive", className: "visually-hidden", children: "Skickar in... V\xE4nligen v\xE4nta." })
|
|
2430
|
-
] });
|
|
2423
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "pts-modal-overlay", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { "aria-hidden": true, className: "pts-modal-content", children: [
|
|
2424
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h1", { children: currentContent.heading }),
|
|
2425
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { children: currentContent.message }),
|
|
2426
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "pts-spinner-border" })
|
|
2427
|
+
] }) });
|
|
2431
2428
|
};
|
|
2432
2429
|
var ModalStandard_default = Modal;
|
|
2433
2430
|
|
|
@@ -2848,7 +2845,7 @@ var ValidationErrorSummaryList = ({
|
|
|
2848
2845
|
const found = questions.find((item) => item.id === id);
|
|
2849
2846
|
return (_a = found == null ? void 0 : found.validationSummaryLabel) != null ? _a : found == null ? void 0 : found.questionLabel;
|
|
2850
2847
|
}
|
|
2851
|
-
return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className:
|
|
2848
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: `pts-errorSummary-container pts-root-error ${validationErrorsList.length === 0 ? "cleanPadding" : ""}`, children: [
|
|
2852
2849
|
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
|
|
2853
2850
|
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "errorSummary-content", id: "pts-errorSummary-content", children: [
|
|
2854
2851
|
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h2", { id: "errorSummary-headline", children: title }),
|