optimized-react-component-library-xyz123 0.23.5 → 0.23.6

package/dist/index.d.mts

@@ -118,6 +118,7 @@ interface RadioProps {
     question: IQuestion;
     handleQuestionInputChange: any;
     showPreview?: boolean;
+    activatedLanguage?: string;
 }
 
 declare const InputRadio: FC<RadioProps>;

package/dist/index.d.ts

@@ -118,6 +118,7 @@ interface RadioProps {
     question: IQuestion;
     handleQuestionInputChange: any;
     showPreview?: boolean;
+    activatedLanguage?: string;
 }
 
 declare const InputRadio: FC<RadioProps>;

package/dist/index.js

@@ -83,21 +83,21 @@ module.exports = __toCommonJS(index_exports);
 // src/components/input-components/InfoTextStandard/InfoTextStandard.tsx
 var import_dompurify = __toESM(require("dompurify"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var InfoTextStandard = ({ text, value, questionId, activatedLanguage }) => {
+var InfoTextStandard = ({ infoText, selectedValue, questionId, activatedLanguage }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
-      id: "textinfo-questionId",
+      id: `textinfo-${questionId}-${selectedValue}`,
       "aria-live": "polite",
       "aria-atomic": "true",
-      children: text.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { id: questionId, className: "pts-root-question pts-infoTextdStandard-container", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "sr-only", children: activatedLanguage === "sv" ? `Information om valt alternativ - ${value}` : `Information about selected alternative - ${value}` }),
+      children: infoText.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { id: questionId, className: "pts-root-question pts-infoTextdStandard-container", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "sr-only", children: activatedLanguage === "en" ? `Information about selected alternative - ${selectedValue}` : `Information om valt alternativ - ${selectedValue}` }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "div",
           {
             id: questionId,
             dangerouslySetInnerHTML: {
-              __html: import_dompurify.default.sanitize(text != null ? text : "")
+              __html: import_dompurify.default.sanitize(infoText != null ? infoText : "")
             }
           }
         )
@@ -112,25 +112,22 @@ var import_jsx_runtime2 = require("react/jsx-runtime");
 var InputRadio = ({
   question,
   handleQuestionInputChange,
-  showPreview = false
+  showPreview = false,
+  activatedLanguage = "sv"
 }) => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d;
   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 } };
+    handleQuestionInputChange(e, question);
+  };
   const languageObj = question.languageSupport[0];
   var optionsInfoText = [];
   if ("optionsInfoText" in languageObj) {
     optionsInfoText = languageObj.optionsInfoText;
-    console.log(languageObj.optionsInfoText, "q", optionsInfoText, question);
   }
-  console.log((_a = optionsInfoText.find(
-    (op) => op.value === question.answer
-  )) == null ? void 0 : _a.text, question.answer);
-  const handleInputChange = (event) => {
-    const e = { target: { value: event.target.value } };
-    handleQuestionInputChange(e, question);
-  };
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
     !showPreview && question.visible && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "pts-root-question pts-radioMultiple-container", id: questionId, children: [
       /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
@@ -145,7 +142,7 @@ var InputRadio = ({
               " ",
               question.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" })
             ] }),
-            (_b = question.options) == null ? void 0 : _b.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "pts-radio-option", children: [
+            (_a = question.options) == null ? void 0 : _a.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "pts-radio-option", children: [
               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                 "input",
                 {
@@ -154,8 +151,7 @@ var InputRadio = ({
                   id: `${groupId}-option-${index}`,
                   value: option.value,
                   checked: question.answer === option.value,
-                  onChange: handleInputChange,
-                  "aria-describedby": "about_" + option.value
+                  onChange: handleInputChange
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { htmlFor: `${groupId}-option-${index}`, children: option.label }),
@@ -172,9 +168,10 @@ var InputRadio = ({
       optionsInfoText.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
         InfoTextStandard_default,
         {
-          text: (_d = (_c = optionsInfoText.find((op) => op.value === question.answer)) == null ? void 0 : _c.text) != null ? _d : "",
-          value: (_e = question.answer) != null ? _e : "",
-          questionId
+          infoText: (_c = (_b = optionsInfoText.find((op) => op.selectedValue === question.answer)) == null ? void 0 : _b.infoText) != null ? _c : "",
+          selectedValue: (_d = question.answer) != null ? _d : "",
+          questionId,
+          activatedLanguage: activatedLanguage != null ? activatedLanguage : "sv"
         }
       )
     ] }),