@banyan_cloud/roots 1.0.152 → 1.0.153

package/dist/esm/index.js

@@ -5758,6 +5758,61 @@ Filter.defaultProps = {
   className: ''
 };
 
+var ColumnFilter = function ColumnFilter(props) {
+  var className = props.className;
+  return /*#__PURE__*/jsxs("svg", {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    className: className,
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/jsxs("g", {
+      "clip-path": "url(#clip0_693_739)",
+      children: [/*#__PURE__*/jsx("path", {
+        d: "M0 0H24V24H0V0Z",
+        fill: "#EFEFF0"
+      }), /*#__PURE__*/jsx("path", {
+        d: "M4 6H20",
+        stroke: "#575F6E",
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }), /*#__PURE__*/jsx("path", {
+        d: "M4 12H8",
+        stroke: "#575F6E",
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }), /*#__PURE__*/jsx("path", {
+        d: "M4 18H8",
+        stroke: "#575F6E",
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }), /*#__PURE__*/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__*/jsx("defs", {
+      children: /*#__PURE__*/jsx("clipPath", {
+        id: "clip0_693_739",
+        children: /*#__PURE__*/jsx("rect", {
+          width: "24",
+          height: "24",
+          fill: "white"
+        })
+      })
+    })]
+  });
+};
+ColumnFilter.defaultProps = {
+  className: ''
+};
+
 var MagnifyingGlass = function MagnifyingGlass(props) {
   var className = props.className;
   return /*#__PURE__*/jsxs("svg", {
@@ -47909,9 +47964,6 @@ var TableCell = /*#__PURE__*/forwardRef(function TableCell(props, ref) {
     onSort = props.onSort;
     props.theme;
     var v2 = props.v2;
-  console.log({
-    v2: v2
-  });
   if (v2) {
     return /*#__PURE__*/jsx(TableCell$1, _objectSpread2({}, props));
   }
@@ -50158,8 +50210,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}";
@@ -50199,12 +50251,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,
@@ -50219,50 +50268,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 = 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 = 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__*/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__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx(MagnifyingGlass, {
-        className: modules_a0fe63f9.icon
-      }), filtersDOM]
-    });
-  }, [totalFilters]);
+  var disabledSearch = disabledFilterOptions.search,
+    disabledColumnFilter = disabledFilterOptions.columnFilter;
   if (loading) {
     return /*#__PURE__*/jsx(TableFiltersSkeleton, {
       theme: theme
@@ -50276,106 +50283,51 @@ var TableFilters = function TableFilters(props) {
       // onBlur,
     },
 
-    component1: !disabledFilterButton && /*#__PURE__*/jsx(Button, {
-      className: modules_a0fe63f9.left,
-      title: "Filter",
-      variant: "outlined",
+    component1: !disabledSearch && /*#__PURE__*/jsx(Button, {
+      size: "auto",
+      className: modules_a0fe63f9['icon-button'],
+      color: "default",
+      title: "Search Filter",
+      onClick: onSearch,
       leftComponent: function leftComponent() {
         return /*#__PURE__*/jsx(Filter, {
           className: modules_a0fe63f9.icon
         });
-      },
-      rightComponent: function rightComponent() {
-        if (filterValue !== null && filterValue !== void 0 && filterValue.applied) {
-          return /*#__PURE__*/jsx("div", {
-            className: modules_a0fe63f9['filter-value'],
-            children: filterValue === null || filterValue === void 0 ? void 0 : filterValue.applied
-          });
-        }
-        return null;
       }
     }),
-    component2: /*#__PURE__*/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__*/jsx(BaseCell, {
-      flexible: true,
-      className: modules_a0fe63f9.right,
-      component1: !disabledColumnFilter && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(Button, {
-          ref: function ref(el) {
-            setAnchorEl(el);
-          },
-          size: "auto",
-          className: modules_a0fe63f9['icon-button'],
-          color: "default",
-          leftComponent: function leftComponent() {
-            return /*#__PURE__*/jsx(Columns$2, {
-              className: modules_a0fe63f9.icon
-            });
-          },
-          title: "Columns",
-          onClick: function onClick() {
-            setOpenColumns(function (prev) {
-              return !prev;
-            });
-          }
-        }), /*#__PURE__*/jsx(Columns, {
-          anchorEl: anchorEl,
-          open: openColumns,
-          setOpen: setOpenColumns,
-          columns: headerData,
-          hiddenColumns: hiddenColumns,
-          setHiddenColumns: setHiddenColumns,
-          theme: theme
-        })]
-      }),
-      component2: !disabledRefresh && /*#__PURE__*/jsx(Button, {
+    component2: !disabledColumnFilter && /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/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__*/jsx(Refresh, {
+          return /*#__PURE__*/jsx(ColumnFilter, {
             className: modules_a0fe63f9.icon
           });
-        }
-      }),
-      component3: !disabledSettings && /*#__PURE__*/jsx(Button, {
-        size: "auto",
-        className: modules_a0fe63f9['icon-button'],
-        color: "default",
-        title: "Settings",
-        leftComponent: function leftComponent() {
-          return /*#__PURE__*/jsx(Settings, {
+        },
+        rightComponent: function rightComponent() {
+          return /*#__PURE__*/jsx(Caret, {
             className: modules_a0fe63f9.icon
           });
+        },
+        title: "Columns",
+        onClick: function onClick() {
+          setOpenColumns(function (prev) {
+            return !prev;
+          });
         }
-      })
+      }), /*#__PURE__*/jsx(Columns, {
+        anchorEl: anchorEl,
+        open: openColumns,
+        setOpen: setOpenColumns,
+        columns: headerData,
+        hiddenColumns: hiddenColumns,
+        setHiddenColumns: setHiddenColumns,
+        theme: theme
+      })]
     })
   });
 };
