amp-workflow-ui 0.1.4 → 0.1.5

package/dist/index.mjs

@@ -811,12 +811,15 @@ function ApprovalWorkflow({
     },
     [isLoading, selectedApprovalOtions]
   );
-  const visibleAllRequests = filteredAllRequestArray.slice(0, visibleAll);
-  const visiblePendingRequests = filteredPendingRequestArray.slice(
+  const visibleAllRequests = (filteredAllRequestArray || []).slice(
+    0,
+    visibleAll
+  );
+  const visiblePendingRequests = (filteredPendingRequestArray || []).slice(
     0,
     visiblePending
   );
-  const visibleSelectedRequests = filteredSelectedRequestArray.slice(
+  const visibleSelectedRequests = (filteredSelectedRequestArray || []).slice(
     0,
     visibleSelected
   );
@@ -893,12 +896,12 @@ function ApprovalWorkflow({
     {
       label: "Action Required",
       icon: /* @__PURE__ */ jsx("span", { className: "icon-document-forward" }),
-      count: pendingRequestArray.length || ""
+      count: pendingRequestArray ? pendingRequestArray.length : 0
     },
     {
       label: "All Requests",
       icon: /* @__PURE__ */ jsx("span", { className: "icon-document-copy" }),
-      count: allRequestArray.length || ""
+      count: allRequestArray ? allRequestArray.length : 0
     }
   ];
   const fetchExpandedActivityLogs = (workflowLogId) => {
@@ -1905,7 +1908,15 @@ function DialogOpener({
 }) {
   const theme = useTheme();
   useMediaQuery(theme.breakpoints.down("lg"));
-  const [screenWidth, setScreenWidth] = useState(typeof window !== "undefined" ? window.innerWidth : 0);
+  const [screenWidth, setScreenWidth] = useState(
+    typeof window !== "undefined" ? window.innerWidth : 0
+  );
+  console.log("Dialog opener props", {
+    openDialog,
+    handleClose,
+    userInfoData,
+    selectedWorkflowsList
+  });
   useEffect(() => {
     const updateScreenWidth = () => setScreenWidth(window.innerWidth);
     window.addEventListener("resize", updateScreenWidth);
@@ -1918,18 +1929,37 @@ function DialogOpener({
       open: openDialog,
       onClose: () => handleClose && handleClose(),
       "aria-labelledby": "responsive-dialog-title",
-      sx: { zIndex: 123 },
+      sx: { zIndex: 1234 },
       children: [
         /* @__PURE__ */ jsxs(DialogContent, { children: [
-          /* @__PURE__ */ jsx(IconButton, { onClick: handleClose, disableFocusRipple: true, disableRipple: true, sx: { float: "right" }, children: /* @__PURE__ */ jsx(HighlightOffIcon, { style: { color: "#666666" } }) }),
-          /* @__PURE__ */ jsx(ApprovalWorkflow, { userInfo: userInfoData, selectedWorkflowsList })
+          /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              onClick: handleClose,
+              disableFocusRipple: true,
+              disableRipple: true,
+              sx: { float: "right" },
+              children: /* @__PURE__ */ jsx(HighlightOffIcon, { style: { color: "#666666" } })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ApprovalWorkflow,
+            {
+              userInfo: userInfoData,
+              selectedWorkflowsList
+            }
+          )
         ] }),
         /* @__PURE__ */ jsx(DialogActions5, { children: /* @__PURE__ */ jsx(
           Button7,
           {
             variant: "contained",
             color: "primary",
-            sx: { display: "flex", justifyContent: "flex-end", alignItems: "center" },
+            sx: {
+              display: "flex",
+              justifyContent: "flex-end",
+              alignItems: "center"
+            },
             onClick: handleClose,
             children: "Close"
           }