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

package/dist/index.d.mts

@@ -167,7 +167,7 @@ interface SingleCheckboxProps {
     activatedLanguage?: string;
 }
 
-declare const SingleCheckboxes: FC<SingleCheckboxProps>;
+declare const SingleCheckbox: FC<SingleCheckboxProps>;
 
 /**
  * Kontrollerar om en fråga har ett valideringsfel baserat på dess egenskaper och valideringstyper.
@@ -844,4 +844,4 @@ interface FormStatusMessagesProps {
  */
 declare const FormStatusMessagesScreenReader: React$1.FC<FormStatusMessagesProps>;
 
-export { AddFiles as AddFilesStandard, CookieBanner, type CookieConsentConfig, EditPreviewLink as EditPreviewLinkStandard, Footer as FooterStandard, FormStatusMessagesScreenReader, Header as HeaderStandard, type IApplicationContent, type IFormState, type IOption, type IPTSLink, type IQuestion, type IQuestionExtraAttribute, type IStepObject, type IStepQuestionData, type ITextBlock, type LanguageSupportConfig, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, PrincipleOfPublicity as PrincipleOfPublicityStandard, QuestionGroup, QuestionRenderer, InputRadio as RadioMultipleStandard, SingleCheckboxes as SingleCheckboxStandard, SkipLink as SkipLinkStandard, StartApplicationButton, StepperButtons as StepperButtonsStandard, Stepper as StepperStandard, InputTextarea as TextAreaStandard, TextBody, TextFieldStandard, ValidationErrorSummaryList, buildStepCategoryGroupQuestionStructure, createApiDataObject, createCookieConsent, createFormSlice, createGlobalLanguageSlice, createGlobalLanguageSlice as createLanguageSlice, createFormSlice as createQuestionsSlice, findVisibleQuestionsWithValidationErrors, focusElement, getGroupCheckIds, hasQuestionValidationError, isQuestionDependencySatisfied, isScriptLoaded, makeFormSelectors, makeglobalLanguageSelectors as makeLanguageSelectors, makeFormSelectors as makeQuestionsSelectors, makeglobalLanguageSelectors, preparePreviewData, removeScriptById, toggleScriptByConsent, updateQuestionsAndCategoriesVisibilityAndErrors, useCookieConsent, useFormStatusModal, useInputMethodDetection, usePTSPageTitle };
+export { AddFiles as AddFilesStandard, CookieBanner, type CookieConsentConfig, EditPreviewLink as EditPreviewLinkStandard, Footer as FooterStandard, FormStatusMessagesScreenReader, Header as HeaderStandard, type IApplicationContent, type IFormState, type IOption, type IPTSLink, type IQuestion, type IQuestionExtraAttribute, type IStepObject, type IStepQuestionData, type ITextBlock, type LanguageSupportConfig, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, PrincipleOfPublicity as PrincipleOfPublicityStandard, QuestionGroup, QuestionRenderer, InputRadio as RadioMultipleStandard, SingleCheckbox as SingleCheckboxStandard, SkipLink as SkipLinkStandard, StartApplicationButton, StepperButtons as StepperButtonsStandard, Stepper as StepperStandard, InputTextarea as TextAreaStandard, TextBody, TextFieldStandard, ValidationErrorSummaryList, buildStepCategoryGroupQuestionStructure, createApiDataObject, createCookieConsent, createFormSlice, createGlobalLanguageSlice, createGlobalLanguageSlice as createLanguageSlice, createFormSlice as createQuestionsSlice, findVisibleQuestionsWithValidationErrors, focusElement, getGroupCheckIds, hasQuestionValidationError, isQuestionDependencySatisfied, isScriptLoaded, makeFormSelectors, makeglobalLanguageSelectors as makeLanguageSelectors, makeFormSelectors as makeQuestionsSelectors, makeglobalLanguageSelectors, preparePreviewData, removeScriptById, toggleScriptByConsent, updateQuestionsAndCategoriesVisibilityAndErrors, useCookieConsent, useFormStatusModal, useInputMethodDetection, usePTSPageTitle };

