optimized-react-component-library-xyz123 3.2.1 → 3.3.0

package/dist/index.js

@@ -710,7 +710,7 @@ var ExploreFiles = ({
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   };
-  const addFilesInfoText = numberOfFiles > 0 ? activatedLanguage === "sv" ? `${numberOfFiles} filer valda (max ${allowedNumberOfFiles})` : `${numberOfFiles} files chosed (max ${allowedNumberOfFiles})` : activatedLanguage === "sv" ? "Ingen fil vald" : "No file chosen";
+  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__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "inputContainer", children: [
     /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
@@ -768,7 +768,7 @@ var ExploreFiles = ({
 var ExploreFilesStandard_default = ExploreFiles;
 
 // src/components/input-components/AddFilesStandard/SelectedFilesStandard.tsx
-var import_react8 = require("react");
+var import_react8 = __toESM(require("react"));
 var import_react_bootstrap = require("react-bootstrap");
 
 // src/components/input-components/AddFilesStandard/IndicatorStandard.tsx
@@ -798,7 +798,7 @@ var SelectedFiles = ({
 }) => {
   const theDiv = (0, import_react8.useRef)(null);
   const remove = (file) => {
-    const newFiles = questionObject.files.filter((f) => f !== file);
+    let newFiles = questionObject.files.filter((f) => f !== file);
     const newCountOfFiles = newFiles.length;
     setNumberOfFiles(newCountOfFiles);
     let e = { target: { value: `${newCountOfFiles} files`, files: newFiles } };
@@ -832,7 +832,7 @@ var SelectedFiles = ({
           mobileFirstFileName = mobileFirstFileName.length > 8 ? mobileFirstFileName.substring(0, 8) + ".." : mobileFirstFileName;
           const fileType = errorObj.FileName.split(".").pop();
           mobileFirstFileName = mobileFirstFileName + "." + fileType;
-          return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_jsx_runtime11.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "fileInListContainer", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "fileInList", children: [
+          return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react8.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "fileInListContainer", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "fileInList", children: [
             /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap.Row, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap.Col, { children: windowWidth < 768 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "mobileFirstFileName", children: mobileFirstFileName }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "desktopFileName", children: errorObj.FileName }) }) }),
             /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap.Row, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
               import_react_bootstrap.Col,
@@ -846,7 +846,7 @@ var SelectedFiles = ({
                 children: activatedLanguage === "sv" ? errorObj.svMessage : errorObj.enMessage
               }
             ) })
-          ] }) }) }) }) }, `error-${errorObj.FileName}-${index}`);
+          ] }, index) }) }) }, `error-${errorObj.FileName}-${index}`) });
         })
       ] }) }),
       /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "addFile-error-close-button", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
@@ -879,67 +879,60 @@ var SelectedFiles = ({
         }
       ) })
     ] }) }),
