amp-workflow-ui 0.1.16 → 0.1.18

package/dist/index.mjs

@@ -447,6 +447,22 @@ function WorkflowRequestCard({
                 ),
                 arrow: true,
                 placement: "top",
+                componentsProps: {
+                  tooltip: {
+                    sx: {
+                      backgroundColor: "#fff",
+                      color: "#000",
+                      boxShadow: "0 4px 12px rgba(0,0,0,0.15)",
+                      borderRadius: "6px",
+                      p: 1
+                    }
+                  },
+                  arrow: {
+                    sx: {
+                      color: "#fff"
+                    }
+                  }
+                },
                 children: /* @__PURE__ */ jsxs(
                   Typography,
                   {
@@ -588,7 +604,8 @@ function SendBackDialog({
   openModal,
   closeModal,
   header,
-  workflowLogId
+  workflowLogId,
+  onSuccess
 }) {
   const { userInfo, api } = useWorkflowContext();
   const [comment, setComment] = useState("");
@@ -695,6 +712,7 @@ function SendBackDialog({
       setFileName("");
       setLoading(false);
       closeModal && closeModal();
+      onSuccess && onSuccess();
     }
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -839,7 +857,8 @@ function ApproveDialog({
   closeModal,
   header,
   workflowLogId,
-  statusId
+  statusId,
+  onSuccess
 }) {
   const { userInfo, api } = useWorkflowContext();
   const theme = useTheme();
@@ -891,6 +910,7 @@ function ApproveDialog({
       setComment("");
       setLoading(false);
       closeModal && closeModal();
+      onSuccess && onSuccess();
     }
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -1000,7 +1020,8 @@ function RejectDialog({
   header,
   workflowLogId,
   statusId,
-  rejection_reason_master
+  rejection_reason_master,
+  onSuccess
 }) {
   const { userInfo, api } = useWorkflowContext();
   const theme = useTheme();
@@ -1092,6 +1113,7 @@ function RejectDialog({
       setRejectReasons("");
       setLoading(false);
       closeModal && closeModal();
+      onSuccess && onSuccess();
     }
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -1218,7 +1240,8 @@ function OnHoldDialog({
   closeModal,
   header,
   workflowLogId,
-  statusId
+  statusId,
+  onSuccess
 }) {
   const { userInfo, api } = useWorkflowContext();
   const theme = useTheme();
@@ -1270,6 +1293,7 @@ function OnHoldDialog({
       setComment("");
       closeModal && closeModal();
       setLoading(false);
+      onSuccess && onSuccess();
     }
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -1400,6 +1424,12 @@ var SearchBox = ({
       placeholder: placeHolderTitle,
       autoComplete: "off",
       className: "custom-search",
+      sx: {
+        "& .MuiOutlinedInput-root": {
+          height: "38px",
+          borderRadius: "20px"
+        }
+      },
       InputProps: {
         startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx("span", { className: "icon-search-normal-1" }) }),
         endAdornment: searchText ? /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(
@@ -1642,8 +1672,8 @@ function FilterButton({ onClick }) {
       variant: "contained",
       startIcon: /* @__PURE__ */ jsx(FilterAlt, { sx: { fontSize: "18px" } }),
       sx: {
-        backgroundColor: "#f4f0ef",
-        color: "#666",
+        backgroundColor: "#f4f0ef !important",
+        color: "#666 !important",
         fontFamily: "Poppins, sans-serif",
         fontWeight: 500,
         fontSize: "14px",
@@ -1658,7 +1688,7 @@ function FilterButton({ onClick }) {
         gap: "8px",
         boxShadow: "none",
         "&:hover": {
-          backgroundColor: "#ebe7e6",
+          backgroundColor: "#ebe7e6 !important",
           boxShadow: "none"
         },
         "&:active": {
@@ -1775,7 +1805,7 @@ function ApprovalWorkflow({
   }, [selectedOption]);
   useEffect(() => {
     var _a2, _b2;
-    if (debouncedSearchTerm !== tabs[selectedOption].search) {
+    if (debouncedSearchTerm !== tabs[selectedOption].search && ((_a2 = tabs[selectedOption]) == null ? void 0 : _a2.initialized)) {
       setTabs((prev) => ({
         ...prev,
         [selectedOption]: {
@@ -1787,16 +1817,14 @@ function ApprovalWorkflow({
           // Clear data on new search
         }
       }));
-      if ((_a2 = tabs[selectedOption]) == null ? void 0 : _a2.initialized) {
-        fetchData(
-          selectedOption,
-          1,
-          debouncedSearchTerm,
-          (_b2 = tabs[selectedOption]) == null ? void 0 : _b2.filters
-        );
-      }
+      fetchData(
+        selectedOption,
+        1,
+        debouncedSearchTerm,
+        (_b2 = tabs[selectedOption]) == null ? void 0 : _b2.filters
+      );
     }
-  }, [debouncedSearchTerm, selectedOption]);
+  }, [debouncedSearchTerm]);
   const handleClearSearch = useCallback(() => {
     setSearchText("");
   }, []);
@@ -2081,7 +2109,13 @@ function ApprovalWorkflow({
         children: /* @__PURE__ */ jsxs(
           Box$1,
           {
-            sx: { width: "100%", height: "100%", overflow: "hidden !important" },
+            sx: {
+              width: "1141px",
+              maxWidth: "1141px",
+              minWidth: "1141px",
+              height: "100%",
+              overflow: "hidden !important"
+            },
             children: [
               /* @__PURE__ */ jsxs(
                 Box$1,
@@ -2227,7 +2261,16 @@ function ApprovalWorkflow({
         openModal: !!sendDialog,
         closeModal: () => setSendDialog(null),
         header: "Send Back",
-        workflowLogId: sendDialog || ""
+        workflowLogId: sendDialog || "",
+        onSuccess: () => {
+          var _a2, _b2;
+          return fetchData(
+            selectedOption,
+            1,
+            (_a2 = tabs[selectedOption]) == null ? void 0 : _a2.search,
+            (_b2 = tabs[selectedOption]) == null ? void 0 : _b2.filters
+          );
+        }
       }
     ),
     /* @__PURE__ */ jsx(
@@ -2237,7 +2280,16 @@ function ApprovalWorkflow({
         closeModal: () => setApproveTarget(null),
         header: "Approve",
         workflowLogId: (_m = approveTarget == null ? void 0 : approveTarget.split("|")) == null ? void 0 : _m[0],
-        statusId: (_n = approveTarget == null ? void 0 : approveTarget.split("|")) == null ? void 0 : _n[1]
+        statusId: (_n = approveTarget == null ? void 0 : approveTarget.split("|")) == null ? void 0 : _n[1],
+        onSuccess: () => {
+          var _a2, _b2;
+          return fetchData(
+            selectedOption,
+            1,
+            (_a2 = tabs[selectedOption]) == null ? void 0 : _a2.search,
+            (_b2 = tabs[selectedOption]) == null ? void 0 : _b2.filters
+          );
+        }
       }
     ),
     /* @__PURE__ */ jsx(
@@ -2248,7 +2300,16 @@ function ApprovalWorkflow({
         header: "Reject",
         workflowLogId: (_o = rejectTarget == null ? void 0 : rejectTarget.split("|")) == null ? void 0 : _o[0],
         statusId: (_p = rejectTarget == null ? void 0 : rejectTarget.split("|")) == null ? void 0 : _p[1],
-        rejection_reason_master: (_q = rejectTarget == null ? void 0 : rejectTarget.split("|")) == null ? void 0 : _q[2]
+        rejection_reason_master: (_q = rejectTarget == null ? void 0 : rejectTarget.split("|")) == null ? void 0 : _q[2],
+        onSuccess: () => {
+          var _a2, _b2;
+          return fetchData(
+            selectedOption,
+            1,
+            (_a2 = tabs[selectedOption]) == null ? void 0 : _a2.search,
+            (_b2 = tabs[selectedOption]) == null ? void 0 : _b2.filters
+          );
+        }
       }
     ),
     /* @__PURE__ */ jsx(
@@ -2258,7 +2319,16 @@ function ApprovalWorkflow({
         closeModal: () => setOnHoldTarget(null),
         header: "On Hold",
         workflowLogId: (_r = onHoldTarget == null ? void 0 : onHoldTarget.split("|")) == null ? void 0 : _r[0],
-        statusId: (_s = onHoldTarget == null ? void 0 : onHoldTarget.split("|")) == null ? void 0 : _s[1]
+        statusId: (_s = onHoldTarget == null ? void 0 : onHoldTarget.split("|")) == null ? void 0 : _s[1],
+        onSuccess: () => {
+          var _a2, _b2;
+          return fetchData(
+            selectedOption,
+            1,
+            (_a2 = tabs[selectedOption]) == null ? void 0 : _a2.search,
+            (_b2 = tabs[selectedOption]) == null ? void 0 : _b2.filters
+          );
+        }
       }
     ),
     /* @__PURE__ */ jsxs(