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.d.mts
CHANGED
|
@@ -8,6 +8,7 @@ interface IApplicationContent {
|
|
|
8
8
|
headline?: string;
|
|
9
9
|
body?: string;
|
|
10
10
|
linksForMoreInfo?: Array<IPTSLink>;
|
|
11
|
+
alertInTextList?: Array<any>;
|
|
11
12
|
pageTitle?: string;
|
|
12
13
|
textblocks?: Array<ITextBlock>;
|
|
13
14
|
textAboveStartButton?: string;
|
|
@@ -28,6 +29,7 @@ interface ITextBlock {
|
|
|
28
29
|
headline?: string;
|
|
29
30
|
body?: string;
|
|
30
31
|
linksForMoreInfo?: Array<IPTSLink>;
|
|
32
|
+
alertInTextList?: Array<any>;
|
|
31
33
|
pageTitle?: string;
|
|
32
34
|
textAboveStartButton?: string;
|
|
33
35
|
}
|
|
@@ -46,7 +48,7 @@ interface IOption {
|
|
|
46
48
|
interface IPTSLink {
|
|
47
49
|
title: string;
|
|
48
50
|
url: string;
|
|
49
|
-
ariaLabel
|
|
51
|
+
ariaLabel?: string;
|
|
50
52
|
}
|
|
51
53
|
interface IStepObject {
|
|
52
54
|
step: number;
|
|
@@ -792,6 +794,13 @@ type SkipLinkProps = {
|
|
|
792
794
|
};
|
|
793
795
|
declare const SkipLink: FC<SkipLinkProps>;
|
|
794
796
|
|
|
797
|
+
interface AlertInTextProps {
|
|
798
|
+
type?: string;
|
|
799
|
+
content: string;
|
|
800
|
+
}
|
|
801
|
+
|
|
802
|
+
declare const AlertInTextStandard: FC<AlertInTextProps>;
|
|
803
|
+
|
|
795
804
|
interface PrincipleOfPublicityProps {
|
|
796
805
|
activatedLanguage?: string;
|
|
797
806
|
}
|
|
@@ -898,4 +907,4 @@ interface FormStatusMessagesProps {
|
|
|
898
907
|
*/
|
|
899
908
|
declare const FormStatusMessagesScreenReader: React$1.FC<FormStatusMessagesProps>;
|
|
900
909
|
|
|
901
|
-
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 };
|
|
910
|
+
export { AddFiles as AddFilesStandard, AlertInTextStandard, 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,6 +8,7 @@ interface IApplicationContent {
|
|
|
8
8
|
headline?: string;
|
|
9
9
|
body?: string;
|
|
10
10
|
linksForMoreInfo?: Array<IPTSLink>;
|
|
11
|
+
alertInTextList?: Array<any>;
|
|
11
12
|
pageTitle?: string;
|
|
12
13
|
textblocks?: Array<ITextBlock>;
|
|
13
14
|
textAboveStartButton?: string;
|
|
@@ -28,6 +29,7 @@ interface ITextBlock {
|
|
|
28
29
|
headline?: string;
|
|
29
30
|
body?: string;
|
|
30
31
|
linksForMoreInfo?: Array<IPTSLink>;
|
|
32
|
+
alertInTextList?: Array<any>;
|
|
31
33
|
pageTitle?: string;
|
|
32
34
|
textAboveStartButton?: string;
|
|
33
35
|
}
|
|
@@ -46,7 +48,7 @@ interface IOption {
|
|
|
46
48
|
interface IPTSLink {
|
|
47
49
|
title: string;
|
|
48
50
|
url: string;
|
|
49
|
-
ariaLabel
|
|
51
|
+
ariaLabel?: string;
|
|
50
52
|
}
|
|
51
53
|
interface IStepObject {
|
|
52
54
|
step: number;
|
|
@@ -792,6 +794,13 @@ type SkipLinkProps = {
|
|
|
792
794
|
};
|
|
793
795
|
declare const SkipLink: FC<SkipLinkProps>;
|
|
794
796
|
|
|
797
|
+
interface AlertInTextProps {
|
|
798
|
+
type?: string;
|
|
799
|
+
content: string;
|
|
800
|
+
}
|
|
801
|
+
|
|
802
|
+
declare const AlertInTextStandard: FC<AlertInTextProps>;
|
|
803
|
+
|
|
795
804
|
interface PrincipleOfPublicityProps {
|
|
796
805
|
activatedLanguage?: string;
|
|
797
806
|
}
|
|
@@ -898,4 +907,4 @@ interface FormStatusMessagesProps {
|
|
|
898
907
|
*/
|
|
899
908
|
declare const FormStatusMessagesScreenReader: React$1.FC<FormStatusMessagesProps>;
|
|
900
909
|
|
|
901
|
-
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 };
|
|
910
|
+
export { AddFiles as AddFilesStandard, AlertInTextStandard, 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,6 +31,7 @@ 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,
|
|
34
35
|
CheckboxGroupStandard: () => CheckboxGroupStandard_default,
|
|
35
36
|
CookieBanner: () => CookieBanner_default,
|
|
36
37
|
EditPreviewLinkStandard: () => EditPreviewLinkStandard_default,
|
|
@@ -2768,26 +2769,113 @@ var SkipLink = ({ activatedLanguage = "sv" }) => {
|
|
|
2768
2769
|
};
|
|
2769
2770
|
var SkipLinkStandard_default = SkipLink;
|
|
2770
2771
|
|
|
2772
|
+
// src/components/layout/AlertInTextStandard/AlertInTextStandard.tsx
|
|
2773
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
2774
|
+
var AlertInTextStandard = ({ type = "info", content = "" }) => {
|
|
2775
|
+
const warningColor = "rgb(142, 0, 57)";
|
|
2776
|
+
const infoColor = "#234B96";
|
|
2777
|
+
const baseColor = type === "warning" ? warningColor : infoColor;
|
|
2778
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_jsx_runtime22.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
|
|
2779
|
+
"div",
|
|
2780
|
+
{
|
|
2781
|
+
style: { display: "flex", width: "100%", justifyContent: "flex-start", marginTop: "8px" },
|
|
2782
|
+
className: "about",
|
|
2783
|
+
id: "aboutId",
|
|
2784
|
+
children: [
|
|
2785
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
2786
|
+
"div",
|
|
2787
|
+
{
|
|
2788
|
+
className: "left",
|
|
2789
|
+
style: {
|
|
2790
|
+
display: "flex",
|
|
2791
|
+
justifyContent: "flex-start",
|
|
2792
|
+
alignItems: "flex-start",
|
|
2793
|
+
gap: "10px",
|
|
2794
|
+
alignSelf: "stretch",
|
|
2795
|
+
borderTopLeftRadius: "8px",
|
|
2796
|
+
borderBottomLeftRadius: "8px",
|
|
2797
|
+
border: `1px solid ${baseColor}`,
|
|
2798
|
+
backgroundColor: baseColor,
|
|
2799
|
+
padding: "8px",
|
|
2800
|
+
paddingTop: "16px"
|
|
2801
|
+
},
|
|
2802
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
|
|
2803
|
+
"svg",
|
|
2804
|
+
{
|
|
2805
|
+
width: "18",
|
|
2806
|
+
height: "16",
|
|
2807
|
+
viewBox: "0 0 18 16",
|
|
2808
|
+
fill: "none",
|
|
2809
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2810
|
+
children: [
|
|
2811
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("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" }),
|
|
2812
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
2813
|
+
"text",
|
|
2814
|
+
{
|
|
2815
|
+
x: "9",
|
|
2816
|
+
y: "12",
|
|
2817
|
+
textAnchor: "middle",
|
|
2818
|
+
fill: type === "warning" ? "#D32F2F" : "#234B96",
|
|
2819
|
+
fontFamily: "Arial",
|
|
2820
|
+
fontSize: "12",
|
|
2821
|
+
fontWeight: "bold",
|
|
2822
|
+
children: type === "warning" ? "!" : "i"
|
|
2823
|
+
}
|
|
2824
|
+
)
|
|
2825
|
+
]
|
|
2826
|
+
}
|
|
2827
|
+
)
|
|
2828
|
+
}
|
|
2829
|
+
),
|
|
2830
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
2831
|
+
"div",
|
|
2832
|
+
{
|
|
2833
|
+
style: {
|
|
2834
|
+
display: "flex",
|
|
2835
|
+
padding: "16px 24px 16px 24px",
|
|
2836
|
+
justifyContent: "flex-start",
|
|
2837
|
+
alignItems: "flex-start",
|
|
2838
|
+
width: "100%",
|
|
2839
|
+
borderTopRightRadius: "8px",
|
|
2840
|
+
borderBottomRightRadius: "8px",
|
|
2841
|
+
border: `1px solid ${baseColor}`,
|
|
2842
|
+
color: "var(--Neutral-900, #141414)",
|
|
2843
|
+
fontFamily: "Arial",
|
|
2844
|
+
fontSize: "16px",
|
|
2845
|
+
fontStyle: "normal",
|
|
2846
|
+
fontWeight: "400",
|
|
2847
|
+
lineHeight: "24px"
|
|
2848
|
+
},
|
|
2849
|
+
className: "right",
|
|
2850
|
+
children: content
|
|
2851
|
+
}
|
|
2852
|
+
)
|
|
2853
|
+
]
|
|
2854
|
+
}
|
|
2855
|
+
) });
|
|
2856
|
+
};
|
|
2857
|
+
var AlertInTextStandard_default = AlertInTextStandard;
|
|
2858
|
+
|
|
2771
2859
|
// src/components/text-blocks/TextHeadlineAndBodyStandard/TextHeadlineAndBodyStandard.tsx
|
|
2772
2860
|
var import_react13 = require("react");
|
|
2773
2861
|
var import_dompurify4 = __toESM(require("dompurify"));
|
|
2774
|
-
var
|
|
2862
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
2775
2863
|
var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
|
|
2776
|
-
return /* @__PURE__ */ (0,
|
|
2864
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
|
|
2777
2865
|
"section",
|
|
2778
2866
|
{
|
|
2779
2867
|
className: "pts-textHeadlineAndBody-container",
|
|
2780
2868
|
children: [
|
|
2781
2869
|
data.headline && (0, import_react13.createElement)(headlineType, { id: "textHeadlineAndBody-headline" }, data.headline),
|
|
2782
|
-
data.body && /* @__PURE__ */ (0,
|
|
2783
|
-
data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */ (0,
|
|
2870
|
+
data.body && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { dangerouslySetInnerHTML: { __html: import_dompurify4.default.sanitize(data.body) } }),
|
|
2871
|
+
data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("ul", { className: "pts-moreinfo-list", children: data.linksForMoreInfo.map((link, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("li", { className: index > 0 ? "notFirstInList" : "", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
|
|
2784
2872
|
"a",
|
|
2785
2873
|
{
|
|
2786
2874
|
href: link.url,
|
|
2787
2875
|
target: "_blank",
|
|
2788
2876
|
rel: "noopener noreferrer",
|
|
2789
2877
|
children: [
|
|
2790
|
-
/* @__PURE__ */ (0,
|
|
2878
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
2791
2879
|
"svg",
|
|
2792
2880
|
{
|
|
2793
2881
|
"aria-hidden": "true",
|
|
@@ -2796,7 +2884,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
|
|
|
2796
2884
|
height: "10",
|
|
2797
2885
|
viewBox: "0 0 12 10",
|
|
2798
2886
|
fill: "none",
|
|
2799
|
-
children: /* @__PURE__ */ (0,
|
|
2887
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
2800
2888
|
"path",
|
|
2801
2889
|
{
|
|
2802
2890
|
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",
|
|
@@ -2809,7 +2897,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
|
|
|
2809
2897
|
]
|
|
2810
2898
|
}
|
|
2811
2899
|
) }, `more-info-${index}`)) }),
|
|
2812
|
-
data.linksForMoreInfo && data.linksForMoreInfo.length === 1 && /* @__PURE__ */ (0,
|
|
2900
|
+
data.linksForMoreInfo && data.linksForMoreInfo.length === 1 && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
|
|
2813
2901
|
"a",
|
|
2814
2902
|
{
|
|
2815
2903
|
href: data.linksForMoreInfo[0].url,
|
|
@@ -2817,7 +2905,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
|
|
|
2817
2905
|
rel: "noopener noreferrer",
|
|
2818
2906
|
"aria-label": data.linksForMoreInfo[0].ariaLabel,
|
|
2819
2907
|
children: [
|
|
2820
|
-
/* @__PURE__ */ (0,
|
|
2908
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
2821
2909
|
"svg",
|
|
2822
2910
|
{
|
|
2823
2911
|
"aria-hidden": "true",
|
|
@@ -2826,7 +2914,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
|
|
|
2826
2914
|
height: "10",
|
|
2827
2915
|
viewBox: "0 0 12 10",
|
|
2828
2916
|
fill: "none",
|
|
2829
|
-
children: /* @__PURE__ */ (0,
|
|
2917
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
2830
2918
|
"path",
|
|
2831
2919
|
{
|
|
2832
2920
|
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",
|
|
@@ -2846,7 +2934,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
|
|
|
2846
2934
|
var TextHeadlineAndBodyStandard_default = TextHeadlineAndBody;
|
|
2847
2935
|
|
|
2848
2936
|
// src/components/text-blocks/PrincipleOfPublicityStandard/PrincipleOfPublicityStandard.tsx
|
|
2849
|
-
var
|
|
2937
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
2850
2938
|
var CONTENT2 = {
|
|
2851
2939
|
en: {
|
|
2852
2940
|
headline: "The principle of public access and the processing of personal data",
|
|
@@ -2875,7 +2963,7 @@ var CONTENT2 = {
|
|
|
2875
2963
|
};
|
|
2876
2964
|
var PrincipleOfPublicity = ({ activatedLanguage = "" }) => {
|
|
2877
2965
|
const currentContent = activatedLanguage === "en" ? CONTENT2.en : CONTENT2.sv;
|
|
2878
|
-
return /* @__PURE__ */ (0,
|
|
2966
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
2879
2967
|
TextHeadlineAndBodyStandard_default,
|
|
2880
2968
|
{
|
|
2881
2969
|
data: {
|
|
@@ -2895,18 +2983,18 @@ var PrincipleOfPublicityStandard_default = PrincipleOfPublicity;
|
|
|
2895
2983
|
|
|
2896
2984
|
// src/components/text-blocks/TextBody/TextBody.tsx
|
|
2897
2985
|
var import_dompurify5 = __toESM(require("dompurify"));
|
|
2898
|
-
var
|
|
2986
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
2899
2987
|
var TextBody = ({ data }) => {
|
|
2900
|
-
return /* @__PURE__ */ (0,
|
|
2901
|
-
data.body && /* @__PURE__ */ (0,
|
|
2902
|
-
data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */ (0,
|
|
2988
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "pts-textBody-container", children: [
|
|
2989
|
+
data.body && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { dangerouslySetInnerHTML: { __html: import_dompurify5.default.sanitize(data.body) } }),
|
|
2990
|
+
data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("ul", { className: "pts-moreinfo-list", children: data.linksForMoreInfo.map((link, index) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("li", { className: index > 0 ? "notFirstInList" : "", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
|
|
2903
2991
|
"a",
|
|
2904
2992
|
{
|
|
2905
2993
|
href: link.url,
|
|
2906
2994
|
target: "_blank",
|
|
2907
2995
|
rel: "noopener noreferrer",
|
|
2908
2996
|
children: [
|
|
2909
|
-
/* @__PURE__ */ (0,
|
|
2997
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2910
2998
|
"svg",
|
|
2911
2999
|
{
|
|
2912
3000
|
"aria-hidden": "true",
|
|
@@ -2915,7 +3003,7 @@ var TextBody = ({ data }) => {
|
|
|
2915
3003
|
height: "10",
|
|
2916
3004
|
viewBox: "0 0 12 10",
|
|
2917
3005
|
fill: "none",
|
|
2918
|
-
children: /* @__PURE__ */ (0,
|
|
3006
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2919
3007
|
"path",
|
|
2920
3008
|
{
|
|
2921
3009
|
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",
|
|
@@ -2928,7 +3016,7 @@ var TextBody = ({ data }) => {
|
|
|
2928
3016
|
]
|
|
2929
3017
|
}
|
|
2930
3018
|
) }, `more-info-${index}`)) }),
|
|
2931
|
-
data.linksForMoreInfo && data.linksForMoreInfo.length === 1 && /* @__PURE__ */ (0,
|
|
3019
|
+
data.linksForMoreInfo && data.linksForMoreInfo.length === 1 && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
|
|
2932
3020
|
"a",
|
|
2933
3021
|
{
|
|
2934
3022
|
href: data.linksForMoreInfo[0].url,
|
|
@@ -2936,7 +3024,7 @@ var TextBody = ({ data }) => {
|
|
|
2936
3024
|
rel: "noopener noreferrer",
|
|
2937
3025
|
"aria-label": data.linksForMoreInfo[0].ariaLabel,
|
|
2938
3026
|
children: [
|
|
2939
|
-
/* @__PURE__ */ (0,
|
|
3027
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2940
3028
|
"svg",
|
|
2941
3029
|
{
|
|
2942
3030
|
"aria-hidden": "true",
|
|
@@ -2945,7 +3033,7 @@ var TextBody = ({ data }) => {
|
|
|
2945
3033
|
height: "10",
|
|
2946
3034
|
viewBox: "0 0 12 10",
|
|
2947
3035
|
fill: "none",
|
|
2948
|
-
children: /* @__PURE__ */ (0,
|
|
3036
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2949
3037
|
"path",
|
|
2950
3038
|
{
|
|
2951
3039
|
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",
|
|
@@ -2958,25 +3046,34 @@ var TextBody = ({ data }) => {
|
|
|
2958
3046
|
]
|
|
2959
3047
|
}
|
|
2960
3048
|
),
|
|
2961
|
-
data.
|
|
3049
|
+
data && data.alertInTextList && data.alertInTextList.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("ul", { className: "pts-alertInText-list", style: { marginTop: "16px", paddingLeft: "0px" }, children: data.alertInTextList.map((alert2, index) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
3050
|
+
"li",
|
|
3051
|
+
{
|
|
3052
|
+
className: "pts-alertInText-item",
|
|
3053
|
+
style: { listStyle: "none" },
|
|
3054
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(AlertInTextStandard_default, { type: alert2.type, content: alert2.content })
|
|
3055
|
+
},
|
|
3056
|
+
`alert-in-text-${index}`
|
|
3057
|
+
)) }),
|
|
3058
|
+
data.textAboveStartButton && data.textAboveStartButton.length > 0 && (/<\/?[a-z][\s\S]*>/i.test(data.textAboveStartButton) ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2962
3059
|
"div",
|
|
2963
3060
|
{
|
|
2964
3061
|
className: "pts-instruction-before-start-text",
|
|
2965
3062
|
dangerouslySetInnerHTML: { __html: import_dompurify5.default.sanitize(data.textAboveStartButton) }
|
|
2966
3063
|
}
|
|
2967
|
-
) : /* @__PURE__ */ (0,
|
|
3064
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "pts-instruction-before-start-text", children: data.textAboveStartButton }))
|
|
2968
3065
|
] });
|
|
2969
3066
|
};
|
|
2970
3067
|
var TextBody_default = TextBody;
|
|
2971
3068
|
|
|
2972
3069
|
// src/components/stepper/EditPreviewLinkStandard/EditPreviewLinkStandard.tsx
|
|
2973
|
-
var
|
|
3070
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
2974
3071
|
var EditPreviewLink = ({
|
|
2975
3072
|
step,
|
|
2976
3073
|
changeStepHandler,
|
|
2977
3074
|
activatedLanguage = "sv"
|
|
2978
3075
|
}) => {
|
|
2979
|
-
return /* @__PURE__ */ (0,
|
|
3076
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "pts-editPreviewLink-container", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
2980
3077
|
"a",
|
|
2981
3078
|
{
|
|
2982
3079
|
href: "#",
|
|
@@ -2985,14 +3082,14 @@ var EditPreviewLink = ({
|
|
|
2985
3082
|
e.preventDefault();
|
|
2986
3083
|
changeStepHandler(step.step);
|
|
2987
3084
|
},
|
|
2988
|
-
children: /* @__PURE__ */ (0,
|
|
3085
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "pts-edit-step-text", children: activatedLanguage === "en" ? `Edit step ${step.step}` : `Redigera steg ${step.step}` })
|
|
2989
3086
|
}
|
|
2990
3087
|
) });
|
|
2991
3088
|
};
|
|
2992
3089
|
var EditPreviewLinkStandard_default = EditPreviewLink;
|
|
2993
3090
|
|
|
2994
3091
|
// src/components/stepper/StartApplicationButton/StartApplicationButton.tsx
|
|
2995
|
-
var
|
|
3092
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
2996
3093
|
var StartApplicationButton = ({
|
|
2997
3094
|
onClick,
|
|
2998
3095
|
label,
|
|
@@ -3000,7 +3097,7 @@ var StartApplicationButton = ({
|
|
|
3000
3097
|
activatedLanguage = "sv"
|
|
3001
3098
|
}) => {
|
|
3002
3099
|
const defaultLabel = activatedLanguage === "en" ? "Start e-service" : "Starta e-tj\xE4nsten";
|
|
3003
|
-
return /* @__PURE__ */ (0,
|
|
3100
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
3004
3101
|
"button",
|
|
3005
3102
|
{
|
|
3006
3103
|
type: "button",
|
|
@@ -3013,7 +3110,7 @@ var StartApplicationButton = ({
|
|
|
3013
3110
|
var StartApplicationButton_default = StartApplicationButton;
|
|
3014
3111
|
|
|
3015
3112
|
// src/components/stepper/StepperButtonsStandard/StepperButtonsStandard.tsx
|
|
3016
|
-
var
|
|
3113
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
3017
3114
|
var StepperButtons = ({
|
|
3018
3115
|
globalLanguageState,
|
|
3019
3116
|
changeStepHandler,
|
|
@@ -3023,8 +3120,8 @@ var StepperButtons = ({
|
|
|
3023
3120
|
activeStep
|
|
3024
3121
|
}) => {
|
|
3025
3122
|
const totalSteps = steps ? steps.length : "";
|
|
3026
|
-
return /* @__PURE__ */ (0,
|
|
3027
|
-
activeStep !== 0 && /* @__PURE__ */ (0,
|
|
3123
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "pts-stepperButtons-container", children: [
|
|
3124
|
+
activeStep !== 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
3028
3125
|
"button",
|
|
3029
3126
|
{
|
|
3030
3127
|
onClick: () => changeStepHandler(activeStep - 1),
|
|
@@ -3033,7 +3130,7 @@ var StepperButtons = ({
|
|
|
3033
3130
|
children: globalLanguageState ? globalLanguageState.backButton : "<<"
|
|
3034
3131
|
}
|
|
3035
3132
|
),
|
|
3036
|
-
/* @__PURE__ */ (0,
|
|
3133
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
|
|
3037
3134
|
"button",
|
|
3038
3135
|
{
|
|
3039
3136
|
type: activeStep === totalSteps ? "submit" : "button",
|
|
@@ -3051,19 +3148,19 @@ var StepperButtonsStandard_default = StepperButtons;
|
|
|
3051
3148
|
|
|
3052
3149
|
// src/components/stepper/StepperStandard/StepperStandard.tsx
|
|
3053
3150
|
var import_react14 = __toESM(require("react"));
|
|
3054
|
-
var
|
|
3151
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
3055
3152
|
var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
|
|
3056
|
-
return /* @__PURE__ */ (0,
|
|
3153
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "pts-stepper-container", "aria-hidden": "true", children: arraySteps.map((step, index) => {
|
|
3057
3154
|
const isActive = step.step === activeStep;
|
|
3058
3155
|
const lastElement = arraySteps.length;
|
|
3059
3156
|
const isDone = step.step < activeStep;
|
|
3060
|
-
return /* @__PURE__ */ (0,
|
|
3061
|
-
/* @__PURE__ */ (0,
|
|
3062
|
-
/* @__PURE__ */ (0,
|
|
3157
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react14.default.Fragment, { children: [
|
|
3158
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "pts-stepper-step", children: [
|
|
3159
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
3063
3160
|
"div",
|
|
3064
3161
|
{
|
|
3065
3162
|
className: "pts-stepperDot" + (isActive ? " pts-stepperDotActive" : "") + (isDone ? " pts-stepperDotDone" : ""),
|
|
3066
|
-
children: isDone ? /* @__PURE__ */ (0,
|
|
3163
|
+
children: isDone ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
3067
3164
|
"svg",
|
|
3068
3165
|
{
|
|
3069
3166
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3071,7 +3168,7 @@ var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
|
|
|
3071
3168
|
height: "12",
|
|
3072
3169
|
viewBox: "0 0 15 12",
|
|
3073
3170
|
fill: "none",
|
|
3074
|
-
children: /* @__PURE__ */ (0,
|
|
3171
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
3075
3172
|
"path",
|
|
3076
3173
|
{
|
|
3077
3174
|
d: "M1.5 5.4375L4.875 10.3125L13.5 1.6875",
|
|
@@ -3084,16 +3181,16 @@ var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
|
|
|
3084
3181
|
) : step.step
|
|
3085
3182
|
}
|
|
3086
3183
|
),
|
|
3087
|
-
/* @__PURE__ */ (0,
|
|
3184
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "pts-shortNameInStepper", children: step.shortNameInStepper })
|
|
3088
3185
|
] }, index),
|
|
3089
|
-
step.step !== lastElement && /* @__PURE__ */ (0,
|
|
3186
|
+
step.step !== lastElement && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "pts-stepperLine" })
|
|
3090
3187
|
] }, `step-${step.step}`);
|
|
3091
3188
|
}) });
|
|
3092
3189
|
};
|
|
3093
3190
|
var StepperStandard_default = Stepper;
|
|
3094
3191
|
|
|
3095
3192
|
// src/components/validation-and-status/ValidationErrorSummaryList/ValidationErrorSummaryList.tsx
|
|
3096
|
-
var
|
|
3193
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
3097
3194
|
var ValidationErrorSummaryList = ({
|
|
3098
3195
|
validationErrorsList,
|
|
3099
3196
|
questions,
|
|
@@ -3130,7 +3227,7 @@ var ValidationErrorSummaryList = ({
|
|
|
3130
3227
|
}, 300);
|
|
3131
3228
|
}
|
|
3132
3229
|
}
|
|
3133
|
-
if (!validationErrorsList.length) return /* @__PURE__ */ (0,
|
|
3230
|
+
if (!validationErrorsList.length) return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_jsx_runtime30.Fragment, {});
|
|
3134
3231
|
const filteredIds = filterIdsByGroupCheck(validationErrorsList, questions);
|
|
3135
3232
|
const count = filteredIds.length;
|
|
3136
3233
|
const title = summaryText.replace("{count}", count.toString()).replace(
|
|
@@ -3142,11 +3239,11 @@ var ValidationErrorSummaryList = ({
|
|
|
3142
3239
|
const found = questions.find((item) => item.id === id);
|
|
3143
3240
|
return (_a = found == null ? void 0 : found.validationSummaryLabel) != null ? _a : found == null ? void 0 : found.questionLabel;
|
|
3144
3241
|
}
|
|
3145
|
-
return /* @__PURE__ */ (0,
|
|
3146
|
-
/* @__PURE__ */ (0,
|
|
3147
|
-
/* @__PURE__ */ (0,
|
|
3148
|
-
/* @__PURE__ */ (0,
|
|
3149
|
-
/* @__PURE__ */ (0,
|
|
3242
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: `pts-errorSummary-container pts-root-error ${validationErrorsList.length === 0 ? "cleanPadding" : ""}`, children: [
|
|
3243
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
|
|
3244
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "errorSummary-content", id: "pts-errorSummary-content", children: [
|
|
3245
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h2", { id: "errorSummary-headline", children: title }),
|
|
3246
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("ul", { id: "errorSummary-ul", children: filteredIds.map((questionId, i) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
3150
3247
|
"a",
|
|
3151
3248
|
{
|
|
3152
3249
|
href: "#",
|
|
@@ -3164,17 +3261,18 @@ var ValidationErrorSummaryList = ({
|
|
|
3164
3261
|
var ValidationErrorSummaryList_default = ValidationErrorSummaryList;
|
|
3165
3262
|
|
|
3166
3263
|
// src/components/validation-and-status/FormStatusMessagesScreenReader/FormStatusMessagesScreenReader.tsx
|
|
3167
|
-
var
|
|
3264
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
3168
3265
|
var FormStatusMessagesScreenReader = ({ formStatus, activatedLanguage = "sv" }) => {
|
|
3169
|
-
return /* @__PURE__ */ (0,
|
|
3170
|
-
/* @__PURE__ */ (0,
|
|
3171
|
-
/* @__PURE__ */ (0,
|
|
3266
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
|
|
3267
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { "aria-live": "assertive", children: formStatus === "failed" && /* @__PURE__ */ (0, import_jsx_runtime31.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!" }) }),
|
|
3268
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.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." : "" })
|
|
3172
3269
|
] });
|
|
3173
3270
|
};
|
|
3174
3271
|
var FormStatusMessagesScreenReader_default = FormStatusMessagesScreenReader;
|
|
3175
3272
|
// Annotate the CommonJS export names for ESM import in node:
|
|
3176
3273
|
0 && (module.exports = {
|
|
3177
3274
|
AddFilesStandard,
|
|
3275
|
+
AlertInTextStandard,
|
|
3178
3276
|
CheckboxGroupStandard,
|
|
3179
3277
|
CookieBanner,
|
|
3180
3278
|
EditPreviewLinkStandard,
|