-    questionObject.files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-      "ul",
-      {
-        className: "fileListUnorderedList",
-        "aria-label": activatedLanguage === "en" ? "Uploaded files" : "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__ */ (0, import_jsx_runtime11.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_jsx_runtime11.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "fileInListContainer", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "fileInList", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "fileItem", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap.Col, { style: { maxWidth: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { "aria-hidden": "true", className: "uploadedDot", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                "svg",
-                {
-                  xmlns: "http://www.w3.org/2000/svg",
-                  width: "8",
-                  height: "8",
-                  viewBox: "0 0 8 8",
-                  fill: "none",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                    "path",
-                    {
-                      d: "M1 4.65913L2.8 6.45913L7 1.35913",
-                      stroke: "white",
-                      strokeWidth: "1.5",
-                      strokeLinecap: "round"
-                    }
-                  )
-                }
-              ) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap.Col, { children: windowWidth < 768 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "mobileFirstFileName", children: [
-                mobileFirstFileName,
-                " (",
-                Math.ceil(file.FileSize / (1024 * 1024)),
-                " ",
-                "MB)"
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "desktopFileName", children: [
-                file.FileName,
-                " (",
-                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "fileSizeText", children: file.FileSize < 1024 * 1024 ? `${Math.round(file.FileSize / 1024)} kB` : `${(file.FileSize / (1024 * 1024)).toFixed(1)} MB` }),
-                " ",
-                ")"
-              ] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap.Col, { className: "lastCol", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-                "button",
+    questionObject.files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("ul", { className: "fileListUnorderedList", "aria-label": activatedLanguage === "en" ? "Uploaded files" : "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__ */ (0, import_jsx_runtime11.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react8.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "fileInListContainer", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "fileInList", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "fileItem", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap.Col, { style: { maxWidth: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { "aria-hidden": "true", className: "uploadedDot", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "8",
+              height: "8",
+              viewBox: "0 0 8 8",
+              fill: "none",
+              children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                "path",
                 {
-                  className: "selectedFilesLinkButton",
-                  onClick: () => remove(file),
-                  "aria-label": activatedLanguage === "sv" ? `Radera ${indicatorfileName}` : `Delete ${indicatorfileName}`,
-                  children: activatedLanguage === "sv" ? "Radera" : "Delete"
+                  d: "M1 4.65913L2.8 6.45913L7 1.35913",
+                  stroke: "white",
+                  strokeWidth: "1.5",
+                  strokeLinecap: "round"
                 }
-              ) })
-            ] }),
-            showIndicator && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap.Row, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap.Col, { style: { width: "100%", padding: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(IndicatorStandard_default, { filename: indicatorfileName }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap.Row, { style: { marginTop: "12px", marginBottom: "12px" }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap.Col, { className: "makeSpace" }) })
-          ] }, index) }) }) }) }, `file-${file.FileName}-${index}`);
-        })
-      }
-    ),
+              )
+            }
+          ) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap.Col, { children: windowWidth < 768 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "mobileFirstFileName", children: [
+            mobileFirstFileName,
+            " (",
+            Math.ceil(file.FileSize / (1024 * 1024)),
+            " ",
+            "MB)"
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "desktopFileName", children: [
+            file.FileName,
+            " (",
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "fileSizeText", children: file.FileSize < 1024 * 1024 ? `${Math.round(file.FileSize / 1024)} kB` : `${(file.FileSize / (1024 * 1024)).toFixed(1)} MB` }),
+            " ",
+            ")"
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap.Col, { className: "lastCol", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            "button",
+            {
+              className: "selectedFilesLinkButton",
+              onClick: () => remove(file),
+              "aria-label": activatedLanguage === "sv" ? `Radera ${indicatorfileName}` : `Delete ${indicatorfileName}`,
+              children: activatedLanguage === "sv" ? "Radera" : "Delete"
+            }
+          ) })
+        ] }),
+        showIndicator && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap.Row, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap.Col, { style: { width: "100%", padding: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(IndicatorStandard_default, { filename: indicatorfileName }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap.Row, { style: { marginTop: "12px", marginBottom: "12px" }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap.Col, { className: "makeSpace" }) })
+      ] }, index) }) }) }, `file-${file.FileName}-${index}`) });
+    }) }),
     /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { ref: theDiv, className: "pts-clipboard-container" })
   ] });
 };
