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.d.mts
CHANGED
|
@@ -8,7 +8,6 @@ interface IApplicationContent {
|
|
|
8
8
|
headline?: string;
|
|
9
9
|
body?: string;
|
|
10
10
|
linksForMoreInfo?: Array<IPTSLink>;
|
|
11
|
-
alertInText?: string;
|
|
12
11
|
pageTitle?: string;
|
|
13
12
|
textblocks?: Array<ITextBlock>;
|
|
14
13
|
textAboveStartButton?: string;
|
|
@@ -29,7 +28,6 @@ interface ITextBlock {
|
|
|
29
28
|
headline?: string;
|
|
30
29
|
body?: string;
|
|
31
30
|
linksForMoreInfo?: Array<IPTSLink>;
|
|
32
|
-
alertInText?: string;
|
|
33
31
|
pageTitle?: string;
|
|
34
32
|
textAboveStartButton?: string;
|
|
35
33
|
}
|
|
@@ -48,7 +46,7 @@ interface IOption {
|
|
|
48
46
|
interface IPTSLink {
|
|
49
47
|
title: string;
|
|
50
48
|
url: string;
|
|
51
|
-
ariaLabel
|
|
49
|
+
ariaLabel: string;
|
|
52
50
|
}
|
|
53
51
|
interface IStepObject {
|
|
54
52
|
step: number;
|
|
@@ -92,7 +90,6 @@ interface IQuestion {
|
|
|
92
90
|
questionGroupType?: string;
|
|
93
91
|
dependsOnOtherQuestion?: Array<any>;
|
|
94
92
|
questionExtraAttribute?: IQuestionExtraAttribute;
|
|
95
|
-
infoOnly?: ITextBlock;
|
|
96
93
|
languageSupport: Array<any>;
|
|
97
94
|
}
|
|
98
95
|
interface IQuestionExtraAttribute {
|
|
@@ -140,6 +137,7 @@ interface IAppSettings {
|
|
|
140
137
|
appUsesNavigation: boolean;
|
|
141
138
|
appCookies?: IAppSettingsCookies;
|
|
142
139
|
appUsesPreview?: boolean;
|
|
140
|
+
appUsesAsterix?: boolean;
|
|
143
141
|
}
|
|
144
142
|
|
|
145
143
|
interface RadioProps {
|
|
@@ -795,12 +793,6 @@ type SkipLinkProps = {
|
|
|
795
793
|
};
|
|
796
794
|
declare const SkipLink: FC<SkipLinkProps>;
|
|
797
795
|
|
|
798
|
-
interface AlertInTextProps {
|
|
799
|
-
content: string;
|
|
800
|
-
}
|
|
801
|
-
|
|
802
|
-
declare const AlertInTextStandard: FC<AlertInTextProps>;
|
|
803
|
-
|
|
804
796
|
interface PrincipleOfPublicityProps {
|
|
805
797
|
activatedLanguage?: string;
|
|
806
798
|
}
|
|
@@ -907,4 +899,4 @@ interface FormStatusMessagesProps {
|
|
|
907
899
|
*/
|
|
908
900
|
declare const FormStatusMessagesScreenReader: React$1.FC<FormStatusMessagesProps>;
|
|
909
901
|
|
|
910
|
-
export { AddFiles as AddFilesStandard,
|
|
902
|
+
export { AddFiles as AddFilesStandard, CheckboxGroup as CheckboxGroupStandard, CookieBanner, type CookieConsentConfig, EditPreviewLink as EditPreviewLinkStandard, Footer as FooterStandard, FormStatusMessagesScreenReader, Header as HeaderStandard, type IAppSettings, type IAppSettingsCookies, type IApplicationContent, type IFormState, type IOption, type IPTSLink, type IQuestion, type IQuestionExtraAttribute, type IStepObject, type IStepQuestionData, type ITextBlock, type LanguageSupportConfig, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, PrincipleOfPublicity as PrincipleOfPublicityStandard, QuestionGroup, QuestionRenderer, InputRadio as RadioMultipleStandard, SingleCheckbox as SingleCheckboxStandard, SkipLink as SkipLinkStandard, StartApplicationButton, StepperButtons as StepperButtonsStandard, Stepper as StepperStandard, InputTextarea as TextAreaStandard, TextBody, TextFieldStandard, ValidationErrorSummaryList, buildStepCategoryGroupQuestionStructure, createApiDataObject, createCookieConsent, createFormSlice, createGlobalLanguageSlice, createGlobalLanguageSlice as createLanguageSlice, createFormSlice as createQuestionsSlice, findVisibleQuestionsWithValidationErrors, focusElement, getGroupCheckIds, hasQuestionValidationError, isQuestionDependencySatisfied, isScriptLoaded, makeFormSelectors, makeglobalLanguageSelectors as makeLanguageSelectors, makeFormSelectors as makeQuestionsSelectors, makeglobalLanguageSelectors, preparePreviewData, removeScriptById, toggleScriptByConsent, updateQuestionsAndCategoriesVisibilityAndErrors, useCookieConsent, useFormStatusModal, useInputMethodDetection, usePTSPageTitle };
|
package/dist/index.d.ts
CHANGED
|
@@ -8,7 +8,6 @@ interface IApplicationContent {
|
|
|
8
8
|
headline?: string;
|
|
9
9
|
body?: string;
|
|
10
10
|
linksForMoreInfo?: Array<IPTSLink>;
|
|
11
|
-
alertInText?: string;
|
|
12
11
|
pageTitle?: string;
|
|
13
12
|
textblocks?: Array<ITextBlock>;
|
|
14
13
|
textAboveStartButton?: string;
|
|
@@ -29,7 +28,6 @@ interface ITextBlock {
|
|
|
29
28
|
headline?: string;
|
|
30
29
|
body?: string;
|
|
31
30
|
linksForMoreInfo?: Array<IPTSLink>;
|
|
32
|
-
alertInText?: string;
|
|
33
31
|
pageTitle?: string;
|
|
34
32
|
textAboveStartButton?: string;
|
|
35
33
|
}
|
|
@@ -48,7 +46,7 @@ interface IOption {
|
|
|
48
46
|
interface IPTSLink {
|
|
49
47
|
title: string;
|
|
50
48
|
url: string;
|
|
51
|
-
ariaLabel
|
|
49
|
+
ariaLabel: string;
|
|
52
50
|
}
|
|
53
51
|
interface IStepObject {
|
|
54
52
|
step: number;
|
|
@@ -92,7 +90,6 @@ interface IQuestion {
|
|
|
92
90
|
questionGroupType?: string;
|
|
93
91
|
dependsOnOtherQuestion?: Array<any>;
|
|
94
92
|
questionExtraAttribute?: IQuestionExtraAttribute;
|
|
95
|
-
infoOnly?: ITextBlock;
|
|
96
93
|
languageSupport: Array<any>;
|
|
97
94
|
}
|
|
98
95
|
interface IQuestionExtraAttribute {
|
|
@@ -140,6 +137,7 @@ interface IAppSettings {
|
|
|
140
137
|
appUsesNavigation: boolean;
|
|
141
138
|
appCookies?: IAppSettingsCookies;
|
|
142
139
|
appUsesPreview?: boolean;
|
|
140
|
+
appUsesAsterix?: boolean;
|
|
143
141
|
}
|
|
144
142
|
|
|
145
143
|
interface RadioProps {
|
|
@@ -795,12 +793,6 @@ type SkipLinkProps = {
|
|
|
795
793
|
};
|
|
796
794
|
declare const SkipLink: FC<SkipLinkProps>;
|
|
797
795
|
|
|
798
|
-
interface AlertInTextProps {
|
|
799
|
-
content: string;
|
|
800
|
-
}
|
|
801
|
-
|
|
802
|
-
declare const AlertInTextStandard: FC<AlertInTextProps>;
|
|
803
|
-
|
|
804
796
|
interface PrincipleOfPublicityProps {
|
|
805
797
|
activatedLanguage?: string;
|
|
806
798
|
}
|
|
@@ -907,4 +899,4 @@ interface FormStatusMessagesProps {
|
|
|
907
899
|
*/
|
|
908
900
|
declare const FormStatusMessagesScreenReader: React$1.FC<FormStatusMessagesProps>;
|
|
909
901
|
|
|
910
|
-
export { AddFiles as AddFilesStandard,
|
|
902
|
+
export { AddFiles as AddFilesStandard, CheckboxGroup as CheckboxGroupStandard, CookieBanner, type CookieConsentConfig, EditPreviewLink as EditPreviewLinkStandard, Footer as FooterStandard, FormStatusMessagesScreenReader, Header as HeaderStandard, type IAppSettings, type IAppSettingsCookies, type IApplicationContent, type IFormState, type IOption, type IPTSLink, type IQuestion, type IQuestionExtraAttribute, type IStepObject, type IStepQuestionData, type ITextBlock, type LanguageSupportConfig, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, PrincipleOfPublicity as PrincipleOfPublicityStandard, QuestionGroup, QuestionRenderer, InputRadio as RadioMultipleStandard, SingleCheckbox as SingleCheckboxStandard, SkipLink as SkipLinkStandard, StartApplicationButton, StepperButtons as StepperButtonsStandard, Stepper as StepperStandard, InputTextarea as TextAreaStandard, TextBody, TextFieldStandard, ValidationErrorSummaryList, buildStepCategoryGroupQuestionStructure, createApiDataObject, createCookieConsent, createFormSlice, createGlobalLanguageSlice, createGlobalLanguageSlice as createLanguageSlice, createFormSlice as createQuestionsSlice, findVisibleQuestionsWithValidationErrors, focusElement, getGroupCheckIds, hasQuestionValidationError, isQuestionDependencySatisfied, isScriptLoaded, makeFormSelectors, makeglobalLanguageSelectors as makeLanguageSelectors, makeFormSelectors as makeQuestionsSelectors, makeglobalLanguageSelectors, preparePreviewData, removeScriptById, toggleScriptByConsent, updateQuestionsAndCategoriesVisibilityAndErrors, useCookieConsent, useFormStatusModal, useInputMethodDetection, usePTSPageTitle };
|
package/dist/index.js
CHANGED
|
@@ -31,7 +31,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
31
31
|
var index_exports = {};
|
|
32
32
|
__export(index_exports, {
|
|
33
33
|
AddFilesStandard: () => AddFilesStandard_default,
|
|
34
|
-
AlertInTextStandard: () => AlertInTextStandard_default,
|
|
35
34
|
CheckboxGroupStandard: () => CheckboxGroupStandard_default,
|
|
36
35
|
CookieBanner: () => CookieBanner_default,
|
|
37
36
|
EditPreviewLinkStandard: () => EditPreviewLinkStandard_default,
|
|
@@ -1735,8 +1734,7 @@ var makeFormSelectors = (selectSlice) => {
|
|
|
1735
1734
|
aboutText: languageSupport.aboutText,
|
|
1736
1735
|
options: languageSupport.options,
|
|
1737
1736
|
validationDefaultMessesege: languageSupport.validationDefaultMessesege,
|
|
1738
|
-
validationSummaryLabel: languageSupport.validationSummaryLabel
|
|
1739
|
-
infoOnly: languageSupport.infoOnly
|
|
1737
|
+
validationSummaryLabel: languageSupport.validationSummaryLabel
|
|
1740
1738
|
};
|
|
1741
1739
|
});
|
|
1742
1740
|
}
|
|
@@ -2770,50 +2768,26 @@ var SkipLink = ({ activatedLanguage = "sv" }) => {
|
|
|
2770
2768
|
};
|
|
2771
2769
|
var SkipLinkStandard_default = SkipLink;
|
|
2772
2770
|
|
|
2773
|
-
// src/components/layout/AlertInTextStandard/AlertInTextStandard.tsx
|
|
2774
|
-
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
2775
|
-
var AlertInTextStandard = ({ content = "" }) => {
|
|
2776
|
-
return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "pts-alertInText-container", children: [
|
|
2777
|
-
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "pts-alertInText-left", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
|
|
2778
|
-
"svg",
|
|
2779
|
-
{
|
|
2780
|
-
width: "18",
|
|
2781
|
-
height: "16",
|
|
2782
|
-
viewBox: "0 0 18 16",
|
|
2783
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
2784
|
-
"aria-hidden": "true",
|
|
2785
|
-
children: [
|
|
2786
|
-
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("circle", { cx: "9", cy: "8", r: "7", fill: "white" }),
|
|
2787
|
-
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("circle", { cx: "9", cy: "4", r: "1", fill: "blue" }),
|
|
2788
|
-
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("rect", { x: "8.25", y: "6", width: "1.5", height: "6", fill: "blue" })
|
|
2789
|
-
]
|
|
2790
|
-
}
|
|
2791
|
-
) }),
|
|
2792
|
-
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "pts-alertInText-right", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { children: content }) })
|
|
2793
|
-
] });
|
|
2794
|
-
};
|
|
2795
|
-
var AlertInTextStandard_default = AlertInTextStandard;
|
|
2796
|
-
|
|
2797
2771
|
// src/components/text-blocks/TextHeadlineAndBodyStandard/TextHeadlineAndBodyStandard.tsx
|
|
2798
2772
|
var import_react13 = require("react");
|
|
2799
2773
|
var import_dompurify4 = __toESM(require("dompurify"));
|
|
2800
|
-
var
|
|
2774
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
2801
2775
|
var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
|
|
2802
|
-
return /* @__PURE__ */ (0,
|
|
2776
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
|
|
2803
2777
|
"section",
|
|
2804
2778
|
{
|
|
2805
2779
|
className: "pts-textHeadlineAndBody-container",
|
|
2806
2780
|
children: [
|
|
2807
2781
|
data.headline && (0, import_react13.createElement)(headlineType, { id: "textHeadlineAndBody-headline" }, data.headline),
|
|
2808
|
-
data.body && /* @__PURE__ */ (0,
|
|
2809
|
-
data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */ (0,
|
|
2782
|
+
data.body && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { dangerouslySetInnerHTML: { __html: import_dompurify4.default.sanitize(data.body) } }),
|
|
2783
|
+
data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("ul", { className: "pts-moreinfo-list", children: data.linksForMoreInfo.map((link, index) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("li", { className: index > 0 ? "notFirstInList" : "", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
|
|
2810
2784
|
"a",
|
|
2811
2785
|
{
|
|
2812
2786
|
href: link.url,
|
|
2813
2787
|
target: "_blank",
|
|
2814
2788
|
rel: "noopener noreferrer",
|
|
2815
2789
|
children: [
|
|
2816
|
-
/* @__PURE__ */ (0,
|
|
2790
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
2817
2791
|
"svg",
|
|
2818
2792
|
{
|
|
2819
2793
|
"aria-hidden": "true",
|
|
@@ -2822,7 +2796,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
|
|
|
2822
2796
|
height: "10",
|
|
2823
2797
|
viewBox: "0 0 12 10",
|
|
2824
2798
|
fill: "none",
|
|
2825
|
-
children: /* @__PURE__ */ (0,
|
|
2799
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
2826
2800
|
"path",
|
|
2827
2801
|
{
|
|
2828
2802
|
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",
|
|
@@ -2835,7 +2809,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
|
|
|
2835
2809
|
]
|
|
2836
2810
|
}
|
|
2837
2811
|
) }, `more-info-${index}`)) }),
|
|
2838
|
-
data.linksForMoreInfo && data.linksForMoreInfo.length === 1 && /* @__PURE__ */ (0,
|
|
2812
|
+
data.linksForMoreInfo && data.linksForMoreInfo.length === 1 && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
|
|
2839
2813
|
"a",
|
|
2840
2814
|
{
|
|
2841
2815
|
href: data.linksForMoreInfo[0].url,
|
|
@@ -2843,7 +2817,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
|
|
|
2843
2817
|
rel: "noopener noreferrer",
|
|
2844
2818
|
"aria-label": data.linksForMoreInfo[0].ariaLabel,
|
|
2845
2819
|
children: [
|
|
2846
|
-
/* @__PURE__ */ (0,
|
|
2820
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
2847
2821
|
"svg",
|
|
2848
2822
|
{
|
|
2849
2823
|
"aria-hidden": "true",
|
|
@@ -2852,7 +2826,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
|
|
|
2852
2826
|
height: "10",
|
|
2853
2827
|
viewBox: "0 0 12 10",
|
|
2854
2828
|
fill: "none",
|
|
2855
|
-
children: /* @__PURE__ */ (0,
|
|
2829
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
2856
2830
|
"path",
|
|
2857
2831
|
{
|
|
2858
2832
|
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",
|
|
@@ -2872,7 +2846,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
|
|
|
2872
2846
|
var TextHeadlineAndBodyStandard_default = TextHeadlineAndBody;
|
|
2873
2847
|
|
|
2874
2848
|
// src/components/text-blocks/PrincipleOfPublicityStandard/PrincipleOfPublicityStandard.tsx
|
|
2875
|
-
var
|
|
2849
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
2876
2850
|
var CONTENT2 = {
|
|
2877
2851
|
en: {
|
|
2878
2852
|
headline: "The principle of public access and the processing of personal data",
|
|
@@ -2901,7 +2875,7 @@ var CONTENT2 = {
|
|
|
2901
2875
|
};
|
|
2902
2876
|
var PrincipleOfPublicity = ({ activatedLanguage = "" }) => {
|
|
2903
2877
|
const currentContent = activatedLanguage === "en" ? CONTENT2.en : CONTENT2.sv;
|
|
2904
|
-
return /* @__PURE__ */ (0,
|
|
2878
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
2905
2879
|
TextHeadlineAndBodyStandard_default,
|
|
2906
2880
|
{
|
|
2907
2881
|
data: {
|
|
@@ -2921,18 +2895,18 @@ var PrincipleOfPublicityStandard_default = PrincipleOfPublicity;
|
|
|
2921
2895
|
|
|
2922
2896
|
// src/components/text-blocks/TextBody/TextBody.tsx
|
|
2923
2897
|
var import_dompurify5 = __toESM(require("dompurify"));
|
|
2924
|
-
var
|
|
2898
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
2925
2899
|
var TextBody = ({ data }) => {
|
|
2926
|
-
return /* @__PURE__ */ (0,
|
|
2927
|
-
data.body && /* @__PURE__ */ (0,
|
|
2928
|
-
data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */ (0,
|
|
2900
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "pts-textBody-container", children: [
|
|
2901
|
+
data.body && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { dangerouslySetInnerHTML: { __html: import_dompurify5.default.sanitize(data.body) } }),
|
|
2902
|
+
data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("ul", { className: "pts-moreinfo-list", children: data.linksForMoreInfo.map((link, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("li", { className: index > 0 ? "notFirstInList" : "", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
|
|
2929
2903
|
"a",
|
|
2930
2904
|
{
|
|
2931
2905
|
href: link.url,
|
|
2932
2906
|
target: "_blank",
|
|
2933
2907
|
rel: "noopener noreferrer",
|
|
2934
2908
|
children: [
|
|
2935
|
-
/* @__PURE__ */ (0,
|
|
2909
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
2936
2910
|
"svg",
|
|
2937
2911
|
{
|
|
2938
2912
|
"aria-hidden": "true",
|
|
@@ -2941,7 +2915,7 @@ var TextBody = ({ data }) => {
|
|
|
2941
2915
|
height: "10",
|
|
2942
2916
|
viewBox: "0 0 12 10",
|
|
2943
2917
|
fill: "none",
|
|
2944
|
-
children: /* @__PURE__ */ (0,
|
|
2918
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
2945
2919
|
"path",
|
|
2946
2920
|
{
|
|
2947
2921
|
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",
|
|
@@ -2954,7 +2928,7 @@ var TextBody = ({ data }) => {
|
|
|
2954
2928
|
]
|
|
2955
2929
|
}
|
|
2956
2930
|
) }, `more-info-${index}`)) }),
|
|
2957
|
-
data.linksForMoreInfo && data.linksForMoreInfo.length === 1 && /* @__PURE__ */ (0,
|
|
2931
|
+
data.linksForMoreInfo && data.linksForMoreInfo.length === 1 && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
|
|
2958
2932
|
"a",
|
|
2959
2933
|
{
|
|
2960
2934
|
href: data.linksForMoreInfo[0].url,
|
|
@@ -2962,7 +2936,7 @@ var TextBody = ({ data }) => {
|
|
|
2962
2936
|
rel: "noopener noreferrer",
|
|
2963
2937
|
"aria-label": data.linksForMoreInfo[0].ariaLabel,
|
|
2964
2938
|
children: [
|
|
2965
|
-
/* @__PURE__ */ (0,
|
|
2939
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
2966
2940
|
"svg",
|
|
2967
2941
|
{
|
|
2968
2942
|
"aria-hidden": "true",
|
|
@@ -2971,7 +2945,7 @@ var TextBody = ({ data }) => {
|
|
|
2971
2945
|
height: "10",
|
|
2972
2946
|
viewBox: "0 0 12 10",
|
|
2973
2947
|
fill: "none",
|
|
2974
|
-
children: /* @__PURE__ */ (0,
|
|
2948
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
2975
2949
|
"path",
|
|
2976
2950
|
{
|
|
2977
2951
|
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",
|
|
@@ -2984,26 +2958,25 @@ var TextBody = ({ data }) => {
|
|
|
2984
2958
|
]
|
|
2985
2959
|
}
|
|
2986
2960
|
),
|
|
2987
|
-
data.
|
|
2988
|
-
data.textAboveStartButton && data.textAboveStartButton.length > 0 && (/<\/?[a-z][\s\S]*>/i.test(data.textAboveStartButton) ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2961
|
+
data.textAboveStartButton && data.textAboveStartButton.length > 0 && (/<\/?[a-z][\s\S]*>/i.test(data.textAboveStartButton) ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
2989
2962
|
"div",
|
|
2990
2963
|
{
|
|
2991
2964
|
className: "pts-instruction-before-start-text",
|
|
2992
2965
|
dangerouslySetInnerHTML: { __html: import_dompurify5.default.sanitize(data.textAboveStartButton) }
|
|
2993
2966
|
}
|
|
2994
|
-
) : /* @__PURE__ */ (0,
|
|
2967
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "pts-instruction-before-start-text", children: data.textAboveStartButton }))
|
|
2995
2968
|
] });
|
|
2996
2969
|
};
|
|
2997
2970
|
var TextBody_default = TextBody;
|
|
2998
2971
|
|
|
2999
2972
|
// src/components/stepper/EditPreviewLinkStandard/EditPreviewLinkStandard.tsx
|
|
3000
|
-
var
|
|
2973
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
3001
2974
|
var EditPreviewLink = ({
|
|
3002
2975
|
step,
|
|
3003
2976
|
changeStepHandler,
|
|
3004
2977
|
activatedLanguage = "sv"
|
|
3005
2978
|
}) => {
|
|
3006
|
-
return /* @__PURE__ */ (0,
|
|
2979
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "pts-editPreviewLink-container", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
3007
2980
|
"a",
|
|
3008
2981
|
{
|
|
3009
2982
|
href: "#",
|
|
@@ -3012,14 +2985,14 @@ var EditPreviewLink = ({
|
|
|
3012
2985
|
e.preventDefault();
|
|
3013
2986
|
changeStepHandler(step.step);
|
|
3014
2987
|
},
|
|
3015
|
-
children: /* @__PURE__ */ (0,
|
|
2988
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "pts-edit-step-text", children: activatedLanguage === "en" ? `Edit step ${step.step}` : `Redigera steg ${step.step}` })
|
|
3016
2989
|
}
|
|
3017
2990
|
) });
|
|
3018
2991
|
};
|
|
3019
2992
|
var EditPreviewLinkStandard_default = EditPreviewLink;
|
|
3020
2993
|
|
|
3021
2994
|
// src/components/stepper/StartApplicationButton/StartApplicationButton.tsx
|
|
3022
|
-
var
|
|
2995
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
3023
2996
|
var StartApplicationButton = ({
|
|
3024
2997
|
onClick,
|
|
3025
2998
|
label,
|
|
@@ -3027,7 +3000,7 @@ var StartApplicationButton = ({
|
|
|
3027
3000
|
activatedLanguage = "sv"
|
|
3028
3001
|
}) => {
|
|
3029
3002
|
const defaultLabel = activatedLanguage === "en" ? "Start e-service" : "Starta e-tj\xE4nsten";
|
|
3030
|
-
return /* @__PURE__ */ (0,
|
|
3003
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
3031
3004
|
"button",
|
|
3032
3005
|
{
|
|
3033
3006
|
type: "button",
|
|
@@ -3040,7 +3013,7 @@ var StartApplicationButton = ({
|
|
|
3040
3013
|
var StartApplicationButton_default = StartApplicationButton;
|
|
3041
3014
|
|
|
3042
3015
|
// src/components/stepper/StepperButtonsStandard/StepperButtonsStandard.tsx
|
|
3043
|
-
var
|
|
3016
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
3044
3017
|
var StepperButtons = ({
|
|
3045
3018
|
globalLanguageState,
|
|
3046
3019
|
changeStepHandler,
|
|
@@ -3050,8 +3023,8 @@ var StepperButtons = ({
|
|
|
3050
3023
|
activeStep
|
|
3051
3024
|
}) => {
|
|
3052
3025
|
const totalSteps = steps ? steps.length : "";
|
|
3053
|
-
return /* @__PURE__ */ (0,
|
|
3054
|
-
activeStep !== 0 && /* @__PURE__ */ (0,
|
|
3026
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "pts-stepperButtons-container", children: [
|
|
3027
|
+
activeStep !== 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
3055
3028
|
"button",
|
|
3056
3029
|
{
|
|
3057
3030
|
onClick: () => changeStepHandler(activeStep - 1),
|
|
@@ -3060,7 +3033,7 @@ var StepperButtons = ({
|
|
|
3060
3033
|
children: globalLanguageState ? globalLanguageState.backButton : "<<"
|
|
3061
3034
|
}
|
|
3062
3035
|
),
|
|
3063
|
-
/* @__PURE__ */ (0,
|
|
3036
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
|
|
3064
3037
|
"button",
|
|
3065
3038
|
{
|
|
3066
3039
|
type: activeStep === totalSteps ? "submit" : "button",
|
|
@@ -3078,19 +3051,19 @@ var StepperButtonsStandard_default = StepperButtons;
|
|
|
3078
3051
|
|
|
3079
3052
|
// src/components/stepper/StepperStandard/StepperStandard.tsx
|
|
3080
3053
|
var import_react14 = __toESM(require("react"));
|
|
3081
|
-
var
|
|
3054
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
3082
3055
|
var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
|
|
3083
|
-
return /* @__PURE__ */ (0,
|
|
3056
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "pts-stepper-container", "aria-hidden": "true", children: arraySteps.map((step, index) => {
|
|
3084
3057
|
const isActive = step.step === activeStep;
|
|
3085
3058
|
const lastElement = arraySteps.length;
|
|
3086
3059
|
const isDone = step.step < activeStep;
|
|
3087
|
-
return /* @__PURE__ */ (0,
|
|
3088
|
-
/* @__PURE__ */ (0,
|
|
3089
|
-
/* @__PURE__ */ (0,
|
|
3060
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react14.default.Fragment, { children: [
|
|
3061
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "pts-stepper-step", children: [
|
|
3062
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
3090
3063
|
"div",
|
|
3091
3064
|
{
|
|
3092
3065
|
className: "pts-stepperDot" + (isActive ? " pts-stepperDotActive" : "") + (isDone ? " pts-stepperDotDone" : ""),
|
|
3093
|
-
children: isDone ? /* @__PURE__ */ (0,
|
|
3066
|
+
children: isDone ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
3094
3067
|
"svg",
|
|
3095
3068
|
{
|
|
3096
3069
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3098,7 +3071,7 @@ var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
|
|
|
3098
3071
|
height: "12",
|
|
3099
3072
|
viewBox: "0 0 15 12",
|
|
3100
3073
|
fill: "none",
|
|
3101
|
-
children: /* @__PURE__ */ (0,
|
|
3074
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
3102
3075
|
"path",
|
|
3103
3076
|
{
|
|
3104
3077
|
d: "M1.5 5.4375L4.875 10.3125L13.5 1.6875",
|
|
@@ -3111,16 +3084,16 @@ var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
|
|
|
3111
3084
|
) : step.step
|
|
3112
3085
|
}
|
|
3113
3086
|
),
|
|
3114
|
-
/* @__PURE__ */ (0,
|
|
3087
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "pts-shortNameInStepper", children: step.shortNameInStepper })
|
|
3115
3088
|
] }, index),
|
|
3116
|
-
step.step !== lastElement && /* @__PURE__ */ (0,
|
|
3089
|
+
step.step !== lastElement && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "pts-stepperLine" })
|
|
3117
3090
|
] }, `step-${step.step}`);
|
|
3118
3091
|
}) });
|
|
3119
3092
|
};
|
|
3120
3093
|
var StepperStandard_default = Stepper;
|
|
3121
3094
|
|
|
3122
3095
|
// src/components/validation-and-status/ValidationErrorSummaryList/ValidationErrorSummaryList.tsx
|
|
3123
|
-
var
|
|
3096
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
3124
3097
|
var ValidationErrorSummaryList = ({
|
|
3125
3098
|
validationErrorsList,
|
|
3126
3099
|
questions,
|
|
@@ -3157,7 +3130,7 @@ var ValidationErrorSummaryList = ({
|
|
|
3157
3130
|
}, 300);
|
|
3158
3131
|
}
|
|
3159
3132
|
}
|
|
3160
|
-
if (!validationErrorsList.length) return /* @__PURE__ */ (0,
|
|
3133
|
+
if (!validationErrorsList.length) return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, {});
|
|
3161
3134
|
const filteredIds = filterIdsByGroupCheck(validationErrorsList, questions);
|
|
3162
3135
|
const count = filteredIds.length;
|
|
3163
3136
|
const title = summaryText.replace("{count}", count.toString()).replace(
|
|
@@ -3169,11 +3142,11 @@ var ValidationErrorSummaryList = ({
|
|
|
3169
3142
|
const found = questions.find((item) => item.id === id);
|
|
3170
3143
|
return (_a = found == null ? void 0 : found.validationSummaryLabel) != null ? _a : found == null ? void 0 : found.questionLabel;
|
|
3171
3144
|
}
|
|
3172
|
-
return /* @__PURE__ */ (0,
|
|
3173
|
-
/* @__PURE__ */ (0,
|
|
3174
|
-
/* @__PURE__ */ (0,
|
|
3175
|
-
/* @__PURE__ */ (0,
|
|
3176
|
-
/* @__PURE__ */ (0,
|
|
3145
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: `pts-errorSummary-container pts-root-error ${validationErrorsList.length === 0 ? "cleanPadding" : ""}`, children: [
|
|
3146
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
|
|
3147
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "errorSummary-content", id: "pts-errorSummary-content", children: [
|
|
3148
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("h2", { id: "errorSummary-headline", children: title }),
|
|
3149
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("ul", { id: "errorSummary-ul", children: filteredIds.map((questionId, i) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
3177
3150
|
"a",
|
|
3178
3151
|
{
|
|
3179
3152
|
href: "#",
|
|
@@ -3191,18 +3164,17 @@ var ValidationErrorSummaryList = ({
|
|
|
3191
3164
|
var ValidationErrorSummaryList_default = ValidationErrorSummaryList;
|
|
3192
3165
|
|
|
3193
3166
|
// src/components/validation-and-status/FormStatusMessagesScreenReader/FormStatusMessagesScreenReader.tsx
|
|
3194
|
-
var
|
|
3167
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
3195
3168
|
var FormStatusMessagesScreenReader = ({ formStatus, activatedLanguage = "sv" }) => {
|
|
3196
|
-
return /* @__PURE__ */ (0,
|
|
3197
|
-
/* @__PURE__ */ (0,
|
|
3198
|
-
/* @__PURE__ */ (0,
|
|
3169
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
|
|
3170
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { "aria-live": "assertive", children: formStatus === "failed" && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("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!" }) }),
|
|
3171
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("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." : "" })
|
|
3199
3172
|
] });
|
|
3200
3173
|
};
|
|
3201
3174
|
var FormStatusMessagesScreenReader_default = FormStatusMessagesScreenReader;
|
|
3202
3175
|
// Annotate the CommonJS export names for ESM import in node:
|
|
3203
3176
|
0 && (module.exports = {
|
|
3204
3177
|
AddFilesStandard,
|
|
3205
|
-
AlertInTextStandard,
|
|
3206
3178
|
CheckboxGroupStandard,
|
|
3207
3179
|
CookieBanner,
|
|
3208
3180
|
EditPreviewLinkStandard,
|