optimized-react-component-library-xyz123 0.1.159 → 0.1.161

package/dist/index.mjs

@@ -147,100 +147,9 @@ var PrevieMultipleCheckboxes = ({
   ] });
 };
 
-// src/components/input-components/CheckboxGroupStandard/CheckboxGroupStandard.tsx
-import { useEffect as useEffect2, useState as useState2 } from "react";
-import { Fragment as Fragment3, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var CheckboxGroup = ({
-  question,
-  handleQuestionInputChange,
-  showPreview = false,
-  activatedLanguage = "sv"
-}) => {
-  var _a, _b;
-  const questionId = `question-${question.id}`;
-  const errorId = `error-${question.id}`;
-  const groupId = `checkbox-group-${question.id}`;
-  const [checkedValues, setCheckedValues] = useState2([]);
-  useEffect2(() => {
-    var _a2;
-    const initialValues = ((_a2 = question.options) == null ? void 0 : _a2.filter((option) => {
-      var _a3;
-      return (_a3 = question.answer) == null ? void 0 : _a3.includes(option.label);
-    }).map((option) => option.label)) || [];
-    console.log("Initial values:", initialValues);
-    setCheckedValues(initialValues);
-  }, [question.answer, question.options]);
-  const handleInputChange = (event, optionValue) => {
-    let updatedValues = [...checkedValues];
-    if (updatedValues.includes(optionValue)) {
-      updatedValues = updatedValues.filter((val) => val !== optionValue);
-    } else {
-      updatedValues.push(optionValue);
-    }
-    setCheckedValues(updatedValues);
-    const e = { target: { value: updatedValues.toString() } };
-    handleQuestionInputChange(e, question);
-    console.log("checkedValues" + checkedValues);
-  };
-  return /* @__PURE__ */ jsxs3(Fragment3, { children: [
-    !showPreview && question.visible && /* @__PURE__ */ jsx3("div", { id: questionId, className: "pts-root-question pts-checkboxGroup-container", children: /* @__PURE__ */ jsxs3(
-      "fieldset",
-      {
-        "aria-required": question.isQuestionMandatory,
-        "aria-invalid": question.hasValidationError ? question.hasValidationError : void 0,
-        "aria-errormessage": question.hasValidationError ? errorId : void 0,
-        children: [
-          /* @__PURE__ */ jsxs3("legend", { className: "pts-checkboxGroup-legend", id: `label-${groupId}`, children: [
-            question.questionLabel,
-            " ",
-            question.isQuestionMandatory && /* @__PURE__ */ jsx3("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" })
-          ] }),
-          (_a = question.options) == null ? void 0 : _a.map((option, index) => /* @__PURE__ */ jsx3("div", { className: "pts-checkboxGroup-options", children: /* @__PURE__ */ jsxs3(Fragment3, { children: [
-            /* @__PURE__ */ jsx3(
-              "input",
-              {
-                type: "checkbox",
-                name: `${question.id}-option`,
-                id: `${question.id}-option-${index}`,
-                value: option.label,
-                checked: checkedValues.includes(option.label),
-                onChange: (e) => handleInputChange(e, option.label),
-                className: question.hasValidationError ? "pts-root-question-input-error-border" : void 0
-              }
-            ),
-            /* @__PURE__ */ jsx3("label", { htmlFor: `${groupId}-option-${index}`, children: option.label })
-          ] }) }, index)),
-          question.hasValidationError && /* @__PURE__ */ jsxs3("div", { className: "pts-root-error", id: errorId, children: [
-            /* @__PURE__ */ jsx3("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
-            /* @__PURE__ */ jsx3("span", { className: "sr-only", children: "Valideringsfel" }),
-            /* @__PURE__ */ jsx3("span", { className: "errorText", children: ((_b = question.validationDefaultMessesege) != null ? _b : activatedLanguage === "sv") ? "V\xE4nligen besvara" : "Please reply" })
-          ] })
-        ]
-      }
-    ) }),
-    showPreview && /* @__PURE__ */ jsx3(PreviewCheckboxGroup, { activatedLanguage, question })
-  ] });
-};
-var CheckboxGroupStandard_default = CheckboxGroup;
-var PreviewCheckboxGroup = ({
-  question,
-  activatedLanguage
-}) => {
-  var _a, _b;
-  const previewId = `preview-${question.id}`;
-  return /* @__PURE__ */ jsxs3(Fragment3, { children: [
-    /* @__PURE__ */ jsx3("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
-    question.answer ? question.options && question.options.length === 1 ? /* @__PURE__ */ jsx3("dd", { children: question.options[0].label }) : /* @__PURE__ */ jsx3("dd", { children: /* @__PURE__ */ jsx3("ul", { className: "pts-preview-answer-list", children: (_b = question.options) == null ? void 0 : _b.filter((option) => {
-      var _a2;
-      return (_a2 = question.answer) == null ? void 0 : _a2.includes(option.label);
-    }).map((option, index) => /* @__PURE__ */ jsx3("li", { children: option.label }, index)) }) }) : /* @__PURE__ */ jsx3("dd", { className: "no-answer-preview-page", children: activatedLanguage === "en" ? "No Answer" : "Inget svar" }),
-    " "
-  ] });
-};
-
 // src/components/input-components/TextAreaStandard/TextAreaStandard.tsx
 import DOMPurify from "dompurify";
-import { Fragment as Fragment4, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var InputTextarea = ({
   question,
   handleQuestionInputChange,
@@ -253,19 +162,19 @@ var InputTextarea = ({
   const aboutId = `about-${question.id}`;
   const errorId = `error-${question.id}`;
   const defaultMaxLength = 1e3;
-  return /* @__PURE__ */ jsxs4(Fragment4, { children: [
-    !showPreview && question.visible && /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs3(Fragment3, { children: [
+    !showPreview && question.visible && /* @__PURE__ */ jsxs3(
       "div",
       {
         id: questionId,
         className: `pts-root-question pts-textArea-container${question.aboutText ? " pts-question-hasAbout" : ""}`,
         children: [
-          /* @__PURE__ */ jsxs4("label", { htmlFor: inputId, children: [
+          /* @__PURE__ */ jsxs3("label", { htmlFor: inputId, children: [
             question.questionLabel,
             " ",
-            question.isQuestionMandatory && /* @__PURE__ */ jsx4("span", { className: "pts-root-mandatoryAsterisk", "aria-hidden": "true", children: "*" })
+            question.isQuestionMandatory && /* @__PURE__ */ jsx3("span", { className: "pts-root-mandatoryAsterisk", "aria-hidden": "true", children: "*" })
           ] }),
-          question.aboutText && /* @__PURE__ */ jsx4(
+          question.aboutText && /* @__PURE__ */ jsx3(
             "div",
             {
               id: aboutId,
@@ -275,7 +184,7 @@ var InputTextarea = ({
               }
             }
           ),
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx3(
             "textarea",
             {
               className: question.hasValidationError ? "pts-root-question-input-error-border" : void 0,
@@ -289,12 +198,12 @@ var InputTextarea = ({
               id: inputId
             }
           ),
-          /* @__PURE__ */ jsxs4("div", { className: "pts-textarea-counter-error-container", children: [
-            question.hasValidationError && /* @__PURE__ */ jsxs4("div", { className: "pts-root-error", id: errorId, children: [
-              /* @__PURE__ */ jsx4("span", { "aria-label": "Felmeddelande.", className: "errorDot", children: "!" }),
-              /* @__PURE__ */ jsx4("span", { className: "errorText", children: question.validationDefaultMessesege })
+          /* @__PURE__ */ jsxs3("div", { className: "pts-textarea-counter-error-container", children: [
+            question.hasValidationError && /* @__PURE__ */ jsxs3("div", { className: "pts-root-error", id: errorId, children: [
+              /* @__PURE__ */ jsx3("span", { "aria-label": "Felmeddelande.", className: "errorDot", children: "!" }),
+              /* @__PURE__ */ jsx3("span", { className: "errorText", children: question.validationDefaultMessesege })
             ] }),
-            !((_b = question.questionExtraAttribute) == null ? void 0 : _b.hideTextCounter) && /* @__PURE__ */ jsxs4(
+            !((_b = question.questionExtraAttribute) == null ? void 0 : _b.hideTextCounter) && /* @__PURE__ */ jsxs3(
               "div",
               {
                 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" : ""}`,
@@ -311,7 +220,7 @@ var InputTextarea = ({
         ]
       }
     ),
-    showPreview && /* @__PURE__ */ jsx4(PreviewTextarea, { activatedLanguage, question })
+    showPreview && /* @__PURE__ */ jsx3(PreviewTextarea, { activatedLanguage, question })
   ] });
 };
 var TextAreaStandard_default = InputTextarea;
@@ -321,9 +230,9 @@ var PreviewTextarea = ({
 }) => {
   var _a, _b;
   const previewId = `preview-${question.id}`;
-  return /* @__PURE__ */ jsxs4(Fragment4, { children: [
-    /* @__PURE__ */ jsx4("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
-    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ jsx4("dd", { className: "pts-textArea-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs3(Fragment3, { children: [
+    /* @__PURE__ */ jsx3("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
+    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ jsx3("dd", { className: "pts-textArea-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ jsx3(
       "dd",
       {
         className: "pts-textArea-preview pts-root-answer no-answer-preview-page",
@@ -336,7 +245,7 @@ var PreviewTextarea = ({
 
 // src/components/input-components/TextFieldStandard/TextFieldStandard.tsx
 import DOMPurify2 from "dompurify";
-import { Fragment as Fragment5, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var TextFieldStandard = ({
   question,
   handleQuestionInputChange,
@@ -349,19 +258,19 @@ var TextFieldStandard = ({
   const aboutId = `about-${question.id}`;
   const errorId = `error-${question.id}`;
   const defaultMaxLength = 1e3;
-  return /* @__PURE__ */ jsxs5(Fragment5, { children: [
-    !showPreview && question.visible && /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs4(Fragment4, { children: [
+    !showPreview && question.visible && /* @__PURE__ */ jsxs4(
       "div",
       {
         id: questionId,
         className: `pts-root-question pts-textField-container${((_a = question.questionExtraAttribute) == null ? void 0 : _a.disabled) ? " pts-textField-disabled" : ""}${question.aboutText ? " pts-question-hasAbout" : ""}`.trim(),
         children: [
-          /* @__PURE__ */ jsxs5("label", { htmlFor: inputId, children: [
+          /* @__PURE__ */ jsxs4("label", { htmlFor: inputId, children: [
             question.questionLabel,
             " ",
-            question.isQuestionMandatory && /* @__PURE__ */ jsx5("span", { "aria-hidden": "true", className: "pts-root-mandatoryAsterisk", children: "*" })
+            question.isQuestionMandatory && /* @__PURE__ */ jsx4("span", { "aria-hidden": "true", className: "pts-root-mandatoryAsterisk", children: "*" })
           ] }),
-          question.aboutText && /* @__PURE__ */ jsx5(
+          question.aboutText && /* @__PURE__ */ jsx4(
             "div",
             {
               id: aboutId,
@@ -371,7 +280,7 @@ var TextFieldStandard = ({
               }
             }
           ),
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx4(
             "input",
             {
               type: (_c = (_b = question.questionExtraAttribute) == null ? void 0 : _b.inputType) != null ? _c : "text",
@@ -393,15 +302,15 @@ var TextFieldStandard = ({
               autoCapitalize: (_m = (_l = question.questionExtraAttribute) == null ? void 0 : _l.autoCapitalize) != null ? _m : void 0
             }
           ),
-          question.hasValidationError && /* @__PURE__ */ jsxs5("div", { className: "pts-root-error", id: errorId, children: [
-            /* @__PURE__ */ jsx5("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
-            /* @__PURE__ */ jsx5("span", { className: "sr-only", children: "Valideringsfel" }),
-            /* @__PURE__ */ jsx5("span", { className: "errorText", children: question.validationDefaultMessesege })
+          question.hasValidationError && /* @__PURE__ */ jsxs4("div", { className: "pts-root-error", id: errorId, children: [
+            /* @__PURE__ */ jsx4("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
+            /* @__PURE__ */ jsx4("span", { className: "sr-only", children: "Valideringsfel" }),
+            /* @__PURE__ */ jsx4("span", { className: "errorText", children: question.validationDefaultMessesege })
           ] })
         ]
       }
     ),
-    showPreview && /* @__PURE__ */ jsx5(PreviewTextField, { activatedLanguage, question })
+    showPreview && /* @__PURE__ */ jsx4(PreviewTextField, { activatedLanguage, question })
   ] });
 };
 var TextFieldStandard_default = TextFieldStandard;
@@ -411,9 +320,9 @@ var PreviewTextField = ({
 }) => {
   var _a, _b;
   const previewId = `preview-${question.id}`;
-  return /* @__PURE__ */ jsxs5(Fragment5, { children: [
-    /* @__PURE__ */ jsx5("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
-    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ jsx5("dd", { className: "pts-textField-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs4(Fragment4, { children: [
+    /* @__PURE__ */ jsx4("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
+    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ jsx4("dd", { className: "pts-textField-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ jsx4(
       "dd",
       {
         className: "pts-textField-preview pts-root-answer no-answer-preview-page",
@@ -425,12 +334,12 @@ var PreviewTextField = ({
 };
 
 // src/components/input-components/AddFilesStandard/AddFilesStandard.tsx
-import { useCallback, useEffect as useEffect5, useState as useState5 } from "react";
+import { useCallback, useEffect as useEffect4, useState as useState4 } from "react";
 import clsx3 from "clsx";
 
 // src/components/input-components/AddFilesStandard/DropFilesStandard.tsx
 import { useDropzone } from "react-dropzone";
-import { Fragment as Fragment6, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h\xE4r", language }) => {
   const onDrop = FilesSelected;
   const { getRootProps, getInputProps, isDragActive } = useDropzone({ onDrop, noKeyboard: true });
@@ -438,10 +347,10 @@ var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h
     event.preventDefault();
     event.stopPropagation();
   };
-  return /* @__PURE__ */ jsx6(Fragment6, { children: /* @__PURE__ */ jsx6("div", { className: "DropZoneContainer", children: /* @__PURE__ */ jsxs6("div", { className: "DropZone", ...getRootProps(), onClick: handleFileExplorer, children: [
-    /* @__PURE__ */ jsxs6("label", { htmlFor: "fileDropInput", hidden: true, children: [
+  return /* @__PURE__ */ jsx5(Fragment5, { children: /* @__PURE__ */ jsx5("div", { className: "DropZoneContainer", children: /* @__PURE__ */ jsxs5("div", { className: "DropZone", ...getRootProps(), onClick: handleFileExplorer, children: [
+    /* @__PURE__ */ jsxs5("label", { htmlFor: "fileDropInput", hidden: true, children: [
       "Dra och sl\xE4pp filer h\xE4r omr\xE5de",
-      /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsx5(
         "input",
         {
           ...getInputProps({
@@ -452,8 +361,8 @@ var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h
         }
       )
     ] }),
-    isDragActive ? /* @__PURE__ */ jsx6("b", { className: "dropFilesNowText", children: language === "sv" ? "Sl\xE4pp filerna, nu ...!" : "Drop files here!" }) : /* @__PURE__ */ jsxs6("div", { className: "DropZone-label-container", children: [
-      /* @__PURE__ */ jsx6(
+    isDragActive ? /* @__PURE__ */ jsx5("b", { className: "dropFilesNowText", children: language === "sv" ? "Sl\xE4pp filerna, nu ...!" : "Drop files here!" }) : /* @__PURE__ */ jsxs5("div", { className: "DropZone-label-container", children: [
+      /* @__PURE__ */ jsx5(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -461,7 +370,7 @@ var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h
           height: "2.4rem",
           viewBox: "0 0 7 15",
           fill: "#fff",
-          children: /* @__PURE__ */ jsx6(
+          children: /* @__PURE__ */ jsx5(
             "path",
             {
               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",
@@ -470,7 +379,7 @@ var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h
           )
         }
       ),
-      /* @__PURE__ */ jsx6("p", { className: "dropFilesText", children: DropFilesText })
+      /* @__PURE__ */ jsx5("p", { className: "dropFilesText", children: DropFilesText })
     ] })
   ] }) }) });
 };
@@ -482,7 +391,7 @@ import clsx from "clsx";
 
 // src/components/input-components/AddFilesStandard/ScreenReaderErrors.tsx
 import React from "react";
-import { Fragment as Fragment7, jsx as jsx7 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx6 } from "react/jsx-runtime";
 var ScreenReaderErrors = ({
   errorMessageAddingFile,
   activatedLanguage
@@ -501,12 +410,12 @@ var ScreenReaderErrors = ({
       setActivateErrorMessagesForScreenReader(true);
     }
   }, [errorMessageAddingFile]);
-  return /* @__PURE__ */ jsx7(Fragment7, { children: activateErrorMessagesForScreenReader && /* @__PURE__ */ jsx7("p", { role: "alert", className: "sr-only", "aria-atomic": "true", children: errorMessagesForScreenReader }) });
+  return /* @__PURE__ */ jsx6(Fragment6, { children: activateErrorMessagesForScreenReader && /* @__PURE__ */ jsx6("p", { role: "alert", className: "sr-only", "aria-atomic": "true", children: errorMessagesForScreenReader }) });
 };
 var ScreenReaderErrors_default = ScreenReaderErrors;
 
 // src/components/input-components/AddFilesStandard/ExploreFilesStandard.tsx
-import { Fragment as Fragment8, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var ExploreFiles = ({
   FilesSelected,
   numberOfFiles,
@@ -533,8 +442,8 @@ var ExploreFiles = ({
   };
   let addFilesInfoText = numberOfFiles > 0 ? activatedLanguage === "sv" ? `${numberOfFiles} filer valda (max ${allowedNumberOfFiles})` : `${numberOfFiles} files chosed (max ${allowedNumberOfFiles})` : activatedLanguage === "sv" ? "Ingen fil vald" : "No file chosen";
   const ariaLabelText = `${activatedLanguage === "sv" ? "V\xE4lj fil" : "Choose file"} ${addFilesInfoText}`;
-  return /* @__PURE__ */ jsx8(Fragment8, { children: /* @__PURE__ */ jsxs7("div", { className: "inputContainer", children: [
-    /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsx7(Fragment7, { children: /* @__PURE__ */ jsxs6("div", { className: "inputContainer", children: [
+    /* @__PURE__ */ jsxs6(
       "div",
       {
         className: clsx(
@@ -544,7 +453,7 @@ var ExploreFiles = ({
         ),
         id: labelId,
         children: [
-          /* @__PURE__ */ jsx8(
+          /* @__PURE__ */ jsx7(
             "button",
             {
               ref: buttonInputRef,
@@ -558,12 +467,12 @@ var ExploreFiles = ({
               children: activatedLanguage === "sv" ? "V\xE4lj fil" : "Choose file"
             }
           ),
-          /* @__PURE__ */ jsx8("span", { "aria-hidden": true, className: "filePickText", children: addFilesInfoText }),
-          /* @__PURE__ */ jsx8("label", { htmlFor: inputId, "aria-hidden": true, className: "invisible" })
+          /* @__PURE__ */ jsx7("span", { "aria-hidden": true, className: "filePickText", children: addFilesInfoText }),
+          /* @__PURE__ */ jsx7("label", { htmlFor: inputId, "aria-hidden": true, className: "invisible" })
         ]
       }
     ),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx7(
       "input",
       {
         "aria-hidden": true,
@@ -576,7 +485,7 @@ var ExploreFiles = ({
         id: inputId
       }
     ),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx7(
       ScreenReaderErrors_default,
       {
         errorMessageAddingFile,
@@ -588,22 +497,22 @@ var ExploreFiles = ({
 var ExploreFilesStandard_default = ExploreFiles;
 
 // src/components/input-components/AddFilesStandard/SelectedFilesStandard.tsx
-import React4, { useEffect as useEffect4, useState as useState4, useRef as useRef2 } from "react";
+import React4, { useEffect as useEffect3, useState as useState3, useRef as useRef2 } from "react";
 import { Col, Row } from "react-bootstrap";
 
 // src/components/input-components/AddFilesStandard/IndicatorStandard.tsx
-import { useState as useState3 } from "react";
+import { useState as useState2 } from "react";
 import clsx2 from "clsx";
-import { Fragment as Fragment9, jsx as jsx9 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx8 } from "react/jsx-runtime";
 var Indicator = (filename) => {
-  const [uploadPercentage, setUploadPercentage] = useState3(0);
-  const [uploadDone, setUploadDone] = useState3(false);
-  return /* @__PURE__ */ jsx9(Fragment9, { children: /* @__PURE__ */ jsx9("div", { className: clsx2("uploadIndicator", "uploadDone") }) });
+  const [uploadPercentage, setUploadPercentage] = useState2(0);
+  const [uploadDone, setUploadDone] = useState2(false);
+  return /* @__PURE__ */ jsx8(Fragment8, { children: /* @__PURE__ */ jsx8("div", { className: clsx2("uploadIndicator", "uploadDone") }) });
 };
 var IndicatorStandard_default = Indicator;
 
 // src/components/input-components/AddFilesStandard/SelectedFilesStandard.tsx
-import { Fragment as Fragment10, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 var SelectedFiles = ({
   questionObject,
   isTouched,
@@ -625,13 +534,13 @@ var SelectedFiles = ({
     isTouched(e, questionObject);
     removeFile(newCountOfFiles);
   };
-  useEffect4(() => {
+  useEffect3(() => {
     var _a;
     numberOfFiles > 0 && ((_a = theDiv.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "end" }));
   }, [numberOfFiles]);
   const useWindowWidth = () => {
-    const [windowWidth2, setWindowWidth] = useState4(window.innerWidth);
-    useEffect4(() => {
+    const [windowWidth2, setWindowWidth] = useState3(window.innerWidth);
+    useEffect3(() => {
       const handleResize = () => {
         setWindowWidth(window.innerWidth);
       };
@@ -643,10 +552,10 @@ var SelectedFiles = ({
     return windowWidth2;
   };
   const windowWidth = useWindowWidth();
-  return /* @__PURE__ */ jsxs8(Fragment10, { children: [
-    /* @__PURE__ */ jsx10("div", { children: errorMessageAddingFile.length > 0 && /* @__PURE__ */ jsxs8("div", { className: "pts-errorSummary-container pts-addFile-error-container", children: [
-      /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
-      /* @__PURE__ */ jsx10("div", { className: "addFile-error-list-container", children: /* @__PURE__ */ jsxs8("ul", { "aria-hidden": true, className: "fileListUnorderedList", id: "errorSummary-ul", children: [
+  return /* @__PURE__ */ jsxs7(Fragment9, { children: [
+    /* @__PURE__ */ jsx9("div", { children: errorMessageAddingFile.length > 0 && /* @__PURE__ */ jsxs7("div", { className: "pts-errorSummary-container pts-addFile-error-container", children: [
+      /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
+      /* @__PURE__ */ jsx9("div", { className: "addFile-error-list-container", children: /* @__PURE__ */ jsxs7("ul", { "aria-hidden": true, className: "fileListUnorderedList", id: "errorSummary-ul", children: [
         " ",
         errorMessageAddingFile.map((errorObj, index) => {
           const errorFileName = errorObj.FileName;
@@ -654,9 +563,9 @@ var SelectedFiles = ({
           mobileFirstFileName = mobileFirstFileName.length > 8 ? mobileFirstFileName.substring(0, 8) + ".." : mobileFirstFileName;
           const fileType = errorObj.FileName.split(".").pop();
           mobileFirstFileName = mobileFirstFileName + "." + fileType;
-          return /* @__PURE__ */ jsx10("li", { children: /* @__PURE__ */ jsx10(React4.Fragment, { children: /* @__PURE__ */ jsx10("div", { children: /* @__PURE__ */ jsx10("div", { className: "fileInListContainer", children: /* @__PURE__ */ jsxs8("div", { className: "fileInList", children: [
-            /* @__PURE__ */ jsx10(Row, { children: /* @__PURE__ */ jsx10(Col, { children: windowWidth < 768 ? /* @__PURE__ */ jsx10("span", { className: "mobileFirstFileName", children: mobileFirstFileName }) : /* @__PURE__ */ jsx10("span", { className: "desktopFileName", children: errorObj.FileName }) }) }),
-            /* @__PURE__ */ jsx10(Row, { children: /* @__PURE__ */ jsx10(
+          return /* @__PURE__ */ jsx9("li", { children: /* @__PURE__ */ jsx9(React4.Fragment, { children: /* @__PURE__ */ jsx9("div", { children: /* @__PURE__ */ jsx9("div", { className: "fileInListContainer", children: /* @__PURE__ */ jsxs7("div", { className: "fileInList", children: [
+            /* @__PURE__ */ jsx9(Row, { children: /* @__PURE__ */ jsx9(Col, { children: windowWidth < 768 ? /* @__PURE__ */ jsx9("span", { className: "mobileFirstFileName", children: mobileFirstFileName }) : /* @__PURE__ */ jsx9("span", { className: "desktopFileName", children: errorObj.FileName }) }) }),
+            /* @__PURE__ */ jsx9(Row, { children: /* @__PURE__ */ jsx9(
               Col,
               {
                 className: "errorMessageAddingFile",
@@ -671,7 +580,7 @@ var SelectedFiles = ({
           ] }, index) }) }) }, `error-${errorObj.FileName}-${index}`) });
         })
       ] }) }),
-      /* @__PURE__ */ jsx10("div", { className: "addFile-error-close-button", children: /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx9("div", { className: "addFile-error-close-button", children: /* @__PURE__ */ jsx9(
         "button",
         {
           className: "selectedFilesLinkButton error-close",
@@ -679,7 +588,7 @@ var SelectedFiles = ({
             removeError();
           },
           "aria-label": activatedLanguage === "sv" ? `St\xE4ng felmeddelande` : `Close error message`,
-          children: /* @__PURE__ */ jsx10(
+          children: /* @__PURE__ */ jsx9(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -687,7 +596,7 @@ var SelectedFiles = ({
               height: "14",
               viewBox: "0 0 14 14",
               fill: "none",
-              children: /* @__PURE__ */ jsx10(
+              children: /* @__PURE__ */ jsx9(
                 "path",
                 {
                   d: "M0.75 12.75L12.75 0.75M0.75 0.75L12.75 12.75",
@@ -701,15 +610,15 @@ var SelectedFiles = ({
         }
       ) })
     ] }) }),
-    questionObject.files.length > 0 && /* @__PURE__ */ jsx10("ul", { className: "fileListUnorderedList", "aria-label": "Uppladdade filer", children: questionObject.files.map((file, index) => {
+    questionObject.files.length > 0 && /* @__PURE__ */ jsx9("ul", { className: "fileListUnorderedList", "aria-label": "Uppladdade filer", children: questionObject.files.map((file, index) => {
       const indicatorfileName = file.FileName;
       let mobileFirstFileName = file.FileName.split(".").shift();
       mobileFirstFileName = mobileFirstFileName.length > 8 ? mobileFirstFileName.substring(0, 8) + ".." : mobileFirstFileName;
       const fileType = file.FileName.split(".").pop();
       mobileFirstFileName = mobileFirstFileName + "." + fileType;
-      return /* @__PURE__ */ jsx10("li", { children: /* @__PURE__ */ jsx10(React4.Fragment, { children: /* @__PURE__ */ jsx10("div", { children: /* @__PURE__ */ jsx10("div", { className: "fileInListContainer", children: /* @__PURE__ */ jsxs8("div", { className: "fileInList", children: [
-        /* @__PURE__ */ jsxs8("div", { className: "fileItem", children: [
-          /* @__PURE__ */ jsx10(Col, { style: { maxWidth: "30px" }, children: /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", className: "uploadedDot", children: /* @__PURE__ */ jsx10(
+      return /* @__PURE__ */ jsx9("li", { children: /* @__PURE__ */ jsx9(React4.Fragment, { children: /* @__PURE__ */ jsx9("div", { children: /* @__PURE__ */ jsx9("div", { className: "fileInListContainer", children: /* @__PURE__ */ jsxs7("div", { className: "fileInList", children: [
+        /* @__PURE__ */ jsxs7("div", { className: "fileItem", children: [
+          /* @__PURE__ */ jsx9(Col, { style: { maxWidth: "30px" }, children: /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", className: "uploadedDot", children: /* @__PURE__ */ jsx9(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -717,7 +626,7 @@ var SelectedFiles = ({
               height: "8",
               viewBox: "0 0 8 8",
               fill: "none",
-              children: /* @__PURE__ */ jsx10(
+              children: /* @__PURE__ */ jsx9(
                 "path",
                 {
                   d: "M1 4.65913L2.8 6.45913L7 1.35913",
@@ -728,20 +637,20 @@ var SelectedFiles = ({
               )
             }
           ) }) }),
-          /* @__PURE__ */ jsx10(Col, { children: windowWidth < 768 ? /* @__PURE__ */ jsxs8("span", { className: "mobileFirstFileName", children: [
+          /* @__PURE__ */ jsx9(Col, { children: windowWidth < 768 ? /* @__PURE__ */ jsxs7("span", { className: "mobileFirstFileName", children: [
             mobileFirstFileName,
             " (",
             Math.ceil(file.FileSize / (1024 * 1024)),
             " ",
             "MB)"
-          ] }) : /* @__PURE__ */ jsxs8("span", { className: "desktopFileName", children: [
+          ] }) : /* @__PURE__ */ jsxs7("span", { className: "desktopFileName", children: [
             file.FileName,
             " (",
-            /* @__PURE__ */ jsx10("span", { className: "fileSizeText", children: file.FileSize < 1024 * 1024 ? `${Math.round(file.FileSize / 1024)} kB` : `${(file.FileSize / (1024 * 1024)).toFixed(1)} MB` }),
+            /* @__PURE__ */ jsx9("span", { className: "fileSizeText", children: file.FileSize < 1024 * 1024 ? `${Math.round(file.FileSize / 1024)} kB` : `${(file.FileSize / (1024 * 1024)).toFixed(1)} MB` }),
             " ",
             ")"
           ] }) }),
-          /* @__PURE__ */ jsx10(Col, { className: "lastCol", children: /* @__PURE__ */ jsx10(
+          /* @__PURE__ */ jsx9(Col, { className: "lastCol", children: /* @__PURE__ */ jsx9(
             "button",
             {
               className: "selectedFilesLinkButton",
@@ -751,17 +660,17 @@ var SelectedFiles = ({
             }
           ) })
         ] }),
-        showIndicator && /* @__PURE__ */ jsx10(Row, { children: /* @__PURE__ */ jsx10(Col, { style: { width: "100%", padding: 0 }, children: /* @__PURE__ */ jsx10(IndicatorStandard_default, { filename: indicatorfileName }) }) }),
-        /* @__PURE__ */ jsx10(Row, { style: { marginTop: "12px", marginBottom: "12px" }, children: /* @__PURE__ */ jsx10(Col, { className: "makeSpace" }) })
+        showIndicator && /* @__PURE__ */ jsx9(Row, { children: /* @__PURE__ */ jsx9(Col, { style: { width: "100%", padding: 0 }, children: /* @__PURE__ */ jsx9(IndicatorStandard_default, { filename: indicatorfileName }) }) }),
+        /* @__PURE__ */ jsx9(Row, { style: { marginTop: "12px", marginBottom: "12px" }, children: /* @__PURE__ */ jsx9(Col, { className: "makeSpace" }) })
       ] }, index) }) }) }, `file-${file.FileName}-${index}`) });
     }) }),
-    /* @__PURE__ */ jsx10("div", { ref: theDiv, className: "pts-clipboard-container" })
+    /* @__PURE__ */ jsx9("div", { ref: theDiv, className: "pts-clipboard-container" })
   ] });
 };
 var SelectedFilesStandard_default = SelectedFiles;
 
 // src/components/input-components/AddFilesStandard/AddFilesStandard.tsx
-import { Fragment as Fragment11, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 var AddFiles = ({
   questionObject,
   handleQuestionInputChange = (e, questionObject2) => {
@@ -799,19 +708,19 @@ var AddFiles = ({
   const errorId = `error-${questionObject.id}`;
   const labelId = `label-${questionObject.id}`;
   const maxSizeMB = Math.round(allowedTotalFileSize / 1048576);
-  const [numberOfFiles, setNumberOfFiles] = useState5(0);
-  const [totalFileSize, setTotalFileSize] = useState5(0);
-  const [errorMessageAddingFile, setErrorMessageAddingFile] = useState5([]);
-  const [newFiles, setNewFiles] = useState5([]);
-  const [dropFilesText, setDropFilesText] = useState5("Dra och sl\xE4pp dina filer h\xE4r");
-  useEffect5(() => {
+  const [numberOfFiles, setNumberOfFiles] = useState4(0);
+  const [totalFileSize, setTotalFileSize] = useState4(0);
+  const [errorMessageAddingFile, setErrorMessageAddingFile] = useState4([]);
+  const [newFiles, setNewFiles] = useState4([]);
+  const [dropFilesText, setDropFilesText] = useState4("Dra och sl\xE4pp dina filer h\xE4r");
+  useEffect4(() => {
     if (activatedLanguage === "sv") {
       setDropFilesText("Dra och sl\xE4pp dina filer h\xE4r");
     } else {
       setDropFilesText("Drag and drop your files here");
     }
   }, [activatedLanguage]);
-  useEffect5(() => {
+  useEffect4(() => {
     if (questionObject.files && questionObject.files.length > 0) {
       setNumberOfFiles(questionObject.files.length);
     }
@@ -906,7 +815,7 @@ var AddFiles = ({
       reader.readAsDataURL(file);
     });
   };
-  useEffect5(() => {
+  useEffect4(() => {
     if (newFiles.length > 0) {
       const currentFiles = questionObject.files ? questionObject.files : [];
       const e = {
@@ -933,9 +842,9 @@ var AddFiles = ({
   const handleRemoveErrors = () => {
     setErrorMessageAddingFile([]);
   };
-  return /* @__PURE__ */ jsxs9(Fragment11, { children: [
-    !showPreview && visible && /* @__PURE__ */ jsx11("div", { className: "root-question addFile-question-container", children: /* @__PURE__ */ jsxs9("div", { role: "group", children: [
-      questionObject.aboutText && /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs8(Fragment10, { children: [
+    !showPreview && visible && /* @__PURE__ */ jsx10("div", { className: "root-question addFile-question-container", children: /* @__PURE__ */ jsxs8("div", { role: "group", children: [
+      questionObject.aboutText && /* @__PURE__ */ jsxs8(
         "p",
         {
           id: aboutId,
@@ -945,19 +854,19 @@ var AddFiles = ({
           ),
           children: [
             questionObject.aboutText,
-            questionObject.isQuestionMandatory && /* @__PURE__ */ jsxs9("span", { className: "pts-root-mandatoryAsterisk", "aria-hidden": "true", children: [
+            questionObject.isQuestionMandatory && /* @__PURE__ */ jsxs8("span", { className: "pts-root-mandatoryAsterisk", "aria-hidden": "true", children: [
               " ",
               "*"
             ] })
           ]
         }
       ),
-      questionObject.hasValidationError && /* @__PURE__ */ jsxs9("div", { className: "pts-root-error error addfileserror", id: errorId, children: [
-        /* @__PURE__ */ jsx11("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
-        /* @__PURE__ */ jsx11("span", { className: "sr-only", children: "Valideringsfel" }),
-        /* @__PURE__ */ jsx11("span", { className: "errorText", children: questionObject.validationDefaultMessesege })
+      questionObject.hasValidationError && /* @__PURE__ */ jsxs8("div", { className: "pts-root-error error addfileserror", id: errorId, children: [
+        /* @__PURE__ */ jsx10("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
+        /* @__PURE__ */ jsx10("span", { className: "sr-only", children: "Valideringsfel" }),
+        /* @__PURE__ */ jsx10("span", { className: "errorText", children: questionObject.validationDefaultMessesege })
       ] }),
-      /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsx10(
         ExploreFilesStandard_default,
         {
           FilesSelected: onDrop,
@@ -973,7 +882,7 @@ var AddFiles = ({
           removeUploadErrors: handleRemoveErrors
         }
       ),
-      /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsx10(
         DropFilesStandard_default,
         {
           FilesSelected: onDrop,
@@ -981,7 +890,7 @@ var AddFiles = ({
           language: activatedLanguage
         }
       ),
-      /* @__PURE__ */ jsx11(
+      /* @__PURE__ */ jsx10(
         SelectedFilesStandard_default,
         {
           questionObject,
@@ -996,7 +905,7 @@ var AddFiles = ({
         }
       )
     ] }) }),
-    showPreview && /* @__PURE__ */ jsx11(PreviewAddFiles, { activatedLanguage, questionObject })
+    showPreview && /* @__PURE__ */ jsx10(PreviewAddFiles, { activatedLanguage, questionObject })
   ] });
 };
 var AddFilesStandard_default = AddFiles;
@@ -1005,11 +914,95 @@ var PreviewAddFiles = ({
   activatedLanguage
 }) => {
   const previewId = `preview-${questionObject.Id}`;
+  return /* @__PURE__ */ jsxs8(Fragment10, { children: [
+    /* @__PURE__ */ jsx10("dt", { id: `question-${previewId}`, children: questionObject.questionLabel ? questionObject.questionLabel : activatedLanguage === "en" ? "Attached files" : "Bifogade filer" }),
+    questionObject.files && questionObject.files.length > 0 ? /* @__PURE__ */ jsx10("dd", { className: "pts-addFiles-answer", children: /* @__PURE__ */ jsx10("ul", { "aria-labelledby": previewId, className: "pts-preview-answer-list", children: questionObject.files.map((file, index) => {
+      return /* @__PURE__ */ jsx10("li", { children: file.FileName }, `file-${index}-${file.FileName}`);
+    }) }) }) : /* @__PURE__ */ jsx10("dd", { className: "no-answer-preview-page", children: activatedLanguage === "en" ? "No attached files" : "Inga bifogade filer" })
+  ] });
+};
+
+// src/components/input-components/SingleCheckboxStandard/SingleCheckboxStandard.tsx
+import { useState as useState5 } from "react";
+import { Fragment as Fragment11, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+var SingleCheckboxes = ({
+  question,
+  handleQuestionInputChange,
+  showPreview = false,
+  activatedLanguage = "sv"
+}) => {
+  var _a, _b;
+  const questionId = `question-${question.id}`;
+  const inputId = `checkbox-${question.id}`;
+  const aboutId = `about-${question.id}`;
+  const errorId = `error-${question.id}`;
+  const [checked, setChecked] = useState5(false);
+  const handleInputChange = (event) => {
+    let answer = checked ? question.questionLabel : "";
+    setChecked(event.target.checked);
+    const e = { target: { value: answer } };
+    handleQuestionInputChange(e, question);
+  };
+  return /* @__PURE__ */ jsxs9(Fragment11, { children: [
+    !showPreview && question.visible && /* @__PURE__ */ jsx11("div", { id: questionId, className: "pts-root-question pts-singleCheckbox-container", children: /* @__PURE__ */ jsxs9("legend", { id: `label-${questionId}`, children: [
+      /* @__PURE__ */ jsx11(
+        "input",
+        {
+          type: "checkbox",
+          name: `question-name-${question.id}`,
+          id: `${inputId}`,
+          value: (_a = question.questionLabel) != null ? _a : "",
+          checked,
+          onChange: (e) => handleInputChange(e),
+          className: question.hasValidationError ? "pts-root-question-input-error-border" : void 0,
+          disabled: (_b = question.questionExtraAttribute) == null ? void 0 : _b.disabled,
+          required: question.isQuestionMandatory,
+          "aria-required": question.isQuestionMandatory,
+          "aria-describedby": [question.aboutText ? aboutId : null].filter(Boolean).join(" ") || void 0,
+          "aria-invalid": question.hasValidationError,
+          "aria-errormessage": question.hasValidationError ? errorId : void 0
+        }
+      ),
+      /* @__PURE__ */ jsx11("label", { htmlFor: `${questionId}`, children: question.questionLabel }),
+      question.isQuestionMandatory && /* @__PURE__ */ jsx11("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" }),
+      " ",
+      question.aboutText && /* @__PURE__ */ jsx11(
+        "div",
+        {
+          id: aboutId,
+          className: "pts-about",
+          dangerouslySetInnerHTML: { __html: question.aboutText }
+        }
+      ),
+      " ",
+      question.hasValidationError && /* @__PURE__ */ jsxs9("div", { className: "pts-root-error", id: errorId, children: [
+        /* @__PURE__ */ jsx11("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
+        /* @__PURE__ */ jsx11("span", { className: "sr-only", children: "Valideringsfel" }),
+        /* @__PURE__ */ jsx11("span", { className: "errorText", children: question.validationDefaultMessesege })
+      ] }),
+      " "
+    ] }) }),
+    " ",
+    showPreview && /* @__PURE__ */ jsx11(PreviewSingleCheckboxes, { activatedLanguage, question })
+  ] });
+};
+var SingleCheckboxStandard_default = SingleCheckboxes;
+var PreviewSingleCheckboxes = ({
+  question,
+  activatedLanguage
+}) => {
+  var _a, _b;
+  const previewId = `preview-${question.id}`;
   return /* @__PURE__ */ jsxs9(Fragment11, { children: [
-    /* @__PURE__ */ jsx11("dt", { id: `question-${previewId}`, children: questionObject.questionLabel ? questionObject.questionLabel : activatedLanguage === "en" ? "Attached files" : "Bifogade filer" }),
-    questionObject.files && questionObject.files.length > 0 ? /* @__PURE__ */ jsx11("dd", { className: "pts-addFiles-answer", children: /* @__PURE__ */ jsx11("ul", { "aria-labelledby": previewId, className: "pts-preview-answer-list", children: questionObject.files.map((file, index) => {
-      return /* @__PURE__ */ jsx11("li", { children: file.FileName }, `file-${index}-${file.FileName}`);
-    }) }) }) : /* @__PURE__ */ jsx11("dd", { className: "no-answer-preview-page", children: activatedLanguage === "en" ? "No attached files" : "Inga bifogade filer" })
+    /* @__PURE__ */ jsx11("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
+    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ jsx11("dd", { className: "pts-singleCheckbox-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ jsx11(
+      "dd",
+      {
+        className: "pts-singleCheckbox-preview pts-root-answer no-answer-preview-page",
+        id: `answer-${previewId}`,
+        children: activatedLanguage === "en" ? "No Answer" : "Inget svar"
+      }
+    )
   ] });
 };
 
@@ -1736,6 +1729,14 @@ var QuestionRenderer = ({
         showPreview
       }
     ),
+    question.questionType === "SingleCheckboxStandard" && /* @__PURE__ */ jsx12(
+      SingleCheckboxStandard_default,
+      {
+        question,
+        handleQuestionInputChange,
+        showPreview
+      }
+    ),
     question.questionType === "TextField" && /* @__PURE__ */ jsx12(
       TextFieldStandard_default,
       {
@@ -1764,15 +1765,6 @@ var QuestionRenderer = ({
         activatedLanguage
       }
     ),
-    question.questionType === "CheckboxGroup" && /* @__PURE__ */ jsx12(
-      CheckboxGroupStandard_default,
-      {
-        question,
-        handleQuestionInputChange,
-        showPreview,
-        activatedLanguage
-      }
-    ),
     question.questionType === "TextArea" && /* @__PURE__ */ jsx12(
       TextAreaStandard_default,
       {
@@ -2911,7 +2903,6 @@ var FormStatusMessagesScreenReader = ({ formStatus }) => {
 var FormStatusMessagesScreenReader_default = FormStatusMessagesScreenReader;
 export {
   AddFilesStandard_default as AddFilesStandard,
-  CheckboxGroupStandard_default as CheckboxGroupStandard,
   CookieBanner_default as CookieBanner,
   EditPreviewLinkStandard_default as EditPreviewLinkStandard,
   FooterStandard_default as FooterStandard,
@@ -2923,6 +2914,7 @@ export {
   QuestionGroup_default as QuestionGroup,
   QuestionRenderer_default as QuestionRenderer,
   RadioMultipleStandard_default as RadioMultipleStandard,
+  SingleCheckboxStandard_default as SingleCheckboxStandard,
   SkipLinkStandard_default as SkipLinkStandard,
   StartApplicationButton_default as StartApplicationButton,
   StepperButtonsStandard_default as StepperButtonsStandard,