material-react-table 0.6.0 → 0.6.1

package/dist/material-react-table.esm.js

@@ -1,4 +1,4 @@
-import React, { useState, useMemo, useContext, createContext, Fragment, useRef, useEffect } from 'react';
+import React, { useState, useMemo, useCallback, useContext, createContext, Fragment, useRef, useEffect } from 'react';
 import { useTable, useFilters, useGlobalFilter, useGroupBy, useSortBy, useExpanded, usePagination, useRowSelect, useResizeColumns, useFlexLayout, useAsyncDebounce } from 'react-table';
 import { matchSorter } from 'match-sorter';
 import { Menu, MenuItem, TextField, InputAdornment, Tooltip, IconButton, Chip, FormControlLabel, Switch, Box, Button, Divider, TableCell, TableSortLabel, Collapse, Skeleton, Checkbox, TableRow, TableHead, alpha, TableBody, TableFooter, Table, TablePagination, useMediaQuery, Alert, Toolbar, TableContainer, Paper, LinearProgress } from '@mui/material';
@@ -97,6 +97,21 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
+var fuzzySearchFN = function fuzzySearchFN(rows, columnIds, filterValue) {
+  return matchSorter(rows, filterValue.toString().trim(), {
+    keys: columnIds.map(function (c) {
+      return "values." + c;
+    }),
+    sorter: function sorter(rankedItems) {
+      return rankedItems;
+    }
+  });
+};
+
+fuzzySearchFN.autoRemove = function (val) {
+  return !val;
+};
+
 var fuzzyFilterFN = function fuzzyFilterFN(rows, id, filterValue) {
   return matchSorter(rows, filterValue.toString().trim(), {
     keys: ["values." + id],
@@ -204,10 +219,11 @@ var defaultFilterFNs = {
   contains: containsFilterFN,
   empty: emptyFilterFN,
   endsWith: endsWithFilterFN,
-  greaterThan: greaterThanFilterFN,
-  lessThan: lessThanFilterFN,
   equals: equalsFilterFN,
   fuzzy: fuzzyFilterFN,
+  globalFuzzy: fuzzySearchFN,
+  greaterThan: greaterThanFilterFN,
+  lessThan: lessThanFilterFN,
   notEmpty: notEmptyFilterFN,
   notEquals: notEqualsFilterFN,
   startsWith: startsWithFilterFN
@@ -218,7 +234,7 @@ var MaterialReactTableContext = /*#__PURE__*/function () {
 }();
 
 var MaterialReactTableProvider = function MaterialReactTableProvider(props) {
-  var _props$initialState$d, _props$initialState, _props$initialState$f, _props$initialState2, _props$initialState$s, _props$initialState3, _props$initialState$s2, _props$initialState4;
+  var _props$initialState$d, _props$initialState, _props$initialState$f, _props$initialState2, _props$initialState$s, _props$initialState3, _props$initialState$s2, _props$initialState4, _props$globalFilter;
 
   var hooks = [useFilters, useGlobalFilter, useGroupBy, useSortBy, useExpanded, usePagination, useRowSelect];
   if (props.enableColumnResizing) hooks.unshift(useResizeColumns, useFlexLayout);
@@ -246,8 +262,7 @@ var MaterialReactTableProvider = function MaterialReactTableProvider(props) {
   var filterTypes = useMemo(function () {
     return _extends({}, defaultFilterFNs, props.filterTypes);
   }, [props.filterTypes]);
-
-  var getInitialFilterTypeState = function getInitialFilterTypeState() {
+  var findLowestLevelCols = useCallback(function () {
     var lowestLevelColumns = props.columns;
     var currentCols = props.columns;
 
@@ -269,24 +284,23 @@ var MaterialReactTableProvider = function MaterialReactTableProvider(props) {
       currentCols = nextCols;
     }
 
-    lowestLevelColumns = lowestLevelColumns.filter(function (col) {
+    return lowestLevelColumns.filter(function (col) {
       return !col.columns;
     });
-    return Object.assign.apply(Object, [{}].concat(lowestLevelColumns.map(function (c) {
+  }, [props.columns]);
+
+  var _useState6 = useState(function () {
+    return Object.assign.apply(Object, [{}].concat(findLowestLevelCols().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 = useState(function () {
-    return getInitialFilterTypeState();
   }),
       currentFilterTypes = _useState6[0],
       setCurrentFilterTypes = _useState6[1];
 
   var columns = useMemo(function () {
-    return props.columns.map(function (column) {
+    return findLowestLevelCols().map(function (column) {
       column.filter = filterTypes[currentFilterTypes[column.accessor]];
       return column;
     });
@@ -295,7 +309,7 @@ var MaterialReactTableProvider = function MaterialReactTableProvider(props) {
     columns: columns,
     // @ts-ignore
     filterTypes: filterTypes,
-    globalFilterValue: 'fuzzy',
+    globalFilter: (_props$globalFilter = props.globalFilter) != null ? _props$globalFilter : 'globalFuzzy',
     useControlledState: function useControlledState(state) {
       return useMemo(function () {
         return _extends({}, state, {