optimized-react-component-library-xyz123 2.2.7 → 2.2.9
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.d.mts +3 -11
- package/dist/index.d.ts +3 -11
- package/dist/index.js +52 -80
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +52 -79
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/css/styles.css +7 -33
package/dist/index.mjs
CHANGED
|
@@ -1655,8 +1655,7 @@ var makeFormSelectors = (selectSlice) => {
|
|
|
1655
1655
|
aboutText: languageSupport.aboutText,
|
|
1656
1656
|
options: languageSupport.options,
|
|
1657
1657
|
validationDefaultMessesege: languageSupport.validationDefaultMessesege,
|
|
1658
|
-
validationSummaryLabel: languageSupport.validationSummaryLabel
|
|
1659
|
-
infoOnly: languageSupport.infoOnly
|
|
1658
|
+
validationSummaryLabel: languageSupport.validationSummaryLabel
|
|
1660
1659
|
};
|
|
1661
1660
|
});
|
|
1662
1661
|
}
|
|
@@ -2690,50 +2689,26 @@ var SkipLink = ({ activatedLanguage = "sv" }) => {
|
|
|
2690
2689
|
};
|
|
2691
2690
|
var SkipLinkStandard_default = SkipLink;
|
|
2692
2691
|
|
|
2693
|
-
// src/components/layout/AlertInTextStandard/AlertInTextStandard.tsx
|
|
2694
|
-
import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
2695
|
-
var AlertInTextStandard = ({ content = "" }) => {
|
|
2696
|
-
return /* @__PURE__ */ jsxs19("div", { className: "pts-alertInText-container", children: [
|
|
2697
|
-
/* @__PURE__ */ jsx22("div", { className: "pts-alertInText-left", children: /* @__PURE__ */ jsxs19(
|
|
2698
|
-
"svg",
|
|
2699
|
-
{
|
|
2700
|
-
width: "18",
|
|
2701
|
-
height: "16",
|
|
2702
|
-
viewBox: "0 0 18 16",
|
|
2703
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
2704
|
-
"aria-hidden": "true",
|
|
2705
|
-
children: [
|
|
2706
|
-
/* @__PURE__ */ jsx22("circle", { cx: "9", cy: "8", r: "7", fill: "white" }),
|
|
2707
|
-
/* @__PURE__ */ jsx22("circle", { cx: "9", cy: "4", r: "1", fill: "blue" }),
|
|
2708
|
-
/* @__PURE__ */ jsx22("rect", { x: "8.25", y: "6", width: "1.5", height: "6", fill: "blue" })
|
|
2709
|
-
]
|
|
2710
|
-
}
|
|
2711
|
-
) }),
|
|
2712
|
-
/* @__PURE__ */ jsx22("div", { className: "pts-alertInText-right", children: /* @__PURE__ */ jsx22("p", { children: content }) })
|
|
2713
|
-
] });
|
|
2714
|
-
};
|
|
2715
|
-
var AlertInTextStandard_default = AlertInTextStandard;
|
|
2716
|
-
|
|
2717
2692
|
// src/components/text-blocks/TextHeadlineAndBodyStandard/TextHeadlineAndBodyStandard.tsx
|
|
2718
2693
|
import { createElement } from "react";
|
|
2719
2694
|
import DOMPurify4 from "dompurify";
|
|
2720
|
-
import { jsx as
|
|
2695
|
+
import { jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
2721
2696
|
var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
|
|
2722
|
-
return /* @__PURE__ */
|
|
2697
|
+
return /* @__PURE__ */ jsxs19(
|
|
2723
2698
|
"section",
|
|
2724
2699
|
{
|
|
2725
2700
|
className: "pts-textHeadlineAndBody-container",
|
|
2726
2701
|
children: [
|
|
2727
2702
|
data.headline && createElement(headlineType, { id: "textHeadlineAndBody-headline" }, data.headline),
|
|
2728
|
-
data.body && /* @__PURE__ */
|
|
2729
|
-
data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */
|
|
2703
|
+
data.body && /* @__PURE__ */ jsx22("div", { dangerouslySetInnerHTML: { __html: DOMPurify4.sanitize(data.body) } }),
|
|
2704
|
+
data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */ jsx22("ul", { className: "pts-moreinfo-list", children: data.linksForMoreInfo.map((link, index) => /* @__PURE__ */ jsx22("li", { className: index > 0 ? "notFirstInList" : "", children: /* @__PURE__ */ jsxs19(
|
|
2730
2705
|
"a",
|
|
2731
2706
|
{
|
|
2732
2707
|
href: link.url,
|
|
2733
2708
|
target: "_blank",
|
|
2734
2709
|
rel: "noopener noreferrer",
|
|
2735
2710
|
children: [
|
|
2736
|
-
/* @__PURE__ */
|
|
2711
|
+
/* @__PURE__ */ jsx22("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ jsx22(
|
|
2737
2712
|
"svg",
|
|
2738
2713
|
{
|
|
2739
2714
|
"aria-hidden": "true",
|
|
@@ -2742,7 +2717,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
|
|
|
2742
2717
|
height: "10",
|
|
2743
2718
|
viewBox: "0 0 12 10",
|
|
2744
2719
|
fill: "none",
|
|
2745
|
-
children: /* @__PURE__ */
|
|
2720
|
+
children: /* @__PURE__ */ jsx22(
|
|
2746
2721
|
"path",
|
|
2747
2722
|
{
|
|
2748
2723
|
d: "M6.00001 9.63253L5.10321 8.82184L8.62749 5.57905H0.965332V4.42091H8.62749L5.10321 1.17813L6.00001 0.367432L11.0347 4.99998L6.00001 9.63253Z",
|
|
@@ -2755,7 +2730,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
|
|
|
2755
2730
|
]
|
|
2756
2731
|
}
|
|
2757
2732
|
) }, `more-info-${index}`)) }),
|
|
2758
|
-
data.linksForMoreInfo && data.linksForMoreInfo.length === 1 && /* @__PURE__ */
|
|
2733
|
+
data.linksForMoreInfo && data.linksForMoreInfo.length === 1 && /* @__PURE__ */ jsxs19(
|
|
2759
2734
|
"a",
|
|
2760
2735
|
{
|
|
2761
2736
|
href: data.linksForMoreInfo[0].url,
|
|
@@ -2763,7 +2738,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
|
|
|
2763
2738
|
rel: "noopener noreferrer",
|
|
2764
2739
|
"aria-label": data.linksForMoreInfo[0].ariaLabel,
|
|
2765
2740
|
children: [
|
|
2766
|
-
/* @__PURE__ */
|
|
2741
|
+
/* @__PURE__ */ jsx22("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ jsx22(
|
|
2767
2742
|
"svg",
|
|
2768
2743
|
{
|
|
2769
2744
|
"aria-hidden": "true",
|
|
@@ -2772,7 +2747,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
|
|
|
2772
2747
|
height: "10",
|
|
2773
2748
|
viewBox: "0 0 12 10",
|
|
2774
2749
|
fill: "none",
|
|
2775
|
-
children: /* @__PURE__ */
|
|
2750
|
+
children: /* @__PURE__ */ jsx22(
|
|
2776
2751
|
"path",
|
|
2777
2752
|
{
|
|
2778
2753
|
d: "M6.00001 9.63253L5.10321 8.82184L8.62749 5.57905H0.965332V4.42091H8.62749L5.10321 1.17813L6.00001 0.367432L11.0347 4.99998L6.00001 9.63253Z",
|
|
@@ -2792,7 +2767,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
|
|
|
2792
2767
|
var TextHeadlineAndBodyStandard_default = TextHeadlineAndBody;
|
|
2793
2768
|
|
|
2794
2769
|
// src/components/text-blocks/PrincipleOfPublicityStandard/PrincipleOfPublicityStandard.tsx
|
|
2795
|
-
import { jsx as
|
|
2770
|
+
import { jsx as jsx23 } from "react/jsx-runtime";
|
|
2796
2771
|
var CONTENT2 = {
|
|
2797
2772
|
en: {
|
|
2798
2773
|
headline: "The principle of public access and the processing of personal data",
|
|
@@ -2821,7 +2796,7 @@ var CONTENT2 = {
|
|
|
2821
2796
|
};
|
|
2822
2797
|
var PrincipleOfPublicity = ({ activatedLanguage = "" }) => {
|
|
2823
2798
|
const currentContent = activatedLanguage === "en" ? CONTENT2.en : CONTENT2.sv;
|
|
2824
|
-
return /* @__PURE__ */
|
|
2799
|
+
return /* @__PURE__ */ jsx23(
|
|
2825
2800
|
TextHeadlineAndBodyStandard_default,
|
|
2826
2801
|
{
|
|
2827
2802
|
data: {
|
|
@@ -2841,18 +2816,18 @@ var PrincipleOfPublicityStandard_default = PrincipleOfPublicity;
|
|
|
2841
2816
|
|
|
2842
2817
|
// src/components/text-blocks/TextBody/TextBody.tsx
|
|
2843
2818
|
import DOMPurify5 from "dompurify";
|
|
2844
|
-
import { jsx as
|
|
2819
|
+
import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
2845
2820
|
var TextBody = ({ data }) => {
|
|
2846
|
-
return /* @__PURE__ */
|
|
2847
|
-
data.body && /* @__PURE__ */
|
|
2848
|
-
data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */
|
|
2821
|
+
return /* @__PURE__ */ jsxs20("div", { className: "pts-textBody-container", children: [
|
|
2822
|
+
data.body && /* @__PURE__ */ jsx24("div", { dangerouslySetInnerHTML: { __html: DOMPurify5.sanitize(data.body) } }),
|
|
2823
|
+
data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */ jsx24("ul", { className: "pts-moreinfo-list", children: data.linksForMoreInfo.map((link, index) => /* @__PURE__ */ jsx24("li", { className: index > 0 ? "notFirstInList" : "", children: /* @__PURE__ */ jsxs20(
|
|
2849
2824
|
"a",
|
|
2850
2825
|
{
|
|
2851
2826
|
href: link.url,
|
|
2852
2827
|
target: "_blank",
|
|
2853
2828
|
rel: "noopener noreferrer",
|
|
2854
2829
|
children: [
|
|
2855
|
-
/* @__PURE__ */
|
|
2830
|
+
/* @__PURE__ */ jsx24("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ jsx24(
|
|
2856
2831
|
"svg",
|
|
2857
2832
|
{
|
|
2858
2833
|
"aria-hidden": "true",
|
|
@@ -2861,7 +2836,7 @@ var TextBody = ({ data }) => {
|
|
|
2861
2836
|
height: "10",
|
|
2862
2837
|
viewBox: "0 0 12 10",
|
|
2863
2838
|
fill: "none",
|
|
2864
|
-
children: /* @__PURE__ */
|
|
2839
|
+
children: /* @__PURE__ */ jsx24(
|
|
2865
2840
|
"path",
|
|
2866
2841
|
{
|
|
2867
2842
|
d: "M6.00001 9.63253L5.10321 8.82184L8.62749 5.57905H0.965332V4.42091H8.62749L5.10321 1.17813L6.00001 0.367432L11.0347 4.99998L6.00001 9.63253Z",
|
|
@@ -2874,7 +2849,7 @@ var TextBody = ({ data }) => {
|
|
|
2874
2849
|
]
|
|
2875
2850
|
}
|
|
2876
2851
|
) }, `more-info-${index}`)) }),
|
|
2877
|
-
data.linksForMoreInfo && data.linksForMoreInfo.length === 1 && /* @__PURE__ */
|
|
2852
|
+
data.linksForMoreInfo && data.linksForMoreInfo.length === 1 && /* @__PURE__ */ jsxs20(
|
|
2878
2853
|
"a",
|
|
2879
2854
|
{
|
|
2880
2855
|
href: data.linksForMoreInfo[0].url,
|
|
@@ -2882,7 +2857,7 @@ var TextBody = ({ data }) => {
|
|
|
2882
2857
|
rel: "noopener noreferrer",
|
|
2883
2858
|
"aria-label": data.linksForMoreInfo[0].ariaLabel,
|
|
2884
2859
|
children: [
|
|
2885
|
-
/* @__PURE__ */
|
|
2860
|
+
/* @__PURE__ */ jsx24("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ jsx24(
|
|
2886
2861
|
"svg",
|
|
2887
2862
|
{
|
|
2888
2863
|
"aria-hidden": "true",
|
|
@@ -2891,7 +2866,7 @@ var TextBody = ({ data }) => {
|
|
|
2891
2866
|
height: "10",
|
|
2892
2867
|
viewBox: "0 0 12 10",
|
|
2893
2868
|
fill: "none",
|
|
2894
|
-
children: /* @__PURE__ */
|
|
2869
|
+
children: /* @__PURE__ */ jsx24(
|
|
2895
2870
|
"path",
|
|
2896
2871
|
{
|
|
2897
2872
|
d: "M6.00001 9.63253L5.10321 8.82184L8.62749 5.57905H0.965332V4.42091H8.62749L5.10321 1.17813L6.00001 0.367432L11.0347 4.99998L6.00001 9.63253Z",
|
|
@@ -2904,26 +2879,25 @@ var TextBody = ({ data }) => {
|
|
|
2904
2879
|
]
|
|
2905
2880
|
}
|
|
2906
2881
|
),
|
|
2907
|
-
data.
|
|
2908
|
-
data.textAboveStartButton && data.textAboveStartButton.length > 0 && (/<\/?[a-z][\s\S]*>/i.test(data.textAboveStartButton) ? /* @__PURE__ */ jsx25(
|
|
2882
|
+
data.textAboveStartButton && data.textAboveStartButton.length > 0 && (/<\/?[a-z][\s\S]*>/i.test(data.textAboveStartButton) ? /* @__PURE__ */ jsx24(
|
|
2909
2883
|
"div",
|
|
2910
2884
|
{
|
|
2911
2885
|
className: "pts-instruction-before-start-text",
|
|
2912
2886
|
dangerouslySetInnerHTML: { __html: DOMPurify5.sanitize(data.textAboveStartButton) }
|
|
2913
2887
|
}
|
|
2914
|
-
) : /* @__PURE__ */
|
|
2888
|
+
) : /* @__PURE__ */ jsx24("p", { className: "pts-instruction-before-start-text", children: data.textAboveStartButton }))
|
|
2915
2889
|
] });
|
|
2916
2890
|
};
|
|
2917
2891
|
var TextBody_default = TextBody;
|
|
2918
2892
|
|
|
2919
2893
|
// src/components/stepper/EditPreviewLinkStandard/EditPreviewLinkStandard.tsx
|
|
2920
|
-
import { jsx as
|
|
2894
|
+
import { jsx as jsx25 } from "react/jsx-runtime";
|
|
2921
2895
|
var EditPreviewLink = ({
|
|
2922
2896
|
step,
|
|
2923
2897
|
changeStepHandler,
|
|
2924
2898
|
activatedLanguage = "sv"
|
|
2925
2899
|
}) => {
|
|
2926
|
-
return /* @__PURE__ */
|
|
2900
|
+
return /* @__PURE__ */ jsx25("div", { className: "pts-editPreviewLink-container", children: /* @__PURE__ */ jsx25(
|
|
2927
2901
|
"a",
|
|
2928
2902
|
{
|
|
2929
2903
|
href: "#",
|
|
@@ -2932,14 +2906,14 @@ var EditPreviewLink = ({
|
|
|
2932
2906
|
e.preventDefault();
|
|
2933
2907
|
changeStepHandler(step.step);
|
|
2934
2908
|
},
|
|
2935
|
-
children: /* @__PURE__ */
|
|
2909
|
+
children: /* @__PURE__ */ jsx25("span", { className: "pts-edit-step-text", children: activatedLanguage === "en" ? `Edit step ${step.step}` : `Redigera steg ${step.step}` })
|
|
2936
2910
|
}
|
|
2937
2911
|
) });
|
|
2938
2912
|
};
|
|
2939
2913
|
var EditPreviewLinkStandard_default = EditPreviewLink;
|
|
2940
2914
|
|
|
2941
2915
|
// src/components/stepper/StartApplicationButton/StartApplicationButton.tsx
|
|
2942
|
-
import { jsx as
|
|
2916
|
+
import { jsx as jsx26 } from "react/jsx-runtime";
|
|
2943
2917
|
var StartApplicationButton = ({
|
|
2944
2918
|
onClick,
|
|
2945
2919
|
label,
|
|
@@ -2947,7 +2921,7 @@ var StartApplicationButton = ({
|
|
|
2947
2921
|
activatedLanguage = "sv"
|
|
2948
2922
|
}) => {
|
|
2949
2923
|
const defaultLabel = activatedLanguage === "en" ? "Start e-service" : "Starta e-tj\xE4nsten";
|
|
2950
|
-
return /* @__PURE__ */
|
|
2924
|
+
return /* @__PURE__ */ jsx26(
|
|
2951
2925
|
"button",
|
|
2952
2926
|
{
|
|
2953
2927
|
type: "button",
|
|
@@ -2960,7 +2934,7 @@ var StartApplicationButton = ({
|
|
|
2960
2934
|
var StartApplicationButton_default = StartApplicationButton;
|
|
2961
2935
|
|
|
2962
2936
|
// src/components/stepper/StepperButtonsStandard/StepperButtonsStandard.tsx
|
|
2963
|
-
import { jsx as
|
|
2937
|
+
import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
2964
2938
|
var StepperButtons = ({
|
|
2965
2939
|
globalLanguageState,
|
|
2966
2940
|
changeStepHandler,
|
|
@@ -2970,8 +2944,8 @@ var StepperButtons = ({
|
|
|
2970
2944
|
activeStep
|
|
2971
2945
|
}) => {
|
|
2972
2946
|
const totalSteps = steps ? steps.length : "";
|
|
2973
|
-
return /* @__PURE__ */
|
|
2974
|
-
activeStep !== 0 && /* @__PURE__ */
|
|
2947
|
+
return /* @__PURE__ */ jsxs21("div", { className: "pts-stepperButtons-container", children: [
|
|
2948
|
+
activeStep !== 0 && /* @__PURE__ */ jsx27(
|
|
2975
2949
|
"button",
|
|
2976
2950
|
{
|
|
2977
2951
|
onClick: () => changeStepHandler(activeStep - 1),
|
|
@@ -2980,7 +2954,7 @@ var StepperButtons = ({
|
|
|
2980
2954
|
children: globalLanguageState ? globalLanguageState.backButton : "<<"
|
|
2981
2955
|
}
|
|
2982
2956
|
),
|
|
2983
|
-
/* @__PURE__ */
|
|
2957
|
+
/* @__PURE__ */ jsxs21(
|
|
2984
2958
|
"button",
|
|
2985
2959
|
{
|
|
2986
2960
|
type: activeStep === totalSteps ? "submit" : "button",
|
|
@@ -2998,19 +2972,19 @@ var StepperButtonsStandard_default = StepperButtons;
|
|
|
2998
2972
|
|
|
2999
2973
|
// src/components/stepper/StepperStandard/StepperStandard.tsx
|
|
3000
2974
|
import React9 from "react";
|
|
3001
|
-
import { jsx as
|
|
2975
|
+
import { jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
3002
2976
|
var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
|
|
3003
|
-
return /* @__PURE__ */
|
|
2977
|
+
return /* @__PURE__ */ jsx28("div", { className: "pts-stepper-container", "aria-hidden": "true", children: arraySteps.map((step, index) => {
|
|
3004
2978
|
const isActive = step.step === activeStep;
|
|
3005
2979
|
const lastElement = arraySteps.length;
|
|
3006
2980
|
const isDone = step.step < activeStep;
|
|
3007
|
-
return /* @__PURE__ */
|
|
3008
|
-
/* @__PURE__ */
|
|
3009
|
-
/* @__PURE__ */
|
|
2981
|
+
return /* @__PURE__ */ jsxs22(React9.Fragment, { children: [
|
|
2982
|
+
/* @__PURE__ */ jsxs22("div", { className: "pts-stepper-step", children: [
|
|
2983
|
+
/* @__PURE__ */ jsx28(
|
|
3010
2984
|
"div",
|
|
3011
2985
|
{
|
|
3012
2986
|
className: "pts-stepperDot" + (isActive ? " pts-stepperDotActive" : "") + (isDone ? " pts-stepperDotDone" : ""),
|
|
3013
|
-
children: isDone ? /* @__PURE__ */
|
|
2987
|
+
children: isDone ? /* @__PURE__ */ jsx28(
|
|
3014
2988
|
"svg",
|
|
3015
2989
|
{
|
|
3016
2990
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3018,7 +2992,7 @@ var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
|
|
|
3018
2992
|
height: "12",
|
|
3019
2993
|
viewBox: "0 0 15 12",
|
|
3020
2994
|
fill: "none",
|
|
3021
|
-
children: /* @__PURE__ */
|
|
2995
|
+
children: /* @__PURE__ */ jsx28(
|
|
3022
2996
|
"path",
|
|
3023
2997
|
{
|
|
3024
2998
|
d: "M1.5 5.4375L4.875 10.3125L13.5 1.6875",
|
|
@@ -3031,16 +3005,16 @@ var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
|
|
|
3031
3005
|
) : step.step
|
|
3032
3006
|
}
|
|
3033
3007
|
),
|
|
3034
|
-
/* @__PURE__ */
|
|
3008
|
+
/* @__PURE__ */ jsx28("div", { className: "pts-shortNameInStepper", children: step.shortNameInStepper })
|
|
3035
3009
|
] }, index),
|
|
3036
|
-
step.step !== lastElement && /* @__PURE__ */
|
|
3010
|
+
step.step !== lastElement && /* @__PURE__ */ jsx28("div", { className: "pts-stepperLine" })
|
|
3037
3011
|
] }, `step-${step.step}`);
|
|
3038
3012
|
}) });
|
|
3039
3013
|
};
|
|
3040
3014
|
var StepperStandard_default = Stepper;
|
|
3041
3015
|
|
|
3042
3016
|
// src/components/validation-and-status/ValidationErrorSummaryList/ValidationErrorSummaryList.tsx
|
|
3043
|
-
import { Fragment as Fragment16, jsx as
|
|
3017
|
+
import { Fragment as Fragment16, jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
3044
3018
|
var ValidationErrorSummaryList = ({
|
|
3045
3019
|
validationErrorsList,
|
|
3046
3020
|
questions,
|
|
@@ -3077,7 +3051,7 @@ var ValidationErrorSummaryList = ({
|
|
|
3077
3051
|
}, 300);
|
|
3078
3052
|
}
|
|
3079
3053
|
}
|
|
3080
|
-
if (!validationErrorsList.length) return /* @__PURE__ */
|
|
3054
|
+
if (!validationErrorsList.length) return /* @__PURE__ */ jsx29(Fragment16, {});
|
|
3081
3055
|
const filteredIds = filterIdsByGroupCheck(validationErrorsList, questions);
|
|
3082
3056
|
const count = filteredIds.length;
|
|
3083
3057
|
const title = summaryText.replace("{count}", count.toString()).replace(
|
|
@@ -3089,11 +3063,11 @@ var ValidationErrorSummaryList = ({
|
|
|
3089
3063
|
const found = questions.find((item) => item.id === id);
|
|
3090
3064
|
return (_a = found == null ? void 0 : found.validationSummaryLabel) != null ? _a : found == null ? void 0 : found.questionLabel;
|
|
3091
3065
|
}
|
|
3092
|
-
return /* @__PURE__ */
|
|
3093
|
-
/* @__PURE__ */
|
|
3094
|
-
/* @__PURE__ */
|
|
3095
|
-
/* @__PURE__ */
|
|
3096
|
-
/* @__PURE__ */
|
|
3066
|
+
return /* @__PURE__ */ jsxs23("div", { className: `pts-errorSummary-container pts-root-error ${validationErrorsList.length === 0 ? "cleanPadding" : ""}`, children: [
|
|
3067
|
+
/* @__PURE__ */ jsx29("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
|
|
3068
|
+
/* @__PURE__ */ jsxs23("div", { className: "errorSummary-content", id: "pts-errorSummary-content", children: [
|
|
3069
|
+
/* @__PURE__ */ jsx29("h2", { id: "errorSummary-headline", children: title }),
|
|
3070
|
+
/* @__PURE__ */ jsx29("ul", { id: "errorSummary-ul", children: filteredIds.map((questionId, i) => /* @__PURE__ */ jsx29("li", { children: /* @__PURE__ */ jsx29(
|
|
3097
3071
|
"a",
|
|
3098
3072
|
{
|
|
3099
3073
|
href: "#",
|
|
@@ -3111,17 +3085,16 @@ var ValidationErrorSummaryList = ({
|
|
|
3111
3085
|
var ValidationErrorSummaryList_default = ValidationErrorSummaryList;
|
|
3112
3086
|
|
|
3113
3087
|
// src/components/validation-and-status/FormStatusMessagesScreenReader/FormStatusMessagesScreenReader.tsx
|
|
3114
|
-
import { Fragment as Fragment17, jsx as
|
|
3088
|
+
import { Fragment as Fragment17, jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
3115
3089
|
var FormStatusMessagesScreenReader = ({ formStatus, activatedLanguage = "sv" }) => {
|
|
3116
|
-
return /* @__PURE__ */
|
|
3117
|
-
/* @__PURE__ */
|
|
3118
|
-
/* @__PURE__ */
|
|
3090
|
+
return /* @__PURE__ */ jsxs24(Fragment17, { children: [
|
|
3091
|
+
/* @__PURE__ */ jsx30("p", { "aria-live": "assertive", children: formStatus === "failed" && /* @__PURE__ */ jsx30("span", { className: "pts-root-mandatoryAsterisk", children: activatedLanguage === "en" ? "Something went wrong, please try again later or contact us!" : "N\xE5got gick fel, f\xF6rs\xF6k igen senare eller kontakta oss!" }) }),
|
|
3092
|
+
/* @__PURE__ */ jsx30("div", { "aria-live": "polite", className: "visually-hidden", children: formStatus === "loading" ? activatedLanguage === "en" ? "Your case is being registered. Please do not refresh or close the page." : "Ditt \xE4rende registreras. Uppdatera eller st\xE4ng inte sidan." : "" })
|
|
3119
3093
|
] });
|
|
3120
3094
|
};
|
|
3121
3095
|
var FormStatusMessagesScreenReader_default = FormStatusMessagesScreenReader;
|
|
3122
3096
|
export {
|
|
3123
3097
|
AddFilesStandard_default as AddFilesStandard,
|
|
3124
|
-
AlertInTextStandard_default as AlertInTextStandard,
|
|
3125
3098
|
CheckboxGroupStandard_default as CheckboxGroupStandard,
|
|
3126
3099
|
CookieBanner_default as CookieBanner,
|
|
3127
3100
|
EditPreviewLinkStandard_default as EditPreviewLinkStandard,
|