package/dist/index.d.ts

@@ -167,7 +167,7 @@ interface SingleCheckboxProps {
     activatedLanguage?: string;
 }
 
-declare const SingleCheckboxes: FC<SingleCheckboxProps>;
+declare const SingleCheckbox: FC<SingleCheckboxProps>;
 
 /**
  * Kontrollerar om en fråga har ett valideringsfel baserat på dess egenskaper och valideringstyper.
@@ -844,4 +844,4 @@ interface FormStatusMessagesProps {
  */
 declare const FormStatusMessagesScreenReader: React$1.FC<FormStatusMessagesProps>;
 
-export { AddFiles as AddFilesStandard, CookieBanner, type CookieConsentConfig, EditPreviewLink as EditPreviewLinkStandard, Footer as FooterStandard, FormStatusMessagesScreenReader, Header as HeaderStandard, type IApplicationContent, type IFormState, type IOption, type IPTSLink, type IQuestion, type IQuestionExtraAttribute, type IStepObject, type IStepQuestionData, type ITextBlock, type LanguageSupportConfig, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, PrincipleOfPublicity as PrincipleOfPublicityStandard, QuestionGroup, QuestionRenderer, InputRadio as RadioMultipleStandard, SingleCheckboxes as SingleCheckboxStandard, SkipLink as SkipLinkStandard, StartApplicationButton, StepperButtons as StepperButtonsStandard, Stepper as StepperStandard, InputTextarea as TextAreaStandard, TextBody, TextFieldStandard, ValidationErrorSummaryList, buildStepCategoryGroupQuestionStructure, createApiDataObject, createCookieConsent, createFormSlice, createGlobalLanguageSlice, createGlobalLanguageSlice as createLanguageSlice, createFormSlice as createQuestionsSlice, findVisibleQuestionsWithValidationErrors, focusElement, getGroupCheckIds, hasQuestionValidationError, isQuestionDependencySatisfied, isScriptLoaded, makeFormSelectors, makeglobalLanguageSelectors as makeLanguageSelectors, makeFormSelectors as makeQuestionsSelectors, makeglobalLanguageSelectors, preparePreviewData, removeScriptById, toggleScriptByConsent, updateQuestionsAndCategoriesVisibilityAndErrors, useCookieConsent, useFormStatusModal, useInputMethodDetection, usePTSPageTitle };
+export { AddFiles as AddFilesStandard, CookieBanner, type CookieConsentConfig, EditPreviewLink as EditPreviewLinkStandard, Footer as FooterStandard, FormStatusMessagesScreenReader, Header as HeaderStandard, type IApplicationContent, type IFormState, type IOption, type IPTSLink, type IQuestion, type IQuestionExtraAttribute, type IStepObject, type IStepQuestionData, type ITextBlock, type LanguageSupportConfig, Modal as ModalStandard, MultipleCheckboxes as MultipleCheckboxesStandard, PrincipleOfPublicity as PrincipleOfPublicityStandard, QuestionGroup, QuestionRenderer, InputRadio as RadioMultipleStandard, SingleCheckbox as SingleCheckboxStandard, SkipLink as SkipLinkStandard, StartApplicationButton, StepperButtons as StepperButtonsStandard, Stepper as StepperStandard, InputTextarea as TextAreaStandard, TextBody, TextFieldStandard, ValidationErrorSummaryList, buildStepCategoryGroupQuestionStructure, createApiDataObject, createCookieConsent, createFormSlice, createGlobalLanguageSlice, createGlobalLanguageSlice as createLanguageSlice, createFormSlice as createQuestionsSlice, findVisibleQuestionsWithValidationErrors, focusElement, getGroupCheckIds, hasQuestionValidationError, isQuestionDependencySatisfied, isScriptLoaded, makeFormSelectors, makeglobalLanguageSelectors as makeLanguageSelectors, makeFormSelectors as makeQuestionsSelectors, makeglobalLanguageSelectors, preparePreviewData, removeScriptById, toggleScriptByConsent, updateQuestionsAndCategoriesVisibilityAndErrors, useCookieConsent, useFormStatusModal, useInputMethodDetection, usePTSPageTitle };

