amp-workflow-ui 0.1.16 → 0.1.17

package/dist/index.js

@@ -461,6 +461,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__ */ jsxRuntime.jsxs(
                   material.Typography,
                   {
@@ -1414,6 +1430,12 @@ var SearchBox = ({
       placeholder: placeHolderTitle,
       autoComplete: "off",
       className: "custom-search",
+      sx: {
+        "& .MuiOutlinedInput-root": {
+          height: "38px",
+          borderRadius: "20px"
+        }
+      },
       InputProps: {
         startAdornment: /* @__PURE__ */ jsxRuntime.jsx(material.InputAdornment, { position: "start", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "icon-search-normal-1" }) }),
         endAdornment: searchText ? /* @__PURE__ */ jsxRuntime.jsx(material.InputAdornment, { position: "end", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1656,8 +1678,8 @@ function FilterButton({ onClick }) {
       variant: "contained",
       startIcon: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.FilterAlt, { sx: { fontSize: "18px" } }),
       sx: {
-        backgroundColor: "#f4f0ef",
-        color: "#666",
+        backgroundColor: "#f4f0ef !important",
+        color: "#666 !important",
         fontFamily: "Poppins, sans-serif",
         fontWeight: 500,
         fontSize: "14px",
@@ -1672,7 +1694,7 @@ function FilterButton({ onClick }) {
         gap: "8px",
         boxShadow: "none",
         "&:hover": {
-          backgroundColor: "#ebe7e6",
+          backgroundColor: "#ebe7e6 !important",
           boxShadow: "none"
         },
         "&:active": {
@@ -1789,7 +1811,7 @@ function ApprovalWorkflow({
   }, [selectedOption]);
   React7.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]: {
@@ -1801,16 +1823,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 = React7.useCallback(() => {
     setSearchText("");
   }, []);
@@ -2095,7 +2115,13 @@ function ApprovalWorkflow({
         children: /* @__PURE__ */ jsxRuntime.jsxs(
           system.Box,
           {
-            sx: { width: "100%", height: "100%", overflow: "hidden !important" },
+            sx: {
+              width: "1141px",
+              maxWidth: "1141px",
+              minWidth: "1141px",
+              height: "100%",
+              overflow: "hidden !important"
+            },
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs(
                 system.Box,