@banyan_cloud/roots 1.0.152 → 1.0.153

package/dist/cjs/index.js

@@ -5778,6 +5778,61 @@ Filter.defaultProps = {
   className: ''
 };
 
+var ColumnFilter = function ColumnFilter(props) {
+  var className = props.className;
+  return /*#__PURE__*/jsxRuntime.jsxs("svg", {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    className: className,
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/jsxRuntime.jsxs("g", {
+      "clip-path": "url(#clip0_693_739)",
+      children: [/*#__PURE__*/jsxRuntime.jsx("path", {
+        d: "M0 0H24V24H0V0Z",
+        fill: "#EFEFF0"
+      }), /*#__PURE__*/jsxRuntime.jsx("path", {
+        d: "M4 6H20",
+        stroke: "#575F6E",
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }), /*#__PURE__*/jsxRuntime.jsx("path", {
+        d: "M4 12H8",
+        stroke: "#575F6E",
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }), /*#__PURE__*/jsxRuntime.jsx("path", {
+        d: "M4 18H8",
+        stroke: "#575F6E",
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }), /*#__PURE__*/jsxRuntime.jsx("path", {
+        d: "M10.5735 9H21.7163C21.8398 9.04329 21.9517 9.11427 22.0434 9.20748C22.1352 9.3007 22.2045 9.41369 22.2458 9.53779C22.2872 9.66189 22.2996 9.79382 22.2821 9.92346C22.2646 10.0531 22.2177 10.177 22.1449 10.2857L17.8592 15V21L14.4306 18.4286V15L10.1449 10.2857C10.0721 10.177 10.0252 10.0531 10.0077 9.92346C9.99021 9.79382 10.0026 9.66189 10.044 9.53779C10.0854 9.41369 10.1546 9.3007 10.2464 9.20748C10.3381 9.11427 10.45 9.04329 10.5735 9Z",
+        stroke: "#0F62FE",
+        "stroke-width": "1.71429",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx("defs", {
+      children: /*#__PURE__*/jsxRuntime.jsx("clipPath", {
+        id: "clip0_693_739",
+        children: /*#__PURE__*/jsxRuntime.jsx("rect", {
+          width: "24",
+          height: "24",
+          fill: "white"
+        })
+      })
+    })]
+  });
+};
+ColumnFilter.defaultProps = {
+  className: ''
+};
+
 var MagnifyingGlass = function MagnifyingGlass(props) {
   var className = props.className;
   return /*#__PURE__*/jsxRuntime.jsxs("svg", {
@@ -47929,9 +47984,6 @@ var TableCell = /*#__PURE__*/React.forwardRef(function TableCell(props, ref) {
     onSort = props.onSort;
     props.theme;
     var v2 = props.v2;
-  console.log({
-    v2: v2
-  });
   if (v2) {
     return /*#__PURE__*/jsxRuntime.jsx(TableCell$1, _objectSpread2({}, props));
   }
@@ -50178,8 +50230,8 @@ var Columns = function Columns(props) {
   });
 };
 
-var css$n = ".TableFilters_module_root__5c8a9b08[data-elem=base-cell] {\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  overflow-x: auto;\n  padding: 0.375rem 1rem;\n  gap: 1.25rem;\n  width: 100%;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell]::-webkit-scrollbar {\n  display: none;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] .TableFilters_module_icon__5c8a9b08 {\n  width: 1.5rem;\n  height: 1.5rem;\n  flex-shrink: 0;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] button.TableFilters_module_iconButton__5c8a9b08 {\n  height: 100%;\n  background: var(--grey8);\n  border: 1px solid var(--grey4);\n  color: var(--black);\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem*=component] {\n  height: 100%;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] .TableFilters_module_left__5c8a9b08,\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] .TableFilters_module_center__5c8a9b08,\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] .TableFilters_module_right__5c8a9b08 {\n  height: 100%;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__5c8a9b08 {\n  gap: 1rem;\n  background: var(--grey8);\n  border: 1px solid var(--grey4);\n  color: var(--black);\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__5c8a9b08 [data-elem=left] {\n  gap: 1rem;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__5c8a9b08 .TableFilters_module_icon__5c8a9b08 {\n  fill: var(--black);\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__5c8a9b08 .TableFilters_module_filterValue__5c8a9b08 {\n  color: var(--white);\n  background: var(--highlight);\n  padding: 0.125rem 0.5rem;\n  border-radius: 50%;\n  font-size: 0.813rem;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component2] {\n  flex: 1;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component2] > .TableFilters_module_center__5c8a9b08 {\n  width: 100%;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component2] > .TableFilters_module_center__5c8a9b08 > label [data-elem=base-cell] {\n  border-color: var(--grey4);\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component2] > .TableFilters_module_center__5c8a9b08 > label [data-elem=base-cell] > [data-elem=component1] {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 0.5rem;\n  height: 100%;\n  padding: 0.25rem;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component2] > .TableFilters_module_center__5c8a9b08 > label [data-elem=base-cell] > [data-elem=component1] [data-elem=base-cell] {\n  outline: none;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component2] > .TableFilters_module_center__5c8a9b08 > label [data-elem=base-cell] > [data-elem=component2] input:disabled {\n  background: transparent;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component2] > .TableFilters_module_center__5c8a9b08 > label [data-elem=base-cell]:focus-within {\n  outline: 1px solid var(--highlight);\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] > [data-elem=component2] > .TableFilters_module_center__5c8a9b08 > label .TableFilters_module_icon__5c8a9b08 {\n  width: 1.25rem;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] .TableFilters_module_right__5c8a9b08 {\n  width: auto;\n  padding: 0;\n  min-width: 0rem;\n  gap: 0.5rem;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n}\n.TableFilters_module_root__5c8a9b08[data-elem=base-cell] .TableFilters_module_right__5c8a9b08 > [data-elem*=component] {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n}";
-var modules_a0fe63f9 = {"root":"TableFilters_module_root__5c8a9b08","icon":"TableFilters_module_icon__5c8a9b08","icon-button":"TableFilters_module_iconButton__5c8a9b08","left":"TableFilters_module_left__5c8a9b08","center":"TableFilters_module_center__5c8a9b08","right":"TableFilters_module_right__5c8a9b08","filter-value":"TableFilters_module_filterValue__5c8a9b08"};
+var css$n = ".TableFilters_module_root__ee865d7d[data-elem=base-cell] {\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-end;\n  align-items: center;\n  background: #ececed;\n  overflow-x: auto;\n  padding: 0.375rem 1rem;\n  width: 100%;\n}\n.TableFilters_module_root__ee865d7d[data-elem=base-cell]::-webkit-scrollbar {\n  display: none;\n}\n.TableFilters_module_root__ee865d7d[data-elem=base-cell] .TableFilters_module_icon__ee865d7d {\n  width: 1.5rem;\n  height: 1.5rem;\n  flex-shrink: 0;\n}\n.TableFilters_module_root__ee865d7d[data-elem=base-cell] button.TableFilters_module_iconButton__ee865d7d {\n  border: 1px solid red;\n  height: 100%;\n  background: var(--grey8);\n  border: 1px solid var(--grey4);\n  color: #141920;\n}\n.TableFilters_module_root__ee865d7d[data-elem=base-cell] > [data-elem*=component] {\n  height: 100%;\n}\n.TableFilters_module_root__ee865d7d[data-elem=base-cell] .TableFilters_module_left__ee865d7d,\n.TableFilters_module_root__ee865d7d[data-elem=base-cell] .TableFilters_module_center__ee865d7d,\n.TableFilters_module_root__ee865d7d[data-elem=base-cell] .TableFilters_module_right__ee865d7d {\n  height: 100%;\n}\n.TableFilters_module_root__ee865d7d[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__ee865d7d {\n  gap: 1rem;\n  background: var(--grey8);\n  border: 1px solid var(--grey4);\n  color: var(--black);\n}\n.TableFilters_module_root__ee865d7d[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__ee865d7d [data-elem=left] {\n  gap: 1rem;\n}\n.TableFilters_module_root__ee865d7d[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__ee865d7d .TableFilters_module_icon__ee865d7d {\n  fill: var(--black);\n}\n.TableFilters_module_root__ee865d7d[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__ee865d7d .TableFilters_module_filterValue__ee865d7d {\n  color: var(--white);\n  background: var(--highlight);\n  padding: 0.125rem 0.5rem;\n  border-radius: 50%;\n  font-size: 0.813rem;\n}\n.TableFilters_module_root__ee865d7d[data-elem=base-cell] > [data-elem=component2] {\n  gap: 0.5rem;\n  height: 100%;\n}";
+var modules_a0fe63f9 = {"root":"TableFilters_module_root__ee865d7d","icon":"TableFilters_module_icon__ee865d7d","icon-button":"TableFilters_module_iconButton__ee865d7d","left":"TableFilters_module_left__ee865d7d","center":"TableFilters_module_center__ee865d7d","right":"TableFilters_module_right__ee865d7d","filter-value":"TableFilters_module_filterValue__ee865d7d"};
 n(css$n,{});
 
 var css$m = ".Skeleton_module_root__bdc934d4[data-elem=base-cell] {\n  width: 100%;\n  gap: 1.25rem;\n}\n.Skeleton_module_root__bdc934d4[data-elem=base-cell] > [data-elem=component1] {\n  flex: 1;\n}\n.Skeleton_module_root__bdc934d4[data-elem=base-cell] > [data-elem=component2] {\n  flex: 6;\n}\n.Skeleton_module_root__bdc934d4[data-elem=base-cell] > [data-elem=component3] {\n  flex: 3;\n}\n.Skeleton_module_root__bdc934d4[data-elem=base-cell] > [data-elem=component3] > [data-elem=base-cell] {\n  padding: 0;\n  align-items: flex-start;\n  height: auto;\n}\n.Skeleton_module_root__bdc934d4[data-elem=base-cell] > [data-elem=component3] > [data-elem=base-cell] > [data-elem*=component] {\n  flex: 1;\n}\n.Skeleton_module_root__bdc934d4[data-elem=base-cell] > [data-elem=component3] > [data-elem=base-cell] > [data-elem*=component] > [data-elem=skeleton] {\n  height: 1.5rem;\n}";
@@ -50219,12 +50271,9 @@ var TableFiltersSkeleton = function TableFiltersSkeleton(_ref) {
 };
 
 var TableFilters = function TableFilters(props) {
-  var _selectedFilters$leng;
   var className = props.className,
     style = props.style,
-    onRefresh = props.onRefresh,
-    searchOptions = props.searchOptions,
-    filterValue = props.filterValue,
+    onSearch = props.onSearch,
     headerData = props.headerData,
     hiddenColumns = props.hiddenColumns,
     setHiddenColumns = props.setHiddenColumns,
@@ -50239,50 +50288,8 @@ var TableFilters = function TableFilters(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     anchorEl = _useState4[0],
     setAnchorEl = _useState4[1];
-  var disabledFilterButton = disabledFilterOptions.filterButton,
-    disabledRefresh = disabledFilterOptions.refresh,
-    disabledColumnFilter = disabledFilterOptions.columnFilter,
-    disabledSettings = disabledFilterOptions.settings;
-  // const filterRefs = useRef([]);
-
-  var hideRightOptions = disabledColumnFilter && disabledRefresh && disabledSettings;
-  var ref = React.useRef(null);
-  var onSearch = searchOptions.onSearch,
-    _onRemove = searchOptions.onRemove,
-    onLock = searchOptions.onLock,
-    selectedFilters = searchOptions.selectedFilters,
-    renderChipAutocomplete = searchOptions.renderChipAutocomplete,
-    searchbarOptions = searchOptions.searchbarOptions;
-  var totalFilters = (_selectedFilters$leng = selectedFilters === null || selectedFilters === void 0 ? void 0 : selectedFilters.length) !== null && _selectedFilters$leng !== void 0 ? _selectedFilters$leng : 0;
-  var renderFilters = React.useCallback(function () {
-    var filtersDOM = selectedFilters === null || selectedFilters === void 0 ? void 0 : selectedFilters.map(function (selectedFilter, index) {
-      // if (index === 0) {
-      // filterRefs.current = [];
-      // }
-      // const filterRef = createRef();
-      // filterRefs.current.push(filterRef);
-      return /*#__PURE__*/jsxRuntime.jsx(TableChipItem
-      // ref={filterRef}
-      // eslint-disable-next-line react/no-array-index-key
-      , _objectSpread2(_objectSpread2({}, selectedFilter), {}, {
-        onRemove: function onRemove() {
-          _onRemove(selectedFilter, index);
-        },
-        autocompleteOptions: _objectSpread2(_objectSpread2({}, selectedFilter.autocompleteOptions), {}, {
-          render: renderChipAutocomplete
-        }),
-        onSearch: onSearch,
-        onKeyDown: function onKeyDown(event) {
-          onLock(event, index);
-        }
-      }), index);
-    });
-    return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(MagnifyingGlass, {
-        className: modules_a0fe63f9.icon
-      }), filtersDOM]
-    });
-  }, [totalFilters]);
+  var disabledSearch = disabledFilterOptions.search,
+    disabledColumnFilter = disabledFilterOptions.columnFilter;
   if (loading) {
     return /*#__PURE__*/jsxRuntime.jsx(TableFiltersSkeleton, {
       theme: theme
@@ -50296,106 +50303,51 @@ var TableFilters = function TableFilters(props) {
       // onBlur,
     },
 
-    component1: !disabledFilterButton && /*#__PURE__*/jsxRuntime.jsx(Button, {
-      className: modules_a0fe63f9.left,
-      title: "Filter",
-      variant: "outlined",
+    component1: !disabledSearch && /*#__PURE__*/jsxRuntime.jsx(Button, {
+      size: "auto",
+      className: modules_a0fe63f9['icon-button'],
+      color: "default",
+      title: "Search Filter",
+      onClick: onSearch,
       leftComponent: function leftComponent() {
         return /*#__PURE__*/jsxRuntime.jsx(Filter, {
           className: modules_a0fe63f9.icon
         });
-      },
-      rightComponent: function rightComponent() {
-        if (filterValue !== null && filterValue !== void 0 && filterValue.applied) {
-          return /*#__PURE__*/jsxRuntime.jsx("div", {
-            className: modules_a0fe63f9['filter-value'],
-            children: filterValue === null || filterValue === void 0 ? void 0 : filterValue.applied
-          });
-        }
-        return null;
       }
     }),
-    component2: /*#__PURE__*/jsxRuntime.jsx(TextField, _objectSpread2(_objectSpread2({}, searchbarOptions), {}, {
-      ref: ref,
-      className: modules_a0fe63f9.center
-      // {...searchOptions}
-      ,
-      onFocus: function onFocus() {
-        var _searchOptions$onFocu;
-        searchOptions === null || searchOptions === void 0 || (_searchOptions$onFocu = searchOptions.onFocus) === null || _searchOptions$onFocu === void 0 ? void 0 : _searchOptions$onFocu.call(searchOptions);
-        // if (filterRefs?.current?.length > 0) {
-        // const lastFilter = filterRefs?.current?.slice(-1);
-        // lastFilter?.current?.focusLabel();
-        // }
-      },
-
-      onKeyDown: function onKeyDown(event) {
-        var _searchbarOptions$val;
-        if (event.keyCode === 8 && (searchbarOptions === null || searchbarOptions === void 0 || (_searchbarOptions$val = searchbarOptions.value) === null || _searchbarOptions$val === void 0 ? void 0 : _searchbarOptions$val.length) === 0) {
-          var _selectedFilters$leng2;
-          _onRemove(null, ((_selectedFilters$leng2 = selectedFilters === null || selectedFilters === void 0 ? void 0 : selectedFilters.length) !== null && _selectedFilters$leng2 !== void 0 ? _selectedFilters$leng2 : 0) - 1);
-        }
-      },
-      LeftComponent: renderFilters,
-      placeholder: (selectedFilters === null || selectedFilters === void 0 ? void 0 : selectedFilters.length) > 0 ? '' : 'Search'
-      // disabled={selectedFilters?.length > 0}
-    })),
-
-    component3: !hideRightOptions && /*#__PURE__*/jsxRuntime.jsx(BaseCell, {
-      flexible: true,
-      className: modules_a0fe63f9.right,
-      component1: !disabledColumnFilter && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
-          ref: function ref(el) {
-            setAnchorEl(el);
-          },
-          size: "auto",
-          className: modules_a0fe63f9['icon-button'],
-          color: "default",
-          leftComponent: function leftComponent() {
-            return /*#__PURE__*/jsxRuntime.jsx(Columns$2, {
-              className: modules_a0fe63f9.icon
-            });
-          },
-          title: "Columns",
-          onClick: function onClick() {
-            setOpenColumns(function (prev) {
-              return !prev;
-            });
-          }
-        }), /*#__PURE__*/jsxRuntime.jsx(Columns, {
-          anchorEl: anchorEl,
-          open: openColumns,
-          setOpen: setOpenColumns,
-          columns: headerData,
-          hiddenColumns: hiddenColumns,
-          setHiddenColumns: setHiddenColumns,
-          theme: theme
-        })]
-      }),
-      component2: !disabledRefresh && /*#__PURE__*/jsxRuntime.jsx(Button, {
+    component2: !disabledColumnFilter && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
+        ref: function ref(el) {
+          setAnchorEl(el);
+        },
         size: "auto",
         className: modules_a0fe63f9['icon-button'],
         color: "default",
-        title: "Refresh",
-        onClick: onRefresh,
         leftComponent: function leftComponent() {
-          return /*#__PURE__*/jsxRuntime.jsx(Refresh, {
+          return /*#__PURE__*/jsxRuntime.jsx(ColumnFilter, {
             className: modules_a0fe63f9.icon
           });
-        }
-      }),
-      component3: !disabledSettings && /*#__PURE__*/jsxRuntime.jsx(Button, {
-        size: "auto",
-        className: modules_a0fe63f9['icon-button'],
-        color: "default",
-        title: "Settings",
-        leftComponent: function leftComponent() {
-          return /*#__PURE__*/jsxRuntime.jsx(Settings, {
+        },
+        rightComponent: function rightComponent() {
+          return /*#__PURE__*/jsxRuntime.jsx(Caret, {
             className: modules_a0fe63f9.icon
           });
+        },
+        title: "Columns",
+        onClick: function onClick() {
+          setOpenColumns(function (prev) {
+            return !prev;
+          });
         }
-      })
+      }), /*#__PURE__*/jsxRuntime.jsx(Columns, {
+        anchorEl: anchorEl,
+        open: openColumns,
+        setOpen: setOpenColumns,
+        columns: headerData,
+        hiddenColumns: hiddenColumns,
+        setHiddenColumns: setHiddenColumns,
+        theme: theme
+      })]
     })
   });
 };
@@ -50403,7 +50355,6 @@ TableFilters.propTypes = {
   className: propTypesExports.string,
   // eslint-disable-next-line react/forbid-prop-types
   style: propTypesExports.object,
-  onRefresh: propTypesExports.func,
   onSearch: propTypesExports.func,
   searchValue: propTypesExports.string,
   // eslint-disable-next-line react/forbid-prop-types
@@ -50423,7 +50374,6 @@ TableFilters.propTypes = {
 TableFilters.defaultProps = {
   className: '',
   style: {},
-  onRefresh: function onRefresh() {},
   onSearch: function onSearch() {},
   searchValue: null,
   searchOptions: {},
@@ -50451,7 +50401,6 @@ for (var i$2 = 0; i$2 < INTERSECTION$1; i$2 += STEP$1) {
   THRESHOLD$1.push(i$2);
 }
 var Table$1 = function Table(props) {
-  var _chipsData$chips;
   var className = props.className,
     headerData = props.headerData,
     tableData = props.tableData,
@@ -50470,6 +50419,7 @@ var Table$1 = function Table(props) {
     rowHeight = props.rowHeight,
     theme = props.theme,
     onRowClick = props.onRowClick,
+    onSearch = props.onSearch,
     defaultActiveIndex = props.defaultActiveIndex,
     custom = props.custom;
   var ref = React.useRef(null);
@@ -50553,22 +50503,18 @@ var Table$1 = function Table(props) {
     },
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: classes(modules_2e8406c7.root, className),
-      children: [chipsData != null && ((chipsData === null || chipsData === void 0 || (_chipsData$chips = chipsData.chips) === null || _chipsData$chips === void 0 ? void 0 : _chipsData$chips.length) > 0 || (chipsData === null || chipsData === void 0 ? void 0 : chipsData.showBack) != null) && /*#__PURE__*/jsxRuntime.jsx(TableChips, _objectSpread2(_objectSpread2({
-        className: modules_2e8406c7.chips
-      }, chipsData), {}, {
-        loading: loading,
-        theme: theme
-      })), filtersData != null && /*#__PURE__*/jsxRuntime.jsx(TableFilters, _objectSpread2(_objectSpread2({
-        className: modules_2e8406c7.filters
-      }, _objectSpread2(_objectSpread2({}, filtersData), {}, {
+      children: [!Object.keys(disabledFilterOptions).every(function (key) {
+        return disabledFilterOptions[key] === true;
+      }) && /*#__PURE__*/jsxRuntime.jsx(TableFilters, {
+        className: modules_2e8406c7.filters,
         disabledFilterOptions: disabledFilterOptions,
         headerData: headerData,
         hiddenColumns: hiddenColumns,
-        setHiddenColumns: setHiddenColumns
-      })), {}, {
+        setHiddenColumns: setHiddenColumns,
+        onSearch: onSearch,
         loading: loading,
         theme: theme
-      })), /*#__PURE__*/jsxRuntime.jsx(BaseTable, {
+      }), /*#__PURE__*/jsxRuntime.jsx(BaseTable, {
         ref: ref,
         headerData: visibileColumns,
         tableData: tableData,
@@ -50626,6 +50572,7 @@ Table$1.propTypes = {
   onSort: propTypesExports.func,
   rowHeight: propTypesExports.oneOf(['md', 'lg']),
   onRowClick: propTypesExports.func,
+  onSearch: propTypesExports.func,
   theme: propTypesExports.oneOf(['light', 'dark']),
   custom: propTypesExports.node
 };
@@ -50647,15 +50594,14 @@ Table$1.defaultProps = {
   paginationData: null,
   loading: false,
   disabledFilterOptions: {
-    filterButton: false,
-    refresh: false,
-    columnFilter: false,
-    settings: false
+    search: false,
+    columnFilter: false
   },
   onSort: function onSort() {},
   rowHeight: 'md',
   theme: 'light',
   onRowClick: function onRowClick() {},
+  onSearch: function onSearch() {},
   custom: null
 };
 
@@ -118498,6 +118444,7 @@ exports.Chip = Chip;
 exports.ClockIcon = Clock;
 exports.CloseIcon = Close;
 exports.CodeSnippet = CodeSnippet;
+exports.ColumnFilter = ColumnFilter;
 exports.ColumnsIcon = Columns$2;
 exports.CopyIcon = Copy;
 exports.CrossIcon = Cross$1;