optimized-react-component-library-xyz123 2.2.1 → 2.2.2
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 +11 -2
- package/dist/index.d.ts +11 -2
- package/dist/index.js +149 -51
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +148 -51
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -2689,26 +2689,113 @@ var SkipLink = ({ activatedLanguage = "sv" }) => {
|
|
|
2689
2689
|
};
|
|
2690
2690
|
var SkipLinkStandard_default = SkipLink;
|
|
2691
2691
|
|
|
2692
|
+
// src/components/layout/AlertInTextStandard/AlertInTextStandard.tsx
|
|
2693
|
+
import { Fragment as Fragment16, jsx as jsx22, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
2694
|
+
var AlertInTextStandard = ({ type = "info", content = "" }) => {
|
|
2695
|
+
const warningColor = "rgb(142, 0, 57)";
|
|
2696
|
+
const infoColor = "#234B96";
|
|
2697
|
+
const baseColor = type === "warning" ? warningColor : infoColor;
|
|
2698
|
+
return /* @__PURE__ */ jsx22(Fragment16, { children: /* @__PURE__ */ jsxs19(
|
|
2699
|
+
"div",
|
|
2700
|
+
{
|
|
2701
|
+
style: { display: "flex", width: "100%", justifyContent: "flex-start", marginTop: "8px" },
|
|
2702
|
+
className: "about",
|
|
2703
|
+
id: "aboutId",
|
|
2704
|
+
children: [
|
|
2705
|
+
/* @__PURE__ */ jsx22(
|
|
2706
|
+
"div",
|
|
2707
|
+
{
|
|
2708
|
+
className: "left",
|
|
2709
|
+
style: {
|
|
2710
|
+
display: "flex",
|
|
2711
|
+
justifyContent: "flex-start",
|
|
2712
|
+
alignItems: "flex-start",
|
|
2713
|
+
gap: "10px",
|
|
2714
|
+
alignSelf: "stretch",
|
|
2715
|
+
borderTopLeftRadius: "8px",
|
|
2716
|
+
borderBottomLeftRadius: "8px",
|
|
2717
|
+
border: `1px solid ${baseColor}`,
|
|
2718
|
+
backgroundColor: baseColor,
|
|
2719
|
+
padding: "8px",
|
|
2720
|
+
paddingTop: "16px"
|
|
2721
|
+
},
|
|
2722
|
+
children: /* @__PURE__ */ jsxs19(
|
|
2723
|
+
"svg",
|
|
2724
|
+
{
|
|
2725
|
+
width: "18",
|
|
2726
|
+
height: "16",
|
|
2727
|
+
viewBox: "0 0 18 16",
|
|
2728
|
+
fill: "none",
|
|
2729
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2730
|
+
children: [
|
|
2731
|
+
/* @__PURE__ */ jsx22("path", { id: "Polygon 1", d: "M 9,1 A 7,7 0 1,0 9,15 A 7,7 0 1,0 9,1 Z", fill: "white" }),
|
|
2732
|
+
/* @__PURE__ */ jsx22(
|
|
2733
|
+
"text",
|
|
2734
|
+
{
|
|
2735
|
+
x: "9",
|
|
2736
|
+
y: "12",
|
|
2737
|
+
textAnchor: "middle",
|
|
2738
|
+
fill: type === "warning" ? "#D32F2F" : "#234B96",
|
|
2739
|
+
fontFamily: "Arial",
|
|
2740
|
+
fontSize: "12",
|
|
2741
|
+
fontWeight: "bold",
|
|
2742
|
+
children: type === "warning" ? "!" : "i"
|
|
2743
|
+
}
|
|
2744
|
+
)
|
|
2745
|
+
]
|
|
2746
|
+
}
|
|
2747
|
+
)
|
|
2748
|
+
}
|
|
2749
|
+
),
|
|
2750
|
+
/* @__PURE__ */ jsx22(
|
|
2751
|
+
"div",
|
|
2752
|
+
{
|
|
2753
|
+
style: {
|
|
2754
|
+
display: "flex",
|
|
2755
|
+
padding: "16px 24px 16px 24px",
|
|
2756
|
+
justifyContent: "flex-start",
|
|
2757
|
+
alignItems: "flex-start",
|
|
2758
|
+
width: "100%",
|
|
2759
|
+
borderTopRightRadius: "8px",
|
|
2760
|
+
borderBottomRightRadius: "8px",
|
|
2761
|
+
border: `1px solid ${baseColor}`,
|
|
2762
|
+
color: "var(--Neutral-900, #141414)",
|
|
2763
|
+
fontFamily: "Arial",
|
|
2764
|
+
fontSize: "16px",
|
|
2765
|
+
fontStyle: "normal",
|
|
2766
|
+
fontWeight: "400",
|
|
2767
|
+
lineHeight: "24px"
|
|
2768
|
+
},
|
|
2769
|
+
className: "right",
|
|
2770
|
+
children: content
|
|
2771
|
+
}
|
|
2772
|
+
)
|
|
2773
|
+
]
|
|
2774
|
+
}
|
|
2775
|
+
) });
|
|
2776
|
+
};
|
|
2777
|
+
var AlertInTextStandard_default = AlertInTextStandard;
|
|
2778
|
+
|
|
2692
2779
|
// src/components/text-blocks/TextHeadlineAndBodyStandard/TextHeadlineAndBodyStandard.tsx
|
|
2693
2780
|
import { createElement } from "react";
|
|
2694
2781
|
import DOMPurify4 from "dompurify";
|
|
2695
|
-
import { jsx as
|
|
2782
|
+
import { jsx as jsx23, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
2696
2783
|
var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
|
|
2697
|
-
return /* @__PURE__ */
|
|
2784
|
+
return /* @__PURE__ */ jsxs20(
|
|
2698
2785
|
"section",
|
|
2699
2786
|
{
|
|
2700
2787
|
className: "pts-textHeadlineAndBody-container",
|
|
2701
2788
|
children: [
|
|
2702
2789
|
data.headline && createElement(headlineType, { id: "textHeadlineAndBody-headline" }, data.headline),
|
|
2703
|
-
data.body && /* @__PURE__ */
|
|
2704
|
-
data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */
|
|
2790
|
+
data.body && /* @__PURE__ */ jsx23("div", { dangerouslySetInnerHTML: { __html: DOMPurify4.sanitize(data.body) } }),
|
|
2791
|
+
data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */ jsx23("ul", { className: "pts-moreinfo-list", children: data.linksForMoreInfo.map((link, index) => /* @__PURE__ */ jsx23("li", { className: index > 0 ? "notFirstInList" : "", children: /* @__PURE__ */ jsxs20(
|
|
2705
2792
|
"a",
|
|
2706
2793
|
{
|
|
2707
2794
|
href: link.url,
|
|
2708
2795
|
target: "_blank",
|
|
2709
2796
|
rel: "noopener noreferrer",
|
|
2710
2797
|
children: [
|
|
2711
|
-
/* @__PURE__ */
|
|
2798
|
+
/* @__PURE__ */ jsx23("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ jsx23(
|
|
2712
2799
|
"svg",
|
|
2713
2800
|
{
|
|
2714
2801
|
"aria-hidden": "true",
|
|
@@ -2717,7 +2804,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
|
|
|
2717
2804
|
height: "10",
|
|
2718
2805
|
viewBox: "0 0 12 10",
|
|
2719
2806
|
fill: "none",
|
|
2720
|
-
children: /* @__PURE__ */
|
|
2807
|
+
children: /* @__PURE__ */ jsx23(
|
|
2721
2808
|
"path",
|
|
2722
2809
|
{
|
|
2723
2810
|
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",
|
|
@@ -2730,7 +2817,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
|
|
|
2730
2817
|
]
|
|
2731
2818
|
}
|
|
2732
2819
|
) }, `more-info-${index}`)) }),
|
|
2733
|
-
data.linksForMoreInfo && data.linksForMoreInfo.length === 1 && /* @__PURE__ */
|
|
2820
|
+
data.linksForMoreInfo && data.linksForMoreInfo.length === 1 && /* @__PURE__ */ jsxs20(
|
|
2734
2821
|
"a",
|
|
2735
2822
|
{
|
|
2736
2823
|
href: data.linksForMoreInfo[0].url,
|
|
@@ -2738,7 +2825,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
|
|
|
2738
2825
|
rel: "noopener noreferrer",
|
|
2739
2826
|
"aria-label": data.linksForMoreInfo[0].ariaLabel,
|
|
2740
2827
|
children: [
|
|
2741
|
-
/* @__PURE__ */
|
|
2828
|
+
/* @__PURE__ */ jsx23("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ jsx23(
|
|
2742
2829
|
"svg",
|
|
2743
2830
|
{
|
|
2744
2831
|
"aria-hidden": "true",
|
|
@@ -2747,7 +2834,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
|
|
|
2747
2834
|
height: "10",
|
|
2748
2835
|
viewBox: "0 0 12 10",
|
|
2749
2836
|
fill: "none",
|
|
2750
|
-
children: /* @__PURE__ */
|
|
2837
|
+
children: /* @__PURE__ */ jsx23(
|
|
2751
2838
|
"path",
|
|
2752
2839
|
{
|
|
2753
2840
|
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",
|
|
@@ -2767,7 +2854,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
|
|
|
2767
2854
|
var TextHeadlineAndBodyStandard_default = TextHeadlineAndBody;
|
|
2768
2855
|
|
|
2769
2856
|
// src/components/text-blocks/PrincipleOfPublicityStandard/PrincipleOfPublicityStandard.tsx
|
|
2770
|
-
import { jsx as
|
|
2857
|
+
import { jsx as jsx24 } from "react/jsx-runtime";
|
|
2771
2858
|
var CONTENT2 = {
|
|
2772
2859
|
en: {
|
|
2773
2860
|
headline: "The principle of public access and the processing of personal data",
|
|
@@ -2796,7 +2883,7 @@ var CONTENT2 = {
|
|
|
2796
2883
|
};
|
|
2797
2884
|
var PrincipleOfPublicity = ({ activatedLanguage = "" }) => {
|
|
2798
2885
|
const currentContent = activatedLanguage === "en" ? CONTENT2.en : CONTENT2.sv;
|
|
2799
|
-
return /* @__PURE__ */
|
|
2886
|
+
return /* @__PURE__ */ jsx24(
|
|
2800
2887
|
TextHeadlineAndBodyStandard_default,
|
|
2801
2888
|
{
|
|
2802
2889
|
data: {
|
|
@@ -2816,18 +2903,18 @@ var PrincipleOfPublicityStandard_default = PrincipleOfPublicity;
|
|
|
2816
2903
|
|
|
2817
2904
|
// src/components/text-blocks/TextBody/TextBody.tsx
|
|
2818
2905
|
import DOMPurify5 from "dompurify";
|
|
2819
|
-
import { jsx as
|
|
2906
|
+
import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
2820
2907
|
var TextBody = ({ data }) => {
|
|
2821
|
-
return /* @__PURE__ */
|
|
2822
|
-
data.body && /* @__PURE__ */
|
|
2823
|
-
data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */
|
|
2908
|
+
return /* @__PURE__ */ jsxs21("div", { className: "pts-textBody-container", children: [
|
|
2909
|
+
data.body && /* @__PURE__ */ jsx25("div", { dangerouslySetInnerHTML: { __html: DOMPurify5.sanitize(data.body) } }),
|
|
2910
|
+
data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */ jsx25("ul", { className: "pts-moreinfo-list", children: data.linksForMoreInfo.map((link, index) => /* @__PURE__ */ jsx25("li", { className: index > 0 ? "notFirstInList" : "", children: /* @__PURE__ */ jsxs21(
|
|
2824
2911
|
"a",
|
|
2825
2912
|
{
|
|
2826
2913
|
href: link.url,
|
|
2827
2914
|
target: "_blank",
|
|
2828
2915
|
rel: "noopener noreferrer",
|
|
2829
2916
|
children: [
|
|
2830
|
-
/* @__PURE__ */
|
|
2917
|
+
/* @__PURE__ */ jsx25("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ jsx25(
|
|
2831
2918
|
"svg",
|
|
2832
2919
|
{
|
|
2833
2920
|
"aria-hidden": "true",
|
|
@@ -2836,7 +2923,7 @@ var TextBody = ({ data }) => {
|
|
|
2836
2923
|
height: "10",
|
|
2837
2924
|
viewBox: "0 0 12 10",
|
|
2838
2925
|
fill: "none",
|
|
2839
|
-
children: /* @__PURE__ */
|
|
2926
|
+
children: /* @__PURE__ */ jsx25(
|
|
2840
2927
|
"path",
|
|
2841
2928
|
{
|
|
2842
2929
|
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",
|
|
@@ -2849,7 +2936,7 @@ var TextBody = ({ data }) => {
|
|
|
2849
2936
|
]
|
|
2850
2937
|
}
|
|
2851
2938
|
) }, `more-info-${index}`)) }),
|
|
2852
|
-
data.linksForMoreInfo && data.linksForMoreInfo.length === 1 && /* @__PURE__ */
|
|
2939
|
+
data.linksForMoreInfo && data.linksForMoreInfo.length === 1 && /* @__PURE__ */ jsxs21(
|
|
2853
2940
|
"a",
|
|
2854
2941
|
{
|
|
2855
2942
|
href: data.linksForMoreInfo[0].url,
|
|
@@ -2857,7 +2944,7 @@ var TextBody = ({ data }) => {
|
|
|
2857
2944
|
rel: "noopener noreferrer",
|
|
2858
2945
|
"aria-label": data.linksForMoreInfo[0].ariaLabel,
|
|
2859
2946
|
children: [
|
|
2860
|
-
/* @__PURE__ */
|
|
2947
|
+
/* @__PURE__ */ jsx25("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ jsx25(
|
|
2861
2948
|
"svg",
|
|
2862
2949
|
{
|
|
2863
2950
|
"aria-hidden": "true",
|
|
@@ -2866,7 +2953,7 @@ var TextBody = ({ data }) => {
|
|
|
2866
2953
|
height: "10",
|
|
2867
2954
|
viewBox: "0 0 12 10",
|
|
2868
2955
|
fill: "none",
|
|
2869
|
-
children: /* @__PURE__ */
|
|
2956
|
+
children: /* @__PURE__ */ jsx25(
|
|
2870
2957
|
"path",
|
|
2871
2958
|
{
|
|
2872
2959
|
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",
|
|
@@ -2879,25 +2966,34 @@ var TextBody = ({ data }) => {
|
|
|
2879
2966
|
]
|
|
2880
2967
|
}
|
|
2881
2968
|
),
|
|
2882
|
-
data.
|
|
2969
|
+
data && data.alertInTextList && data.alertInTextList.length > 0 && /* @__PURE__ */ jsx25("ul", { className: "pts-alertInText-list", style: { marginTop: "16px", paddingLeft: "0px" }, children: data.alertInTextList.map((alert2, index) => /* @__PURE__ */ jsx25(
|
|
2970
|
+
"li",
|
|
2971
|
+
{
|
|
2972
|
+
className: "pts-alertInText-item",
|
|
2973
|
+
style: { listStyle: "none" },
|
|
2974
|
+
children: /* @__PURE__ */ jsx25(AlertInTextStandard_default, { type: alert2.type, content: alert2.content })
|
|
2975
|
+
},
|
|
2976
|
+
`alert-in-text-${index}`
|
|
2977
|
+
)) }),
|
|
2978
|
+
data.textAboveStartButton && data.textAboveStartButton.length > 0 && (/<\/?[a-z][\s\S]*>/i.test(data.textAboveStartButton) ? /* @__PURE__ */ jsx25(
|
|
2883
2979
|
"div",
|
|
2884
2980
|
{
|
|
2885
2981
|
className: "pts-instruction-before-start-text",
|
|
2886
2982
|
dangerouslySetInnerHTML: { __html: DOMPurify5.sanitize(data.textAboveStartButton) }
|
|
2887
2983
|
}
|
|
2888
|
-
) : /* @__PURE__ */
|
|
2984
|
+
) : /* @__PURE__ */ jsx25("p", { className: "pts-instruction-before-start-text", children: data.textAboveStartButton }))
|
|
2889
2985
|
] });
|
|
2890
2986
|
};
|
|
2891
2987
|
var TextBody_default = TextBody;
|
|
2892
2988
|
|
|
2893
2989
|
// src/components/stepper/EditPreviewLinkStandard/EditPreviewLinkStandard.tsx
|
|
2894
|
-
import { jsx as
|
|
2990
|
+
import { jsx as jsx26 } from "react/jsx-runtime";
|
|
2895
2991
|
var EditPreviewLink = ({
|
|
2896
2992
|
step,
|
|
2897
2993
|
changeStepHandler,
|
|
2898
2994
|
activatedLanguage = "sv"
|
|
2899
2995
|
}) => {
|
|
2900
|
-
return /* @__PURE__ */
|
|
2996
|
+
return /* @__PURE__ */ jsx26("div", { className: "pts-editPreviewLink-container", children: /* @__PURE__ */ jsx26(
|
|
2901
2997
|
"a",
|
|
2902
2998
|
{
|
|
2903
2999
|
href: "#",
|
|
@@ -2906,14 +3002,14 @@ var EditPreviewLink = ({
|
|
|
2906
3002
|
e.preventDefault();
|
|
2907
3003
|
changeStepHandler(step.step);
|
|
2908
3004
|
},
|
|
2909
|
-
children: /* @__PURE__ */
|
|
3005
|
+
children: /* @__PURE__ */ jsx26("span", { className: "pts-edit-step-text", children: activatedLanguage === "en" ? `Edit step ${step.step}` : `Redigera steg ${step.step}` })
|
|
2910
3006
|
}
|
|
2911
3007
|
) });
|
|
2912
3008
|
};
|
|
2913
3009
|
var EditPreviewLinkStandard_default = EditPreviewLink;
|
|
2914
3010
|
|
|
2915
3011
|
// src/components/stepper/StartApplicationButton/StartApplicationButton.tsx
|
|
2916
|
-
import { jsx as
|
|
3012
|
+
import { jsx as jsx27 } from "react/jsx-runtime";
|
|
2917
3013
|
var StartApplicationButton = ({
|
|
2918
3014
|
onClick,
|
|
2919
3015
|
label,
|
|
@@ -2921,7 +3017,7 @@ var StartApplicationButton = ({
|
|
|
2921
3017
|
activatedLanguage = "sv"
|
|
2922
3018
|
}) => {
|
|
2923
3019
|
const defaultLabel = activatedLanguage === "en" ? "Start e-service" : "Starta e-tj\xE4nsten";
|
|
2924
|
-
return /* @__PURE__ */
|
|
3020
|
+
return /* @__PURE__ */ jsx27(
|
|
2925
3021
|
"button",
|
|
2926
3022
|
{
|
|
2927
3023
|
type: "button",
|
|
@@ -2934,7 +3030,7 @@ var StartApplicationButton = ({
|
|
|
2934
3030
|
var StartApplicationButton_default = StartApplicationButton;
|
|
2935
3031
|
|
|
2936
3032
|
// src/components/stepper/StepperButtonsStandard/StepperButtonsStandard.tsx
|
|
2937
|
-
import { jsx as
|
|
3033
|
+
import { jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
2938
3034
|
var StepperButtons = ({
|
|
2939
3035
|
globalLanguageState,
|
|
2940
3036
|
changeStepHandler,
|
|
@@ -2944,8 +3040,8 @@ var StepperButtons = ({
|
|
|
2944
3040
|
activeStep
|
|
2945
3041
|
}) => {
|
|
2946
3042
|
const totalSteps = steps ? steps.length : "";
|
|
2947
|
-
return /* @__PURE__ */
|
|
2948
|
-
activeStep !== 0 && /* @__PURE__ */
|
|
3043
|
+
return /* @__PURE__ */ jsxs22("div", { className: "pts-stepperButtons-container", children: [
|
|
3044
|
+
activeStep !== 0 && /* @__PURE__ */ jsx28(
|
|
2949
3045
|
"button",
|
|
2950
3046
|
{
|
|
2951
3047
|
onClick: () => changeStepHandler(activeStep - 1),
|
|
@@ -2954,7 +3050,7 @@ var StepperButtons = ({
|
|
|
2954
3050
|
children: globalLanguageState ? globalLanguageState.backButton : "<<"
|
|
2955
3051
|
}
|
|
2956
3052
|
),
|
|
2957
|
-
/* @__PURE__ */
|
|
3053
|
+
/* @__PURE__ */ jsxs22(
|
|
2958
3054
|
"button",
|
|
2959
3055
|
{
|
|
2960
3056
|
type: activeStep === totalSteps ? "submit" : "button",
|
|
@@ -2972,19 +3068,19 @@ var StepperButtonsStandard_default = StepperButtons;
|
|
|
2972
3068
|
|
|
2973
3069
|
// src/components/stepper/StepperStandard/StepperStandard.tsx
|
|
2974
3070
|
import React9 from "react";
|
|
2975
|
-
import { jsx as
|
|
3071
|
+
import { jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
2976
3072
|
var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
|
|
2977
|
-
return /* @__PURE__ */
|
|
3073
|
+
return /* @__PURE__ */ jsx29("div", { className: "pts-stepper-container", "aria-hidden": "true", children: arraySteps.map((step, index) => {
|
|
2978
3074
|
const isActive = step.step === activeStep;
|
|
2979
3075
|
const lastElement = arraySteps.length;
|
|
2980
3076
|
const isDone = step.step < activeStep;
|
|
2981
|
-
return /* @__PURE__ */
|
|
2982
|
-
/* @__PURE__ */
|
|
2983
|
-
/* @__PURE__ */
|
|
3077
|
+
return /* @__PURE__ */ jsxs23(React9.Fragment, { children: [
|
|
3078
|
+
/* @__PURE__ */ jsxs23("div", { className: "pts-stepper-step", children: [
|
|
3079
|
+
/* @__PURE__ */ jsx29(
|
|
2984
3080
|
"div",
|
|
2985
3081
|
{
|
|
2986
3082
|
className: "pts-stepperDot" + (isActive ? " pts-stepperDotActive" : "") + (isDone ? " pts-stepperDotDone" : ""),
|
|
2987
|
-
children: isDone ? /* @__PURE__ */
|
|
3083
|
+
children: isDone ? /* @__PURE__ */ jsx29(
|
|
2988
3084
|
"svg",
|
|
2989
3085
|
{
|
|
2990
3086
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2992,7 +3088,7 @@ var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
|
|
|
2992
3088
|
height: "12",
|
|
2993
3089
|
viewBox: "0 0 15 12",
|
|
2994
3090
|
fill: "none",
|
|
2995
|
-
children: /* @__PURE__ */
|
|
3091
|
+
children: /* @__PURE__ */ jsx29(
|
|
2996
3092
|
"path",
|
|
2997
3093
|
{
|
|
2998
3094
|
d: "M1.5 5.4375L4.875 10.3125L13.5 1.6875",
|
|
@@ -3005,16 +3101,16 @@ var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
|
|
|
3005
3101
|
) : step.step
|
|
3006
3102
|
}
|
|
3007
3103
|
),
|
|
3008
|
-
/* @__PURE__ */
|
|
3104
|
+
/* @__PURE__ */ jsx29("div", { className: "pts-shortNameInStepper", children: step.shortNameInStepper })
|
|
3009
3105
|
] }, index),
|
|
3010
|
-
step.step !== lastElement && /* @__PURE__ */
|
|
3106
|
+
step.step !== lastElement && /* @__PURE__ */ jsx29("div", { className: "pts-stepperLine" })
|
|
3011
3107
|
] }, `step-${step.step}`);
|
|
3012
3108
|
}) });
|
|
3013
3109
|
};
|
|
3014
3110
|
var StepperStandard_default = Stepper;
|
|
3015
3111
|
|
|
3016
3112
|
// src/components/validation-and-status/ValidationErrorSummaryList/ValidationErrorSummaryList.tsx
|
|
3017
|
-
import { Fragment as
|
|
3113
|
+
import { Fragment as Fragment17, jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
3018
3114
|
var ValidationErrorSummaryList = ({
|
|
3019
3115
|
validationErrorsList,
|
|
3020
3116
|
questions,
|
|
@@ -3051,7 +3147,7 @@ var ValidationErrorSummaryList = ({
|
|
|
3051
3147
|
}, 300);
|
|
3052
3148
|
}
|
|
3053
3149
|
}
|
|
3054
|
-
if (!validationErrorsList.length) return /* @__PURE__ */
|
|
3150
|
+
if (!validationErrorsList.length) return /* @__PURE__ */ jsx30(Fragment17, {});
|
|
3055
3151
|
const filteredIds = filterIdsByGroupCheck(validationErrorsList, questions);
|
|
3056
3152
|
const count = filteredIds.length;
|
|
3057
3153
|
const title = summaryText.replace("{count}", count.toString()).replace(
|
|
@@ -3063,11 +3159,11 @@ var ValidationErrorSummaryList = ({
|
|
|
3063
3159
|
const found = questions.find((item) => item.id === id);
|
|
3064
3160
|
return (_a = found == null ? void 0 : found.validationSummaryLabel) != null ? _a : found == null ? void 0 : found.questionLabel;
|
|
3065
3161
|
}
|
|
3066
|
-
return /* @__PURE__ */
|
|
3067
|
-
/* @__PURE__ */
|
|
3068
|
-
/* @__PURE__ */
|
|
3069
|
-
/* @__PURE__ */
|
|
3070
|
-
/* @__PURE__ */
|
|
3162
|
+
return /* @__PURE__ */ jsxs24("div", { className: `pts-errorSummary-container pts-root-error ${validationErrorsList.length === 0 ? "cleanPadding" : ""}`, children: [
|
|
3163
|
+
/* @__PURE__ */ jsx30("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
|
|
3164
|
+
/* @__PURE__ */ jsxs24("div", { className: "errorSummary-content", id: "pts-errorSummary-content", children: [
|
|
3165
|
+
/* @__PURE__ */ jsx30("h2", { id: "errorSummary-headline", children: title }),
|
|
3166
|
+
/* @__PURE__ */ jsx30("ul", { id: "errorSummary-ul", children: filteredIds.map((questionId, i) => /* @__PURE__ */ jsx30("li", { children: /* @__PURE__ */ jsx30(
|
|
3071
3167
|
"a",
|
|
3072
3168
|
{
|
|
3073
3169
|
href: "#",
|
|
@@ -3085,16 +3181,17 @@ var ValidationErrorSummaryList = ({
|
|
|
3085
3181
|
var ValidationErrorSummaryList_default = ValidationErrorSummaryList;
|
|
3086
3182
|
|
|
3087
3183
|
// src/components/validation-and-status/FormStatusMessagesScreenReader/FormStatusMessagesScreenReader.tsx
|
|
3088
|
-
import { Fragment as
|
|
3184
|
+
import { Fragment as Fragment18, jsx as jsx31, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
3089
3185
|
var FormStatusMessagesScreenReader = ({ formStatus, activatedLanguage = "sv" }) => {
|
|
3090
|
-
return /* @__PURE__ */
|
|
3091
|
-
/* @__PURE__ */
|
|
3092
|
-
/* @__PURE__ */
|
|
3186
|
+
return /* @__PURE__ */ jsxs25(Fragment18, { children: [
|
|
3187
|
+
/* @__PURE__ */ jsx31("p", { "aria-live": "assertive", children: formStatus === "failed" && /* @__PURE__ */ jsx31("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!" }) }),
|
|
3188
|
+
/* @__PURE__ */ jsx31("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." : "" })
|
|
3093
3189
|
] });
|
|
3094
3190
|
};
|
|
3095
3191
|
var FormStatusMessagesScreenReader_default = FormStatusMessagesScreenReader;
|
|
3096
3192
|
export {
|
|
3097
3193
|
AddFilesStandard_default as AddFilesStandard,
|
|
3194
|
+
AlertInTextStandard_default as AlertInTextStandard,
|
|
3098
3195
|
CheckboxGroupStandard_default as CheckboxGroupStandard,
|
|
3099
3196
|
CookieBanner_default as CookieBanner,
|
|
3100
3197
|
EditPreviewLinkStandard_default as EditPreviewLinkStandard,
|