optimized-react-component-library-xyz123 0.1.134 → 0.1.136

package/dist/index.d.mts

@@ -115,7 +115,7 @@ interface IStepQuestionData {
 
 interface RadioProps {
     question: IQuestion;
-    isTouched: any;
+    handleQuestionInputChange: any;
     showPreview?: boolean;
 }
 
@@ -123,7 +123,7 @@ declare const InputRadio: FC<RadioProps>;
 
 interface MultipleCheckboxesProps {
     question: IQuestion;
-    isTouched: any;
+    handleQuestionInputChange: any;
     showPreview?: boolean;
     activatedLanguage?: string;
 }
@@ -132,7 +132,7 @@ declare const MultipleCheckboxes: FC<MultipleCheckboxesProps>;
 
 interface TextAreaProps {
     question: IQuestion;
-    isTouched: any;
+    handleQuestionInputChange: any;
     showPreview?: boolean;
     activatedLanguage?: string;
 }
@@ -141,7 +141,7 @@ declare const InputTextarea: FC<TextAreaProps>;
 
 interface TextFieldStandardProps {
     question: IQuestion;
-    isTouched: any;
+    handleQuestionInputChange: any;
     showPreview?: boolean;
     activatedLanguage?: string;
 }
@@ -150,7 +150,7 @@ declare const TextFieldStandard: FC<TextFieldStandardProps>;
 
 interface AddFilesProps {
     questionObject: IQuestion;
-    isTouched: any;
+    handleQuestionInputChange: any;
     visible?: boolean;
     showPreview?: boolean;
     activatedLanguage?: string;
@@ -637,7 +637,23 @@ declare const useCookieConsent: ({ cookieName, choiceKey, expiryYears, onConsent
     rejectCookies: () => void;
 };
 
-declare const QuestionRenderer: ({ question, isTouched, activatedLanguage, showPreview, }: any) => react_jsx_runtime.JSX.Element;
+/**
+ * Renderar rätt input-komponent baserat på frågans `questionType`.
+ *
+ * Denna komponent fungerar som en central "switch" som avgör vilken
+ * formulärkomponent (TextField, Radio, Checkbox, FileUpload, TextArea osv.)
+ * som ska användas för en given fråga.
+ *
+ * @param {object} question - Frågeobjektet som innehåller all metadata
+ *   (questionType, id, svarsalternativ, synlighet, beskrivningar m.m.).
+ * @param {Function} handleQuestionInputChange - Event-handler som skickas vidare
+ *   till underliggande komponenter och triggas när användaren ändrar ett svar.
+ * @param {string} activatedLanguage - Det aktiva språket som vissa
+ *   input-komponenter använder för att visa etiketter och texter.
+ * @param {boolean} showPreview - Styr om frågan ska visas i
+ *   preview-läge istället för som redigerbar input.
+ */
+declare const QuestionRenderer: ({ question, handleQuestionInputChange, activatedLanguage, showPreview, }: any) => react_jsx_runtime.JSX.Element;
 
 type WrapperElement = 'fieldset' | 'section' | 'div' | 'none';
 interface Question {

package/dist/index.d.ts

@@ -115,7 +115,7 @@ interface IStepQuestionData {
 
 interface RadioProps {
     question: IQuestion;
-    isTouched: any;
+    handleQuestionInputChange: any;
     showPreview?: boolean;
 }
 
@@ -123,7 +123,7 @@ declare const InputRadio: FC<RadioProps>;
 
 interface MultipleCheckboxesProps {
     question: IQuestion;
-    isTouched: any;
+    handleQuestionInputChange: any;
     showPreview?: boolean;
     activatedLanguage?: string;
 }
@@ -132,7 +132,7 @@ declare const MultipleCheckboxes: FC<MultipleCheckboxesProps>;
 
 interface TextAreaProps {
     question: IQuestion;
-    isTouched: any;
+    handleQuestionInputChange: any;
     showPreview?: boolean;
     activatedLanguage?: string;
 }
@@ -141,7 +141,7 @@ declare const InputTextarea: FC<TextAreaProps>;
 
 interface TextFieldStandardProps {
     question: IQuestion;
-    isTouched: any;
+    handleQuestionInputChange: any;
     showPreview?: boolean;
     activatedLanguage?: string;
 }
@@ -150,7 +150,7 @@ declare const TextFieldStandard: FC<TextFieldStandardProps>;
 
 interface AddFilesProps {
     questionObject: IQuestion;
-    isTouched: any;
+    handleQuestionInputChange: any;
     visible?: boolean;
     showPreview?: boolean;
     activatedLanguage?: string;
@@ -637,7 +637,23 @@ declare const useCookieConsent: ({ cookieName, choiceKey, expiryYears, onConsent
     rejectCookies: () => void;
 };
 
-declare const QuestionRenderer: ({ question, isTouched, activatedLanguage, showPreview, }: any) => react_jsx_runtime.JSX.Element;
+/**
+ * Renderar rätt input-komponent baserat på frågans `questionType`.
+ *
+ * Denna komponent fungerar som en central "switch" som avgör vilken
+ * formulärkomponent (TextField, Radio, Checkbox, FileUpload, TextArea osv.)
+ * som ska användas för en given fråga.
+ *
+ * @param {object} question - Frågeobjektet som innehåller all metadata
+ *   (questionType, id, svarsalternativ, synlighet, beskrivningar m.m.).
+ * @param {Function} handleQuestionInputChange - Event-handler som skickas vidare
+ *   till underliggande komponenter och triggas när användaren ändrar ett svar.
+ * @param {string} activatedLanguage - Det aktiva språket som vissa
+ *   input-komponenter använder för att visa etiketter och texter.
+ * @param {boolean} showPreview - Styr om frågan ska visas i
+ *   preview-läge istället för som redigerbar input.
+ */
+declare const QuestionRenderer: ({ question, handleQuestionInputChange, activatedLanguage, showPreview, }: any) => react_jsx_runtime.JSX.Element;
 
 type WrapperElement = 'fieldset' | 'section' | 'div' | 'none';
 interface Question {

package/dist/index.js

@@ -81,14 +81,18 @@ module.exports = __toCommonJS(index_exports);
 
 // src/components/input-components/RadioMultipleStandard/RadioMultipleStandard.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var InputRadio = ({ question, isTouched, showPreview = false }) => {
+var InputRadio = ({
+  question,
+  handleQuestionInputChange,
+  showPreview = false
+}) => {
   var _a;
   const questionId = `question-${question.id}`;
   const groupId = `radio-group-${question.id}`;
   const errorId = `error-${question.id}`;
   const handleInputChange = (event) => {
     const e = { target: { value: event.target.value } };
-    isTouched(e, question);
+    handleQuestionInputChange(e, question);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     !showPreview && question.visible && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "pts-root-question pts-radioMultiple-container", id: questionId, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
@@ -151,7 +155,7 @@ var import_react = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var MultipleCheckboxes = ({
   question,
-  isTouched,
+  handleQuestionInputChange,
   showPreview = false,
   activatedLanguage = "sv"
 }) => {
@@ -176,7 +180,7 @@ var MultipleCheckboxes = ({
     }
     setCheckedValues(updatedValues);
     const e = { target: { value: updatedValues.toString() } };
-    isTouched(e, question);
+    handleQuestionInputChange(e, question);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
     !showPreview && question.visible && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { id: questionId, className: "pts-root-question pts-multipleCheckboxes-container", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("fieldset", { children: [
@@ -229,7 +233,7 @@ var import_dompurify = __toESM(require("dompurify"));
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var InputTextarea = ({
   question,
-  isTouched,
+  handleQuestionInputChange,
   showPreview = false,
   activatedLanguage
 }) => {
@@ -265,7 +269,7 @@ var InputTextarea = ({
             "textarea",
             {
               className: question.hasValidationError ? "pts-root-question-input-error-border" : void 0,
-              onChange: (e) => isTouched(e, question),
+              onChange: (e) => handleQuestionInputChange(e, question),
               value: question.answer,
               required: question.isQuestionMandatory,
               "aria-required": question.isQuestionMandatory,
@@ -325,7 +329,7 @@ var import_dompurify2 = __toESM(require("dompurify"));
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var TextFieldStandard = ({
   question,
-  isTouched,
+  handleQuestionInputChange,
   showPreview = false,
   activatedLanguage
 }) => {
@@ -365,7 +369,7 @@ var TextFieldStandard = ({
               inputMode: (_g = (_f = question.questionExtraAttribute) == null ? void 0 : _f.inputMode) != null ? _g : void 0,
               name: `question-name-${question.id}`,
               className: question.hasValidationError ? "pts-root-question-input-error-border" : void 0,
-              onChange: (e) => isTouched(e, question),
+              onChange: (e) => handleQuestionInputChange(e, question),
               value: question.answer,
               maxLength: ((_h = question.questionExtraAttribute) == null ? void 0 : _h.answerMaxLength) || defaultMaxLength,
               id: inputId,
@@ -739,7 +743,7 @@ var SelectedFilesStandard_default = SelectedFiles;
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var AddFiles = ({
   questionObject,
-  isTouched = (e, questionObject2) => {
+  handleQuestionInputChange = (e, questionObject2) => {
     alert("no function");
   },
   visible,
@@ -890,7 +894,7 @@ var AddFiles = ({
           files: [...currentFiles, ...newFiles]
         }
       };
-      isTouched(e, questionObject);
+      handleQuestionInputChange(e, questionObject);
       setNumberOfFiles(currentFiles.length + newFiles.length);
       setNewFiles([]);
     }
@@ -960,7 +964,7 @@ var AddFiles = ({
         SelectedFilesStandard_default,
         {
           questionObject,
-          isTouched,
+          isTouched: handleQuestionInputChange,
           removeFile: removeFileFromNumberOfFiles,
           removeError,
           errorMessageAddingFile,
@@ -1695,7 +1699,7 @@ var useCookieConsent = ({
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var QuestionRenderer = ({
   question,
-  isTouched,
+  handleQuestionInputChange,
   activatedLanguage = "sv",
   showPreview = false
 }) => {
@@ -1704,7 +1708,7 @@ var QuestionRenderer = ({
       RadioMultipleStandard_default,
       {
         question,
-        isTouched,
+        handleQuestionInputChange,
         showPreview
       }
     ),
@@ -1712,7 +1716,7 @@ var QuestionRenderer = ({
       TextFieldStandard_default,
       {
         question,
-        isTouched,
+        handleQuestionInputChange,
         showPreview,
         activatedLanguage
       }
@@ -1721,7 +1725,7 @@ var QuestionRenderer = ({
       AddFilesStandard_default,
       {
         questionObject: question,
-        isTouched,
+        handleQuestionInputChange,
         showPreview,
         activatedLanguage,
         visible: question.visible
@@ -1731,12 +1735,19 @@ var QuestionRenderer = ({
       MultipleCheckboxesStandard_default,
       {
         question,
-        isTouched,
+        handleQuestionInputChange,
         showPreview,
         activatedLanguage
       }
     ),
-    question.questionType === "TextArea" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(TextAreaStandard_default, { question, isTouched, showPreview })
+    question.questionType === "TextArea" && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      TextAreaStandard_default,
+      {
+        question,
+        handleQuestionInputChange,
+        showPreview
+      }
+    )
   ] });
 };
 var QuestionRenderer_default = QuestionRenderer;
@@ -1770,10 +1781,9 @@ var QuestionGroup = ({
       import_optimized_react_component_library_xyz123.QuestionRenderer,
       {
         question,
-        isTouched: handleQuestionInputChange,
+        handleQuestionInputChange,
         activatedLanguage,
-        showPreview,
-        showConfigure: !showPreview
+        showPreview
       }
     ) }, "question-" + index);
   }) });