optimized-react-component-library-xyz123 2.12.9 → 2.13.1
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 -5
- package/dist/index.d.ts +3 -5
- package/dist/index.js +57 -84
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +56 -83
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/css/darkMode.css +10 -24
- package/src/css/e-tjanst-root.css +2 -2
- package/src/css/mobileView.css +4 -70
- package/src/css/questions.css +28 -5
- package/src/css/styles.css +56 -68
package/dist/index.d.mts
CHANGED
|
@@ -235,14 +235,14 @@ interface InfoOnlyProps {
|
|
|
235
235
|
|
|
236
236
|
declare const InputInfoOnly: FC<InfoOnlyProps>;
|
|
237
237
|
|
|
238
|
-
interface
|
|
238
|
+
interface RadioMultipleWithInfoProps {
|
|
239
239
|
question: IQuestion;
|
|
240
240
|
handleQuestionInputChange: any;
|
|
241
241
|
showPreview?: boolean;
|
|
242
242
|
activatedLanguage?: string;
|
|
243
243
|
}
|
|
244
244
|
|
|
245
|
-
declare const RadioWithInfo: FC<
|
|
245
|
+
declare const RadioWithInfo: FC<RadioMultipleWithInfoProps>;
|
|
246
246
|
|
|
247
247
|
interface DropdownProps {
|
|
248
248
|
question: IQuestion;
|
|
@@ -823,8 +823,6 @@ declare const CookieBanner: React$1.FC<CookieBannerProps>;
|
|
|
823
823
|
|
|
824
824
|
interface FooterProps {
|
|
825
825
|
activatedLanguage?: string;
|
|
826
|
-
appUsesCookies?: boolean;
|
|
827
|
-
openCookieBanner?: () => void;
|
|
828
826
|
}
|
|
829
827
|
|
|
830
828
|
declare const Footer: FC<FooterProps>;
|
|
@@ -1078,4 +1076,4 @@ interface FormStatusMessagesProps {
|
|
|
1078
1076
|
*/
|
|
1079
1077
|
declare const FormStatusMessagesScreenReader: React$1.FC<FormStatusMessagesProps>;
|
|
1080
1078
|
|
|
1081
|
-
export { AddFiles as AddFilesStandard, AlertInTextStandard, CheckboxGroup as CheckboxGroupStandard, Collapse, CookieBanner, type CookieConsentConfig, CustomDropdownStandard as DropdownStandard, 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, InputInfoOnly as InfoOnlyStandard, type LanguageSupportConfig, LinkList as LinkListStandard, LinkStandard, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, Navigation, NavigationHeader, OptionTextBody, PrincipleOfPublicity as PrincipleOfPublicityStandard, QuestionGroup, QuestionRenderer, InputRadio as RadioMultipleStandard, RadioWithInfo as
|
|
1079
|
+
export { AddFiles as AddFilesStandard, AlertInTextStandard, CheckboxGroup as CheckboxGroupStandard, Collapse, CookieBanner, type CookieConsentConfig, CustomDropdownStandard as DropdownStandard, 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, InputInfoOnly as InfoOnlyStandard, type LanguageSupportConfig, LinkList as LinkListStandard, LinkStandard, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, Navigation, NavigationHeader, OptionTextBody, PrincipleOfPublicity as PrincipleOfPublicityStandard, QuestionGroup, QuestionRenderer, InputRadio as RadioMultipleStandard, RadioWithInfo as RadioMultipleWithInfoStandard, SearchBar, SingleCheckbox as SingleCheckboxStandard, SkipLink as SkipLinkStandard, StartApplicationButton, StepperButtonsNoApi as StepperButtonsNoApiStandard, 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
|
@@ -235,14 +235,14 @@ interface InfoOnlyProps {
|
|
|
235
235
|
|
|
236
236
|
declare const InputInfoOnly: FC<InfoOnlyProps>;
|
|
237
237
|
|
|
238
|
-
interface
|
|
238
|
+
interface RadioMultipleWithInfoProps {
|
|
239
239
|
question: IQuestion;
|
|
240
240
|
handleQuestionInputChange: any;
|
|
241
241
|
showPreview?: boolean;
|
|
242
242
|
activatedLanguage?: string;
|
|
243
243
|
}
|
|
244
244
|
|
|
245
|
-
declare const RadioWithInfo: FC<
|
|
245
|
+
declare const RadioWithInfo: FC<RadioMultipleWithInfoProps>;
|
|
246
246
|
|
|
247
247
|
interface DropdownProps {
|
|
248
248
|
question: IQuestion;
|
|
@@ -823,8 +823,6 @@ declare const CookieBanner: React$1.FC<CookieBannerProps>;
|
|
|
823
823
|
|
|
824
824
|
interface FooterProps {
|
|
825
825
|
activatedLanguage?: string;
|
|
826
|
-
appUsesCookies?: boolean;
|
|
827
|
-
openCookieBanner?: () => void;
|
|
828
826
|
}
|
|
829
827
|
|
|
830
828
|
declare const Footer: FC<FooterProps>;
|
|
@@ -1078,4 +1076,4 @@ interface FormStatusMessagesProps {
|
|
|
1078
1076
|
*/
|
|
1079
1077
|
declare const FormStatusMessagesScreenReader: React$1.FC<FormStatusMessagesProps>;
|
|
1080
1078
|
|
|
1081
|
-
export { AddFiles as AddFilesStandard, AlertInTextStandard, CheckboxGroup as CheckboxGroupStandard, Collapse, CookieBanner, type CookieConsentConfig, CustomDropdownStandard as DropdownStandard, 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, InputInfoOnly as InfoOnlyStandard, type LanguageSupportConfig, LinkList as LinkListStandard, LinkStandard, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, Navigation, NavigationHeader, OptionTextBody, PrincipleOfPublicity as PrincipleOfPublicityStandard, QuestionGroup, QuestionRenderer, InputRadio as RadioMultipleStandard, RadioWithInfo as
|
|
1079
|
+
export { AddFiles as AddFilesStandard, AlertInTextStandard, CheckboxGroup as CheckboxGroupStandard, Collapse, CookieBanner, type CookieConsentConfig, CustomDropdownStandard as DropdownStandard, 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, InputInfoOnly as InfoOnlyStandard, type LanguageSupportConfig, LinkList as LinkListStandard, LinkStandard, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, Navigation, NavigationHeader, OptionTextBody, PrincipleOfPublicity as PrincipleOfPublicityStandard, QuestionGroup, QuestionRenderer, InputRadio as RadioMultipleStandard, RadioWithInfo as RadioMultipleWithInfoStandard, SearchBar, SingleCheckbox as SingleCheckboxStandard, SkipLink as SkipLinkStandard, StartApplicationButton, StepperButtonsNoApi as StepperButtonsNoApiStandard, 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
|
@@ -52,7 +52,7 @@ __export(index_exports, {
|
|
|
52
52
|
QuestionGroup: () => QuestionGroup_default,
|
|
53
53
|
QuestionRenderer: () => QuestionRenderer_default,
|
|
54
54
|
RadioMultipleStandard: () => RadioMultipleStandard_default,
|
|
55
|
-
|
|
55
|
+
RadioMultipleWithInfoStandard: () => RadioMultipleWithInfoStandard_default,
|
|
56
56
|
SearchBar: () => SearchBarStandard_default,
|
|
57
57
|
SingleCheckboxStandard: () => SingleCheckboxStandard_default,
|
|
58
58
|
SkipLinkStandard: () => SkipLinkStandard_default,
|
|
@@ -1393,7 +1393,6 @@ __export(icons_exports, {
|
|
|
1393
1393
|
ChevronRightIcon: () => ChevronRightIcon,
|
|
1394
1394
|
CloseIcon: () => CloseIcon,
|
|
1395
1395
|
CollapseIcon: () => CollapseIcon,
|
|
1396
|
-
Cookie_icon: () => Cookie_icon,
|
|
1397
1396
|
ExpandIcon: () => ExpandIcon,
|
|
1398
1397
|
FileIcon: () => FileIcon,
|
|
1399
1398
|
LanguageIcon: () => LanguageIcon,
|
|
@@ -1979,13 +1978,6 @@ var Logo_en = () => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
|
|
|
1979
1978
|
]
|
|
1980
1979
|
}
|
|
1981
1980
|
);
|
|
1982
|
-
var Cookie_icon = () => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "13", height: "16", viewBox: "0 0 13 16", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
1983
|
-
"path",
|
|
1984
|
-
{
|
|
1985
|
-
d: "M4.67907 11.2981H8.32186C8.53419 11.2981 8.71217 11.228 8.85579 11.0878C8.9994 10.9476 9.07121 10.7736 9.07121 10.5658V7.91662C9.07121 7.70938 8.9994 7.53567 8.85579 7.39549C8.71217 7.25532 8.53388 7.18523 8.32093 7.18523H8.16029V6.27892C8.16029 5.82637 8.00243 5.44572 7.68671 5.13697C7.371 4.82882 6.98131 4.67475 6.51764 4.67475C6.05398 4.67475 5.66429 4.82882 5.34857 5.13697C5.03286 5.44511 4.875 5.82576 4.875 6.27892V7.18523H4.67814C4.46581 7.18523 4.28783 7.25532 4.14421 7.39549C4.0006 7.53567 3.92879 7.70938 3.92879 7.91662V10.5658C3.92879 10.7736 4.0006 10.9476 4.14421 11.0878C4.28783 11.228 4.46612 11.2981 4.67907 11.2981ZM5.58907 7.18523V6.27892C5.58907 6.02213 5.67821 5.80673 5.8565 5.63272C6.03479 5.45871 6.25517 5.3717 6.51764 5.3717C6.78012 5.3717 7.00081 5.45871 7.17971 5.63272C7.35862 5.80673 7.44745 6.02213 7.44621 6.27892V7.18523H5.58907ZM6.2335 15.9773C6.14064 15.9622 6.05398 15.9396 5.9735 15.9094C4.14607 15.2296 2.69379 14.0768 1.61664 12.4509C0.5395 10.825 0.000619048 9.06491 0 7.17073V3.289C0 2.97844 0.0906907 2.69869 0.272072 2.44976C0.452834 2.20082 0.687143 2.02047 0.975 1.90869L5.97536 0.0960688C6.15612 0.0320229 6.331 0 6.5 0C6.669 0 6.84419 0.0320229 7.02557 0.0960688L12.025 1.90869C12.3122 2.02107 12.5465 2.20143 12.7279 2.44976C12.9093 2.69869 13 2.97844 13 3.289V7.17073C13 9.06491 12.4614 10.825 11.3843 12.4509C10.3071 14.0768 8.85486 15.2296 7.02743 15.9094C6.94633 15.9396 6.85936 15.9622 6.7665 15.9773C6.67364 15.9924 6.58481 16 6.5 16C6.41519 16 6.32636 15.9924 6.2335 15.9773ZM6.5 15.1463C8.10952 14.6478 9.44048 13.6508 10.4929 12.1554C11.5452 10.66 12.0714 8.99845 12.0714 7.17073V3.27178C12.0714 3.15577 12.0386 3.05124 11.973 2.9582C11.908 2.86515 11.8158 2.79567 11.6963 2.74975L6.69686 0.937125C6.63743 0.912957 6.57181 0.900873 6.5 0.900873C6.42819 0.900873 6.36257 0.912957 6.30314 0.937125L1.30371 2.74975C1.18424 2.79567 1.092 2.86515 1.027 2.9582C0.961381 3.05124 0.928571 3.15577 0.928571 3.27178V7.17073C0.928571 8.99845 1.45476 10.66 2.50714 12.1554C3.55952 13.6508 4.89048 14.6478 6.5 15.1463Z",
|
|
1986
|
-
fill: "white"
|
|
1987
|
-
}
|
|
1988
|
-
) });
|
|
1989
1981
|
|
|
1990
1982
|
// src/components/layout/AlertInTextStandard/AlertInTextStandard.tsx
|
|
1991
1983
|
var import_dompurify5 = __toESM(require("dompurify"));
|
|
@@ -2008,7 +2000,9 @@ var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
|
2008
2000
|
var TextBody = ({ data }) => {
|
|
2009
2001
|
return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "pts-textBody-container", children: [
|
|
2010
2002
|
/* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: `${!data.body || !data.linksForMoreInfo || !data.alertInText ? "" : "pts-textbody-createspace"}`, children: [
|
|
2011
|
-
data.body && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { dangerouslySetInnerHTML: { __html: import_dompurify6.default.sanitize(data.body
|
|
2003
|
+
data.body && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { dangerouslySetInnerHTML: { __html: import_dompurify6.default.sanitize(data.body, {
|
|
2004
|
+
ALLOWED_ATTR: ["target", "href", "style"]
|
|
2005
|
+
}) } }),
|
|
2012
2006
|
data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("ul", { className: "pts-moreinfo-list", children: data.linksForMoreInfo.map((link, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("li", { className: index > 0 ? "notFirstInList" : "", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
|
|
2013
2007
|
"a",
|
|
2014
2008
|
{
|
|
@@ -2107,10 +2101,10 @@ var InputInfoOnly = ({
|
|
|
2107
2101
|
};
|
|
2108
2102
|
var InfoOnlyStandard_default = InputInfoOnly;
|
|
2109
2103
|
|
|
2110
|
-
// src/components/input-components/
|
|
2104
|
+
// src/components/input-components/RadioMultipleWithInfoStandard/RadioMultipleWithInfoStandard.tsx
|
|
2111
2105
|
var import_react11 = __toESM(require("react"));
|
|
2112
2106
|
|
|
2113
|
-
// src/components/input-components/
|
|
2107
|
+
// src/components/input-components/RadioMultipleWithInfoStandard/RadioCollapseItem.tsx
|
|
2114
2108
|
var import_react10 = require("react");
|
|
2115
2109
|
var import_dompurify7 = __toESM(require("dompurify"));
|
|
2116
2110
|
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
@@ -2136,6 +2130,8 @@ var RadioCollapseItem = ({
|
|
|
2136
2130
|
(0, import_react10.useEffect)(() => {
|
|
2137
2131
|
if (questionAnswer === value) {
|
|
2138
2132
|
setIsOpen(true);
|
|
2133
|
+
} else {
|
|
2134
|
+
setIsOpen(false);
|
|
2139
2135
|
}
|
|
2140
2136
|
}, [questionAnswer, value]);
|
|
2141
2137
|
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "pts-radio-option", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "pts-radio-collapse", children: [
|
|
@@ -2154,7 +2150,7 @@ var RadioCollapseItem = ({
|
|
|
2154
2150
|
}
|
|
2155
2151
|
),
|
|
2156
2152
|
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("label", { htmlFor: `${groupId}-option-${index}`, id: `${groupId}-label-${index}`, children: label }),
|
|
2157
|
-
optionText && optionText.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
2153
|
+
optionText && optionText.length > 0 && questionAnswer === value && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
2158
2154
|
"button",
|
|
2159
2155
|
{
|
|
2160
2156
|
className: `pts-radio-collapse-button ${isOpen ? "open" : ""}`,
|
|
@@ -2165,7 +2161,7 @@ var RadioCollapseItem = ({
|
|
|
2165
2161
|
"aria-controls": contentId,
|
|
2166
2162
|
"aria-label": buttonLabel,
|
|
2167
2163
|
"aria-describedby": isOpen ? contentId : void 0,
|
|
2168
|
-
|
|
2164
|
+
tabIndex: questionAnswer === value ? 0 : -1
|
|
2169
2165
|
}
|
|
2170
2166
|
)
|
|
2171
2167
|
] }),
|
|
@@ -2174,15 +2170,23 @@ var RadioCollapseItem = ({
|
|
|
2174
2170
|
{
|
|
2175
2171
|
className: `pts-radio-collapse-body ${isOpen ? "open" : "hidden"}`,
|
|
2176
2172
|
id: contentId,
|
|
2173
|
+
hidden: !isOpen,
|
|
2177
2174
|
role: "region",
|
|
2178
2175
|
"aria-labelledby": `${groupId}-label-${index}`,
|
|
2179
2176
|
inert: !isOpen,
|
|
2180
2177
|
children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: `pts-radio-collapse-content `, children: [
|
|
2181
2178
|
isOpen && //TODO??
|
|
2182
2179
|
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "sr-only", children: activatedLanguage === "sv" ? `Visar informationstext om svarsalternativet ${label}` : `Displays informational text about the answer option ${label}` }),
|
|
2183
|
-
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
2184
|
-
|
|
2185
|
-
|
|
2180
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
2181
|
+
"div",
|
|
2182
|
+
{
|
|
2183
|
+
dangerouslySetInnerHTML: {
|
|
2184
|
+
__html: import_dompurify7.default.sanitize(optionText != null ? optionText : "", {
|
|
2185
|
+
ADD_ATTR: ["target", "style"]
|
|
2186
|
+
})
|
|
2187
|
+
}
|
|
2188
|
+
}
|
|
2189
|
+
)
|
|
2186
2190
|
] })
|
|
2187
2191
|
}
|
|
2188
2192
|
)
|
|
@@ -2190,7 +2194,7 @@ var RadioCollapseItem = ({
|
|
|
2190
2194
|
};
|
|
2191
2195
|
var RadioCollapseItem_default = RadioCollapseItem;
|
|
2192
2196
|
|
|
2193
|
-
// src/components/input-components/
|
|
2197
|
+
// src/components/input-components/RadioMultipleWithInfoStandard/RadioMultipleWithInfoStandard.tsx
|
|
2194
2198
|
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
2195
2199
|
var RadioWithInfo = ({
|
|
2196
2200
|
question,
|
|
@@ -2230,16 +2234,11 @@ var RadioWithInfo = ({
|
|
|
2230
2234
|
"aria-invalid": question.hasValidationError ? question.hasValidationError : void 0,
|
|
2231
2235
|
"aria-describedby": question.hasValidationError ? errorId : void 0,
|
|
2232
2236
|
children: [
|
|
2233
|
-
/* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("legend", { id: `label-${groupId}`, children: [
|
|
2234
|
-
question.questionLabel,
|
|
2235
|
-
" ",
|
|
2236
|
-
question.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" })
|
|
2237
|
-
] }),
|
|
2238
2237
|
groupedOptionArray.map((group, g_index) => {
|
|
2239
2238
|
var _a2;
|
|
2240
2239
|
let subId = "subheading-" + g_index;
|
|
2241
2240
|
return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react11.default.Fragment, { children: [
|
|
2242
|
-
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("
|
|
2241
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("legend", { className: "pts-radioWithInfo-sub-headline", id: subId, children: group.category }),
|
|
2243
2242
|
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { role: "group", "aria-labelledby": subId, children: (_a2 = group.items) == null ? void 0 : _a2.map((option, o_index) => {
|
|
2244
2243
|
var _a3, _b2, _c2, _d, _e;
|
|
2245
2244
|
index++;
|
|
@@ -2277,7 +2276,7 @@ var RadioWithInfo = ({
|
|
|
2277
2276
|
showPreview && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(PreviewRadio2, { question })
|
|
2278
2277
|
] });
|
|
2279
2278
|
};
|
|
2280
|
-
var
|
|
2279
|
+
var RadioMultipleWithInfoStandard_default = RadioWithInfo;
|
|
2281
2280
|
var PreviewRadio2 = ({ question }) => {
|
|
2282
2281
|
var _a, _b;
|
|
2283
2282
|
const previewId = `preview-${question.id}`;
|
|
@@ -3196,7 +3195,7 @@ var QuestionRenderer = ({
|
|
|
3196
3195
|
}
|
|
3197
3196
|
),
|
|
3198
3197
|
question.questionType === "RadioWithInfo" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
3199
|
-
|
|
3198
|
+
RadioMultipleWithInfoStandard_default,
|
|
3200
3199
|
{
|
|
3201
3200
|
question,
|
|
3202
3201
|
handleQuestionInputChange,
|
|
@@ -3448,11 +3447,7 @@ var CookieBanner_default = CookieBanner;
|
|
|
3448
3447
|
|
|
3449
3448
|
// src/components/layout/FooterStandard/FooterStandard.tsx
|
|
3450
3449
|
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
3451
|
-
var Footer = ({
|
|
3452
|
-
activatedLanguage = "sv",
|
|
3453
|
-
appUsesCookies = false,
|
|
3454
|
-
openCookieBanner
|
|
3455
|
-
}) => {
|
|
3450
|
+
var Footer = ({ activatedLanguage = "sv" }) => {
|
|
3456
3451
|
return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("footer", { className: "pts-footer-container", children: [
|
|
3457
3452
|
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "pts-footer-slogan-text-container", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "pts-footer-slogan-text", children: activatedLanguage === "sv" ? "S\xE4ker och tillg\xE4nglig kommunikation f\xF6r Sverige" : "Secure and accessible communication for Sweden" }) }),
|
|
3458
3453
|
/* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "pts-footer-content", children: [
|
|
@@ -3521,20 +3516,7 @@ var Footer = ({
|
|
|
3521
3516
|
]
|
|
3522
3517
|
}
|
|
3523
3518
|
) }),
|
|
3524
|
-
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("li", { children:
|
|
3525
|
-
"button",
|
|
3526
|
-
{
|
|
3527
|
-
type: "button",
|
|
3528
|
-
"aria-controls": "cookie-banner",
|
|
3529
|
-
onClick: openCookieBanner,
|
|
3530
|
-
className: "pts-footer-button pts-secondary-button",
|
|
3531
|
-
children: [
|
|
3532
|
-
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "sr-only", children: activatedLanguage === "en" ? "PTS Cookies (opens cookie banner)" : "PTS Kakor (\xF6ppnar kakbanner)" }),
|
|
3533
|
-
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { "aria-hidden": "true", className: "secondary_icon", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Cookie_icon, {}) }),
|
|
3534
|
-
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Cookies" : "Kakor" })
|
|
3535
|
-
]
|
|
3536
|
-
}
|
|
3537
|
-
) : /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
|
|
3519
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
|
|
3538
3520
|
"a",
|
|
3539
3521
|
{
|
|
3540
3522
|
href: activatedLanguage === "en" ? "https://pts.se/en/cookies-eservices" : "https://www.pts.se/kakor-etjanster",
|
|
@@ -3964,7 +3946,7 @@ var Header = ({
|
|
|
3964
3946
|
"button",
|
|
3965
3947
|
{
|
|
3966
3948
|
lang: activatedLanguage === "en" ? "en" : "sv",
|
|
3967
|
-
className: "pts-languageButton
|
|
3949
|
+
className: "pts-languageButton",
|
|
3968
3950
|
onClick: handleLanguageClick,
|
|
3969
3951
|
children: [
|
|
3970
3952
|
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "languageIcon", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(LanguageIcon2, {}) }) }),
|
|
@@ -4012,10 +3994,12 @@ var Navigation = ({
|
|
|
4012
3994
|
setOpenSubMenu(null);
|
|
4013
3995
|
return;
|
|
4014
3996
|
}
|
|
4015
|
-
const defaultOpenSubMenu = activePath == null ? null : (_b = (_a = menuLinks.find(
|
|
4016
|
-
|
|
4017
|
-
|
|
4018
|
-
|
|
3997
|
+
const defaultOpenSubMenu = activePath == null ? null : (_b = (_a = menuLinks.find(
|
|
3998
|
+
(link) => {
|
|
3999
|
+
var _a2;
|
|
4000
|
+
return (_a2 = link.children) == null ? void 0 : _a2.some((child) => child.href.includes(activePath));
|
|
4001
|
+
}
|
|
4002
|
+
)) == null ? void 0 : _a.label[activatedLanguage]) != null ? _b : null;
|
|
4019
4003
|
setOpenSubMenu(defaultOpenSubMenu);
|
|
4020
4004
|
}, [isOpen, activePath, menuLinks, activatedLanguage]);
|
|
4021
4005
|
(0, import_react16.useEffect)(() => {
|
|
@@ -4096,7 +4080,7 @@ var Navigation = ({
|
|
|
4096
4080
|
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "pts-navigation-close-container ", id: "menu-close", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
|
|
4097
4081
|
"button",
|
|
4098
4082
|
{
|
|
4099
|
-
className: "pts-navigation-close-button
|
|
4083
|
+
className: "pts-navigation-close-button",
|
|
4100
4084
|
onClick: () => handleMenuClick("close"),
|
|
4101
4085
|
type: "button",
|
|
4102
4086
|
children: [
|
|
@@ -4112,7 +4096,14 @@ var Navigation = ({
|
|
|
4112
4096
|
lang: activatedLanguage,
|
|
4113
4097
|
children: [
|
|
4114
4098
|
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "pts-navigation-button", children: [
|
|
4115
|
-
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: href && href.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: label[activatedLanguage] }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
4099
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: href && href.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: label[activatedLanguage] }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
4100
|
+
LinkComponent,
|
|
4101
|
+
{
|
|
4102
|
+
onClick: () => handleMenuClick("link"),
|
|
4103
|
+
href,
|
|
4104
|
+
children: label[activatedLanguage]
|
|
4105
|
+
}
|
|
4106
|
+
) }),
|
|
4116
4107
|
children && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
4117
4108
|
"button",
|
|
4118
4109
|
{
|
|
@@ -4135,15 +4126,14 @@ var Navigation = ({
|
|
|
4135
4126
|
className: "pts-sub-navigation-container",
|
|
4136
4127
|
id: "sub-menu-" + index,
|
|
4137
4128
|
role: "region",
|
|
4138
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("ul", { className: "pts-sub-navigation-list", lang: activatedLanguage, children: children.map(({ label: label2, href: href2 }, index2) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
4139
|
-
|
|
4129
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("ul", { className: "pts-sub-navigation-list", lang: activatedLanguage, children: children.map(({ label: label2, href: href2 }, index2) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("li", { className: "pts-sub-navigation-item", lang: activatedLanguage, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
4130
|
+
LinkComponent,
|
|
4140
4131
|
{
|
|
4141
|
-
|
|
4142
|
-
|
|
4143
|
-
children:
|
|
4144
|
-
}
|
|
4145
|
-
|
|
4146
|
-
)) })
|
|
4132
|
+
onClick: () => handleMenuClick("link"),
|
|
4133
|
+
href: href2,
|
|
4134
|
+
children: label2[activatedLanguage]
|
|
4135
|
+
}
|
|
4136
|
+
) }, "nav-child-" + index2)) })
|
|
4147
4137
|
}
|
|
4148
4138
|
)
|
|
4149
4139
|
]
|
|
@@ -4210,7 +4200,7 @@ var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
|
4210
4200
|
var NavigationHeader = ({
|
|
4211
4201
|
headline = void 0,
|
|
4212
4202
|
homelink = "",
|
|
4213
|
-
//??
|
|
4203
|
+
//??
|
|
4214
4204
|
activatedLanguage = "sv",
|
|
4215
4205
|
useLanguage = false,
|
|
4216
4206
|
useNavigationMenu = true,
|
|
@@ -4284,23 +4274,14 @@ var NavigationHeader = ({
|
|
|
4284
4274
|
) }),
|
|
4285
4275
|
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: `${hasHeadline ? "pts-navigation-header-headline-container" : ""}`, children: hasHeadline && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "pts-site-headline", children: headline }) }),
|
|
4286
4276
|
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "pts-navigation-header-nav-container", children: (useLanguage || useNavigationMenu || useSearch) && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
|
|
4287
|
-
useSearch && !isMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_jsx_runtime33.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
|
|
4288
|
-
"
|
|
4289
|
-
{
|
|
4290
|
-
|
|
4291
|
-
className: "pts-secondary-button",
|
|
4292
|
-
onClick: handleSearchClick,
|
|
4293
|
-
children: [
|
|
4294
|
-
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { "aria-hidden": "true", className: "pts-navigation-header-icons", children: getSearchIcon() }),
|
|
4295
|
-
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "pts-navigation-header-button-label", children: getSearchLabel() })
|
|
4296
|
-
]
|
|
4297
|
-
}
|
|
4298
|
-
) }),
|
|
4277
|
+
useSearch && !isMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_jsx_runtime33.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("button", { type: "button", onClick: handleSearchClick, children: [
|
|
4278
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { "aria-hidden": "true", className: "pts-navigation-header-icons", children: getSearchIcon() }),
|
|
4279
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "pts-navigation-header-button-label", children: getSearchLabel() })
|
|
4280
|
+
] }) }),
|
|
4299
4281
|
useLanguage && !isMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
|
|
4300
4282
|
"button",
|
|
4301
4283
|
{
|
|
4302
4284
|
type: "button",
|
|
4303
|
-
className: "pts-secondary-button",
|
|
4304
4285
|
lang: activatedLanguage === "en" ? "en" : "sv",
|
|
4305
4286
|
onClick: handleLanguageClick,
|
|
4306
4287
|
"aria-label": activatedLanguage === "sv" ? "Change language to English" : "\xC4ndra spr\xE5k till svenska",
|
|
@@ -4314,20 +4295,12 @@ var NavigationHeader = ({
|
|
|
4314
4295
|
"button",
|
|
4315
4296
|
{
|
|
4316
4297
|
type: "button",
|
|
4317
|
-
className: "pts-secondary-button",
|
|
4318
4298
|
onClick: handleMenuClick,
|
|
4319
4299
|
"aria-expanded": isMenuOpen,
|
|
4320
4300
|
"aria-controls": "main-navigation",
|
|
4321
4301
|
ref: menuButtonFocusRef,
|
|
4322
4302
|
children: [
|
|
4323
|
-
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
4324
|
-
"span",
|
|
4325
|
-
{
|
|
4326
|
-
"aria-hidden": "true",
|
|
4327
|
-
className: isMenuOpen ? "pts-close-icon" : "pts-open-icon",
|
|
4328
|
-
children: getMenuIcon()
|
|
4329
|
-
}
|
|
4330
|
-
),
|
|
4303
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { "aria-hidden": "true", className: isMenuOpen ? "pts-close-icon" : "pts-open-icon", children: getMenuIcon() }),
|
|
4331
4304
|
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "pts-navigation-header-button-label", children: getMenuLabel() })
|
|
4332
4305
|
]
|
|
4333
4306
|
}
|
|
@@ -4794,7 +4767,7 @@ var FormStatusMessagesScreenReader_default = FormStatusMessagesScreenReader;
|
|
|
4794
4767
|
QuestionGroup,
|
|
4795
4768
|
QuestionRenderer,
|
|
4796
4769
|
RadioMultipleStandard,
|
|
4797
|
-
|
|
4770
|
+
RadioMultipleWithInfoStandard,
|
|
4798
4771
|
SearchBar,
|
|
4799
4772
|
SingleCheckboxStandard,
|
|
4800
4773
|
SkipLinkStandard,
|