optimized-react-component-library-xyz123 0.1.147 → 0.1.148
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 +52 -40
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +52 -40
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/css/mobileView.css +6 -5
- package/src/css/styles.css +11 -21
package/dist/index.mjs
CHANGED
|
@@ -555,39 +555,31 @@ var SelectedFiles = ({
|
|
|
555
555
|
return /* @__PURE__ */ jsxs7(Fragment9, { children: [
|
|
556
556
|
/* @__PURE__ */ jsx9("div", { children: errorMessageAddingFile.length > 0 && /* @__PURE__ */ jsxs7("div", { className: "pts-errorSummary-container pts-addFile-error-container", children: [
|
|
557
557
|
/* @__PURE__ */ jsx9("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
|
|
558
|
-
/* @__PURE__ */ jsx9("div", { className: "addFile-error-list-container", children: /* @__PURE__ */ jsxs7(
|
|
559
|
-
"
|
|
560
|
-
{
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
children: activatedLanguage === "sv" ? errorObj.svMessage : errorObj.enMessage
|
|
584
|
-
}
|
|
585
|
-
) })
|
|
586
|
-
] }, index) }) }) }, `error-${errorObj.FileName}-${index}`) });
|
|
587
|
-
})
|
|
588
|
-
]
|
|
589
|
-
}
|
|
590
|
-
) }),
|
|
558
|
+
/* @__PURE__ */ jsx9("div", { className: "addFile-error-list-container", children: /* @__PURE__ */ jsxs7("ul", { "aria-hidden": true, className: "fileListUnorderedList", id: "errorSummary-ul", children: [
|
|
559
|
+
" ",
|
|
560
|
+
errorMessageAddingFile.map((errorObj, index) => {
|
|
561
|
+
const errorFileName = errorObj.FileName;
|
|
562
|
+
let mobileFirstFileName = errorObj.FileName.split(".").shift();
|
|
563
|
+
mobileFirstFileName = mobileFirstFileName.length > 8 ? mobileFirstFileName.substring(0, 8) + ".." : mobileFirstFileName;
|
|
564
|
+
const fileType = errorObj.FileName.split(".").pop();
|
|
565
|
+
mobileFirstFileName = mobileFirstFileName + "." + fileType;
|
|
566
|
+
return /* @__PURE__ */ jsx9("li", { children: /* @__PURE__ */ jsx9(React4.Fragment, { children: /* @__PURE__ */ jsx9("div", { children: /* @__PURE__ */ jsx9("div", { className: "fileInListContainer", children: /* @__PURE__ */ jsxs7("div", { className: "fileInList", children: [
|
|
567
|
+
/* @__PURE__ */ jsx9(Row, { children: /* @__PURE__ */ jsx9(Col, { children: windowWidth < 768 ? /* @__PURE__ */ jsx9("span", { className: "mobileFirstFileName", children: mobileFirstFileName }) : /* @__PURE__ */ jsx9("span", { className: "desktopFileName", children: errorObj.FileName }) }) }),
|
|
568
|
+
/* @__PURE__ */ jsx9(Row, { children: /* @__PURE__ */ jsx9(
|
|
569
|
+
Col,
|
|
570
|
+
{
|
|
571
|
+
className: "errorMessageAddingFile",
|
|
572
|
+
...activatedLanguage === "sv" ? {
|
|
573
|
+
"aria-label": `${errorFileName} ${errorObj.svMessage}`
|
|
574
|
+
} : {
|
|
575
|
+
"aria-label": `${errorFileName} ${errorObj.enMessage}`
|
|
576
|
+
},
|
|
577
|
+
children: activatedLanguage === "sv" ? errorObj.svMessage : errorObj.enMessage
|
|
578
|
+
}
|
|
579
|
+
) })
|
|
580
|
+
] }, index) }) }) }, `error-${errorObj.FileName}-${index}`) });
|
|
581
|
+
})
|
|
582
|
+
] }) }),
|
|
591
583
|
/* @__PURE__ */ jsx9("div", { className: "addFile-error-close-button", children: /* @__PURE__ */ jsx9(
|
|
592
584
|
"button",
|
|
593
585
|
{
|
|
@@ -595,8 +587,26 @@ var SelectedFiles = ({
|
|
|
595
587
|
onClick: () => {
|
|
596
588
|
removeError();
|
|
597
589
|
},
|
|
598
|
-
"aria-label": activatedLanguage === "sv" ? `St\xE4ng
|
|
599
|
-
children: /* @__PURE__ */ jsx9(
|
|
590
|
+
"aria-label": activatedLanguage === "sv" ? `St\xE4ng felmeddelande` : `Close error message`,
|
|
591
|
+
children: /* @__PURE__ */ jsx9(
|
|
592
|
+
"svg",
|
|
593
|
+
{
|
|
594
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
595
|
+
width: "14",
|
|
596
|
+
height: "14",
|
|
597
|
+
viewBox: "0 0 14 14",
|
|
598
|
+
fill: "none",
|
|
599
|
+
children: /* @__PURE__ */ jsx9(
|
|
600
|
+
"path",
|
|
601
|
+
{
|
|
602
|
+
d: "M0.75 12.75L12.75 0.75M0.75 0.75L12.75 12.75",
|
|
603
|
+
stroke: "#8E0039",
|
|
604
|
+
"stroke-width": "1.5",
|
|
605
|
+
"stroke-linecap": "round"
|
|
606
|
+
}
|
|
607
|
+
)
|
|
608
|
+
}
|
|
609
|
+
)
|
|
600
610
|
}
|
|
601
611
|
) })
|
|
602
612
|
] }) }),
|
|
@@ -637,7 +647,8 @@ var SelectedFiles = ({
|
|
|
637
647
|
file.FileName,
|
|
638
648
|
" (",
|
|
639
649
|
/* @__PURE__ */ jsx9("span", { className: "fileSizeText", children: file.FileSize < 1024 * 1024 ? `${Math.round(file.FileSize / 1024)} kB` : `${(file.FileSize / (1024 * 1024)).toFixed(1)} MB` }),
|
|
640
|
-
"
|
|
650
|
+
" ",
|
|
651
|
+
")"
|
|
641
652
|
] }) }),
|
|
642
653
|
/* @__PURE__ */ jsx9(Col, { className: "lastCol", children: /* @__PURE__ */ jsx9(
|
|
643
654
|
"button",
|
|
@@ -832,7 +843,7 @@ var AddFiles = ({
|
|
|
832
843
|
setErrorMessageAddingFile([]);
|
|
833
844
|
};
|
|
834
845
|
return /* @__PURE__ */ jsxs8(Fragment10, { children: [
|
|
835
|
-
!showPreview && visible && /* @__PURE__ */ jsx10("div", {
|
|
846
|
+
!showPreview && visible && /* @__PURE__ */ jsx10("div", { children: /* @__PURE__ */ jsxs8("div", { role: "group", children: [
|
|
836
847
|
questionObject.aboutText && /* @__PURE__ */ jsxs8(
|
|
837
848
|
"p",
|
|
838
849
|
{
|
|
@@ -1676,6 +1687,7 @@ var QuestionRenderer_default = QuestionRenderer;
|
|
|
1676
1687
|
|
|
1677
1688
|
// src/components/question-rendering/QuestionGroup/QuestionGroup.tsx
|
|
1678
1689
|
import { useEffect as useEffect9, Fragment as Fragment12 } from "react";
|
|
1690
|
+
import { QuestionRenderer as QuestionRenderer2 } from "optimized-react-component-library-xyz123";
|
|
1679
1691
|
import { Fragment as Fragment13, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
1680
1692
|
var QuestionGroup = ({
|
|
1681
1693
|
questions,
|
|
@@ -1699,7 +1711,7 @@ var QuestionGroup = ({
|
|
|
1699
1711
|
}, [questions]);
|
|
1700
1712
|
const groupQuestions = /* @__PURE__ */ jsx12(Fragment13, { children: questions.map((question, index) => {
|
|
1701
1713
|
return /* @__PURE__ */ jsx12(Fragment12, { children: /* @__PURE__ */ jsx12(
|
|
1702
|
-
|
|
1714
|
+
QuestionRenderer2,
|
|
1703
1715
|
{
|
|
1704
1716
|
question,
|
|
1705
1717
|
handleQuestionInputChange,
|
|
@@ -1713,7 +1725,7 @@ var QuestionGroup = ({
|
|
|
1713
1725
|
return /* @__PURE__ */ jsxs10(
|
|
1714
1726
|
"fieldset",
|
|
1715
1727
|
{
|
|
1716
|
-
className: "pts-root-question-group-fieldset
|
|
1728
|
+
className: "pts-root-question-group-fieldset",
|
|
1717
1729
|
"aria-required": firstQuestion.isQuestionMandatory || void 0,
|
|
1718
1730
|
"aria-invalid": firstQuestion.hasValidationError || void 0,
|
|
1719
1731
|
"aria-errormessage": firstQuestion.hasValidationError ? `${firstQuestion.id}-error` : void 0,
|
|
@@ -2611,7 +2623,7 @@ var EditPreviewLink = ({
|
|
|
2611
2623
|
)
|
|
2612
2624
|
}
|
|
2613
2625
|
),
|
|
2614
|
-
|
|
2626
|
+
activatedLanguage === "en" ? `Edit step ${step.step}` : `Redigera steg ${step.step}`
|
|
2615
2627
|
]
|
|
2616
2628
|
}
|
|
2617
2629
|
) });
|