optimized-react-component-library-xyz123 0.2.4 → 0.2.6
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 +10 -10
- package/dist/index.d.ts +10 -10
- package/dist/index.js +287 -294
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +277 -284
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/css/darkMode.css +10 -7
- package/src/css/mobileView.css +0 -9
- package/src/css/questions.css +33 -32
- package/src/css/styles.css +2 -16
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
|
+
CheckboxGroupStandard: () => CheckboxGroupStandard_default,
|
|
34
35
|
CookieBanner: () => CookieBanner_default,
|
|
35
36
|
EditPreviewLinkStandard: () => EditPreviewLinkStandard_default,
|
|
36
37
|
FooterStandard: () => FooterStandard_default,
|
|
@@ -42,7 +43,6 @@ __export(index_exports, {
|
|
|
42
43
|
QuestionGroup: () => QuestionGroup_default,
|
|
43
44
|
QuestionRenderer: () => QuestionRenderer_default,
|
|
44
45
|
RadioMultipleStandard: () => RadioMultipleStandard_default,
|
|
45
|
-
SingleCheckboxStandard: () => SingleCheckboxStandard_default,
|
|
46
46
|
SkipLinkStandard: () => SkipLinkStandard_default,
|
|
47
47
|
StartApplicationButton: () => StartApplicationButton_default,
|
|
48
48
|
StepperButtonsStandard: () => StepperButtonsStandard_default,
|
|
@@ -228,9 +228,98 @@ var PrevieMultipleCheckboxes = ({
|
|
|
228
228
|
] });
|
|
229
229
|
};
|
|
230
230
|
|
|
231
|
+
// src/components/input-components/CheckboxGroupStandard/CheckboxGroupStandard.tsx
|
|
232
|
+
var import_react2 = require("react");
|
|
233
|
+
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
234
|
+
var CheckboxGroup = ({
|
|
235
|
+
question,
|
|
236
|
+
handleQuestionInputChange,
|
|
237
|
+
showPreview = false,
|
|
238
|
+
activatedLanguage = "sv"
|
|
239
|
+
}) => {
|
|
240
|
+
var _a;
|
|
241
|
+
const questionId = `question-${question.id}`;
|
|
242
|
+
const errorId = `error-${question.id}`;
|
|
243
|
+
const groupId = `checkbox-group-${question.id}`;
|
|
244
|
+
const [checkedValues, setCheckedValues] = (0, import_react2.useState)([]);
|
|
245
|
+
(0, import_react2.useEffect)(() => {
|
|
246
|
+
var _a2;
|
|
247
|
+
const initialValues = ((_a2 = question.options) == null ? void 0 : _a2.filter((option) => {
|
|
248
|
+
var _a3;
|
|
249
|
+
return (_a3 = question.answer) == null ? void 0 : _a3.includes(option.label);
|
|
250
|
+
}).map((option) => option.label)) || [];
|
|
251
|
+
setCheckedValues(initialValues);
|
|
252
|
+
}, [question.answer, question.options]);
|
|
253
|
+
const handleInputChange = (event, optionValue) => {
|
|
254
|
+
let updatedValues = [...checkedValues];
|
|
255
|
+
if (updatedValues.includes(optionValue)) {
|
|
256
|
+
updatedValues = updatedValues.filter((val) => val !== optionValue);
|
|
257
|
+
} else {
|
|
258
|
+
updatedValues.push(optionValue);
|
|
259
|
+
}
|
|
260
|
+
setCheckedValues(updatedValues);
|
|
261
|
+
const e = { target: { value: updatedValues.toString() } };
|
|
262
|
+
handleQuestionInputChange(e, question);
|
|
263
|
+
};
|
|
264
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
|
|
265
|
+
!showPreview && question.visible && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { id: questionId, className: "pts-root-question pts-checkboxGroup-container", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
|
|
266
|
+
"fieldset",
|
|
267
|
+
{
|
|
268
|
+
"aria-required": question.isQuestionMandatory,
|
|
269
|
+
"aria-invalid": question.hasValidationError ? question.hasValidationError : void 0,
|
|
270
|
+
"aria-errormessage": question.hasValidationError ? errorId : void 0,
|
|
271
|
+
children: [
|
|
272
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("legend", { className: "pts-checkboxGroup-legend", id: `label-${groupId}`, children: [
|
|
273
|
+
question.questionLabel,
|
|
274
|
+
" ",
|
|
275
|
+
question.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" })
|
|
276
|
+
] }),
|
|
277
|
+
(_a = question.options) == null ? void 0 : _a.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "pts-checkboxGroup-options", children: [
|
|
278
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
279
|
+
"input",
|
|
280
|
+
{
|
|
281
|
+
type: "checkbox",
|
|
282
|
+
name: `name-${question.id}`,
|
|
283
|
+
id: `${groupId}-option-${index}`,
|
|
284
|
+
value: option.label,
|
|
285
|
+
checked: checkedValues.includes(option.label),
|
|
286
|
+
onChange: (e) => handleInputChange(e, option.label),
|
|
287
|
+
className: question.hasValidationError ? "pts-root-question-input-error-border" : void 0
|
|
288
|
+
}
|
|
289
|
+
),
|
|
290
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("label", { htmlFor: `${groupId}-option-${index}`, children: option.label })
|
|
291
|
+
] }, index)),
|
|
292
|
+
question.hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "pts-root-error", id: errorId, children: [
|
|
293
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
|
|
294
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "sr-only", children: "Valideringsfel" }),
|
|
295
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "errorText", children: question.validationDefaultMessesege })
|
|
296
|
+
] })
|
|
297
|
+
]
|
|
298
|
+
}
|
|
299
|
+
) }),
|
|
300
|
+
showPreview && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PreviewCheckboxGroup, { activatedLanguage, question })
|
|
301
|
+
] });
|
|
302
|
+
};
|
|
303
|
+
var CheckboxGroupStandard_default = CheckboxGroup;
|
|
304
|
+
var PreviewCheckboxGroup = ({
|
|
305
|
+
question,
|
|
306
|
+
activatedLanguage
|
|
307
|
+
}) => {
|
|
308
|
+
var _a, _b;
|
|
309
|
+
const previewId = `preview-${question.id}`;
|
|
310
|
+
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
|
|
311
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
|
|
312
|
+
question.answer ? question.options && question.options.length === 1 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dd", { children: question.options[0].label }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ul", { className: "pts-preview-answer-list", children: (_b = question.options) == null ? void 0 : _b.filter((option) => {
|
|
313
|
+
var _a2;
|
|
314
|
+
return (_a2 = question.answer) == null ? void 0 : _a2.includes(option.label);
|
|
315
|
+
}).map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: option.label }, index)) }) }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dd", { className: "no-answer-preview-page", children: activatedLanguage === "en" ? "No Answer" : "Inget svar" }),
|
|
316
|
+
" "
|
|
317
|
+
] });
|
|
318
|
+
};
|
|
319
|
+
|
|
231
320
|
// src/components/input-components/TextAreaStandard/TextAreaStandard.tsx
|
|
232
321
|
var import_dompurify = __toESM(require("dompurify"));
|
|
233
|
-
var
|
|
322
|
+
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
234
323
|
var InputTextarea = ({
|
|
235
324
|
question,
|
|
236
325
|
handleQuestionInputChange,
|
|
@@ -243,19 +332,19 @@ var InputTextarea = ({
|
|
|
243
332
|
const aboutId = `about-${question.id}`;
|
|
244
333
|
const errorId = `error-${question.id}`;
|
|
245
334
|
const defaultMaxLength = 1e3;
|
|
246
|
-
return /* @__PURE__ */ (0,
|
|
247
|
-
!showPreview && question.visible && /* @__PURE__ */ (0,
|
|
335
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
|
|
336
|
+
!showPreview && question.visible && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
|
|
248
337
|
"div",
|
|
249
338
|
{
|
|
250
339
|
id: questionId,
|
|
251
340
|
className: `pts-root-question pts-textArea-container${question.aboutText ? " pts-question-hasAbout" : ""}`,
|
|
252
341
|
children: [
|
|
253
|
-
/* @__PURE__ */ (0,
|
|
342
|
+
/* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { htmlFor: inputId, children: [
|
|
254
343
|
question.questionLabel,
|
|
255
344
|
" ",
|
|
256
|
-
question.isQuestionMandatory && /* @__PURE__ */ (0,
|
|
345
|
+
question.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "pts-root-mandatoryAsterisk", "aria-hidden": "true", children: "*" })
|
|
257
346
|
] }),
|
|
258
|
-
question.aboutText && /* @__PURE__ */ (0,
|
|
347
|
+
question.aboutText && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
259
348
|
"div",
|
|
260
349
|
{
|
|
261
350
|
id: aboutId,
|
|
@@ -265,7 +354,7 @@ var InputTextarea = ({
|
|
|
265
354
|
}
|
|
266
355
|
}
|
|
267
356
|
),
|
|
268
|
-
/* @__PURE__ */ (0,
|
|
357
|
+
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
269
358
|
"textarea",
|
|
270
359
|
{
|
|
271
360
|
className: question.hasValidationError ? "pts-root-question-input-error-border" : void 0,
|
|
@@ -279,12 +368,12 @@ var InputTextarea = ({
|
|
|
279
368
|
id: inputId
|
|
280
369
|
}
|
|
281
370
|
),
|
|
282
|
-
/* @__PURE__ */ (0,
|
|
283
|
-
question.hasValidationError && /* @__PURE__ */ (0,
|
|
284
|
-
/* @__PURE__ */ (0,
|
|
285
|
-
/* @__PURE__ */ (0,
|
|
371
|
+
/* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "pts-textarea-counter-error-container", children: [
|
|
372
|
+
question.hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "pts-root-error", id: errorId, children: [
|
|
373
|
+
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "aria-label": "Felmeddelande.", className: "errorDot", children: "!" }),
|
|
374
|
+
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "errorText", children: question.validationDefaultMessesege })
|
|
286
375
|
] }),
|
|
287
|
-
!((_b = question.questionExtraAttribute) == null ? void 0 : _b.hideTextCounter) && /* @__PURE__ */ (0,
|
|
376
|
+
!((_b = question.questionExtraAttribute) == null ? void 0 : _b.hideTextCounter) && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
|
|
288
377
|
"div",
|
|
289
378
|
{
|
|
290
379
|
className: `pts-character-counter ${question.answer && (((_c = question.questionExtraAttribute) == null ? void 0 : _c.answerMaxLength) || defaultMaxLength) && question.answer.length > (((_d = question.questionExtraAttribute) == null ? void 0 : _d.answerMaxLength) || defaultMaxLength) ? "error" : ""}`,
|
|
@@ -301,7 +390,7 @@ var InputTextarea = ({
|
|
|
301
390
|
]
|
|
302
391
|
}
|
|
303
392
|
),
|
|
304
|
-
showPreview && /* @__PURE__ */ (0,
|
|
393
|
+
showPreview && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PreviewTextarea, { activatedLanguage, question })
|
|
305
394
|
] });
|
|
306
395
|
};
|
|
307
396
|
var TextAreaStandard_default = InputTextarea;
|
|
@@ -311,9 +400,9 @@ var PreviewTextarea = ({
|
|
|
311
400
|
}) => {
|
|
312
401
|
var _a, _b;
|
|
313
402
|
const previewId = `preview-${question.id}`;
|
|
314
|
-
return /* @__PURE__ */ (0,
|
|
315
|
-
/* @__PURE__ */ (0,
|
|
316
|
-
((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ (0,
|
|
403
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
|
|
404
|
+
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
|
|
405
|
+
((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dd", { className: "pts-textArea-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
317
406
|
"dd",
|
|
318
407
|
{
|
|
319
408
|
className: "pts-textArea-preview pts-root-answer no-answer-preview-page",
|
|
@@ -326,7 +415,7 @@ var PreviewTextarea = ({
|
|
|
326
415
|
|
|
327
416
|
// src/components/input-components/TextFieldStandard/TextFieldStandard.tsx
|
|
328
417
|
var import_dompurify2 = __toESM(require("dompurify"));
|
|
329
|
-
var
|
|
418
|
+
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
330
419
|
var TextFieldStandard = ({
|
|
331
420
|
question,
|
|
332
421
|
handleQuestionInputChange,
|
|
@@ -339,19 +428,19 @@ var TextFieldStandard = ({
|
|
|
339
428
|
const aboutId = `about-${question.id}`;
|
|
340
429
|
const errorId = `error-${question.id}`;
|
|
341
430
|
const defaultMaxLength = 1e3;
|
|
342
|
-
return /* @__PURE__ */ (0,
|
|
343
|
-
!showPreview && question.visible && /* @__PURE__ */ (0,
|
|
431
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
|
|
432
|
+
!showPreview && question.visible && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
|
|
344
433
|
"div",
|
|
345
434
|
{
|
|
346
435
|
id: questionId,
|
|
347
436
|
className: `pts-root-question pts-textField-container${((_a = question.questionExtraAttribute) == null ? void 0 : _a.disabled) ? " pts-textField-disabled" : ""}${question.aboutText ? " pts-question-hasAbout" : ""}`.trim(),
|
|
348
437
|
children: [
|
|
349
|
-
/* @__PURE__ */ (0,
|
|
438
|
+
/* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { htmlFor: inputId, children: [
|
|
350
439
|
question.questionLabel,
|
|
351
440
|
" ",
|
|
352
|
-
question.isQuestionMandatory && /* @__PURE__ */ (0,
|
|
441
|
+
question.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { "aria-hidden": "true", className: "pts-root-mandatoryAsterisk", children: "*" })
|
|
353
442
|
] }),
|
|
354
|
-
question.aboutText && /* @__PURE__ */ (0,
|
|
443
|
+
question.aboutText && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
355
444
|
"div",
|
|
356
445
|
{
|
|
357
446
|
id: aboutId,
|
|
@@ -361,7 +450,7 @@ var TextFieldStandard = ({
|
|
|
361
450
|
}
|
|
362
451
|
}
|
|
363
452
|
),
|
|
364
|
-
/* @__PURE__ */ (0,
|
|
453
|
+
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
365
454
|
"input",
|
|
366
455
|
{
|
|
367
456
|
type: (_c = (_b = question.questionExtraAttribute) == null ? void 0 : _b.inputType) != null ? _c : "text",
|
|
@@ -383,15 +472,15 @@ var TextFieldStandard = ({
|
|
|
383
472
|
autoCapitalize: (_m = (_l = question.questionExtraAttribute) == null ? void 0 : _l.autoCapitalize) != null ? _m : void 0
|
|
384
473
|
}
|
|
385
474
|
),
|
|
386
|
-
question.hasValidationError && /* @__PURE__ */ (0,
|
|
387
|
-
/* @__PURE__ */ (0,
|
|
388
|
-
/* @__PURE__ */ (0,
|
|
389
|
-
/* @__PURE__ */ (0,
|
|
475
|
+
question.hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "pts-root-error", id: errorId, children: [
|
|
476
|
+
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
|
|
477
|
+
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "sr-only", children: "Valideringsfel" }),
|
|
478
|
+
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "errorText", children: question.validationDefaultMessesege })
|
|
390
479
|
] })
|
|
391
480
|
]
|
|
392
481
|
}
|
|
393
482
|
),
|
|
394
|
-
showPreview && /* @__PURE__ */ (0,
|
|
483
|
+
showPreview && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PreviewTextField, { activatedLanguage, question })
|
|
395
484
|
] });
|
|
396
485
|
};
|
|
397
486
|
var TextFieldStandard_default = TextFieldStandard;
|
|
@@ -401,9 +490,9 @@ var PreviewTextField = ({
|
|
|
401
490
|
}) => {
|
|
402
491
|
var _a, _b;
|
|
403
492
|
const previewId = `preview-${question.id}`;
|
|
404
|
-
return /* @__PURE__ */ (0,
|
|
405
|
-
/* @__PURE__ */ (0,
|
|
406
|
-
((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ (0,
|
|
493
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
|
|
494
|
+
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
|
|
495
|
+
((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("dd", { className: "pts-textField-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
407
496
|
"dd",
|
|
408
497
|
{
|
|
409
498
|
className: "pts-textField-preview pts-root-answer no-answer-preview-page",
|
|
@@ -415,12 +504,12 @@ var PreviewTextField = ({
|
|
|
415
504
|
};
|
|
416
505
|
|
|
417
506
|
// src/components/input-components/AddFilesStandard/AddFilesStandard.tsx
|
|
418
|
-
var
|
|
507
|
+
var import_react7 = require("react");
|
|
419
508
|
var import_clsx3 = __toESM(require("clsx"));
|
|
420
509
|
|
|
421
510
|
// src/components/input-components/AddFilesStandard/DropFilesStandard.tsx
|
|
422
511
|
var import_react_dropzone = require("react-dropzone");
|
|
423
|
-
var
|
|
512
|
+
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
424
513
|
var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h\xE4r", language }) => {
|
|
425
514
|
const onDrop = FilesSelected;
|
|
426
515
|
const { getRootProps, getInputProps, isDragActive } = (0, import_react_dropzone.useDropzone)({ onDrop, noKeyboard: true });
|
|
@@ -428,10 +517,10 @@ var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h
|
|
|
428
517
|
event.preventDefault();
|
|
429
518
|
event.stopPropagation();
|
|
430
519
|
};
|
|
431
|
-
return /* @__PURE__ */ (0,
|
|
432
|
-
/* @__PURE__ */ (0,
|
|
520
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "DropZoneContainer", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "DropZone", ...getRootProps(), onClick: handleFileExplorer, children: [
|
|
521
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { htmlFor: "fileDropInput", hidden: true, children: [
|
|
433
522
|
"Dra och sl\xE4pp filer h\xE4r omr\xE5de",
|
|
434
|
-
/* @__PURE__ */ (0,
|
|
523
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
435
524
|
"input",
|
|
436
525
|
{
|
|
437
526
|
...getInputProps({
|
|
@@ -442,8 +531,8 @@ var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h
|
|
|
442
531
|
}
|
|
443
532
|
)
|
|
444
533
|
] }),
|
|
445
|
-
isDragActive ? /* @__PURE__ */ (0,
|
|
446
|
-
/* @__PURE__ */ (0,
|
|
534
|
+
isDragActive ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("b", { className: "dropFilesNowText", children: language === "sv" ? "Sl\xE4pp filerna, nu ...!" : "Drop files here!" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "DropZone-label-container", children: [
|
|
535
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
447
536
|
"svg",
|
|
448
537
|
{
|
|
449
538
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -451,7 +540,7 @@ var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h
|
|
|
451
540
|
height: "2.4rem",
|
|
452
541
|
viewBox: "0 0 7 15",
|
|
453
542
|
fill: "#fff",
|
|
454
|
-
children: /* @__PURE__ */ (0,
|
|
543
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
|
|
455
544
|
"path",
|
|
456
545
|
{
|
|
457
546
|
d: "M0 2.5C0 1.83696 0.263392 1.20107 0.732233 0.732233C1.20107 0.263392 1.83696 0 2.5 0C3.16304 0 3.79893 0.263392 4.26777 0.732233C4.73661 1.20107 5 1.83696 5 2.5V11.5C5 11.8978 4.84196 12.2794 4.56066 12.5607C4.27936 12.842 3.89782 13 3.5 13C3.10218 13 2.72064 12.842 2.43934 12.5607C2.15804 12.2794 2 11.8978 2 11.5V4.5C2 4.36739 2.05268 4.24021 2.14645 4.14645C2.24021 4.05268 2.36739 4 2.5 4C2.63261 4 2.75979 4.05268 2.85355 4.14645C2.94732 4.24021 3 4.36739 3 4.5V11.5C3 11.6326 3.05268 11.7598 3.14645 11.8536C3.24021 11.9473 3.36739 12 3.5 12C3.63261 12 3.75979 11.9473 3.85355 11.8536C3.94732 11.7598 4 11.6326 4 11.5V2.5C4 2.30302 3.9612 2.10796 3.88582 1.92597C3.81044 1.74399 3.69995 1.57863 3.56066 1.43934C3.42137 1.30005 3.25601 1.18956 3.07403 1.11418C2.89204 1.0388 2.69698 1 2.5 1C2.30302 1 2.10796 1.0388 1.92597 1.11418C1.74399 1.18956 1.57863 1.30005 1.43934 1.43934C1.30005 1.57863 1.18956 1.74399 1.11418 1.92597C1.0388 2.10796 1 2.30302 1 2.5V11.5C1 12.163 1.26339 12.7989 1.73223 13.2678C2.20107 13.7366 2.83696 14 3.5 14C4.16304 14 4.79893 13.7366 5.26777 13.2678C5.73661 12.7989 6 12.163 6 11.5V4.5C6 4.36739 6.05268 4.24021 6.14645 4.14645C6.24021 4.05268 6.36739 4 6.5 4C6.63261 4 6.75979 4.05268 6.85355 4.14645C6.94732 4.24021 7 4.36739 7 4.5V11.5C7 12.4283 6.63125 13.3185 5.97487 13.9749C5.3185 14.6313 4.42826 15 3.5 15C2.57174 15 1.6815 14.6313 1.02513 13.9749C0.368749 13.3185 0 12.4283 0 11.5V2.5Z",
|
|
@@ -460,26 +549,26 @@ var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h
|
|
|
460
549
|
)
|
|
461
550
|
}
|
|
462
551
|
),
|
|
463
|
-
/* @__PURE__ */ (0,
|
|
552
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "dropFilesText", children: DropFilesText })
|
|
464
553
|
] })
|
|
465
554
|
] }) }) });
|
|
466
555
|
};
|
|
467
556
|
var DropFilesStandard_default = DropFiles;
|
|
468
557
|
|
|
469
558
|
// src/components/input-components/AddFilesStandard/ExploreFilesStandard.tsx
|
|
470
|
-
var
|
|
559
|
+
var import_react4 = require("react");
|
|
471
560
|
var import_clsx = __toESM(require("clsx"));
|
|
472
561
|
|
|
473
562
|
// src/components/input-components/AddFilesStandard/ScreenReaderErrors.tsx
|
|
474
|
-
var
|
|
475
|
-
var
|
|
563
|
+
var import_react3 = __toESM(require("react"));
|
|
564
|
+
var import_jsx_runtime7 = require("react/jsx-runtime");
|
|
476
565
|
var ScreenReaderErrors = ({
|
|
477
566
|
errorMessageAddingFile,
|
|
478
567
|
activatedLanguage
|
|
479
568
|
}) => {
|
|
480
|
-
const [activateErrorMessagesForScreenReader, setActivateErrorMessagesForScreenReader] =
|
|
481
|
-
const [errorMessagesForScreenReader, setErrorMessagesForScreenReader] =
|
|
482
|
-
|
|
569
|
+
const [activateErrorMessagesForScreenReader, setActivateErrorMessagesForScreenReader] = import_react3.default.useState(false);
|
|
570
|
+
const [errorMessagesForScreenReader, setErrorMessagesForScreenReader] = import_react3.default.useState("");
|
|
571
|
+
import_react3.default.useEffect(() => {
|
|
483
572
|
if (errorMessageAddingFile.length > 0) {
|
|
484
573
|
let errorMessages = "";
|
|
485
574
|
errorMessages += errorMessageAddingFile.length;
|
|
@@ -491,12 +580,12 @@ var ScreenReaderErrors = ({
|
|
|
491
580
|
setActivateErrorMessagesForScreenReader(true);
|
|
492
581
|
}
|
|
493
582
|
}, [errorMessageAddingFile]);
|
|
494
|
-
return /* @__PURE__ */ (0,
|
|
583
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: activateErrorMessagesForScreenReader && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { role: "alert", className: "sr-only", "aria-atomic": "true", children: errorMessagesForScreenReader }) });
|
|
495
584
|
};
|
|
496
585
|
var ScreenReaderErrors_default = ScreenReaderErrors;
|
|
497
586
|
|
|
498
587
|
// src/components/input-components/AddFilesStandard/ExploreFilesStandard.tsx
|
|
499
|
-
var
|
|
588
|
+
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
500
589
|
var ExploreFiles = ({
|
|
501
590
|
FilesSelected,
|
|
502
591
|
numberOfFiles,
|
|
@@ -510,8 +599,8 @@ var ExploreFiles = ({
|
|
|
510
599
|
showErrors,
|
|
511
600
|
errorMessageAddingFile
|
|
512
601
|
}) => {
|
|
513
|
-
const fileInputRef = (0,
|
|
514
|
-
const buttonInputRef = (0,
|
|
602
|
+
const fileInputRef = (0, import_react4.useRef)(null);
|
|
603
|
+
const buttonInputRef = (0, import_react4.useRef)(null);
|
|
515
604
|
const handleFiles = (event) => {
|
|
516
605
|
const files = Array.from(event.target.files || []);
|
|
517
606
|
FilesSelected(files);
|
|
@@ -523,8 +612,8 @@ var ExploreFiles = ({
|
|
|
523
612
|
};
|
|
524
613
|
let addFilesInfoText = numberOfFiles > 0 ? activatedLanguage === "sv" ? `${numberOfFiles} filer valda (max ${allowedNumberOfFiles})` : `${numberOfFiles} files chosed (max ${allowedNumberOfFiles})` : activatedLanguage === "sv" ? "Ingen fil vald" : "No file chosen";
|
|
525
614
|
const ariaLabelText = `${activatedLanguage === "sv" ? "V\xE4lj fil" : "Choose file"} ${addFilesInfoText}`;
|
|
526
|
-
return /* @__PURE__ */ (0,
|
|
527
|
-
/* @__PURE__ */ (0,
|
|
615
|
+
return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "inputContainer", children: [
|
|
616
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
|
|
528
617
|
"div",
|
|
529
618
|
{
|
|
530
619
|
className: (0, import_clsx.default)(
|
|
@@ -534,7 +623,7 @@ var ExploreFiles = ({
|
|
|
534
623
|
),
|
|
535
624
|
id: labelId,
|
|
536
625
|
children: [
|
|
537
|
-
/* @__PURE__ */ (0,
|
|
626
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
538
627
|
"button",
|
|
539
628
|
{
|
|
540
629
|
ref: buttonInputRef,
|
|
@@ -548,12 +637,12 @@ var ExploreFiles = ({
|
|
|
548
637
|
children: activatedLanguage === "sv" ? "V\xE4lj fil" : "Choose file"
|
|
549
638
|
}
|
|
550
639
|
),
|
|
551
|
-
/* @__PURE__ */ (0,
|
|
552
|
-
/* @__PURE__ */ (0,
|
|
640
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { "aria-hidden": true, className: "filePickText", children: addFilesInfoText }),
|
|
641
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)("label", { htmlFor: inputId, "aria-hidden": true, className: "invisible" })
|
|
553
642
|
]
|
|
554
643
|
}
|
|
555
644
|
),
|
|
556
|
-
/* @__PURE__ */ (0,
|
|
645
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
557
646
|
"input",
|
|
558
647
|
{
|
|
559
648
|
"aria-hidden": true,
|
|
@@ -566,7 +655,7 @@ var ExploreFiles = ({
|
|
|
566
655
|
id: inputId
|
|
567
656
|
}
|
|
568
657
|
),
|
|
569
|
-
/* @__PURE__ */ (0,
|
|
658
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
|
|
570
659
|
ScreenReaderErrors_default,
|
|
571
660
|
{
|
|
572
661
|
errorMessageAddingFile,
|
|
@@ -578,22 +667,22 @@ var ExploreFiles = ({
|
|
|
578
667
|
var ExploreFilesStandard_default = ExploreFiles;
|
|
579
668
|
|
|
580
669
|
// src/components/input-components/AddFilesStandard/SelectedFilesStandard.tsx
|
|
581
|
-
var
|
|
670
|
+
var import_react6 = __toESM(require("react"));
|
|
582
671
|
var import_react_bootstrap = require("react-bootstrap");
|
|
583
672
|
|
|
584
673
|
// src/components/input-components/AddFilesStandard/IndicatorStandard.tsx
|
|
585
|
-
var
|
|
674
|
+
var import_react5 = require("react");
|
|
586
675
|
var import_clsx2 = __toESM(require("clsx"));
|
|
587
|
-
var
|
|
676
|
+
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
588
677
|
var Indicator = (filename) => {
|
|
589
|
-
const [uploadPercentage, setUploadPercentage] = (0,
|
|
590
|
-
const [uploadDone, setUploadDone] = (0,
|
|
591
|
-
return /* @__PURE__ */ (0,
|
|
678
|
+
const [uploadPercentage, setUploadPercentage] = (0, import_react5.useState)(0);
|
|
679
|
+
const [uploadDone, setUploadDone] = (0, import_react5.useState)(false);
|
|
680
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: (0, import_clsx2.default)("uploadIndicator", "uploadDone") }) });
|
|
592
681
|
};
|
|
593
682
|
var IndicatorStandard_default = Indicator;
|
|
594
683
|
|
|
595
684
|
// src/components/input-components/AddFilesStandard/SelectedFilesStandard.tsx
|
|
596
|
-
var
|
|
685
|
+
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
597
686
|
var SelectedFiles = ({
|
|
598
687
|
questionObject,
|
|
599
688
|
isTouched,
|
|
@@ -606,7 +695,7 @@ var SelectedFiles = ({
|
|
|
606
695
|
setNumberOfFiles,
|
|
607
696
|
removeUploadErrors
|
|
608
697
|
}) => {
|
|
609
|
-
const theDiv = (0,
|
|
698
|
+
const theDiv = (0, import_react6.useRef)(null);
|
|
610
699
|
const remove = (file) => {
|
|
611
700
|
let newFiles = questionObject.files.filter((f) => f !== file);
|
|
612
701
|
const newCountOfFiles = newFiles.length;
|
|
@@ -615,13 +704,13 @@ var SelectedFiles = ({
|
|
|
615
704
|
isTouched(e, questionObject);
|
|
616
705
|
removeFile(newCountOfFiles);
|
|
617
706
|
};
|
|
618
|
-
(0,
|
|
707
|
+
(0, import_react6.useEffect)(() => {
|
|
619
708
|
var _a;
|
|
620
709
|
numberOfFiles > 0 && ((_a = theDiv.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "end" }));
|
|
621
710
|
}, [numberOfFiles]);
|
|
622
711
|
const useWindowWidth = () => {
|
|
623
|
-
const [windowWidth2, setWindowWidth] = (0,
|
|
624
|
-
(0,
|
|
712
|
+
const [windowWidth2, setWindowWidth] = (0, import_react6.useState)(window.innerWidth);
|
|
713
|
+
(0, import_react6.useEffect)(() => {
|
|
625
714
|
const handleResize = () => {
|
|
626
715
|
setWindowWidth(window.innerWidth);
|
|
627
716
|
};
|
|
@@ -633,10 +722,10 @@ var SelectedFiles = ({
|
|
|
633
722
|
return windowWidth2;
|
|
634
723
|
};
|
|
635
724
|
const windowWidth = useWindowWidth();
|
|
636
|
-
return /* @__PURE__ */ (0,
|
|
637
|
-
/* @__PURE__ */ (0,
|
|
638
|
-
/* @__PURE__ */ (0,
|
|
639
|
-
/* @__PURE__ */ (0,
|
|
725
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
|
|
726
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: errorMessageAddingFile.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "pts-errorSummary-container pts-addFile-error-container", children: [
|
|
727
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
|
|
728
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "addFile-error-list-container", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("ul", { "aria-hidden": true, className: "fileListUnorderedList", id: "errorSummary-ul", children: [
|
|
640
729
|
" ",
|
|
641
730
|
errorMessageAddingFile.map((errorObj, index) => {
|
|
642
731
|
const errorFileName = errorObj.FileName;
|
|
@@ -644,9 +733,9 @@ var SelectedFiles = ({
|
|
|
644
733
|
mobileFirstFileName = mobileFirstFileName.length > 8 ? mobileFirstFileName.substring(0, 8) + ".." : mobileFirstFileName;
|
|
645
734
|
const fileType = errorObj.FileName.split(".").pop();
|
|
646
735
|
mobileFirstFileName = mobileFirstFileName + "." + fileType;
|
|
647
|
-
return /* @__PURE__ */ (0,
|
|
648
|
-
/* @__PURE__ */ (0,
|
|
649
|
-
/* @__PURE__ */ (0,
|
|
736
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react6.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "fileInListContainer", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "fileInList", children: [
|
|
737
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Row, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { children: windowWidth < 768 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "mobileFirstFileName", children: mobileFirstFileName }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "desktopFileName", children: errorObj.FileName }) }) }),
|
|
738
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Row, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
650
739
|
import_react_bootstrap.Col,
|
|
651
740
|
{
|
|
652
741
|
className: "errorMessageAddingFile",
|
|
@@ -661,7 +750,7 @@ var SelectedFiles = ({
|
|
|
661
750
|
] }, index) }) }) }, `error-${errorObj.FileName}-${index}`) });
|
|
662
751
|
})
|
|
663
752
|
] }) }),
|
|
664
|
-
/* @__PURE__ */ (0,
|
|
753
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "addFile-error-close-button", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
665
754
|
"button",
|
|
666
755
|
{
|
|
667
756
|
className: "selectedFilesLinkButton error-close",
|
|
@@ -669,7 +758,7 @@ var SelectedFiles = ({
|
|
|
669
758
|
removeError();
|
|
670
759
|
},
|
|
671
760
|
"aria-label": activatedLanguage === "sv" ? `St\xE4ng felmeddelande` : `Close error message`,
|
|
672
|
-
children: /* @__PURE__ */ (0,
|
|
761
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
673
762
|
"svg",
|
|
674
763
|
{
|
|
675
764
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -677,7 +766,7 @@ var SelectedFiles = ({
|
|
|
677
766
|
height: "14",
|
|
678
767
|
viewBox: "0 0 14 14",
|
|
679
768
|
fill: "none",
|
|
680
|
-
children: /* @__PURE__ */ (0,
|
|
769
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
681
770
|
"path",
|
|
682
771
|
{
|
|
683
772
|
d: "M0.75 12.75L12.75 0.75M0.75 0.75L12.75 12.75",
|
|
@@ -691,15 +780,15 @@ var SelectedFiles = ({
|
|
|
691
780
|
}
|
|
692
781
|
) })
|
|
693
782
|
] }) }),
|
|
694
|
-
questionObject.files.length > 0 && /* @__PURE__ */ (0,
|
|
783
|
+
questionObject.files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("ul", { className: "fileListUnorderedList", "aria-label": "Uppladdade filer", children: questionObject.files.map((file, index) => {
|
|
695
784
|
const indicatorfileName = file.FileName;
|
|
696
785
|
let mobileFirstFileName = file.FileName.split(".").shift();
|
|
697
786
|
mobileFirstFileName = mobileFirstFileName.length > 8 ? mobileFirstFileName.substring(0, 8) + ".." : mobileFirstFileName;
|
|
698
787
|
const fileType = file.FileName.split(".").pop();
|
|
699
788
|
mobileFirstFileName = mobileFirstFileName + "." + fileType;
|
|
700
|
-
return /* @__PURE__ */ (0,
|
|
701
|
-
/* @__PURE__ */ (0,
|
|
702
|
-
/* @__PURE__ */ (0,
|
|
789
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react6.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "fileInListContainer", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "fileInList", children: [
|
|
790
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "fileItem", children: [
|
|
791
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { style: { maxWidth: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { "aria-hidden": "true", className: "uploadedDot", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
703
792
|
"svg",
|
|
704
793
|
{
|
|
705
794
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -707,7 +796,7 @@ var SelectedFiles = ({
|
|
|
707
796
|
height: "8",
|
|
708
797
|
viewBox: "0 0 8 8",
|
|
709
798
|
fill: "none",
|
|
710
|
-
children: /* @__PURE__ */ (0,
|
|
799
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
711
800
|
"path",
|
|
712
801
|
{
|
|
713
802
|
d: "M1 4.65913L2.8 6.45913L7 1.35913",
|
|
@@ -718,20 +807,20 @@ var SelectedFiles = ({
|
|
|
718
807
|
)
|
|
719
808
|
}
|
|
720
809
|
) }) }),
|
|
721
|
-
/* @__PURE__ */ (0,
|
|
810
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { children: windowWidth < 768 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "mobileFirstFileName", children: [
|
|
722
811
|
mobileFirstFileName,
|
|
723
812
|
" (",
|
|
724
813
|
Math.ceil(file.FileSize / (1024 * 1024)),
|
|
725
814
|
" ",
|
|
726
815
|
"MB)"
|
|
727
|
-
] }) : /* @__PURE__ */ (0,
|
|
816
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "desktopFileName", children: [
|
|
728
817
|
file.FileName,
|
|
729
818
|
" (",
|
|
730
|
-
/* @__PURE__ */ (0,
|
|
819
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "fileSizeText", children: file.FileSize < 1024 * 1024 ? `${Math.round(file.FileSize / 1024)} kB` : `${(file.FileSize / (1024 * 1024)).toFixed(1)} MB` }),
|
|
731
820
|
" ",
|
|
732
821
|
")"
|
|
733
822
|
] }) }),
|
|
734
|
-
/* @__PURE__ */ (0,
|
|
823
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { className: "lastCol", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
735
824
|
"button",
|
|
736
825
|
{
|
|
737
826
|
className: "selectedFilesLinkButton",
|
|
@@ -741,17 +830,17 @@ var SelectedFiles = ({
|
|
|
741
830
|
}
|
|
742
831
|
) })
|
|
743
832
|
] }),
|
|
744
|
-
showIndicator && /* @__PURE__ */ (0,
|
|
745
|
-
/* @__PURE__ */ (0,
|
|
833
|
+
showIndicator && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Row, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { style: { width: "100%", padding: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(IndicatorStandard_default, { filename: indicatorfileName }) }) }),
|
|
834
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Row, { style: { marginTop: "12px", marginBottom: "12px" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { className: "makeSpace" }) })
|
|
746
835
|
] }, index) }) }) }, `file-${file.FileName}-${index}`) });
|
|
747
836
|
}) }),
|
|
748
|
-
/* @__PURE__ */ (0,
|
|
837
|
+
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { ref: theDiv, className: "pts-clipboard-container" })
|
|
749
838
|
] });
|
|
750
839
|
};
|
|
751
840
|
var SelectedFilesStandard_default = SelectedFiles;
|
|
752
841
|
|
|
753
842
|
// src/components/input-components/AddFilesStandard/AddFilesStandard.tsx
|
|
754
|
-
var
|
|
843
|
+
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
755
844
|
var AddFiles = ({
|
|
756
845
|
questionObject,
|
|
757
846
|
handleQuestionInputChange = (e, questionObject2) => {
|
|
@@ -789,24 +878,24 @@ var AddFiles = ({
|
|
|
789
878
|
const errorId = `error-${questionObject.id}`;
|
|
790
879
|
const labelId = `label-${questionObject.id}`;
|
|
791
880
|
const maxSizeMB = Math.round(allowedTotalFileSize / 1048576);
|
|
792
|
-
const [numberOfFiles, setNumberOfFiles] = (0,
|
|
793
|
-
const [totalFileSize, setTotalFileSize] = (0,
|
|
794
|
-
const [errorMessageAddingFile, setErrorMessageAddingFile] = (0,
|
|
795
|
-
const [newFiles, setNewFiles] = (0,
|
|
796
|
-
const [dropFilesText, setDropFilesText] = (0,
|
|
797
|
-
(0,
|
|
881
|
+
const [numberOfFiles, setNumberOfFiles] = (0, import_react7.useState)(0);
|
|
882
|
+
const [totalFileSize, setTotalFileSize] = (0, import_react7.useState)(0);
|
|
883
|
+
const [errorMessageAddingFile, setErrorMessageAddingFile] = (0, import_react7.useState)([]);
|
|
884
|
+
const [newFiles, setNewFiles] = (0, import_react7.useState)([]);
|
|
885
|
+
const [dropFilesText, setDropFilesText] = (0, import_react7.useState)("Dra och sl\xE4pp dina filer h\xE4r");
|
|
886
|
+
(0, import_react7.useEffect)(() => {
|
|
798
887
|
if (activatedLanguage === "sv") {
|
|
799
888
|
setDropFilesText("Dra och sl\xE4pp dina filer h\xE4r");
|
|
800
889
|
} else {
|
|
801
890
|
setDropFilesText("Drag and drop your files here");
|
|
802
891
|
}
|
|
803
892
|
}, [activatedLanguage]);
|
|
804
|
-
(0,
|
|
893
|
+
(0, import_react7.useEffect)(() => {
|
|
805
894
|
if (questionObject.files && questionObject.files.length > 0) {
|
|
806
895
|
setNumberOfFiles(questionObject.files.length);
|
|
807
896
|
}
|
|
808
897
|
}, []);
|
|
809
|
-
const onDrop = (0,
|
|
898
|
+
const onDrop = (0, import_react7.useCallback)(
|
|
810
899
|
(acceptedFiles) => {
|
|
811
900
|
var _a, _b, _c;
|
|
812
901
|
const validationErrors = [];
|
|
@@ -896,7 +985,7 @@ var AddFiles = ({
|
|
|
896
985
|
reader.readAsDataURL(file);
|
|
897
986
|
});
|
|
898
987
|
};
|
|
899
|
-
(0,
|
|
988
|
+
(0, import_react7.useEffect)(() => {
|
|
900
989
|
if (newFiles.length > 0) {
|
|
901
990
|
const currentFiles = questionObject.files ? questionObject.files : [];
|
|
902
991
|
const e = {
|
|
@@ -923,9 +1012,9 @@ var AddFiles = ({
|
|
|
923
1012
|
const handleRemoveErrors = () => {
|
|
924
1013
|
setErrorMessageAddingFile([]);
|
|
925
1014
|
};
|
|
926
|
-
return /* @__PURE__ */ (0,
|
|
927
|
-
!showPreview && visible && /* @__PURE__ */ (0,
|
|
928
|
-
questionObject.aboutText && /* @__PURE__ */ (0,
|
|
1015
|
+
return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
|
|
1016
|
+
!showPreview && visible && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "root-question addFile-question-container", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { role: "group", children: [
|
|
1017
|
+
questionObject.aboutText && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
|
|
929
1018
|
"p",
|
|
930
1019
|
{
|
|
931
1020
|
id: aboutId,
|
|
@@ -935,19 +1024,19 @@ var AddFiles = ({
|
|
|
935
1024
|
),
|
|
936
1025
|
children: [
|
|
937
1026
|
questionObject.aboutText,
|
|
938
|
-
questionObject.isQuestionMandatory && /* @__PURE__ */ (0,
|
|
1027
|
+
questionObject.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "pts-root-mandatoryAsterisk", "aria-hidden": "true", children: [
|
|
939
1028
|
" ",
|
|
940
1029
|
"*"
|
|
941
1030
|
] })
|
|
942
1031
|
]
|
|
943
1032
|
}
|
|
944
1033
|
),
|
|
945
|
-
questionObject.hasValidationError && /* @__PURE__ */ (0,
|
|
946
|
-
/* @__PURE__ */ (0,
|
|
947
|
-
/* @__PURE__ */ (0,
|
|
948
|
-
/* @__PURE__ */ (0,
|
|
1034
|
+
questionObject.hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "pts-root-error error addfileserror", id: errorId, children: [
|
|
1035
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
|
|
1036
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sr-only", children: "Valideringsfel" }),
|
|
1037
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "errorText", children: questionObject.validationDefaultMessesege })
|
|
949
1038
|
] }),
|
|
950
|
-
/* @__PURE__ */ (0,
|
|
1039
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
951
1040
|
ExploreFilesStandard_default,
|
|
952
1041
|
{
|
|
953
1042
|
FilesSelected: onDrop,
|
|
@@ -963,7 +1052,7 @@ var AddFiles = ({
|
|
|
963
1052
|
removeUploadErrors: handleRemoveErrors
|
|
964
1053
|
}
|
|
965
1054
|
),
|
|
966
|
-
/* @__PURE__ */ (0,
|
|
1055
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
967
1056
|
DropFilesStandard_default,
|
|
968
1057
|
{
|
|
969
1058
|
FilesSelected: onDrop,
|
|
@@ -971,7 +1060,7 @@ var AddFiles = ({
|
|
|
971
1060
|
language: activatedLanguage
|
|
972
1061
|
}
|
|
973
1062
|
),
|
|
974
|
-
/* @__PURE__ */ (0,
|
|
1063
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
975
1064
|
SelectedFilesStandard_default,
|
|
976
1065
|
{
|
|
977
1066
|
questionObject,
|
|
@@ -986,7 +1075,7 @@ var AddFiles = ({
|
|
|
986
1075
|
}
|
|
987
1076
|
)
|
|
988
1077
|
] }) }),
|
|
989
|
-
showPreview && /* @__PURE__ */ (0,
|
|
1078
|
+
showPreview && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PreviewAddFiles, { activatedLanguage, questionObject })
|
|
990
1079
|
] });
|
|
991
1080
|
};
|
|
992
1081
|
var AddFilesStandard_default = AddFiles;
|
|
@@ -995,104 +1084,11 @@ var PreviewAddFiles = ({
|
|
|
995
1084
|
activatedLanguage
|
|
996
1085
|
}) => {
|
|
997
1086
|
const previewId = `preview-${questionObject.Id}`;
|
|
998
|
-
return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
|
|
999
|
-
/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dt", { id: `question-${previewId}`, children: questionObject.questionLabel ? questionObject.questionLabel : activatedLanguage === "en" ? "Attached files" : "Bifogade filer" }),
|
|
1000
|
-
questionObject.files && questionObject.files.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dd", { className: "pts-addFiles-answer", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("ul", { "aria-labelledby": previewId, className: "pts-preview-answer-list", children: questionObject.files.map((file, index) => {
|
|
1001
|
-
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: file.FileName }, `file-${index}-${file.FileName}`);
|
|
1002
|
-
}) }) }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dd", { className: "no-answer-preview-page", children: activatedLanguage === "en" ? "No attached files" : "Inga bifogade filer" })
|
|
1003
|
-
] });
|
|
1004
|
-
};
|
|
1005
|
-
|
|
1006
|
-
// src/components/input-components/SingleCheckboxStandard/SingleCheckboxStandard.tsx
|
|
1007
|
-
var import_react7 = require("react");
|
|
1008
|
-
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
1009
|
-
var SingleCheckbox = ({
|
|
1010
|
-
question,
|
|
1011
|
-
handleQuestionInputChange,
|
|
1012
|
-
showPreview = false,
|
|
1013
|
-
activatedLanguage = "sv"
|
|
1014
|
-
}) => {
|
|
1015
|
-
var _a, _b;
|
|
1016
|
-
const questionId = `question-${question.id}`;
|
|
1017
|
-
const inputId = `checkbox-${question.id}`;
|
|
1018
|
-
const aboutId = `about-${question.id}`;
|
|
1019
|
-
const errorId = `error-${question.id}`;
|
|
1020
|
-
const [checked, setChecked] = (0, import_react7.useState)(false);
|
|
1021
|
-
(0, import_react7.useEffect)(() => {
|
|
1022
|
-
if (question.answer && question.answer === "true") {
|
|
1023
|
-
setChecked(true);
|
|
1024
|
-
} else {
|
|
1025
|
-
setChecked(false);
|
|
1026
|
-
}
|
|
1027
|
-
}, [question.answer]);
|
|
1028
|
-
const handleInputChange = (event) => {
|
|
1029
|
-
setChecked(event.target.checked);
|
|
1030
|
-
let answer = event.target.checked ? "true" : "false";
|
|
1031
|
-
const e = { target: { value: answer } };
|
|
1032
|
-
handleQuestionInputChange(e, question);
|
|
1033
|
-
};
|
|
1034
1087
|
return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
|
|
1035
|
-
|
|
1036
|
-
|
|
1037
|
-
|
|
1038
|
-
|
|
1039
|
-
{
|
|
1040
|
-
type: "checkbox",
|
|
1041
|
-
name: `question-name-${question.id}`,
|
|
1042
|
-
id: `${inputId}`,
|
|
1043
|
-
value: (_a = question.questionLabel) != null ? _a : "",
|
|
1044
|
-
checked,
|
|
1045
|
-
onChange: (e) => handleInputChange(e),
|
|
1046
|
-
className: question.hasValidationError ? "pts-root-question-input-error-border" : void 0,
|
|
1047
|
-
disabled: (_b = question.questionExtraAttribute) == null ? void 0 : _b.disabled,
|
|
1048
|
-
required: question.isQuestionMandatory,
|
|
1049
|
-
"aria-required": question.isQuestionMandatory,
|
|
1050
|
-
"aria-describedby": [question.aboutText ? aboutId : null].filter(Boolean).join(" ") || void 0,
|
|
1051
|
-
"aria-invalid": question.hasValidationError,
|
|
1052
|
-
"aria-errormessage": question.hasValidationError ? errorId : void 0
|
|
1053
|
-
}
|
|
1054
|
-
),
|
|
1055
|
-
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("label", { htmlFor: `${inputId}`, children: question.questionLabel }),
|
|
1056
|
-
question.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" }),
|
|
1057
|
-
" "
|
|
1058
|
-
] }),
|
|
1059
|
-
question.aboutText && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
1060
|
-
"div",
|
|
1061
|
-
{
|
|
1062
|
-
id: aboutId,
|
|
1063
|
-
className: "pts-about",
|
|
1064
|
-
dangerouslySetInnerHTML: { __html: question.aboutText }
|
|
1065
|
-
}
|
|
1066
|
-
),
|
|
1067
|
-
" ",
|
|
1068
|
-
question.hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "pts-root-error", id: errorId, children: [
|
|
1069
|
-
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
|
|
1070
|
-
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sr-only", children: "Valideringsfel" }),
|
|
1071
|
-
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "errorText", children: question.validationDefaultMessesege })
|
|
1072
|
-
] }),
|
|
1073
|
-
" "
|
|
1074
|
-
] }),
|
|
1075
|
-
" ",
|
|
1076
|
-
showPreview && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PreviewSingleCheckbox, { activatedLanguage, question })
|
|
1077
|
-
] });
|
|
1078
|
-
};
|
|
1079
|
-
var SingleCheckboxStandard_default = SingleCheckbox;
|
|
1080
|
-
var PreviewSingleCheckbox = ({
|
|
1081
|
-
question,
|
|
1082
|
-
activatedLanguage
|
|
1083
|
-
}) => {
|
|
1084
|
-
var _a, _b;
|
|
1085
|
-
const previewId = `preview-${question.id}`;
|
|
1086
|
-
return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
|
|
1087
|
-
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
|
|
1088
|
-
((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dd", { className: "pts-singleCheckbox-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer === "false" ? activatedLanguage === "sv" ? "Nej" : "No" : activatedLanguage === "sv" ? "Ja" : "Yes" }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
1089
|
-
"dd",
|
|
1090
|
-
{
|
|
1091
|
-
className: "pts-singleCheckbox-preview pts-root-answer",
|
|
1092
|
-
id: `answer-${previewId}`,
|
|
1093
|
-
children: activatedLanguage === "sv" ? "Nej" : "No"
|
|
1094
|
-
}
|
|
1095
|
-
)
|
|
1088
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dt", { id: `question-${previewId}`, children: questionObject.questionLabel ? questionObject.questionLabel : activatedLanguage === "en" ? "Attached files" : "Bifogade filer" }),
|
|
1089
|
+
questionObject.files && questionObject.files.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dd", { className: "pts-addFiles-answer", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("ul", { "aria-labelledby": previewId, className: "pts-preview-answer-list", children: questionObject.files.map((file, index) => {
|
|
1090
|
+
return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("li", { children: file.FileName }, `file-${index}-${file.FileName}`);
|
|
1091
|
+
}) }) }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dd", { className: "no-answer-preview-page", children: activatedLanguage === "en" ? "No attached files" : "Inga bifogade filer" })
|
|
1096
1092
|
] });
|
|
1097
1093
|
};
|
|
1098
1094
|
|
|
@@ -1835,8 +1831,8 @@ var QuestionRenderer = ({
|
|
|
1835
1831
|
visible: question.visible
|
|
1836
1832
|
}
|
|
1837
1833
|
),
|
|
1838
|
-
question.questionType === "
|
|
1839
|
-
|
|
1834
|
+
question.questionType === "Checkbox" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
1835
|
+
MultipleCheckboxesStandard_default,
|
|
1840
1836
|
{
|
|
1841
1837
|
question,
|
|
1842
1838
|
handleQuestionInputChange,
|
|
@@ -1844,8 +1840,8 @@ var QuestionRenderer = ({
|
|
|
1844
1840
|
activatedLanguage
|
|
1845
1841
|
}
|
|
1846
1842
|
),
|
|
1847
|
-
question.questionType === "
|
|
1848
|
-
|
|
1843
|
+
question.questionType === "CheckboxGroup" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
1844
|
+
CheckboxGroupStandard_default,
|
|
1849
1845
|
{
|
|
1850
1846
|
question,
|
|
1851
1847
|
handleQuestionInputChange,
|
|
@@ -2009,89 +2005,86 @@ var CookieBanner_default = CookieBanner;
|
|
|
2009
2005
|
// src/components/layout/FooterStandard/FooterStandard.tsx
|
|
2010
2006
|
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
2011
2007
|
var Footer = ({ activatedLanguage = "sv" }) => {
|
|
2012
|
-
return /* @__PURE__ */ (0, import_jsx_runtime15.
|
|
2013
|
-
/* @__PURE__ */ (0, import_jsx_runtime15.
|
|
2014
|
-
|
|
2015
|
-
|
|
2016
|
-
"
|
|
2008
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("footer", { className: "pts-footer-container", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "pts-footer-content", children: [
|
|
2009
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
|
|
2010
|
+
"svg",
|
|
2011
|
+
{
|
|
2012
|
+
"aria-label": activatedLanguage === "en" ? "PTS logotype" : "PTS logotyp",
|
|
2013
|
+
className: "pts-footer-logo",
|
|
2014
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2015
|
+
width: "278",
|
|
2016
|
+
height: "72",
|
|
2017
|
+
viewBox: "0 0 278 72",
|
|
2018
|
+
fill: "none",
|
|
2019
|
+
children: [
|
|
2020
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
2021
|
+
"path",
|
|
2022
|
+
{
|
|
2023
|
+
d: "M54 43C54 47.2 51.5 51.1 47.6 52.3C45.8 52.8 44 53 41 53H24.5C21.4 53 21 53.5 21 56.5V63C21 65.4 19.5 67 17.5 67C15.5 67 14 65.4 14 63V58.5C14 56.5 14 54.8 14.2 53.9C14.8 50.5 16.8 47.9 20.1 46.7C21.4 46.2 23.6 45.9 27.9 45.9H42C43.2 45.9 44.4 45.8 44.9 45.6C46.4 45 46.9 44 46.9 42.9C46.9 41.8 46.5 40.7 44.9 40.2C44.4 40 43.2 39.9 42 39.9H19.4C18.5 39.9 17.7 39.9 17.3 39.7C15.8 39.2 14.9 37.8 14.9 36.4C14.9 35 15.8 33.6 17.3 33.1C17.8 32.9 18.3 32.9 19.3 32.9H40.9C44 32.9 46.4 33.1 47.9 33.7C51.8 35.2 53.9 38.4 53.9 42.9L54 43ZM95.7 33.3C95.2 33.1 94.4 33 93.3 33H61.6C60.8 33 60.1 33 59.7 33.2C58 33.7 57 35 57 36.5C57 38 57.8 39.2 59.4 39.7C59.9 39.9 60.7 40 61.6 40H74V63.4C74 65.8 75.6 67 77.5 67C79.4 67 81 65.8 81 63.4V40H93.3C94.5 40 95.1 40 95.5 39.8C97.1 39.3 98 38 98 36.5C98 35 97.2 33.8 95.7 33.3ZM133.5 47.4C131.8 46.5 129.6 46 124.1 46H113.5C111.8 46 110.9 45.9 110.3 45.7C108.6 45.1 108 44 108 43C108 42 108.4 40.8 110.2 40.2C110.7 40 111.6 40 112.5 40H132C132.4 40 133.5 40 133.8 40C135.6 39.7 137 38.6 137 36.6C137 34.6 135.6 33.6 133.9 33.2C133.6 33.2 132.9 33.1 132 33.1H113.5C110.2 33.1 107.8 33.5 106.2 34.2C102.9 35.8 101 39.2 101 43.1C101 47 102.8 50.5 106.4 52.1C108 52.8 110.4 53.1 113.5 53.1H127C128.7 53.1 129.6 53.3 130.2 53.5C131.6 54 132 55.4 132 56.6C132 57.8 131.6 59.3 129.9 59.8C129.3 60 128.1 60.1 126.1 60.1H106.5C105.7 60.1 104.9 60.1 104.5 60.3C102.9 60.7 102 62 102 63.6C102 65.2 103 66.2 104.3 66.7C104.8 66.9 105.9 67.1 106.7 67.1H124C127.7 67.1 130.7 66.9 132.5 66.3C136.6 65.1 138.9 61.2 138.9 56.6C138.9 52 136.8 49.2 133.4 47.5L133.5 47.4Z",
|
|
2024
|
+
fill: "white"
|
|
2025
|
+
}
|
|
2026
|
+
),
|
|
2027
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
2028
|
+
"path",
|
|
2029
|
+
{
|
|
2030
|
+
d: "M92.1 15.7L92.5 15C90 11.6 84.1 9.2 78.1 9H76.9C70.9 9.2 65 11.6 62.5 15L62.9 15.7C61.8 15.7 61 16.4 61 17.3L63.3 27C63.5 27.6 63.7 27.9 64.5 27.9H90.5C91.2 27.9 91.5 27.5 91.6 27L93.9 17.3C93.9 16.4 93.1 15.7 92 15.7H92.1ZM69.3 18.8C69.1 18.8 68.8 18.7 68.6 18.7C67.6 18.7 66.9 19.4 66.9 20.3C66.9 21.2 67.6 21.8 68.5 21.8C69.4 21.8 69.3 21.7 69.5 21.4C69.5 22.2 68.6 24 67.4 24H64.9C63.2 24 63 21.7 63 21.5C63.2 21.7 63.7 21.8 64.1 21.8C64.9 21.8 65.6 21.2 65.6 20.3C65.6 19.4 64.9 18.7 63.9 18.7C62.9 18.7 63.5 18.7 63.4 18.7C63.8 18.4 64.2 17.9 64.2 17.3C64.2 16.7 63.9 16.4 63.5 16.1L65.8 15C67.3 12.5 70 10.7 73.3 10C71.5 11.3 70 12.9 68.8 15L69.6 15.7C68.8 15.8 68.2 16.5 68.2 17.3C68.2 18.1 68.6 18.5 69.2 18.8H69.3ZM76.8 18.9C76.6 18.8 76.2 18.7 76 18.7C75 18.7 74.3 19.4 74.3 20.3C74.3 21.2 75 21.8 75.9 21.8C76.8 21.8 76.7 21.7 77 21.5C77 22.3 76.4 24 75 24H72.5C70.9 24 70.5 22 70.5 21.4C70.7 21.6 71.1 21.8 71.6 21.8C72.4 21.8 73.2 21.2 73.2 20.3C73.2 19.4 72.5 18.7 71.5 18.7C70.5 18.7 70.9 18.7 70.8 18.8C71.4 18.5 71.8 18 71.8 17.3C71.8 16.6 71.4 16.1 70.8 15.9L72.6 15C73.1 13.2 74.7 10.6 76.4 9.7C76.2 10.6 76.1 12.5 76.1 15C76.1 15 76.6 15.5 77.1 15.8C76.4 16 75.9 16.6 75.9 17.3C75.9 18 76.3 18.5 76.9 18.8L76.8 18.9ZM82.5 24H80C78.6 24 78 22.3 78 21.5C78.2 21.7 78.6 21.8 79.1 21.8C80 21.8 80.7 21.2 80.7 20.3C80.7 19.4 80 18.7 79 18.7C78 18.7 78.4 18.7 78.2 18.9C78.8 18.7 79.3 18.1 79.3 17.4C79.3 16.7 78.8 16.1 78.1 15.9C78.6 15.6 79.1 15.1 79.1 15.1C79.1 12.6 79 10.7 78.7 9.8C80.5 10.7 82.1 13.2 82.6 15.1L84.4 16C83.9 16.2 83.4 16.8 83.4 17.4C83.4 18 83.8 18.6 84.4 18.9C84.2 18.9 83.9 18.8 83.7 18.8C82.7 18.8 82 19.5 82 20.4C82 21.3 82.7 21.9 83.6 21.9C84.5 21.9 84.4 21.8 84.7 21.5C84.7 22 84.3 24.1 82.7 24.1L82.5 24ZM90 24H87.5C86.2 24 85.4 22.3 85.4 21.4C85.6 21.7 86 21.8 86.5 21.8C87.3 21.8 88 21.2 88 20.3C88 19.4 87.3 18.7 86.3 18.7C85.3 18.7 85.7 18.7 85.6 18.8C86.2 18.5 86.6 18 86.6 17.3C86.6 16.6 86 15.8 85.1 15.7L86 15C84.8 12.9 83.3 11.4 81.5 10C84.7 10.7 87.5 12.4 89 15L91.4 16.1C91 16.4 90.7 16.8 90.7 17.4C90.7 18 91.1 18.6 91.6 18.9C91.5 18.9 91.2 18.8 91 18.8C90 18.8 89.3 19.5 89.3 20.4C89.3 21.3 90 21.9 90.8 21.9C91.6 21.9 91.7 21.8 91.9 21.6C91.9 21.8 91.6 24.1 90 24.1V24ZM77.5 9C76.1 9 75 7.9 75 6.5C75 5.1 75.9 4.3 77 4.1V3H76V2H77V1H78V2H79V3H78V4.1C79.1 4.3 80 5.3 80 6.6C80 7.9 78.9 9.1 77.5 9.1V9Z",
|
|
2031
|
+
fill: "white"
|
|
2032
|
+
}
|
|
2033
|
+
)
|
|
2034
|
+
]
|
|
2035
|
+
}
|
|
2036
|
+
),
|
|
2037
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("nav", { className: "pts-footer-linkList", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("ul", { children: [
|
|
2038
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
|
|
2039
|
+
"a",
|
|
2017
2040
|
{
|
|
2018
|
-
|
|
2019
|
-
|
|
2020
|
-
|
|
2021
|
-
width: "278",
|
|
2022
|
-
height: "72",
|
|
2023
|
-
viewBox: "0 0 278 72",
|
|
2024
|
-
fill: "none",
|
|
2041
|
+
href: activatedLanguage === "en" ? "https://pts.se/en/contact/" : "https://www.pts.se/kontakt/",
|
|
2042
|
+
target: "_blank",
|
|
2043
|
+
rel: "noopener noreferrer",
|
|
2025
2044
|
children: [
|
|
2026
|
-
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
2027
|
-
|
|
2028
|
-
{
|
|
2029
|
-
d: "M54 43C54 47.2 51.5 51.1 47.6 52.3C45.8 52.8 44 53 41 53H24.5C21.4 53 21 53.5 21 56.5V63C21 65.4 19.5 67 17.5 67C15.5 67 14 65.4 14 63V58.5C14 56.5 14 54.8 14.2 53.9C14.8 50.5 16.8 47.9 20.1 46.7C21.4 46.2 23.6 45.9 27.9 45.9H42C43.2 45.9 44.4 45.8 44.9 45.6C46.4 45 46.9 44 46.9 42.9C46.9 41.8 46.5 40.7 44.9 40.2C44.4 40 43.2 39.9 42 39.9H19.4C18.5 39.9 17.7 39.9 17.3 39.7C15.8 39.2 14.9 37.8 14.9 36.4C14.9 35 15.8 33.6 17.3 33.1C17.8 32.9 18.3 32.9 19.3 32.9H40.9C44 32.9 46.4 33.1 47.9 33.7C51.8 35.2 53.9 38.4 53.9 42.9L54 43ZM95.7 33.3C95.2 33.1 94.4 33 93.3 33H61.6C60.8 33 60.1 33 59.7 33.2C58 33.7 57 35 57 36.5C57 38 57.8 39.2 59.4 39.7C59.9 39.9 60.7 40 61.6 40H74V63.4C74 65.8 75.6 67 77.5 67C79.4 67 81 65.8 81 63.4V40H93.3C94.5 40 95.1 40 95.5 39.8C97.1 39.3 98 38 98 36.5C98 35 97.2 33.8 95.7 33.3ZM133.5 47.4C131.8 46.5 129.6 46 124.1 46H113.5C111.8 46 110.9 45.9 110.3 45.7C108.6 45.1 108 44 108 43C108 42 108.4 40.8 110.2 40.2C110.7 40 111.6 40 112.5 40H132C132.4 40 133.5 40 133.8 40C135.6 39.7 137 38.6 137 36.6C137 34.6 135.6 33.6 133.9 33.2C133.6 33.2 132.9 33.1 132 33.1H113.5C110.2 33.1 107.8 33.5 106.2 34.2C102.9 35.8 101 39.2 101 43.1C101 47 102.8 50.5 106.4 52.1C108 52.8 110.4 53.1 113.5 53.1H127C128.7 53.1 129.6 53.3 130.2 53.5C131.6 54 132 55.4 132 56.6C132 57.8 131.6 59.3 129.9 59.8C129.3 60 128.1 60.1 126.1 60.1H106.5C105.7 60.1 104.9 60.1 104.5 60.3C102.9 60.7 102 62 102 63.6C102 65.2 103 66.2 104.3 66.7C104.8 66.9 105.9 67.1 106.7 67.1H124C127.7 67.1 130.7 66.9 132.5 66.3C136.6 65.1 138.9 61.2 138.9 56.6C138.9 52 136.8 49.2 133.4 47.5L133.5 47.4Z",
|
|
2030
|
-
fill: "white"
|
|
2031
|
-
}
|
|
2032
|
-
),
|
|
2033
|
-
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
2034
|
-
"path",
|
|
2035
|
-
{
|
|
2036
|
-
d: "M92.1 15.7L92.5 15C90 11.6 84.1 9.2 78.1 9H76.9C70.9 9.2 65 11.6 62.5 15L62.9 15.7C61.8 15.7 61 16.4 61 17.3L63.3 27C63.5 27.6 63.7 27.9 64.5 27.9H90.5C91.2 27.9 91.5 27.5 91.6 27L93.9 17.3C93.9 16.4 93.1 15.7 92 15.7H92.1ZM69.3 18.8C69.1 18.8 68.8 18.7 68.6 18.7C67.6 18.7 66.9 19.4 66.9 20.3C66.9 21.2 67.6 21.8 68.5 21.8C69.4 21.8 69.3 21.7 69.5 21.4C69.5 22.2 68.6 24 67.4 24H64.9C63.2 24 63 21.7 63 21.5C63.2 21.7 63.7 21.8 64.1 21.8C64.9 21.8 65.6 21.2 65.6 20.3C65.6 19.4 64.9 18.7 63.9 18.7C62.9 18.7 63.5 18.7 63.4 18.7C63.8 18.4 64.2 17.9 64.2 17.3C64.2 16.7 63.9 16.4 63.5 16.1L65.8 15C67.3 12.5 70 10.7 73.3 10C71.5 11.3 70 12.9 68.8 15L69.6 15.7C68.8 15.8 68.2 16.5 68.2 17.3C68.2 18.1 68.6 18.5 69.2 18.8H69.3ZM76.8 18.9C76.6 18.8 76.2 18.7 76 18.7C75 18.7 74.3 19.4 74.3 20.3C74.3 21.2 75 21.8 75.9 21.8C76.8 21.8 76.7 21.7 77 21.5C77 22.3 76.4 24 75 24H72.5C70.9 24 70.5 22 70.5 21.4C70.7 21.6 71.1 21.8 71.6 21.8C72.4 21.8 73.2 21.2 73.2 20.3C73.2 19.4 72.5 18.7 71.5 18.7C70.5 18.7 70.9 18.7 70.8 18.8C71.4 18.5 71.8 18 71.8 17.3C71.8 16.6 71.4 16.1 70.8 15.9L72.6 15C73.1 13.2 74.7 10.6 76.4 9.7C76.2 10.6 76.1 12.5 76.1 15C76.1 15 76.6 15.5 77.1 15.8C76.4 16 75.9 16.6 75.9 17.3C75.9 18 76.3 18.5 76.9 18.8L76.8 18.9ZM82.5 24H80C78.6 24 78 22.3 78 21.5C78.2 21.7 78.6 21.8 79.1 21.8C80 21.8 80.7 21.2 80.7 20.3C80.7 19.4 80 18.7 79 18.7C78 18.7 78.4 18.7 78.2 18.9C78.8 18.7 79.3 18.1 79.3 17.4C79.3 16.7 78.8 16.1 78.1 15.9C78.6 15.6 79.1 15.1 79.1 15.1C79.1 12.6 79 10.7 78.7 9.8C80.5 10.7 82.1 13.2 82.6 15.1L84.4 16C83.9 16.2 83.4 16.8 83.4 17.4C83.4 18 83.8 18.6 84.4 18.9C84.2 18.9 83.9 18.8 83.7 18.8C82.7 18.8 82 19.5 82 20.4C82 21.3 82.7 21.9 83.6 21.9C84.5 21.9 84.4 21.8 84.7 21.5C84.7 22 84.3 24.1 82.7 24.1L82.5 24ZM90 24H87.5C86.2 24 85.4 22.3 85.4 21.4C85.6 21.7 86 21.8 86.5 21.8C87.3 21.8 88 21.2 88 20.3C88 19.4 87.3 18.7 86.3 18.7C85.3 18.7 85.7 18.7 85.6 18.8C86.2 18.5 86.6 18 86.6 17.3C86.6 16.6 86 15.8 85.1 15.7L86 15C84.8 12.9 83.3 11.4 81.5 10C84.7 10.7 87.5 12.4 89 15L91.4 16.1C91 16.4 90.7 16.8 90.7 17.4C90.7 18 91.1 18.6 91.6 18.9C91.5 18.9 91.2 18.8 91 18.8C90 18.8 89.3 19.5 89.3 20.4C89.3 21.3 90 21.9 90.8 21.9C91.6 21.9 91.7 21.8 91.9 21.6C91.9 21.8 91.6 24.1 90 24.1V24ZM77.5 9C76.1 9 75 7.9 75 6.5C75 5.1 75.9 4.3 77 4.1V3H76V2H77V1H78V2H79V3H78V4.1C79.1 4.3 80 5.3 80 6.6C80 7.9 78.9 9.1 77.5 9.1V9Z",
|
|
2037
|
-
fill: "white"
|
|
2038
|
-
}
|
|
2039
|
-
)
|
|
2045
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "sr-only", children: activatedLanguage === "en" ? "PTS Contact (opens in new tab)" : "PTS Kontakt (\xF6ppnas i ny flik)" }),
|
|
2046
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Contact" : "Kontakt" })
|
|
2040
2047
|
]
|
|
2041
2048
|
}
|
|
2042
|
-
),
|
|
2043
|
-
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("
|
|
2044
|
-
|
|
2045
|
-
|
|
2046
|
-
|
|
2047
|
-
|
|
2048
|
-
|
|
2049
|
-
|
|
2050
|
-
children:
|
|
2051
|
-
|
|
2052
|
-
|
|
2053
|
-
|
|
2054
|
-
|
|
2055
|
-
|
|
2056
|
-
|
|
2057
|
-
|
|
2058
|
-
|
|
2059
|
-
|
|
2060
|
-
|
|
2061
|
-
|
|
2062
|
-
children:
|
|
2063
|
-
|
|
2064
|
-
|
|
2065
|
-
|
|
2066
|
-
|
|
2067
|
-
|
|
2068
|
-
|
|
2069
|
-
|
|
2070
|
-
|
|
2071
|
-
|
|
2072
|
-
|
|
2073
|
-
|
|
2074
|
-
children:
|
|
2075
|
-
|
|
2076
|
-
|
|
2077
|
-
|
|
2078
|
-
|
|
2079
|
-
|
|
2080
|
-
|
|
2081
|
-
"a",
|
|
2082
|
-
{
|
|
2083
|
-
href: activatedLanguage === "en" ? "https://pts.se/en/cookies-eservices" : "https://www.pts.se/kakor-etjanster",
|
|
2084
|
-
target: "_blank",
|
|
2085
|
-
rel: "noopener noreferrer",
|
|
2086
|
-
children: [
|
|
2087
|
-
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "sr-only", children: activatedLanguage === "en" ? "PTS Cookies (opens in new tab)" : "PTS Kakor (\xF6ppnas i ny flik)" }),
|
|
2088
|
-
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Cookies" : "Kakor" })
|
|
2089
|
-
]
|
|
2090
|
-
}
|
|
2091
|
-
) })
|
|
2092
|
-
] }) })
|
|
2093
|
-
] })
|
|
2094
|
-
] });
|
|
2049
|
+
) }),
|
|
2050
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
|
|
2051
|
+
"a",
|
|
2052
|
+
{
|
|
2053
|
+
href: activatedLanguage === "en" ? "https://pts.se/en/gdpr" : "https://www.pts.se/gdpr/",
|
|
2054
|
+
target: "_blank",
|
|
2055
|
+
rel: "noopener noreferrer",
|
|
2056
|
+
children: [
|
|
2057
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "sr-only", children: activatedLanguage === "en" ? "PTS Processing of personal data (opens in new tab)" : "PTS Behandling av personuppgifter (\xF6ppnas i ny flik)" }),
|
|
2058
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Processing of personal data" : "Behandling av personuppgifter" })
|
|
2059
|
+
]
|
|
2060
|
+
}
|
|
2061
|
+
) }),
|
|
2062
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
|
|
2063
|
+
"a",
|
|
2064
|
+
{
|
|
2065
|
+
href: activatedLanguage === "en" ? "https://pts.se/en/accessibility-eservices" : "https://www.pts.se/tillganglighet-etjanster",
|
|
2066
|
+
target: "_blank",
|
|
2067
|
+
rel: "noopener noreferrer",
|
|
2068
|
+
children: [
|
|
2069
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "sr-only", children: activatedLanguage === "en" ? "PTS Accessibility (opens in new tab)" : "PTS Tillg\xE4nglighetsredog\xF6relse (\xF6ppnas i ny flik)" }),
|
|
2070
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Accessibility" : "Tillg\xE4nglighetsredog\xF6relse" })
|
|
2071
|
+
]
|
|
2072
|
+
}
|
|
2073
|
+
) }),
|
|
2074
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
|
|
2075
|
+
"a",
|
|
2076
|
+
{
|
|
2077
|
+
href: activatedLanguage === "en" ? "https://pts.se/en/cookies-eservices" : "https://www.pts.se/kakor-etjanster",
|
|
2078
|
+
target: "_blank",
|
|
2079
|
+
rel: "noopener noreferrer",
|
|
2080
|
+
children: [
|
|
2081
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "sr-only", children: activatedLanguage === "en" ? "PTS Cookies (opens in new tab)" : "PTS Kakor (\xF6ppnas i ny flik)" }),
|
|
2082
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Cookies" : "Kakor" })
|
|
2083
|
+
]
|
|
2084
|
+
}
|
|
2085
|
+
) })
|
|
2086
|
+
] }) })
|
|
2087
|
+
] }) });
|
|
2095
2088
|
};
|
|
2096
2089
|
var FooterStandard_default = Footer;
|
|
2097
2090
|
|
|
@@ -2995,6 +2988,7 @@ var FormStatusMessagesScreenReader_default = FormStatusMessagesScreenReader;
|
|
|
2995
2988
|
// Annotate the CommonJS export names for ESM import in node:
|
|
2996
2989
|
0 && (module.exports = {
|
|
2997
2990
|
AddFilesStandard,
|
|
2991
|
+
CheckboxGroupStandard,
|
|
2998
2992
|
CookieBanner,
|
|
2999
2993
|
EditPreviewLinkStandard,
|
|
3000
2994
|
FooterStandard,
|
|
@@ -3006,7 +3000,6 @@ var FormStatusMessagesScreenReader_default = FormStatusMessagesScreenReader;
|
|
|
3006
3000
|
QuestionGroup,
|
|
3007
3001
|
QuestionRenderer,
|
|
3008
3002
|
RadioMultipleStandard,
|
|
3009
|
-
SingleCheckboxStandard,
|
|
3010
3003
|
SkipLinkStandard,
|
|
3011
3004
|
StartApplicationButton,
|
|
3012
3005
|
StepperButtonsStandard,
|