optimized-react-component-library-xyz123 0.23.4 → 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,26 +83,27 @@ 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, showPreview, showText }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    !showPreview && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "div",
-      {
-        id: questionId,
-        className: "pts-root-question pts-infoTextdStandard-container",
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+var InfoTextStandard = ({ infoText, selectedValue, questionId, activatedLanguage }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      id: `textinfo-${questionId}-${selectedValue}`,
+      "aria-live": "polite",
+      "aria-atomic": "true",
+      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 : "")
             }
           }
         )
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {})
-  ] });
+      ] })
+    }
+  );
 };
 var InfoTextStandard_default = InfoTextStandard;
 
@@ -111,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;
   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)(
@@ -144,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",
                 {
@@ -153,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 }),
@@ -169,23 +166,12 @@ var InputRadio = ({
         }
       ),
       optionsInfoText.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        "div",
+        InfoTextStandard_default,
         {
-          id: "textinfo-option3",
-          "aria-live": "polite",
-          "aria-atomic": "true",
-          children: /* @__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: "",
-              showPreview: false,
-              questionId,
-              showText: true
-            }
-          )
+          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"
         }
       )
     ] }),