optimized-react-component-library-xyz123 0.1.136 → 0.1.138
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.css +0 -12
- package/dist/index.d.mts +13 -16
- package/dist/index.d.ts +13 -16
- package/dist/index.js +68 -109
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +68 -108
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/css/darkMode.css +8 -4
- package/src/css/mobileView.css +149 -14
- package/src/css/styles.css +96 -82
package/dist/index.css
CHANGED
|
@@ -1,14 +1,2 @@
|
|
|
1
|
-
/* src/components/input-components/RadioMultipleStandard/RadioMultipleStandard.css */
|
|
2
|
-
/* src/components/input-components/MultipleCheckboxesStandard/MultipleCheckboxesStandard.css */
|
|
3
|
-
/* src/components/input-components/TextAreaStandard/TextAreaStandard.css */
|
|
4
1
|
/* src/components/input-components/AddFilesStandard/AddFilesStandard.css */
|
|
5
|
-
/* src/components/layout/FooterStandard/FooterStandard.css */
|
|
6
|
-
/* src/components/layout/HeaderStandard/HeaderStandard.css */
|
|
7
|
-
/* src/components/layout/ModalStandard/ModalStandard.css */
|
|
8
|
-
/* src/components/layout/SkipLinkStandard/SkipLinkStandard.css */
|
|
9
|
-
/* src/components/text-blocks/InfoOnlyStandard/InfoOnlyStandard.css */
|
|
10
|
-
/* src/components/text-blocks/TextHeadlineAndBodyStandard/TextHeadlineAndBodyStandard.css */
|
|
11
|
-
/* src/components/stepper/EditPreviewLinkStandard/EditPreviewLinkStandard.css */
|
|
12
|
-
/* src/components/stepper/StepperButtonsStandard/StepperButtonsStandard.css */
|
|
13
|
-
/* src/components/stepper/StepperStandard/StepperStandard.css */
|
|
14
2
|
/*# sourceMappingURL=index.css.map */
|
package/dist/index.d.mts
CHANGED
|
@@ -3,7 +3,6 @@ import * as reselect from 'reselect';
|
|
|
3
3
|
import * as _reduxjs_toolkit from '@reduxjs/toolkit';
|
|
4
4
|
import { PayloadAction, ActionReducerMapBuilder } from '@reduxjs/toolkit';
|
|
5
5
|
import * as immer from 'immer';
|
|
6
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
7
6
|
|
|
8
7
|
interface IApplicationContent {
|
|
9
8
|
headline?: string;
|
|
@@ -637,6 +636,13 @@ declare const useCookieConsent: ({ cookieName, choiceKey, expiryYears, onConsent
|
|
|
637
636
|
rejectCookies: () => void;
|
|
638
637
|
};
|
|
639
638
|
|
|
639
|
+
interface QuestionRendererProps {
|
|
640
|
+
question: any;
|
|
641
|
+
handleQuestionInputChange: (question: any, event: React$1.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void;
|
|
642
|
+
activatedLanguage?: string;
|
|
643
|
+
showPreview?: boolean;
|
|
644
|
+
}
|
|
645
|
+
|
|
640
646
|
/**
|
|
641
647
|
* Renderar rätt input-komponent baserat på frågans `questionType`.
|
|
642
648
|
*
|
|
@@ -653,7 +659,7 @@ declare const useCookieConsent: ({ cookieName, choiceKey, expiryYears, onConsent
|
|
|
653
659
|
* @param {boolean} showPreview - Styr om frågan ska visas i
|
|
654
660
|
* preview-läge istället för som redigerbar input.
|
|
655
661
|
*/
|
|
656
|
-
declare const QuestionRenderer:
|
|
662
|
+
declare const QuestionRenderer: React$1.FC<QuestionRendererProps>;
|
|
657
663
|
|
|
658
664
|
type WrapperElement = 'fieldset' | 'section' | 'div' | 'none';
|
|
659
665
|
interface Question {
|
|
@@ -728,19 +734,6 @@ declare const Modal: FC<ModalProps>;
|
|
|
728
734
|
|
|
729
735
|
declare const SkipLink: FC;
|
|
730
736
|
|
|
731
|
-
interface InfoOnlyProps {
|
|
732
|
-
questionObject: IQuestion;
|
|
733
|
-
isTouched: any;
|
|
734
|
-
visible?: boolean;
|
|
735
|
-
showErrors?: boolean;
|
|
736
|
-
showPreview?: boolean;
|
|
737
|
-
showConfigure?: boolean;
|
|
738
|
-
tabIndex?: number;
|
|
739
|
-
activatedLanguage?: string;
|
|
740
|
-
}
|
|
741
|
-
|
|
742
|
-
declare const InfoOnly: FC<InfoOnlyProps>;
|
|
743
|
-
|
|
744
737
|
interface PrincipleOfPublicityProps {
|
|
745
738
|
activatedLanguage?: string;
|
|
746
739
|
}
|
|
@@ -768,6 +761,10 @@ interface StartApplicationButtonProps {
|
|
|
768
761
|
}
|
|
769
762
|
/**
|
|
770
763
|
* En standardiserad knapp för att starta e-tjänsten.
|
|
764
|
+
*
|
|
765
|
+
* @param {Function} onClick - Funktion som körs när användaren klickar på knappen.
|
|
766
|
+
* @param {string} label - Text som visas på knappen.
|
|
767
|
+
* @param {string} className - Extra CSS-klasser för knappen.
|
|
771
768
|
*/
|
|
772
769
|
declare const StartApplicationButton: React$1.FC<StartApplicationButtonProps>;
|
|
773
770
|
|
|
@@ -838,4 +835,4 @@ interface FormStatusMessagesProps {
|
|
|
838
835
|
*/
|
|
839
836
|
declare const FormStatusMessagesScreenReader: React$1.FC<FormStatusMessagesProps>;
|
|
840
837
|
|
|
841
|
-
export { AddFiles as AddFilesStandard, CookieBanner, type CookieConsentConfig, EditPreviewLink as EditPreviewLinkStandard, Footer as FooterStandard, FormStatusMessagesScreenReader, Header as HeaderStandard, type IApplicationContent, type IFormState, type IOption, type IPTSLink, type IQuestion, type IQuestionExtraAttribute, type IStepObject, type IStepQuestionData, type ITextBlock,
|
|
838
|
+
export { AddFiles as AddFilesStandard, CookieBanner, type CookieConsentConfig, EditPreviewLink as EditPreviewLinkStandard, Footer as FooterStandard, FormStatusMessagesScreenReader, Header as HeaderStandard, 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, 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
|
@@ -3,7 +3,6 @@ import * as reselect from 'reselect';
|
|
|
3
3
|
import * as _reduxjs_toolkit from '@reduxjs/toolkit';
|
|
4
4
|
import { PayloadAction, ActionReducerMapBuilder } from '@reduxjs/toolkit';
|
|
5
5
|
import * as immer from 'immer';
|
|
6
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
7
6
|
|
|
8
7
|
interface IApplicationContent {
|
|
9
8
|
headline?: string;
|
|
@@ -637,6 +636,13 @@ declare const useCookieConsent: ({ cookieName, choiceKey, expiryYears, onConsent
|
|
|
637
636
|
rejectCookies: () => void;
|
|
638
637
|
};
|
|
639
638
|
|
|
639
|
+
interface QuestionRendererProps {
|
|
640
|
+
question: any;
|
|
641
|
+
handleQuestionInputChange: (question: any, event: React$1.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void;
|
|
642
|
+
activatedLanguage?: string;
|
|
643
|
+
showPreview?: boolean;
|
|
644
|
+
}
|
|
645
|
+
|
|
640
646
|
/**
|
|
641
647
|
* Renderar rätt input-komponent baserat på frågans `questionType`.
|
|
642
648
|
*
|
|
@@ -653,7 +659,7 @@ declare const useCookieConsent: ({ cookieName, choiceKey, expiryYears, onConsent
|
|
|
653
659
|
* @param {boolean} showPreview - Styr om frågan ska visas i
|
|
654
660
|
* preview-läge istället för som redigerbar input.
|
|
655
661
|
*/
|
|
656
|
-
declare const QuestionRenderer:
|
|
662
|
+
declare const QuestionRenderer: React$1.FC<QuestionRendererProps>;
|
|
657
663
|
|
|
658
664
|
type WrapperElement = 'fieldset' | 'section' | 'div' | 'none';
|
|
659
665
|
interface Question {
|
|
@@ -728,19 +734,6 @@ declare const Modal: FC<ModalProps>;
|
|
|
728
734
|
|
|
729
735
|
declare const SkipLink: FC;
|
|
730
736
|
|
|
731
|
-
interface InfoOnlyProps {
|
|
732
|
-
questionObject: IQuestion;
|
|
733
|
-
isTouched: any;
|
|
734
|
-
visible?: boolean;
|
|
735
|
-
showErrors?: boolean;
|
|
736
|
-
showPreview?: boolean;
|
|
737
|
-
showConfigure?: boolean;
|
|
738
|
-
tabIndex?: number;
|
|
739
|
-
activatedLanguage?: string;
|
|
740
|
-
}
|
|
741
|
-
|
|
742
|
-
declare const InfoOnly: FC<InfoOnlyProps>;
|
|
743
|
-
|
|
744
737
|
interface PrincipleOfPublicityProps {
|
|
745
738
|
activatedLanguage?: string;
|
|
746
739
|
}
|
|
@@ -768,6 +761,10 @@ interface StartApplicationButtonProps {
|
|
|
768
761
|
}
|
|
769
762
|
/**
|
|
770
763
|
* En standardiserad knapp för att starta e-tjänsten.
|
|
764
|
+
*
|
|
765
|
+
* @param {Function} onClick - Funktion som körs när användaren klickar på knappen.
|
|
766
|
+
* @param {string} label - Text som visas på knappen.
|
|
767
|
+
* @param {string} className - Extra CSS-klasser för knappen.
|
|
771
768
|
*/
|
|
772
769
|
declare const StartApplicationButton: React$1.FC<StartApplicationButtonProps>;
|
|
773
770
|
|
|
@@ -838,4 +835,4 @@ interface FormStatusMessagesProps {
|
|
|
838
835
|
*/
|
|
839
836
|
declare const FormStatusMessagesScreenReader: React$1.FC<FormStatusMessagesProps>;
|
|
840
837
|
|
|
841
|
-
export { AddFiles as AddFilesStandard, CookieBanner, type CookieConsentConfig, EditPreviewLink as EditPreviewLinkStandard, Footer as FooterStandard, FormStatusMessagesScreenReader, Header as HeaderStandard, type IApplicationContent, type IFormState, type IOption, type IPTSLink, type IQuestion, type IQuestionExtraAttribute, type IStepObject, type IStepQuestionData, type ITextBlock,
|
|
838
|
+
export { AddFiles as AddFilesStandard, CookieBanner, type CookieConsentConfig, EditPreviewLink as EditPreviewLinkStandard, Footer as FooterStandard, FormStatusMessagesScreenReader, Header as HeaderStandard, 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, 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
|
@@ -36,7 +36,6 @@ __export(index_exports, {
|
|
|
36
36
|
FooterStandard: () => FooterStandard_default,
|
|
37
37
|
FormStatusMessagesScreenReader: () => FormStatusMessagesScreenReader_default,
|
|
38
38
|
HeaderStandard: () => HeaderStandard_default,
|
|
39
|
-
InfoOnlyStandard: () => InfoOnlyStandard_default,
|
|
40
39
|
ModalStandard: () => ModalStandard_default,
|
|
41
40
|
MultipleCheckboxesStandard: () => MultipleCheckboxesStandard_default,
|
|
42
41
|
PrincipleOfPublicityStandard: () => PrincipleOfPublicityStandard_default,
|
|
@@ -677,7 +676,7 @@ var SelectedFiles = ({
|
|
|
677
676
|
removeError();
|
|
678
677
|
},
|
|
679
678
|
"aria-label": activatedLanguage === "sv" ? `St\xE4ng felmeddelandet` : `Close error message`,
|
|
680
|
-
children:
|
|
679
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M0.75 12.75L12.75 0.75M0.75 0.75L12.75 12.75", stroke: "#8E0039", "stroke-width": "1.5", "stroke-linecap": "round" }) })
|
|
681
680
|
}
|
|
682
681
|
) })
|
|
683
682
|
] }) }),
|
|
@@ -734,7 +733,7 @@ var SelectedFiles = ({
|
|
|
734
733
|
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_bootstrap.Row, { style: { marginTop: "12px", marginBottom: "12px" }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_bootstrap.Col, { className: "makeSpace" }) })
|
|
735
734
|
] }, index) }) }) }, `file-${file.FileName}-${index}`) });
|
|
736
735
|
}) }),
|
|
737
|
-
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { ref: theDiv,
|
|
736
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { ref: theDiv, className: "pts-clipboard-container" })
|
|
738
737
|
] });
|
|
739
738
|
};
|
|
740
739
|
var SelectedFilesStandard_default = SelectedFiles;
|
|
@@ -1897,7 +1896,7 @@ var CookieBanner_default = CookieBanner;
|
|
|
1897
1896
|
// src/components/layout/FooterStandard/FooterStandard.tsx
|
|
1898
1897
|
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
1899
1898
|
var Footer = ({ activatedLanguage = "sv" }) => {
|
|
1900
|
-
return /* @__PURE__ */ (0, import_jsx_runtime14.
|
|
1899
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("footer", { className: "pts-footer-container", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "pts-footer-content", children: [
|
|
1901
1900
|
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
1902
1901
|
"svg",
|
|
1903
1902
|
{
|
|
@@ -1976,7 +1975,7 @@ var Footer = ({ activatedLanguage = "sv" }) => {
|
|
|
1976
1975
|
}
|
|
1977
1976
|
) })
|
|
1978
1977
|
] }) })
|
|
1979
|
-
] });
|
|
1978
|
+
] }) });
|
|
1980
1979
|
};
|
|
1981
1980
|
var FooterStandard_default = Footer;
|
|
1982
1981
|
|
|
@@ -2378,7 +2377,7 @@ var Header = ({
|
|
|
2378
2377
|
else return "Svenska";
|
|
2379
2378
|
};
|
|
2380
2379
|
return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("header", { className: "pts-header-container", children: [
|
|
2381
|
-
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
2380
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "pts-header-logo-container", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
2382
2381
|
"a",
|
|
2383
2382
|
{
|
|
2384
2383
|
className: "pts-header-logo",
|
|
@@ -2387,7 +2386,7 @@ var Header = ({
|
|
|
2387
2386
|
"aria-label": activatedLanguage === "en" ? "PTS logotype (to the homepage on pts.se, opens in new tab)" : "PTS logotyp (till startsidan p\xE5 pts.se, \xF6ppnas i ny flik)",
|
|
2388
2387
|
children: activatedLanguage === "en" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Logo_en, {}) }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Logo_sv, {}) })
|
|
2389
2388
|
}
|
|
2390
|
-
),
|
|
2389
|
+
) }),
|
|
2391
2390
|
useLanguage && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
|
|
2392
2391
|
"button",
|
|
2393
2392
|
{
|
|
@@ -2395,7 +2394,7 @@ var Header = ({
|
|
|
2395
2394
|
className: "pts-languageButton",
|
|
2396
2395
|
onClick: handleLanguageClick,
|
|
2397
2396
|
children: [
|
|
2398
|
-
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(LanguageIcon, {}) }),
|
|
2397
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(LanguageIcon, {}) }) }),
|
|
2399
2398
|
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { "aria-hidden": "true", className: "pts-languageButton", children: getLanguageLabel() }),
|
|
2400
2399
|
activatedLanguage === "en" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "sr-only", children: "\xC4ndra spr\xE5k till svenska" }),
|
|
2401
2400
|
activatedLanguage === "sv" && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "sr-only", children: "Change language to English" })
|
|
@@ -2456,73 +2455,26 @@ var SkipLink = () => {
|
|
|
2456
2455
|
};
|
|
2457
2456
|
var SkipLinkStandard_default = SkipLink;
|
|
2458
2457
|
|
|
2459
|
-
// src/components/text-blocks/
|
|
2458
|
+
// src/components/text-blocks/TextHeadlineAndBodyStandard/TextHeadlineAndBodyStandard.tsx
|
|
2460
2459
|
var import_react11 = require("react");
|
|
2461
2460
|
var import_dompurify3 = __toESM(require("dompurify"));
|
|
2462
2461
|
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
2463
|
-
var cleanText = (text) => import_dompurify3.default.sanitize(text, { ADD_ATTR: ["target", "class"] });
|
|
2464
|
-
var InfoOnly = ({
|
|
2465
|
-
questionObject,
|
|
2466
|
-
isTouched,
|
|
2467
|
-
visible = true,
|
|
2468
|
-
showErrors = true,
|
|
2469
|
-
showPreview = false,
|
|
2470
|
-
showConfigure = true,
|
|
2471
|
-
tabIndex = -1,
|
|
2472
|
-
activatedLanguage = "sv"
|
|
2473
|
-
}) => {
|
|
2474
|
-
(0, import_react11.useEffect)(() => {
|
|
2475
|
-
handleSeenText(questionObject);
|
|
2476
|
-
}, []);
|
|
2477
|
-
const handleSeenText = (questionObject2) => {
|
|
2478
|
-
const avoidBugInRedux = "<span style='display:none' />";
|
|
2479
|
-
const e = { target: { value: questionObject2.questionLabel + avoidBugInRedux } };
|
|
2480
|
-
isTouched(e, questionObject2);
|
|
2481
|
-
};
|
|
2482
|
-
return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
|
|
2483
|
-
showConfigure && visible && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "pts-infoOnly-container", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "InfoOnlyText", tabIndex, children: questionObject.questionLabel && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
2484
|
-
"p",
|
|
2485
|
-
{
|
|
2486
|
-
dangerouslySetInnerHTML: {
|
|
2487
|
-
__html: cleanText(questionObject["questionLabel"])
|
|
2488
|
-
}
|
|
2489
|
-
}
|
|
2490
|
-
) }) }),
|
|
2491
|
-
showPreview && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(PreviewInfoOnly, { questionObject })
|
|
2492
|
-
] });
|
|
2493
|
-
};
|
|
2494
|
-
var InfoOnlyStandard_default = InfoOnly;
|
|
2495
|
-
var PreviewInfoOnly = ({ questionObject }) => {
|
|
2496
|
-
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_jsx_runtime19.Fragment, { children: questionObject.answer && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "pts-infoOnly-preview", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "InfoOnlyText", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
2497
|
-
"p",
|
|
2498
|
-
{
|
|
2499
|
-
dangerouslySetInnerHTML: {
|
|
2500
|
-
__html: cleanText(questionObject["answer"])
|
|
2501
|
-
}
|
|
2502
|
-
}
|
|
2503
|
-
) }) }) });
|
|
2504
|
-
};
|
|
2505
|
-
|
|
2506
|
-
// src/components/text-blocks/TextHeadlineAndBodyStandard/TextHeadlineAndBodyStandard.tsx
|
|
2507
|
-
var import_react12 = require("react");
|
|
2508
|
-
var import_dompurify4 = __toESM(require("dompurify"));
|
|
2509
|
-
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
2510
2462
|
var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
|
|
2511
|
-
return /* @__PURE__ */ (0,
|
|
2463
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
|
|
2512
2464
|
"section",
|
|
2513
2465
|
{
|
|
2514
2466
|
className: "pts-textHeadlineAndBody-container",
|
|
2515
2467
|
children: [
|
|
2516
|
-
data.headline && (0,
|
|
2517
|
-
data.body && /* @__PURE__ */ (0,
|
|
2518
|
-
data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */ (0,
|
|
2468
|
+
data.headline && (0, import_react11.createElement)(headlineType, { id: "textHeadlineAndBody-headline" }, data.headline),
|
|
2469
|
+
data.body && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { dangerouslySetInnerHTML: { __html: import_dompurify3.default.sanitize(data.body) } }),
|
|
2470
|
+
data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("ul", { className: "pts-moreinfo-list", children: data.linksForMoreInfo.map((link, index) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("li", { className: index > 0 ? "notFirstInList" : "", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
|
|
2519
2471
|
"a",
|
|
2520
2472
|
{
|
|
2521
2473
|
href: link.url,
|
|
2522
2474
|
target: "_blank",
|
|
2523
2475
|
rel: "noopener noreferrer",
|
|
2524
2476
|
children: [
|
|
2525
|
-
/* @__PURE__ */ (0,
|
|
2477
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
2526
2478
|
"svg",
|
|
2527
2479
|
{
|
|
2528
2480
|
"aria-hidden": "true",
|
|
@@ -2531,7 +2483,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
|
|
|
2531
2483
|
height: "10",
|
|
2532
2484
|
viewBox: "0 0 12 10",
|
|
2533
2485
|
fill: "none",
|
|
2534
|
-
children: /* @__PURE__ */ (0,
|
|
2486
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
2535
2487
|
"path",
|
|
2536
2488
|
{
|
|
2537
2489
|
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",
|
|
@@ -2544,7 +2496,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
|
|
|
2544
2496
|
]
|
|
2545
2497
|
}
|
|
2546
2498
|
) }, `more-info-${index}`)) }),
|
|
2547
|
-
data.linksForMoreInfo && data.linksForMoreInfo.length === 1 && /* @__PURE__ */ (0,
|
|
2499
|
+
data.linksForMoreInfo && data.linksForMoreInfo.length === 1 && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
|
|
2548
2500
|
"a",
|
|
2549
2501
|
{
|
|
2550
2502
|
href: data.linksForMoreInfo[0].url,
|
|
@@ -2552,7 +2504,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
|
|
|
2552
2504
|
rel: "noopener noreferrer",
|
|
2553
2505
|
"aria-label": data.linksForMoreInfo[0].ariaLabel,
|
|
2554
2506
|
children: [
|
|
2555
|
-
/* @__PURE__ */ (0,
|
|
2507
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
2556
2508
|
"svg",
|
|
2557
2509
|
{
|
|
2558
2510
|
"aria-hidden": "true",
|
|
@@ -2561,7 +2513,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
|
|
|
2561
2513
|
height: "10",
|
|
2562
2514
|
viewBox: "0 0 12 10",
|
|
2563
2515
|
fill: "none",
|
|
2564
|
-
children: /* @__PURE__ */ (0,
|
|
2516
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
2565
2517
|
"path",
|
|
2566
2518
|
{
|
|
2567
2519
|
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",
|
|
@@ -2581,7 +2533,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
|
|
|
2581
2533
|
var TextHeadlineAndBodyStandard_default = TextHeadlineAndBody;
|
|
2582
2534
|
|
|
2583
2535
|
// src/components/text-blocks/PrincipleOfPublicityStandard/PrincipleOfPublicityStandard.tsx
|
|
2584
|
-
var
|
|
2536
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
2585
2537
|
var CONTENT2 = {
|
|
2586
2538
|
en: {
|
|
2587
2539
|
headline: "The principle of publicity and processing of personal data",
|
|
@@ -2616,7 +2568,7 @@ var CONTENT2 = {
|
|
|
2616
2568
|
};
|
|
2617
2569
|
var PrincipleOfPublicity = ({ activatedLanguage = "" }) => {
|
|
2618
2570
|
const currentContent = activatedLanguage === "en" ? CONTENT2.en : CONTENT2.sv;
|
|
2619
|
-
return /* @__PURE__ */ (0,
|
|
2571
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
2620
2572
|
TextHeadlineAndBodyStandard_default,
|
|
2621
2573
|
{
|
|
2622
2574
|
data: {
|
|
@@ -2635,19 +2587,19 @@ var PrincipleOfPublicity = ({ activatedLanguage = "" }) => {
|
|
|
2635
2587
|
var PrincipleOfPublicityStandard_default = PrincipleOfPublicity;
|
|
2636
2588
|
|
|
2637
2589
|
// src/components/text-blocks/TextBody/TextBody.tsx
|
|
2638
|
-
var
|
|
2639
|
-
var
|
|
2590
|
+
var import_dompurify4 = __toESM(require("dompurify"));
|
|
2591
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
2640
2592
|
var TextBody = ({ data }) => {
|
|
2641
|
-
return /* @__PURE__ */ (0,
|
|
2642
|
-
data.body && /* @__PURE__ */ (0,
|
|
2643
|
-
data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */ (0,
|
|
2593
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "pts-textBody-container", children: [
|
|
2594
|
+
data.body && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { dangerouslySetInnerHTML: { __html: import_dompurify4.default.sanitize(data.body) } }),
|
|
2595
|
+
data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("ul", { className: "pts-moreinfo-list", children: data.linksForMoreInfo.map((link, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("li", { className: index > 0 ? "notFirstInList" : "", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
|
|
2644
2596
|
"a",
|
|
2645
2597
|
{
|
|
2646
2598
|
href: link.url,
|
|
2647
2599
|
target: "_blank",
|
|
2648
2600
|
rel: "noopener noreferrer",
|
|
2649
2601
|
children: [
|
|
2650
|
-
/* @__PURE__ */ (0,
|
|
2602
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
2651
2603
|
"svg",
|
|
2652
2604
|
{
|
|
2653
2605
|
"aria-hidden": "true",
|
|
@@ -2656,7 +2608,7 @@ var TextBody = ({ data }) => {
|
|
|
2656
2608
|
height: "10",
|
|
2657
2609
|
viewBox: "0 0 12 10",
|
|
2658
2610
|
fill: "none",
|
|
2659
|
-
children: /* @__PURE__ */ (0,
|
|
2611
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
2660
2612
|
"path",
|
|
2661
2613
|
{
|
|
2662
2614
|
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",
|
|
@@ -2669,7 +2621,7 @@ var TextBody = ({ data }) => {
|
|
|
2669
2621
|
]
|
|
2670
2622
|
}
|
|
2671
2623
|
) }, `more-info-${index}`)) }),
|
|
2672
|
-
data.linksForMoreInfo && data.linksForMoreInfo.length === 1 && /* @__PURE__ */ (0,
|
|
2624
|
+
data.linksForMoreInfo && data.linksForMoreInfo.length === 1 && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
|
|
2673
2625
|
"a",
|
|
2674
2626
|
{
|
|
2675
2627
|
href: data.linksForMoreInfo[0].url,
|
|
@@ -2677,7 +2629,7 @@ var TextBody = ({ data }) => {
|
|
|
2677
2629
|
rel: "noopener noreferrer",
|
|
2678
2630
|
"aria-label": data.linksForMoreInfo[0].ariaLabel,
|
|
2679
2631
|
children: [
|
|
2680
|
-
/* @__PURE__ */ (0,
|
|
2632
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
2681
2633
|
"svg",
|
|
2682
2634
|
{
|
|
2683
2635
|
"aria-hidden": "true",
|
|
@@ -2686,7 +2638,7 @@ var TextBody = ({ data }) => {
|
|
|
2686
2638
|
height: "10",
|
|
2687
2639
|
viewBox: "0 0 12 10",
|
|
2688
2640
|
fill: "none",
|
|
2689
|
-
children: /* @__PURE__ */ (0,
|
|
2641
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
2690
2642
|
"path",
|
|
2691
2643
|
{
|
|
2692
2644
|
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",
|
|
@@ -2704,13 +2656,13 @@ var TextBody = ({ data }) => {
|
|
|
2704
2656
|
var TextBody_default = TextBody;
|
|
2705
2657
|
|
|
2706
2658
|
// src/components/stepper/EditPreviewLinkStandard/EditPreviewLinkStandard.tsx
|
|
2707
|
-
var
|
|
2659
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
2708
2660
|
var EditPreviewLink = ({
|
|
2709
2661
|
step,
|
|
2710
2662
|
changeStepHandler,
|
|
2711
2663
|
activatedLanguage = "sv"
|
|
2712
2664
|
}) => {
|
|
2713
|
-
return /* @__PURE__ */ (0,
|
|
2665
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "pts-editPreviewLink-container", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
|
|
2714
2666
|
"a",
|
|
2715
2667
|
{
|
|
2716
2668
|
href: "#",
|
|
@@ -2719,7 +2671,7 @@ var EditPreviewLink = ({
|
|
|
2719
2671
|
changeStepHandler(step.step);
|
|
2720
2672
|
},
|
|
2721
2673
|
children: [
|
|
2722
|
-
/* @__PURE__ */ (0,
|
|
2674
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
2723
2675
|
"svg",
|
|
2724
2676
|
{
|
|
2725
2677
|
"aria-hidden": "true",
|
|
@@ -2729,7 +2681,7 @@ var EditPreviewLink = ({
|
|
|
2729
2681
|
height: "16",
|
|
2730
2682
|
viewBox: "0 0 16 16",
|
|
2731
2683
|
fill: "none",
|
|
2732
|
-
children: /* @__PURE__ */ (0,
|
|
2684
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
2733
2685
|
"path",
|
|
2734
2686
|
{
|
|
2735
2687
|
d: "M10.0001 3.99996L12.0001 5.99996M8.66675 13.3333H14.0001M3.33341 10.6666L2.66675 13.3333L5.33341 12.6666L13.0574 4.94263C13.3074 4.69259 13.4478 4.35351 13.4478 3.99996C13.4478 3.64641 13.3074 3.30733 13.0574 3.05729L12.9427 2.94263C12.6927 2.69267 12.3536 2.55225 12.0001 2.55225C11.6465 2.55225 11.3075 2.69267 11.0574 2.94263L3.33341 10.6666Z",
|
|
@@ -2748,13 +2700,13 @@ var EditPreviewLink = ({
|
|
|
2748
2700
|
var EditPreviewLinkStandard_default = EditPreviewLink;
|
|
2749
2701
|
|
|
2750
2702
|
// src/components/stepper/StartApplicationButton/StartApplicationButton.tsx
|
|
2751
|
-
var
|
|
2703
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
2752
2704
|
var StartApplicationButton = ({
|
|
2753
2705
|
onClick,
|
|
2754
2706
|
label = "Starta e-tj\xE4nsten",
|
|
2755
2707
|
className = ""
|
|
2756
2708
|
}) => {
|
|
2757
|
-
return /* @__PURE__ */ (0,
|
|
2709
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
2758
2710
|
"button",
|
|
2759
2711
|
{
|
|
2760
2712
|
type: "button",
|
|
@@ -2767,7 +2719,7 @@ var StartApplicationButton = ({
|
|
|
2767
2719
|
var StartApplicationButton_default = StartApplicationButton;
|
|
2768
2720
|
|
|
2769
2721
|
// src/components/stepper/StepperButtonsStandard/StepperButtonsStandard.tsx
|
|
2770
|
-
var
|
|
2722
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
2771
2723
|
var StepperButtons = ({
|
|
2772
2724
|
globalLanguageState,
|
|
2773
2725
|
changeStepHandler,
|
|
@@ -2777,9 +2729,17 @@ var StepperButtons = ({
|
|
|
2777
2729
|
activeStep
|
|
2778
2730
|
}) => {
|
|
2779
2731
|
const totalSteps = steps ? steps.length : "";
|
|
2780
|
-
return /* @__PURE__ */ (0,
|
|
2781
|
-
activeStep !== 0 && /* @__PURE__ */ (0,
|
|
2782
|
-
|
|
2732
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "pts-stepperButtons-container", children: [
|
|
2733
|
+
activeStep !== 0 && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
2734
|
+
"button",
|
|
2735
|
+
{
|
|
2736
|
+
onClick: () => changeStepHandler(activeStep - 1),
|
|
2737
|
+
className: "pts-backButton",
|
|
2738
|
+
type: "button",
|
|
2739
|
+
children: globalLanguageState ? globalLanguageState.backButton : "<<"
|
|
2740
|
+
}
|
|
2741
|
+
),
|
|
2742
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
|
|
2783
2743
|
"button",
|
|
2784
2744
|
{
|
|
2785
2745
|
type: activeStep === totalSteps ? "submit" : "button",
|
|
@@ -2796,20 +2756,20 @@ var StepperButtons = ({
|
|
|
2796
2756
|
var StepperButtonsStandard_default = StepperButtons;
|
|
2797
2757
|
|
|
2798
2758
|
// src/components/stepper/StepperStandard/StepperStandard.tsx
|
|
2799
|
-
var
|
|
2800
|
-
var
|
|
2759
|
+
var import_react12 = __toESM(require("react"));
|
|
2760
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
2801
2761
|
var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
|
|
2802
|
-
return /* @__PURE__ */ (0,
|
|
2762
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("section", { className: "pts-stepper-container", "aria-hidden": "true", children: arraySteps.map((step, index) => {
|
|
2803
2763
|
const isActive = step.step === activeStep;
|
|
2804
2764
|
const lastElement = arraySteps.length;
|
|
2805
2765
|
const isDone = step.step < activeStep;
|
|
2806
|
-
return /* @__PURE__ */ (0,
|
|
2807
|
-
/* @__PURE__ */ (0,
|
|
2808
|
-
/* @__PURE__ */ (0,
|
|
2766
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react12.default.Fragment, { children: [
|
|
2767
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "pts-stepper-step", children: [
|
|
2768
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2809
2769
|
"div",
|
|
2810
2770
|
{
|
|
2811
2771
|
className: "pts-stepperDot" + (isActive ? " pts-stepperDotActive" : "") + (isDone ? " pts-stepperDotDone" : ""),
|
|
2812
|
-
children: isDone ? /* @__PURE__ */ (0,
|
|
2772
|
+
children: isDone ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2813
2773
|
"svg",
|
|
2814
2774
|
{
|
|
2815
2775
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2817,7 +2777,7 @@ var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
|
|
|
2817
2777
|
height: "12",
|
|
2818
2778
|
viewBox: "0 0 15 12",
|
|
2819
2779
|
fill: "none",
|
|
2820
|
-
children: /* @__PURE__ */ (0,
|
|
2780
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
2821
2781
|
"path",
|
|
2822
2782
|
{
|
|
2823
2783
|
d: "M1.5 5.4375L4.875 10.3125L13.5 1.6875",
|
|
@@ -2830,16 +2790,16 @@ var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
|
|
|
2830
2790
|
) : step.step
|
|
2831
2791
|
}
|
|
2832
2792
|
),
|
|
2833
|
-
/* @__PURE__ */ (0,
|
|
2793
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "pts-shortNameInStepper", children: step.shortNameInStepper })
|
|
2834
2794
|
] }, index),
|
|
2835
|
-
step.step !== lastElement && /* @__PURE__ */ (0,
|
|
2795
|
+
step.step !== lastElement && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "pts-stepperLine" })
|
|
2836
2796
|
] }, `step-${step.step}`);
|
|
2837
2797
|
}) });
|
|
2838
2798
|
};
|
|
2839
2799
|
var StepperStandard_default = Stepper;
|
|
2840
2800
|
|
|
2841
2801
|
// src/components/validation-and-status/ValidationErrorSummaryList/ValidationErrorSummaryList.tsx
|
|
2842
|
-
var
|
|
2802
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
2843
2803
|
var ValidationErrorSummaryList = ({
|
|
2844
2804
|
validationErrorsList,
|
|
2845
2805
|
questions,
|
|
@@ -2876,7 +2836,7 @@ var ValidationErrorSummaryList = ({
|
|
|
2876
2836
|
}, 300);
|
|
2877
2837
|
}
|
|
2878
2838
|
}
|
|
2879
|
-
if (!validationErrorsList.length) return /* @__PURE__ */ (0,
|
|
2839
|
+
if (!validationErrorsList.length) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, {});
|
|
2880
2840
|
const filteredIds = filterIdsByGroupCheck(validationErrorsList, questions);
|
|
2881
2841
|
const count = filteredIds.length;
|
|
2882
2842
|
const title = summaryText.replace("{count}", count.toString()).replace(
|
|
@@ -2888,11 +2848,11 @@ var ValidationErrorSummaryList = ({
|
|
|
2888
2848
|
const found = questions.find((item) => item.id === id);
|
|
2889
2849
|
return (_a = found == null ? void 0 : found.validationSummaryLabel) != null ? _a : found == null ? void 0 : found.questionLabel;
|
|
2890
2850
|
}
|
|
2891
|
-
return /* @__PURE__ */ (0,
|
|
2892
|
-
/* @__PURE__ */ (0,
|
|
2893
|
-
/* @__PURE__ */ (0,
|
|
2894
|
-
/* @__PURE__ */ (0,
|
|
2895
|
-
/* @__PURE__ */ (0,
|
|
2851
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "pts-errorSummary-container pts-root-error", children: [
|
|
2852
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
|
|
2853
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "errorSummary-content", id: "pts-errorSummary-content", children: [
|
|
2854
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h2", { id: "errorSummary-headline", children: title }),
|
|
2855
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("ul", { id: "errorSummary-ul", children: filteredIds.map((questionId, i) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
2896
2856
|
"a",
|
|
2897
2857
|
{
|
|
2898
2858
|
href: "#",
|
|
@@ -2910,11 +2870,11 @@ var ValidationErrorSummaryList = ({
|
|
|
2910
2870
|
var ValidationErrorSummaryList_default = ValidationErrorSummaryList;
|
|
2911
2871
|
|
|
2912
2872
|
// src/components/validation-and-status/FormStatusMessagesScreenReader/FormStatusMessagesScreenReader.tsx
|
|
2913
|
-
var
|
|
2873
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
2914
2874
|
var FormStatusMessagesScreenReader = ({ formStatus }) => {
|
|
2915
|
-
return /* @__PURE__ */ (0,
|
|
2916
|
-
/* @__PURE__ */ (0,
|
|
2917
|
-
/* @__PURE__ */ (0,
|
|
2875
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
|
|
2876
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { "aria-live": "assertive", children: formStatus === "failed" && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "mandatoryAsterisk", children: "N\xE5got gick fel, f\xF6rs\xF6k igen senare eller kontakta oss!" }) }),
|
|
2877
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { "aria-live": "polite", className: "visually-hidden", children: formStatus === "loading" ? "Ditt \xE4rende registreras. Uppdatera eller st\xE4ng inte sidan." : "" })
|
|
2918
2878
|
] });
|
|
2919
2879
|
};
|
|
2920
2880
|
var FormStatusMessagesScreenReader_default = FormStatusMessagesScreenReader;
|
|
@@ -2926,7 +2886,6 @@ var FormStatusMessagesScreenReader_default = FormStatusMessagesScreenReader;
|
|
|
2926
2886
|
FooterStandard,
|
|
2927
2887
|
FormStatusMessagesScreenReader,
|
|
2928
2888
|
HeaderStandard,
|
|
2929
|
-
InfoOnlyStandard,
|
|
2930
2889
|
ModalStandard,
|
|
2931
2890
|
MultipleCheckboxesStandard,
|
|
2932
2891
|
PrincipleOfPublicityStandard,
|