@@ -1110,7 +1103,7 @@ var AddFiles = ({
     setNumberOfFiles(newCount);
   };
   const removeOneError = (errorIndex) => {
-    const newErrors = errorMessageAddingFile.filter((e, index) => index !== errorIndex);
+    let newErrors = errorMessageAddingFile.filter((e, index) => index !== errorIndex);
     setErrorMessageAddingFile(newErrors);
   };
   const removeError = () => {
@@ -1236,7 +1229,7 @@ var SingleCheckbox = ({
   }, [question.answer]);
   const handleInputChange = (event) => {
     setChecked(event.target.checked);
-    const answer = event.target.checked ? "true" : "false";
+    let answer = event.target.checked ? "true" : "false";
     const e = { target: { value: answer } };
     handleQuestionInputChange(e, question);
   };
@@ -2289,7 +2282,7 @@ var RadioWithInfo = ({
         children: [
           groupedOptionArray.map((group, g_index) => {
             var _a2;
-            const subId = "subheading-" + g_index;
+            let subId = "subheading-" + g_index;
             return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react13.default.Fragment, { children: [
               /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("legend", { className: "pts-radioWithInfo-sub-headline", id: subId, children: group.category }),
               /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { role: "group", "aria-labelledby": subId, children: (_a2 = group.items) == null ? void 0 : _a2.map((option, o_index) => {
@@ -2309,8 +2302,7 @@ var RadioWithInfo = ({
                     questionIsMandatory: (_c2 = question.isQuestionMandatory) != null ? _c2 : false,
                     optionText: (_e = (_d = group.items.find((optionInfo) => optionInfo.value === option.value)) == null ? void 0 : _d.info) != null ? _e : "",
                     activatedLanguage
-                  },
-                  questionId + groupId + index
+                  }
                 );
               }) })
             ] }, subId);
@@ -3350,13 +3342,6 @@ var QuestionGroup = ({
   markQuestionAsDisplayed
 }) => {
   var _a, _b, _c;
-  (0, import_react17.useEffect)(() => {
-    questions.forEach((question) => {
-      if (question.visible && !question.isDisplayed) {
-        markQuestionAsDisplayed(question);
-      }
-    });
-  }, [questions]);
   if (!questions || questions.length === 0) {
     return null;
   }
@@ -3365,6 +3350,13 @@ var QuestionGroup = ({
   const groupMandatory = (_a = firstQuestion.validationType) == null ? void 0 : _a.find(
     (e) => e.startsWith("groupCheck-")
   );
+  (0, import_react17.useEffect)(() => {
+    questions.forEach((question) => {
+      if (question.visible && !question.isDisplayed) {
+        markQuestionAsDisplayed(question);
+      }
+    });
+  }, [questions]);
   const groupQuestions = /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: questions.map((question, index) => {
     var _a2;
     return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react17.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
@@ -4049,7 +4041,7 @@ var Navigation = ({
   activatedLanguage = "sv",
   menuLinks = [],
   openButtonRef = null,
-  linkComponent: LinkComponent = "a",
+  linkComponent: LinkComponent = (props) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("a", { ...props }),
   navigationCloseFocusId,
   activePath = null
 }) => {
@@ -4063,11 +4055,7 @@ var Navigation = ({
   const handleMenuClick = (typeOfInteraction) => {
     var _a, _b;
     setIsMenyOpen == null ? void 0 : setIsMenyOpen(false);
-    if (typeOfInteraction === "close") {
-      (_a = openButtonRef == null ? void 0 : openButtonRef.current) == null ? void 0 : _a.focus();
-    } else if (navigationCloseFocusId) {
-      (_b = document.getElementById(navigationCloseFocusId)) == null ? void 0 : _b.focus();
-    }
+    typeOfInteraction === "close" ? (_a = openButtonRef == null ? void 0 : openButtonRef.current) == null ? void 0 : _a.focus() : navigationCloseFocusId && ((_b = document.getElementById(navigationCloseFocusId)) == null ? void 0 : _b.focus());
   };
   (0, import_react18.useEffect)(() => {
     var _a, _b;
@@ -4281,7 +4269,7 @@ var NavigationHeader = ({
   menuLinks = void 0,
   SetActivatedLanguage = () => {
   },
-  linkComponent: LinkComponent = "a",
+  linkComponent: LinkComponent = (props) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("a", { ...props }),
   noLogoLink = false,
   navigationCloseFocusId,
   activePath = null
@@ -4486,6 +4474,7 @@ var LinkStandard = ({
 }) => {
   let iconClass = "";
   const excelExtensions = ["xls", "xlsx", "xlsm", "xlsb", "xltx", "xltm", "xlam", "csv"];
+  let linkTitle = title;
   const getFileExtension = (url2) => {
     const match = url2.match(/\.([a-zA-Z0-9]+)(?=$|\?|#)/);
     return match ? match[1] : null;
@@ -4507,7 +4496,7 @@ var LinkStandard = ({
       }
     }
   }
-  const linkTitle = fileExtension !== null ? `${title} (${fileExtension})` : title;
+  linkTitle = fileExtension !== null ? `${title} (${fileExtension})` : title;
   return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "pts-standard-link", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
     LinkComponent,
     {
@@ -4565,8 +4554,7 @@ var Collapse = ({
   customClass = ""
 }) => {
   const [isOpen, setIsOpen] = (0, import_react22.useState)(defaultOpen);
-  const generatedId = (0, import_react22.useId)();
-  const uniqueId = id != null ? id : generatedId;
+  const uniqueId = id != null ? id : (0, import_react22.useId)();
   const contentId = `${uniqueId}-content`;
   const openLabel = activatedLanguage === "sv" ? "Visa" : "Show";
   const closeLabel = activatedLanguage === "sv" ? "D\xF6lj" : "Hide";