@@ -50383,7 +50335,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
@@ -50403,7 +50354,6 @@ TableFilters.propTypes = {
 TableFilters.defaultProps = {
   className: '',
   style: {},
-  onRefresh: function onRefresh() {},
   onSearch: function onSearch() {},
   searchValue: null,
   searchOptions: {},
@@ -50431,7 +50381,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,
@@ -50450,6 +50399,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 = useRef(null);
@@ -50533,22 +50483,18 @@ var Table$1 = function Table(props) {
     },
     children: /*#__PURE__*/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__*/jsx(TableChips, _objectSpread2(_objectSpread2({
-        className: modules_2e8406c7.chips
-      }, chipsData), {}, {
-        loading: loading,
-        theme: theme
-      })), filtersData != null && /*#__PURE__*/jsx(TableFilters, _objectSpread2(_objectSpread2({
-        className: modules_2e8406c7.filters
-      }, _objectSpread2(_objectSpread2({}, filtersData), {}, {
+      children: [!Object.keys(disabledFilterOptions).every(function (key) {
+        return disabledFilterOptions[key] === true;
+      }) && /*#__PURE__*/jsx(TableFilters, {
+        className: modules_2e8406c7.filters,
         disabledFilterOptions: disabledFilterOptions,
         headerData: headerData,
         hiddenColumns: hiddenColumns,
-        setHiddenColumns: setHiddenColumns
-      })), {}, {
+        setHiddenColumns: setHiddenColumns,
+        onSearch: onSearch,
         loading: loading,
         theme: theme
-      })), /*#__PURE__*/jsx(BaseTable, {
+      }), /*#__PURE__*/jsx(BaseTable, {
         ref: ref,
         headerData: visibileColumns,
         tableData: tableData,
@@ -50606,6 +50552,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
 };
@@ -50627,15 +50574,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
 };
 
@@ -118448,5 +118394,5 @@ InfoWindow.defaultProps = {
   disableAutoPan: true
 };
 
-export { Accordion, Alert, AlertIcon, AngleDouble as AngleDoubleIcon, Arrow$1 as ArrowIcon, BaseAreaChart, BaseButton, BaseCell, BaseHorizontalBarChart, BaseMap, BaseModal, BasePieChart, BaseRegionChart, BaseSidePanel, BaseTable$1 as BaseTable, BaseVerticalBarChart, BaseWidget, BreadCrumbs, BreadcrumbSeperator as BreadcrumbSeperatorIcon, Button, COLORS, Calender$1 as CalenderIcon, Caret as CaretIcon, Checkbox, CheckboxIcon, Chevron as ChevronIcon, Chip, Clock as ClockIcon, Close as CloseIcon, CodeSnippet, Columns$2 as ColumnsIcon, Copy as CopyIcon, Cross$1 as CrossIcon, DAYS, DatePicker, Delete as DeleteIcon, DialogBox, DisplayPicture, Download as DownloadIcon, Dropdown, DropdownIcon, DropdownItem, Edit as EditIcon, ExpandArrowAlt as ExpandArrowAltIcon, FULL_MONTHS, Filter as FilterIcon, HalfShade as HalfShadeIcon, HeatMapChart, HierarchyBrowser, HierarchyItem, InfoWindow, Link, MONTHS, MagnifyingGlass as MagnifyingGlassIcon, Map$1 as Map, Marker, Maximize as MaximizeIcon, NestedPieChart, Nut as NutIcon, PageHeader, Pagination, PaginationList, Plus as PlusIcon, Popover, Popper, Radio, RadioIcon, Refresh as RefreshIcon, Reset as ResetIcon, SearchIcon, Server as ServerIcon, Settings as SettingsIcon, Skeleton, Sort as SortIcon, Step, Stepper, Switch, Table, TableCell, TableChip, TableChipItem$1 as TableChipItem, TableChips$1 as TableChips, TableColumn$1 as TableColumn, TableFilters$1 as TableFilters, Tabs, Text, TextField, Tick as TickIcon, Toggle, Tooltip, Trash as TrashIcon, View$2 as ViewIcon, classes, cloneDeep, defaultProps, doubleDigitted, epochToFormattedDate, get$1 as get, getCSSVariableValue, getCurrentSearchParams, getDateFromEpoch, getDatesInAMonth, getDatesInStringFormat, getDayInfo, getInitialsOfName, getJSDateFromEpoch, getPagination, getSpacedDisplayName, getTimeFromEpoch, inputHelper, propTypes, safeJSONParse, stringToPath, sumArrayOfObjects, uniqueArray, uniqueArrayOfObjects, useOutsideClickListener, usePagination, useResize, useRowFilter, useTableSearch };
+export { Accordion, Alert, AlertIcon, AngleDouble as AngleDoubleIcon, Arrow$1 as ArrowIcon, BaseAreaChart, BaseButton, BaseCell, BaseHorizontalBarChart, BaseMap, BaseModal, BasePieChart, BaseRegionChart, BaseSidePanel, BaseTable$1 as BaseTable, BaseVerticalBarChart, BaseWidget, BreadCrumbs, BreadcrumbSeperator as BreadcrumbSeperatorIcon, Button, COLORS, Calender$1 as CalenderIcon, Caret as CaretIcon, Checkbox, CheckboxIcon, Chevron as ChevronIcon, Chip, Clock as ClockIcon, Close as CloseIcon, CodeSnippet, ColumnFilter, Columns$2 as ColumnsIcon, Copy as CopyIcon, Cross$1 as CrossIcon, DAYS, DatePicker, Delete as DeleteIcon, DialogBox, DisplayPicture, Download as DownloadIcon, Dropdown, DropdownIcon, DropdownItem, Edit as EditIcon, ExpandArrowAlt as ExpandArrowAltIcon, FULL_MONTHS, Filter as FilterIcon, HalfShade as HalfShadeIcon, HeatMapChart, HierarchyBrowser, HierarchyItem, InfoWindow, Link, MONTHS, MagnifyingGlass as MagnifyingGlassIcon, Map$1 as Map, Marker, Maximize as MaximizeIcon, NestedPieChart, Nut as NutIcon, PageHeader, Pagination, PaginationList, Plus as PlusIcon, Popover, Popper, Radio, RadioIcon, Refresh as RefreshIcon, Reset as ResetIcon, SearchIcon, Server as ServerIcon, Settings as SettingsIcon, Skeleton, Sort as SortIcon, Step, Stepper, Switch, Table, TableCell, TableChip, TableChipItem$1 as TableChipItem, TableChips$1 as TableChips, TableColumn$1 as TableColumn, TableFilters$1 as TableFilters, Tabs, Text, TextField, Tick as TickIcon, Toggle, Tooltip, Trash as TrashIcon, View$2 as ViewIcon, classes, cloneDeep, defaultProps, doubleDigitted, epochToFormattedDate, get$1 as get, getCSSVariableValue, getCurrentSearchParams, getDateFromEpoch, getDatesInAMonth, getDatesInStringFormat, getDayInfo, getInitialsOfName, getJSDateFromEpoch, getPagination, getSpacedDisplayName, getTimeFromEpoch, inputHelper, propTypes, safeJSONParse, stringToPath, sumArrayOfObjects, uniqueArray, uniqueArrayOfObjects, useOutsideClickListener, usePagination, useResize, useRowFilter, useTableSearch };
 //# sourceMappingURL=index.js.map