package/dist/index.js

@@ -1006,7 +1006,7 @@ var PreviewAddFiles = ({
 // src/components/input-components/SingleCheckboxStandard/SingleCheckboxStandard.tsx
 var import_react7 = require("react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
-var SingleCheckboxes = ({
+var SingleCheckbox = ({
   question,
   handleQuestionInputChange,
   showPreview = false,
@@ -1018,14 +1018,21 @@ var SingleCheckboxes = ({
   const aboutId = `about-${question.id}`;
   const errorId = `error-${question.id}`;
   const [checked, setChecked] = (0, import_react7.useState)(false);
+  (0, import_react7.useEffect)(() => {
+    if (question.answer && question.answer === "true") {
+      setChecked(true);
+    } else {
+      setChecked(false);
+    }
+  }, [question.answer]);
   const handleInputChange = (event) => {
-    let answer = checked ? question.questionLabel : "";
     setChecked(event.target.checked);
+    let answer = event.target.checked ? "true" : "false";
     const e = { target: { value: answer } };
     handleQuestionInputChange(e, question);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-    !showPreview && question.visible && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { id: questionId, className: "pts-root-question pts-singleCheckbox-container", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("legend", { id: `label-${questionId}`, children: [
+    !showPreview && question.visible && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { id: questionId, className: "pts-root-question pts-singleCheckbox-container", children: [
       /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         "input",
         {
@@ -1044,7 +1051,7 @@ var SingleCheckboxes = ({
           "aria-errormessage": question.hasValidationError ? errorId : void 0
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("label", { htmlFor: `${questionId}`, children: question.questionLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("label", { htmlFor: `${inputId}`, children: question.questionLabel }),
       question.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" }),
       " ",
       question.aboutText && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
@@ -1062,13 +1069,13 @@ var SingleCheckboxes = ({
         /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "errorText", children: question.validationDefaultMessesege })
       ] }),
       " "
-    ] }) }),
+    ] }),
     " ",
-    showPreview && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PreviewSingleCheckboxes, { activatedLanguage, question })
+    showPreview && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PreviewSingleCheckbox, { activatedLanguage, question })
   ] });
 };
-var SingleCheckboxStandard_default = SingleCheckboxes;
-var PreviewSingleCheckboxes = ({
+var SingleCheckboxStandard_default = SingleCheckbox;
+var PreviewSingleCheckbox = ({
   question,
   activatedLanguage
 }) => {
@@ -1076,12 +1083,12 @@ var PreviewSingleCheckboxes = ({
   const previewId = `preview-${question.id}`;
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
-    ((_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 }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    ((_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.questionLabel }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       "dd",
       {
         className: "pts-singleCheckbox-preview pts-root-answer no-answer-preview-page",
         id: `answer-${previewId}`,
-        children: activatedLanguage === "en" ? "No Answer" : "Inget svar"
+        children: question.answer === "false" ? activatedLanguage === "sv" ? "Nej" : "No" : activatedLanguage === "sv" ? "Ja" : "Yes"
       }
     )
   ] });
@@ -1807,14 +1814,6 @@ var QuestionRenderer = ({
         showPreview
       }
     ),
-    question.questionType === "SingleCheckboxStandard" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-      SingleCheckboxStandard_default,
-      {
-        question,
-        handleQuestionInputChange,
-        showPreview
-      }
-    ),
     question.questionType === "TextField" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       TextFieldStandard_default,
       {
@@ -1834,6 +1833,15 @@ var QuestionRenderer = ({
         visible: question.visible
       }
     ),
+    question.questionType === "SingleCheckbox" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      SingleCheckboxStandard_default,
+      {
+        question,
+        handleQuestionInputChange,
+        showPreview,
+        activatedLanguage
+      }
+    ),
     question.questionType === "Checkbox" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       MultipleCheckboxesStandard_default,
       {