material-react-table 0.6.0 → 0.6.3

package/dist/material-react-table.cjs.development.js

@@ -7,8 +7,8 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var React = require('react');
 var React__default = _interopDefault(React);
 var reactTable = require('react-table');
-var matchSorter = require('match-sorter');
 var material = require('@mui/material');
+var matchSorter = require('match-sorter');
 var ArrowRightIcon = _interopDefault(require('@mui/icons-material/ArrowRight'));
 var CancelIcon = _interopDefault(require('@mui/icons-material/Cancel'));
 var ClearAllIcon = _interopDefault(require('@mui/icons-material/ClearAll'));
@@ -104,122 +104,35 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-var fuzzyFilterFN = function fuzzyFilterFN(rows, id, filterValue) {
-  return matchSorter.matchSorter(rows, filterValue.toString().trim(), {
-    keys: ["values." + id],
-    sorter: function sorter(rankedItems) {
-      return rankedItems;
-    }
-  });
-};
+var findLowestLevelCols = function findLowestLevelCols(columns) {
+  var lowestLevelColumns = columns;
+  var currentCols = columns;
 
-fuzzyFilterFN.autoRemove = function (val) {
-  return !val;
-};
-
-var containsFilterFN = function containsFilterFN(rows, id, filterValue) {
-  return rows.filter(function (row) {
-    return row.values[id].toString().toLowerCase().trim().includes(filterValue.toString().toLowerCase().trim());
-  });
-};
-
-containsFilterFN.autoRemove = function (val) {
-  return !val;
-};
-
-var startsWithFilterFN = function startsWithFilterFN(rows, id, filterValue) {
-  return rows.filter(function (row) {
-    return row.values[id].toString().toLowerCase().trim().startsWith(filterValue.toString().toLowerCase().trim());
-  });
-};
-
-startsWithFilterFN.autoRemove = function (val) {
-  return !val;
-};
-
-var endsWithFilterFN = function endsWithFilterFN(rows, id, filterValue) {
-  return rows.filter(function (row) {
-    return row.values[id].toString().toLowerCase().trim().endsWith(filterValue.toString().toLowerCase().trim());
-  });
-};
-
-endsWithFilterFN.autoRemove = function (val) {
-  return !val;
-};
-
-var equalsFilterFN = function equalsFilterFN(rows, id, filterValue) {
-  return rows.filter(function (row) {
-    return row.values[id].toString().toLowerCase().trim() === filterValue.toString().toLowerCase().trim();
-  });
-};
-
-equalsFilterFN.autoRemove = function (val) {
-  return !val;
-};
-
-var notEqualsFilterFN = function notEqualsFilterFN(rows, id, filterValue) {
-  return rows.filter(function (row) {
-    return row.values[id].toString().toLowerCase().trim() !== filterValue.toString().toLowerCase().trim();
-  });
-};
-
-notEqualsFilterFN.autoRemove = function (val) {
-  return !val;
-};
-
-var greaterThanFilterFN = function greaterThanFilterFN(rows, id, filterValue) {
-  return rows.filter(function (row) {
-    return !isNaN(+filterValue) && !isNaN(+row.values[id]) ? +row.values[id] > +filterValue : row.values[id].toString().toLowerCase().trim() > filterValue.toString().toLowerCase().trim();
-  });
-};
-
-greaterThanFilterFN.autoRemove = function (val) {
-  return !val;
-};
-
-var lessThanFilterFN = function lessThanFilterFN(rows, id, filterValue) {
-  return rows.filter(function (row) {
-    return !isNaN(+filterValue) && !isNaN(+row.values[id]) ? +row.values[id] < +filterValue : row.values[id].toString().toLowerCase().trim() < filterValue.toString().toLowerCase().trim();
-  });
-};
+  while (!!((_currentCols = currentCols) != null && _currentCols.length) && currentCols.some(function (col) {
+    return col.columns;
+  })) {
+    var _currentCols;
 
-lessThanFilterFN.autoRemove = function (val) {
-  return !val;
-};
+    var nextCols = currentCols.filter(function (col) {
+      return !!col.columns;
+    }).map(function (col) {
+      return col.columns;
+    }).flat();
 
-var emptyFilterFN = function emptyFilterFN(rows, id, _filterValue) {
-  return rows.filter(function (row) {
-    return !row.values[id].toString().toLowerCase().trim();
-  });
-};
+    if (nextCols.every(function (col) {
+      return !(col != null && col.columns);
+    })) {
+      lowestLevelColumns = [].concat(lowestLevelColumns, nextCols);
+    }
 
-emptyFilterFN.autoRemove = function (val) {
-  return !val;
-};
+    currentCols = nextCols;
+  }
 
-var notEmptyFilterFN = function notEmptyFilterFN(rows, id, _filterValue) {
-  return rows.filter(function (row) {
-    return !!row.values[id].toString().toLowerCase().trim();
+  return lowestLevelColumns.filter(function (col) {
+    return !col.columns;
   });
 };
 
-notEmptyFilterFN.autoRemove = function (val) {
-  return !val;
-};
-
-var defaultFilterFNs = {
-  contains: containsFilterFN,
-  empty: emptyFilterFN,
-  endsWith: endsWithFilterFN,
-  greaterThan: greaterThanFilterFN,
-  lessThan: lessThanFilterFN,
-  equals: equalsFilterFN,
-  fuzzy: fuzzyFilterFN,
-  notEmpty: notEmptyFilterFN,
-  notEquals: notEqualsFilterFN,
-  startsWith: startsWithFilterFN
-};
-
 var MaterialReactTableContext = /*#__PURE__*/function () {
   return React.createContext({});
 }();
@@ -250,59 +163,46 @@ var MaterialReactTableProvider = function MaterialReactTableProvider(props) {
       showSearch = _useState5[0],
       setShowSearch = _useState5[1];
 
-  var filterTypes = React.useMemo(function () {
-    return _extends({}, defaultFilterFNs, props.filterTypes);
-  }, [props.filterTypes]);
-
-  var getInitialFilterTypeState = function getInitialFilterTypeState() {
-    var lowestLevelColumns = props.columns;
-    var currentCols = props.columns;
-
-    while (!!currentCols.length && currentCols.some(function (col) {
-      return col.columns;
-    })) {
-      var nextCols = currentCols.filter(function (col) {
-        return !!col.columns;
-      }).map(function (col) {
-        return col.columns;
-      }).flat();
-
-      if (nextCols.every(function (col) {
-        return !col.columns;
-      })) {
-        lowestLevelColumns = [].concat(lowestLevelColumns, nextCols);
-      }
-
-      currentCols = nextCols;
-    }
-
-    lowestLevelColumns = lowestLevelColumns.filter(function (col) {
-      return !col.columns;
-    });
-    return Object.assign.apply(Object, [{}].concat(lowestLevelColumns.map(function (c) {
+  var _useState6 = React.useState(function () {
+    return Object.assign.apply(Object, [{}].concat(findLowestLevelCols(props.columns).map(function (c) {
       var _ref, _c$filter, _props$initialState5, _props$initialState5$, _ref2;
 
       return _ref2 = {}, _ref2[c.accessor] = (_ref = (_c$filter = c.filter) != null ? _c$filter : props == null ? void 0 : (_props$initialState5 = props.initialState) == null ? void 0 : (_props$initialState5$ = _props$initialState5.filters) == null ? void 0 : _props$initialState5$[c.accessor]) != null ? _ref : !!c.filterSelectOptions ? 'equals' : 'fuzzy', _ref2;
     })));
-  };
-
-  var _useState6 = React.useState(function () {
-    return getInitialFilterTypeState();
   }),
       currentFilterTypes = _useState6[0],
       setCurrentFilterTypes = _useState6[1];
 
-  var columns = React.useMemo(function () {
-    return props.columns.map(function (column) {
-      column.filter = filterTypes[currentFilterTypes[column.accessor]];
+  var applyFiltersToColumns = React.useCallback(function (cols) {
+    return cols.map(function (column) {
+      if (column.columns) {
+        applyFiltersToColumns(column.columns);
+      } else {
+        var _props$filterTypes;
+
+        column.filter = props == null ? void 0 : (_props$filterTypes = props.filterTypes) == null ? void 0 : _props$filterTypes[currentFilterTypes[column.accessor]];
+      }
+
       return column;
     });
-  }, [props.columns, filterTypes, currentFilterTypes]);
-  var tableInstance = reactTable.useTable.apply(void 0, [_extends({}, props, {
-    columns: columns,
+  }, [currentFilterTypes, props.filterTypes]);
+  var columns = React.useMemo(function () {
+    return applyFiltersToColumns(props.columns);
+  }, [props.columns, applyFiltersToColumns]);
+  var data = React.useMemo(function () {
+    return !props.isLoading || !!props.data.length ? props.data : [].concat(Array(10)).map(function (_) {
+      return Object.assign.apply(Object, [{}].concat(findLowestLevelCols(props.columns).map(function (c) {
+        var _ref3;
+
+        return _ref3 = {}, _ref3[c.accessor] = null, _ref3;
+      })));
+    });
+  }, [props.data, props.isLoading]);
+  var tableInstance = reactTable.useTable.apply(void 0, [// @ts-ignore
+  _extends({}, props, {
     // @ts-ignore
-    filterTypes: filterTypes,
-    globalFilterValue: 'fuzzy',
+    columns: columns,
+    data: data,
     useControlledState: function useControlledState(state) {
       return React.useMemo(function () {
         return _extends({}, state, {
@@ -367,6 +267,124 @@ var MRT_FILTER_TYPE;
   MRT_FILTER_TYPE["STARTS_WITH"] = "startsWith";
 })(MRT_FILTER_TYPE || (MRT_FILTER_TYPE = {}));
 
+var fuzzyFilterFN = function fuzzyFilterFN(rows, columnIds, filterValue) {
+  return matchSorter.matchSorter(rows, filterValue.toString().trim(), {
+    keys: Array.isArray(columnIds) ? columnIds.map(function (c) {
+      return "values." + c;
+    }) : ["values." + columnIds],
+    sorter: function sorter(rankedItems) {
+      return rankedItems;
+    }
+  });
+};
+
+fuzzyFilterFN.autoRemove = function (val) {
+  return !val;
+};
+
+var containsFilterFN = function containsFilterFN(rows, id, filterValue) {
+  return rows.filter(function (row) {
+    return row.values[id].toString().toLowerCase().trim().includes(filterValue.toString().toLowerCase().trim());
+  });
+};
+
+containsFilterFN.autoRemove = function (val) {
+  return !val;
+};
+
+var startsWithFilterFN = function startsWithFilterFN(rows, id, filterValue) {
+  return rows.filter(function (row) {
+    return row.values[id].toString().toLowerCase().trim().startsWith(filterValue.toString().toLowerCase().trim());
+  });
+};
+
+startsWithFilterFN.autoRemove = function (val) {
+  return !val;
+};
+
+var endsWithFilterFN = function endsWithFilterFN(rows, id, filterValue) {
+  return rows.filter(function (row) {
+    return row.values[id].toString().toLowerCase().trim().endsWith(filterValue.toString().toLowerCase().trim());
+  });
+};
+
+endsWithFilterFN.autoRemove = function (val) {
+  return !val;
+};
+
+var equalsFilterFN = function equalsFilterFN(rows, id, filterValue) {
+  return rows.filter(function (row) {
+    return row.values[id].toString().toLowerCase().trim() === filterValue.toString().toLowerCase().trim();
+  });
+};
+
+equalsFilterFN.autoRemove = function (val) {
+  return !val;
+};
+
+var notEqualsFilterFN = function notEqualsFilterFN(rows, id, filterValue) {
+  return rows.filter(function (row) {
+    return row.values[id].toString().toLowerCase().trim() !== filterValue.toString().toLowerCase().trim();
+  });
+};
+
+notEqualsFilterFN.autoRemove = function (val) {
+  return !val;
+};
+
+var greaterThanFilterFN = function greaterThanFilterFN(rows, id, filterValue) {
+  return rows.filter(function (row) {
+    return !isNaN(+filterValue) && !isNaN(+row.values[id]) ? +row.values[id] > +filterValue : row.values[id].toString().toLowerCase().trim() > filterValue.toString().toLowerCase().trim();
+  });
+};
+
+greaterThanFilterFN.autoRemove = function (val) {
+  return !val;
+};
+
+var lessThanFilterFN = function lessThanFilterFN(rows, id, filterValue) {
+  return rows.filter(function (row) {
+    return !isNaN(+filterValue) && !isNaN(+row.values[id]) ? +row.values[id] < +filterValue : row.values[id].toString().toLowerCase().trim() < filterValue.toString().toLowerCase().trim();
+  });
+};
+
+lessThanFilterFN.autoRemove = function (val) {
+  return !val;
+};
+
+var emptyFilterFN = function emptyFilterFN(rows, id, _filterValue) {
+  return rows.filter(function (row) {
+    return !row.values[id].toString().toLowerCase().trim();
+  });
+};
+
+emptyFilterFN.autoRemove = function (val) {
+  return !val;
+};
+
+var notEmptyFilterFN = function notEmptyFilterFN(rows, id, _filterValue) {
+  return rows.filter(function (row) {
+    return !!row.values[id].toString().toLowerCase().trim();
+  });
+};
+
+notEmptyFilterFN.autoRemove = function (val) {
+  return !val;
+};
+
+var defaultFilterFNs = {
+  contains: containsFilterFN,
+  empty: emptyFilterFN,
+  endsWith: endsWithFilterFN,
+  equals: equalsFilterFN,
+  fuzzy: fuzzyFilterFN,
+  greaterThan: greaterThanFilterFN,
+  lessThan: lessThanFilterFN,
+  notEmpty: notEmptyFilterFN,
+  notEquals: notEqualsFilterFN,
+  startsWith: startsWithFilterFN
+};
+
 var commonMenuItemStyles = {
   py: '6px',
   my: 0,
@@ -594,6 +612,7 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
         arrow: true,
         title: localization.changeFilterMode
       }, React__default.createElement("span", null, React__default.createElement(material.IconButton, {
+        "aria-label": localization.changeFilterMode,
         onClick: handleFilterMenuOpen,
         size: "small",
         sx: {
@@ -843,15 +862,16 @@ var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
     setAnchorEl(null);
   };
 
+  var handleShowAllColumns = function handleShowAllColumns() {
+    tableInstance.toggleHideAllColumns(false);
+    setAnchorEl(null);
+  };
+
   var handleOpenFilterModeMenu = function handleOpenFilterModeMenu(event) {
     event.stopPropagation();
     setFilterMenuAnchorEl(event.currentTarget);
   };
 
-  var handleShowAllColumns = function handleShowAllColumns() {
-    tableInstance.toggleHideAllColumns(false);
-  };
-
   var handleOpenShowHideColumnsMenu = function handleOpenShowHideColumnsMenu(event) {
     event.stopPropagation();
     setShowHideColumnsMenuAnchorEl(event.currentTarget);
@@ -2413,9 +2433,7 @@ var MRT_TableBody = function MRT_TableBody() {
   });
 
   return React__default.createElement(material.TableBody, Object.assign({}, tableBodyProps, {
-    sx: _extends({
-      overflowY: 'hidden'
-    }, tableBodyProps == null ? void 0 : tableBodyProps.sx)
+    sx: _extends({}, tableBodyProps == null ? void 0 : tableBodyProps.sx)
   }), rows.map(function (row) {
     tableInstance.prepareRow(row);
     return React__default.createElement(MRT_TableBodyRow, {
@@ -2775,7 +2793,7 @@ var MRT_TablePagination = function MRT_TablePagination() {
     showLastButton: tableInstance.rows.length / tableInstance.state.pageSize > 2
   }, tablePaginationProps, {
     sx: _extends({
-      p: 0,
+      m: '0 0.5rem',
       position: 'relative',
       zIndex: 2
     }, tablePaginationProps == null ? void 0 : tablePaginationProps.sx)
@@ -2837,6 +2855,34 @@ var MRT_ToolbarAlertBanner = function MRT_ToolbarAlertBanner() {
   }, selectMessage, groupedByMessage)));
 };
 
+var MRT_LinearProgressBar = function MRT_LinearProgressBar() {
+  var _useMRT = useMRT(),
+      muiLinearProgressProps = _useMRT.muiLinearProgressProps,
+      isFetching = _useMRT.isFetching,
+      isLoading = _useMRT.isLoading,
+      tableInstance = _useMRT.tableInstance;
+
+  var linearProgressProps = muiLinearProgressProps instanceof Function ? muiLinearProgressProps(tableInstance) : muiLinearProgressProps;
+  return React__default.createElement(material.Collapse, {
+    "in": isFetching || isLoading,
+    unmountOnExit: true
+  }, React__default.createElement(material.LinearProgress, Object.assign({
+    "aria-label": "Loading",
+    "aria-busy": "true"
+  }, linearProgressProps)));
+};
+
+var commonToolbarStyles = function commonToolbarStyles(theme, tableInstance) {
+  return {
+    backgroundColor: theme.palette.background["default"],
+    backgroundImage: "linear-gradient(" + material.alpha(theme.palette.common.white, 0.05) + "," + material.alpha(theme.palette.common.white, 0.05) + ")",
+    display: 'grid',
+    opacity: tableInstance.state.fullScreen ? 0.95 : 1,
+    p: '0 !important',
+    width: '100%',
+    zIndex: 1
+  };
+};
 var MRT_ToolbarTop = function MRT_ToolbarTop() {
   var _renderToolbarCustomA;
 
@@ -2857,15 +2903,9 @@ var MRT_ToolbarTop = function MRT_ToolbarTop() {
   }, toolbarProps, {
     sx: function sx(theme) {
       return _extends({
-        backgroundColor: theme.palette.background["default"],
-        backgroundImage: "linear-gradient(" + material.alpha(theme.palette.common.white, 0.05) + "," + material.alpha(theme.palette.common.white, 0.05) + ")",
-        display: 'grid',
-        p: '0 !important',
         position: tableInstance.state.fullScreen ? 'sticky' : undefined,
-        top: tableInstance.state.fullScreen ? '0' : undefined,
-        width: '100%',
-        zIndex: 1
-      }, toolbarProps == null ? void 0 : toolbarProps.sx);
+        top: tableInstance.state.fullScreen ? '0' : undefined
+      }, commonToolbarStyles(theme, tableInstance), toolbarProps == null ? void 0 : toolbarProps.sx);
     }
   }), positionToolbarAlertBanner === 'top' && React__default.createElement(MRT_ToolbarAlertBanner, null), React__default.createElement(material.Box, {
     sx: {
@@ -2880,7 +2920,7 @@ var MRT_ToolbarTop = function MRT_ToolbarTop() {
       position: 'relative',
       zIndex: 3
     }
-  }, !disableGlobalFilter && React__default.createElement(MRT_SearchTextField, null), !hideToolbarInternalActions && positionToolbarActions === 'top' && React__default.createElement(MRT_ToolbarInternalButtons, null))), React__default.createElement("div", null, !manualPagination && ['top', 'both'].includes(positionPagination != null ? positionPagination : '') && React__default.createElement(MRT_TablePagination, null)));
+  }, !disableGlobalFilter && React__default.createElement(MRT_SearchTextField, null), !hideToolbarInternalActions && positionToolbarActions === 'top' && React__default.createElement(MRT_ToolbarInternalButtons, null))), React__default.createElement("div", null, !manualPagination && ['top', 'both'].includes(positionPagination != null ? positionPagination : '') && React__default.createElement(MRT_TablePagination, null)), React__default.createElement(MRT_LinearProgressBar, null));
 };
 
 var MRT_ToolbarBottom = function MRT_ToolbarBottom() {
@@ -2899,53 +2939,37 @@ var MRT_ToolbarBottom = function MRT_ToolbarBottom() {
   }, toolbarProps, {
     sx: function sx(theme) {
       return _extends({
-        backgroundColor: theme.palette.background["default"],
-        backgroundImage: "linear-gradient(" + material.alpha(theme.palette.common.white, 0.05) + "," + material.alpha(theme.palette.common.white, 0.05) + ")",
         bottom: tableInstance.state.fullScreen ? '0' : undefined,
-        display: 'flex',
-        justifyContent: 'space-between',
-        overflowY: 'hidden',
-        p: '0 0.5rem !important',
-        position: tableInstance.state.fullScreen ? 'fixed' : undefined,
-        width: 'calc(100% - 1rem)',
-        zIndex: 1
-      }, toolbarProps == null ? void 0 : toolbarProps.sx);
+        position: tableInstance.state.fullScreen ? 'fixed' : undefined
+      }, commonToolbarStyles(theme, tableInstance), toolbarProps == null ? void 0 : toolbarProps.sx);
     }
-  }), !hideToolbarInternalActions && positionToolbarActions === 'bottom' ? React__default.createElement(MRT_ToolbarInternalButtons, null) : React__default.createElement("span", null), positionToolbarAlertBanner === 'bottom' && React__default.createElement(MRT_ToolbarAlertBanner, null), !manualPagination && ['bottom', 'both'].includes(positionPagination != null ? positionPagination : '') && React__default.createElement(MRT_TablePagination, null));
+  }), React__default.createElement(MRT_LinearProgressBar, null), React__default.createElement(material.Box, {
+    sx: {
+      display: 'flex',
+      justifyContent: 'space-between',
+      width: '100%'
+    }
+  }, !hideToolbarInternalActions && positionToolbarActions === 'bottom' ? React__default.createElement(MRT_ToolbarInternalButtons, null) : React__default.createElement("span", null), positionToolbarAlertBanner === 'bottom' && React__default.createElement(MRT_ToolbarAlertBanner, null), !manualPagination && ['bottom', 'both'].includes(positionPagination != null ? positionPagination : '') && React__default.createElement(MRT_TablePagination, null)));
 };
 
 var MRT_TableContainer = function MRT_TableContainer() {
   var _useMRT = useMRT(),
       hideToolbarBottom = _useMRT.hideToolbarBottom,
       hideToolbarTop = _useMRT.hideToolbarTop,
-      isFetching = _useMRT.isFetching,
-      isLoading = _useMRT.isLoading,
-      muiLinearProgressProps = _useMRT.muiLinearProgressProps,
       muiTableContainerProps = _useMRT.muiTableContainerProps,
       tableInstance = _useMRT.tableInstance;
 
   var fullScreen = tableInstance.state.fullScreen;
-  var originalBodyOverflowStyle = React.useRef();
-  React.useEffect(function () {
-    if (typeof window !== 'undefined') {
-      var _document, _document$body, _document$body$style;
-
-      originalBodyOverflowStyle.current = (_document = document) == null ? void 0 : (_document$body = _document.body) == null ? void 0 : (_document$body$style = _document$body.style) == null ? void 0 : _document$body$style.overflow;
-    }
-  }, []);
   React.useEffect(function () {
     if (typeof window !== 'undefined') {
       if (fullScreen) {
         document.body.style.overflow = 'hidden';
       } else {
-        var _originalBodyOverflow;
-
-        document.body.style.overflow = (_originalBodyOverflow = originalBodyOverflowStyle.current) != null ? _originalBodyOverflow : 'auto';
+        document.body.style.overflow = 'auto';
       }
     }
   }, [fullScreen]);
   var tableContainerProps = muiTableContainerProps instanceof Function ? muiTableContainerProps(tableInstance) : muiTableContainerProps;
-  var linearProgressProps = muiLinearProgressProps instanceof Function ? muiLinearProgressProps(tableInstance) : muiLinearProgressProps;
   return React__default.createElement(material.TableContainer, Object.assign({
     component: material.Paper
   }, tableContainerProps, {
@@ -2954,6 +2978,7 @@ var MRT_TableContainer = function MRT_TableContainer() {
       height: fullScreen ? '100%' : undefined,
       left: fullScreen ? '0' : undefined,
       m: fullScreen ? '0' : undefined,
+      overflowY: 'hidden',
       position: fullScreen ? 'fixed' : undefined,
       right: fullScreen ? '0' : undefined,
       top: fullScreen ? '0' : undefined,
@@ -2961,10 +2986,7 @@ var MRT_TableContainer = function MRT_TableContainer() {
       width: fullScreen ? '100vw' : undefined,
       zIndex: fullScreen ? 1200 : 1
     }, tableContainerProps == null ? void 0 : tableContainerProps.sx)
-  }), !hideToolbarTop && React__default.createElement(MRT_ToolbarTop, null), React__default.createElement(material.Collapse, {
-    "in": isFetching || isLoading,
-    unmountOnExit: true
-  }, React__default.createElement(material.LinearProgress, Object.assign({}, linearProgressProps))), React__default.createElement(material.Box, {
+  }), !hideToolbarTop && React__default.createElement(MRT_ToolbarTop, null), React__default.createElement(material.Box, {
     sx: {
       maxWidth: '100%',
       overflowX: 'auto'
@@ -3047,13 +3069,16 @@ var MRT_Default_Icons = {
   VisibilityOffIcon: VisibilityOffIcon
 };
 
-var _excluded = ["defaultColumn", "icons", "localization", "positionActionsColumn", "positionPagination", "positionToolbarActions", "positionToolbarAlertBanner"];
+var _excluded = ["defaultColumn", "filterTypes", "globalFilter", "icons", "localization", "positionActionsColumn", "positionPagination", "positionToolbarActions", "positionToolbarAlertBanner"];
 var MaterialReactTable = (function (_ref) {
   var _ref$defaultColumn = _ref.defaultColumn,
       defaultColumn = _ref$defaultColumn === void 0 ? {
     minWidth: 50,
     maxWidth: 1000
   } : _ref$defaultColumn,
+      filterTypes = _ref.filterTypes,
+      _ref$globalFilter = _ref.globalFilter,
+      globalFilter = _ref$globalFilter === void 0 ? 'fuzzy' : _ref$globalFilter,
       icons = _ref.icons,
       localization = _ref.localization,
       _ref$positionActionsC = _ref.positionActionsColumn,
@@ -3066,8 +3091,14 @@ var MaterialReactTable = (function (_ref) {
       positionToolbarAlertBanner = _ref$positionToolbarA2 === void 0 ? 'top' : _ref$positionToolbarA2,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  return React__default.createElement(MaterialReactTableProvider, Object.assign({
+  return React__default.createElement(MaterialReactTableProvider //@ts-ignore
+  , Object.assign({
+    //@ts-ignore
     defaultColumn: defaultColumn,
+    //@ts-ignore
+    filterTypes: _extends({}, defaultFilterFNs, filterTypes),
+    //@ts-ignore
+    globalFilter: globalFilter,
     icons: _extends({}, MRT_Default_Icons, icons),
     localization: _extends({}, MRT_DefaultLocalization_EN, localization),
     positionActionsColumn: positionActionsColumn,