material-react-table 0.7.0-alpha.1 → 0.7.0-alpha.12

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

@@ -1,4 +1,4 @@
-import React, { useMemo, useState, useCallback, Fragment, useLayoutEffect, useEffect } from 'react';
+import React, { useMemo, useState, useCallback, Fragment, useEffect } from 'react';
 import ArrowRightIcon from '@mui/icons-material/ArrowRight';
 import CancelIcon from '@mui/icons-material/Cancel';
 import CheckBoxIcon from '@mui/icons-material/CheckBox';
@@ -30,42 +30,6 @@ import { createTable, useTable, columnFilterRowsFn, expandRowsFn, globalFilterRo
 import { IconButton, Menu, MenuItem, FormControlLabel, Switch, Box, Button, Divider, ListItemIcon, Tooltip, Checkbox, debounce, Collapse, TextField, InputAdornment, TablePagination, useMediaQuery, Chip, Alert, LinearProgress, Toolbar, alpha, TableCell, TableSortLabel, TableRow, TableHead, Skeleton, TableBody, TableFooter, Table, TableContainer, Paper } from '@mui/material';
 import { matchSorter } from 'match-sorter';
 
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-  try {
-    var info = gen[key](arg);
-    var value = info.value;
-  } catch (error) {
-    reject(error);
-    return;
-  }
-
-  if (info.done) {
-    resolve(value);
-  } else {
-    Promise.resolve(value).then(_next, _throw);
-  }
-}
-
-function _asyncToGenerator(fn) {
-  return function () {
-    var self = this,
-        args = arguments;
-    return new Promise(function (resolve, reject) {
-      var gen = fn.apply(self, args);
-
-      function _next(value) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-      }
-
-      function _throw(err) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-      }
-
-      _next(undefined);
-    });
-  };
-}
-
 function _extends() {
   _extends = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -134,6 +98,7 @@ var MRT_DefaultLocalization_EN = {
   pinToLeft: 'Pin to left',
   pinToRight: 'Pin to right',
   rowActions: 'Row Actions',
+  rowNumber: '#',
   rowNumbers: 'Row Numbers',
   save: 'Save',
   search: 'Search',
@@ -233,7 +198,11 @@ var MRT_ExpandButton = function MRT_ExpandButton(_ref) {
 
   var handleToggleExpand = function handleToggleExpand(event) {
     row.toggleExpanded();
-    onRowExpandChange == null ? void 0 : onRowExpandChange(event, row);
+    onRowExpandChange == null ? void 0 : onRowExpandChange({
+      event: event,
+      row: row,
+      tableInstance: tableInstance
+    });
   };
 
   return React.createElement(IconButton, {
@@ -415,8 +384,8 @@ var MRT_FilterTypeMenu = function MRT_FilterTypeMenu(_ref) {
       _tableInstance$option = tableInstance.options,
       enabledGlobalFilterTypes = _tableInstance$option.enabledGlobalFilterTypes,
       localization = _tableInstance$option.localization,
-      setCurrentFilterTypes = _tableInstance$option.setCurrentFilterTypes,
-      setCurrentGlobalFilterType = _tableInstance$option.setCurrentGlobalFilterType;
+      setCurrentFilterTypes = tableInstance.setCurrentFilterTypes,
+      setCurrentGlobalFilterType = tableInstance.setCurrentGlobalFilterType;
 
   var _getState = getState(),
       isDensePadding = _getState.isDensePadding,
@@ -542,7 +511,7 @@ var MRT_ShowHideColumnsMenuItems = function MRT_ShowHideColumnsMenuItems(_ref) {
       isSubMenu = _ref.isSubMenu,
       tableInstance = _ref.tableInstance;
   var getState = tableInstance.getState,
-      onColumnHide = tableInstance.options.onColumnHide;
+      onToggleColumnVisibility = tableInstance.options.onToggleColumnVisibility;
 
   var _getState = getState(),
       columnVisibility = _getState.columnVisibility;
@@ -562,11 +531,11 @@ var MRT_ShowHideColumnsMenuItems = function MRT_ShowHideColumnsMenuItems(_ref) {
       column.toggleVisibility();
     }
 
-    onColumnHide == null ? void 0 : onColumnHide(column, Object.entries(columnVisibility).filter(function (entry) {
-      return entry[1];
-    }).map(function (entry) {
-      return entry[0];
-    }));
+    onToggleColumnVisibility == null ? void 0 : onToggleColumnVisibility({
+      column: column,
+      columnVisibility: columnVisibility,
+      tableInstance: tableInstance
+    });
   };
 
   return React.createElement(React.Fragment, null, React.createElement(MenuItem, {
@@ -703,7 +672,7 @@ var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
       setColumnOrder = tableInstance.setColumnOrder,
       _tableInstance$option = tableInstance.options,
       enableColumnFilters = _tableInstance$option.enableColumnFilters,
-      enableColumnPinning = _tableInstance$option.enableColumnPinning,
+      enablePinning = _tableInstance$option.enablePinning,
       enableGrouping = _tableInstance$option.enableGrouping,
       enableHiding = _tableInstance$option.enableHiding,
       enableSorting = _tableInstance$option.enableSorting,
@@ -719,7 +688,7 @@ var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
       VisibilityOffIcon = _tableInstance$option2.VisibilityOffIcon,
       idPrefix = _tableInstance$option.idPrefix,
       localization = _tableInstance$option.localization,
-      setShowFilters = _tableInstance$option.setShowFilters;
+      setShowFilters = tableInstance.setShowFilters;
   var column = header.column;
 
   var _getState = getState(),
@@ -861,13 +830,13 @@ var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
     setAnchorEl: setFilterMenuAnchorEl,
     tableInstance: tableInstance
   })], enableGrouping && column.getCanGroup() && [React.createElement(MenuItem, {
-    divider: enableColumnPinning,
+    divider: enablePinning,
     key: 0,
     onClick: handleGroupByColumn,
     sx: commonMenuItemStyles$1
   }, React.createElement(Box, {
     sx: commonListItemStyles
-  }, React.createElement(ListItemIcon, null, React.createElement(DynamicFeedIcon, null)), (_localization = localization[column.getIsGrouped() ? 'ungroupByColumn' : 'groupByColumn']) == null ? void 0 : _localization.replace('{column}', String(column.header))))], enableColumnPinning && column.getCanPin() && [React.createElement(MenuItem, {
+  }, React.createElement(ListItemIcon, null, React.createElement(DynamicFeedIcon, null)), (_localization = localization[column.getIsGrouped() ? 'ungroupByColumn' : 'groupByColumn']) == null ? void 0 : _localization.replace('{column}', String(column.header))))], enablePinning && column.getCanPin() && [React.createElement(MenuItem, {
     disabled: column.getIsPinned() === 'left',
     key: 0,
     onClick: function onClick() {
@@ -936,8 +905,6 @@ var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
 };
 
 var MRT_RowActionMenu = function MRT_RowActionMenu(_ref) {
-  var _renderRowActionMenuI;
-
   var anchorEl = _ref.anchorEl,
       handleEdit = _ref.handleEdit,
       row = _ref.row,
@@ -946,7 +913,7 @@ var MRT_RowActionMenu = function MRT_RowActionMenu(_ref) {
   var getState = tableInstance.getState,
       _tableInstance$option = tableInstance.options,
       EditIcon = _tableInstance$option.icons.EditIcon,
-      enableRowEditing = _tableInstance$option.enableRowEditing,
+      enableEditing = _tableInstance$option.enableEditing,
       localization = _tableInstance$option.localization,
       renderRowActionMenuItems = _tableInstance$option.renderRowActionMenuItems;
 
@@ -962,775 +929,19 @@ var MRT_RowActionMenu = function MRT_RowActionMenu(_ref) {
     MenuListProps: {
       dense: isDensePadding
     }
-  }, enableRowEditing && React.createElement(MenuItem, {
+  }, enableEditing && React.createElement(MenuItem, {
     onClick: handleEdit,
     sx: commonMenuItemStyles$1
   }, React.createElement(Box, {
     sx: commonListItemStyles
-  }, React.createElement(ListItemIcon, null, React.createElement(EditIcon, null)), localization.edit)), (_renderRowActionMenuI = renderRowActionMenuItems == null ? void 0 : renderRowActionMenuItems(row, tableInstance, function () {
-    return setAnchorEl(null);
-  })) != null ? _renderRowActionMenuI : null);
-};
-
-function createCommonjsModule(fn, module) {
-	return module = { exports: {} }, fn(module, module.exports), module.exports;
-}
-
-var runtime_1 = createCommonjsModule(function (module) {
-/**
- * Copyright (c) 2014-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var runtime = (function (exports) {
-
-  var Op = Object.prototype;
-  var hasOwn = Op.hasOwnProperty;
-  var undefined$1; // More compressible than void 0.
-  var $Symbol = typeof Symbol === "function" ? Symbol : {};
-  var iteratorSymbol = $Symbol.iterator || "@@iterator";
-  var asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator";
-  var toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-
-  function define(obj, key, value) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-    return obj[key];
-  }
-  try {
-    // IE 8 has a broken Object.defineProperty that only works on DOM objects.
-    define({}, "");
-  } catch (err) {
-    define = function(obj, key, value) {
-      return obj[key] = value;
-    };
-  }
-
-  function wrap(innerFn, outerFn, self, tryLocsList) {
-    // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.
-    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;
-    var generator = Object.create(protoGenerator.prototype);
-    var context = new Context(tryLocsList || []);
-
-    // The ._invoke method unifies the implementations of the .next,
-    // .throw, and .return methods.
-    generator._invoke = makeInvokeMethod(innerFn, self, context);
-
-    return generator;
-  }
-  exports.wrap = wrap;
-
-  // Try/catch helper to minimize deoptimizations. Returns a completion
-  // record like context.tryEntries[i].completion. This interface could
-  // have been (and was previously) designed to take a closure to be
-  // invoked without arguments, but in all the cases we care about we
-  // already have an existing method we want to call, so there's no need
-  // to create a new function object. We can even get away with assuming
-  // the method takes exactly one argument, since that happens to be true
-  // in every case, so we don't have to touch the arguments object. The
-  // only additional allocation required is the completion record, which
-  // has a stable shape and so hopefully should be cheap to allocate.
-  function tryCatch(fn, obj, arg) {
-    try {
-      return { type: "normal", arg: fn.call(obj, arg) };
-    } catch (err) {
-      return { type: "throw", arg: err };
-    }
-  }
-
-  var GenStateSuspendedStart = "suspendedStart";
-  var GenStateSuspendedYield = "suspendedYield";
-  var GenStateExecuting = "executing";
-  var GenStateCompleted = "completed";
-
-  // Returning this object from the innerFn has the same effect as
-  // breaking out of the dispatch switch statement.
-  var ContinueSentinel = {};
-
-  // Dummy constructor functions that we use as the .constructor and
-  // .constructor.prototype properties for functions that return Generator
-  // objects. For full spec compliance, you may wish to configure your
-  // minifier not to mangle the names of these two functions.
-  function Generator() {}
-  function GeneratorFunction() {}
-  function GeneratorFunctionPrototype() {}
-
-  // This is a polyfill for %IteratorPrototype% for environments that
-  // don't natively support it.
-  var IteratorPrototype = {};
-  define(IteratorPrototype, iteratorSymbol, function () {
-    return this;
-  });
-
-  var getProto = Object.getPrototypeOf;
-  var NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-  if (NativeIteratorPrototype &&
-      NativeIteratorPrototype !== Op &&
-      hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {
-    // This environment has a native %IteratorPrototype%; use it instead
-    // of the polyfill.
-    IteratorPrototype = NativeIteratorPrototype;
-  }
-
-  var Gp = GeneratorFunctionPrototype.prototype =
-    Generator.prototype = Object.create(IteratorPrototype);
-  GeneratorFunction.prototype = GeneratorFunctionPrototype;
-  define(Gp, "constructor", GeneratorFunctionPrototype);
-  define(GeneratorFunctionPrototype, "constructor", GeneratorFunction);
-  GeneratorFunction.displayName = define(
-    GeneratorFunctionPrototype,
-    toStringTagSymbol,
-    "GeneratorFunction"
-  );
-
-  // Helper for defining the .next, .throw, and .return methods of the
-  // Iterator interface in terms of a single ._invoke method.
-  function defineIteratorMethods(prototype) {
-    ["next", "throw", "return"].forEach(function(method) {
-      define(prototype, method, function(arg) {
-        return this._invoke(method, arg);
-      });
-    });
-  }
-
-  exports.isGeneratorFunction = function(genFun) {
-    var ctor = typeof genFun === "function" && genFun.constructor;
-    return ctor
-      ? ctor === GeneratorFunction ||
-        // For the native GeneratorFunction constructor, the best we can
-        // do is to check its .name property.
-        (ctor.displayName || ctor.name) === "GeneratorFunction"
-      : false;
-  };
-
-  exports.mark = function(genFun) {
-    if (Object.setPrototypeOf) {
-      Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);
-    } else {
-      genFun.__proto__ = GeneratorFunctionPrototype;
-      define(genFun, toStringTagSymbol, "GeneratorFunction");
-    }
-    genFun.prototype = Object.create(Gp);
-    return genFun;
-  };
-
-  // Within the body of any async function, `await x` is transformed to
-  // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test
-  // `hasOwn.call(value, "__await")` to determine if the yielded value is
-  // meant to be awaited.
-  exports.awrap = function(arg) {
-    return { __await: arg };
-  };
-
-  function AsyncIterator(generator, PromiseImpl) {
-    function invoke(method, arg, resolve, reject) {
-      var record = tryCatch(generator[method], generator, arg);
-      if (record.type === "throw") {
-        reject(record.arg);
-      } else {
-        var result = record.arg;
-        var value = result.value;
-        if (value &&
-            typeof value === "object" &&
-            hasOwn.call(value, "__await")) {
-          return PromiseImpl.resolve(value.__await).then(function(value) {
-            invoke("next", value, resolve, reject);
-          }, function(err) {
-            invoke("throw", err, resolve, reject);
-          });
-        }
-
-        return PromiseImpl.resolve(value).then(function(unwrapped) {
-          // When a yielded Promise is resolved, its final value becomes
-          // the .value of the Promise<{value,done}> result for the
-          // current iteration.
-          result.value = unwrapped;
-          resolve(result);
-        }, function(error) {
-          // If a rejected Promise was yielded, throw the rejection back
-          // into the async generator function so it can be handled there.
-          return invoke("throw", error, resolve, reject);
-        });
-      }
-    }
-
-    var previousPromise;
-
-    function enqueue(method, arg) {
-      function callInvokeWithMethodAndArg() {
-        return new PromiseImpl(function(resolve, reject) {
-          invoke(method, arg, resolve, reject);
-        });
-      }
-
-      return previousPromise =
-        // If enqueue has been called before, then we want to wait until
-        // all previous Promises have been resolved before calling invoke,
-        // so that results are always delivered in the correct order. If
-        // enqueue has not been called before, then it is important to
-        // call invoke immediately, without waiting on a callback to fire,
-        // so that the async generator function has the opportunity to do
-        // any necessary setup in a predictable way. This predictability
-        // is why the Promise constructor synchronously invokes its
-        // executor callback, and why async functions synchronously
-        // execute code before the first await. Since we implement simple
-        // async functions in terms of async generators, it is especially
-        // important to get this right, even though it requires care.
-        previousPromise ? previousPromise.then(
-          callInvokeWithMethodAndArg,
-          // Avoid propagating failures to Promises returned by later
-          // invocations of the iterator.
-          callInvokeWithMethodAndArg
-        ) : callInvokeWithMethodAndArg();
-    }
-
-    // Define the unified helper method that is used to implement .next,
-    // .throw, and .return (see defineIteratorMethods).
-    this._invoke = enqueue;
-  }
-
-  defineIteratorMethods(AsyncIterator.prototype);
-  define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
-    return this;
-  });
-  exports.AsyncIterator = AsyncIterator;
-
-  // Note that simple async functions are implemented on top of
-  // AsyncIterator objects; they just return a Promise for the value of
-  // the final result produced by the iterator.
-  exports.async = function(innerFn, outerFn, self, tryLocsList, PromiseImpl) {
-    if (PromiseImpl === void 0) PromiseImpl = Promise;
-
-    var iter = new AsyncIterator(
-      wrap(innerFn, outerFn, self, tryLocsList),
-      PromiseImpl
-    );
-
-    return exports.isGeneratorFunction(outerFn)
-      ? iter // If outerFn is a generator, return the full iterator.
-      : iter.next().then(function(result) {
-          return result.done ? result.value : iter.next();
-        });
-  };
-
-  function makeInvokeMethod(innerFn, self, context) {
-    var state = GenStateSuspendedStart;
-
-    return function invoke(method, arg) {
-      if (state === GenStateExecuting) {
-        throw new Error("Generator is already running");
-      }
-
-      if (state === GenStateCompleted) {
-        if (method === "throw") {
-          throw arg;
-        }
-
-        // Be forgiving, per 25.3.3.3.3 of the spec:
-        // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
-        return doneResult();
-      }
-
-      context.method = method;
-      context.arg = arg;
-
-      while (true) {
-        var delegate = context.delegate;
-        if (delegate) {
-          var delegateResult = maybeInvokeDelegate(delegate, context);
-          if (delegateResult) {
-            if (delegateResult === ContinueSentinel) continue;
-            return delegateResult;
-          }
-        }
-
-        if (context.method === "next") {
-          // Setting context._sent for legacy support of Babel's
-          // function.sent implementation.
-          context.sent = context._sent = context.arg;
-
-        } else if (context.method === "throw") {
-          if (state === GenStateSuspendedStart) {
-            state = GenStateCompleted;
-            throw context.arg;
-          }
-
-          context.dispatchException(context.arg);
-
-        } else if (context.method === "return") {
-          context.abrupt("return", context.arg);
-        }
-
-        state = GenStateExecuting;
-
-        var record = tryCatch(innerFn, self, context);
-        if (record.type === "normal") {
-          // If an exception is thrown from innerFn, we leave state ===
-          // GenStateExecuting and loop back for another invocation.
-          state = context.done
-            ? GenStateCompleted
-            : GenStateSuspendedYield;
-
-          if (record.arg === ContinueSentinel) {
-            continue;
-          }
-
-          return {
-            value: record.arg,
-            done: context.done
-          };
-
-        } else if (record.type === "throw") {
-          state = GenStateCompleted;
-          // Dispatch the exception by looping back around to the
-          // context.dispatchException(context.arg) call above.
-          context.method = "throw";
-          context.arg = record.arg;
-        }
-      }
-    };
-  }
-
-  // Call delegate.iterator[context.method](context.arg) and handle the
-  // result, either by returning a { value, done } result from the
-  // delegate iterator, or by modifying context.method and context.arg,
-  // setting context.delegate to null, and returning the ContinueSentinel.
-  function maybeInvokeDelegate(delegate, context) {
-    var method = delegate.iterator[context.method];
-    if (method === undefined$1) {
-      // A .throw or .return when the delegate iterator has no .throw
-      // method always terminates the yield* loop.
-      context.delegate = null;
-
-      if (context.method === "throw") {
-        // Note: ["return"] must be used for ES3 parsing compatibility.
-        if (delegate.iterator["return"]) {
-          // If the delegate iterator has a return method, give it a
-          // chance to clean up.
-          context.method = "return";
-          context.arg = undefined$1;
-          maybeInvokeDelegate(delegate, context);
-
-          if (context.method === "throw") {
-            // If maybeInvokeDelegate(context) changed context.method from
-            // "return" to "throw", let that override the TypeError below.
-            return ContinueSentinel;
-          }
-        }
-
-        context.method = "throw";
-        context.arg = new TypeError(
-          "The iterator does not provide a 'throw' method");
-      }
-
-      return ContinueSentinel;
-    }
-
-    var record = tryCatch(method, delegate.iterator, context.arg);
-
-    if (record.type === "throw") {
-      context.method = "throw";
-      context.arg = record.arg;
-      context.delegate = null;
-      return ContinueSentinel;
-    }
-
-    var info = record.arg;
-
-    if (! info) {
-      context.method = "throw";
-      context.arg = new TypeError("iterator result is not an object");
-      context.delegate = null;
-      return ContinueSentinel;
-    }
-
-    if (info.done) {
-      // Assign the result of the finished delegate to the temporary
-      // variable specified by delegate.resultName (see delegateYield).
-      context[delegate.resultName] = info.value;
-
-      // Resume execution at the desired location (see delegateYield).
-      context.next = delegate.nextLoc;
-
-      // If context.method was "throw" but the delegate handled the
-      // exception, let the outer generator proceed normally. If
-      // context.method was "next", forget context.arg since it has been
-      // "consumed" by the delegate iterator. If context.method was
-      // "return", allow the original .return call to continue in the
-      // outer generator.
-      if (context.method !== "return") {
-        context.method = "next";
-        context.arg = undefined$1;
-      }
-
-    } else {
-      // Re-yield the result returned by the delegate method.
-      return info;
-    }
-
-    // The delegate iterator is finished, so forget it and continue with
-    // the outer generator.
-    context.delegate = null;
-    return ContinueSentinel;
-  }
-
-  // Define Generator.prototype.{next,throw,return} in terms of the
-  // unified ._invoke helper method.
-  defineIteratorMethods(Gp);
-
-  define(Gp, toStringTagSymbol, "Generator");
-
-  // A Generator should always return itself as the iterator object when the
-  // @@iterator function is called on it. Some browsers' implementations of the
-  // iterator prototype chain incorrectly implement this, causing the Generator
-  // object to not be returned from this call. This ensures that doesn't happen.
-  // See https://github.com/facebook/regenerator/issues/274 for more details.
-  define(Gp, iteratorSymbol, function() {
-    return this;
-  });
-
-  define(Gp, "toString", function() {
-    return "[object Generator]";
-  });
-
-  function pushTryEntry(locs) {
-    var entry = { tryLoc: locs[0] };
-
-    if (1 in locs) {
-      entry.catchLoc = locs[1];
-    }
-
-    if (2 in locs) {
-      entry.finallyLoc = locs[2];
-      entry.afterLoc = locs[3];
-    }
-
-    this.tryEntries.push(entry);
-  }
-
-  function resetTryEntry(entry) {
-    var record = entry.completion || {};
-    record.type = "normal";
-    delete record.arg;
-    entry.completion = record;
-  }
-
-  function Context(tryLocsList) {
-    // The root entry object (effectively a try statement without a catch
-    // or a finally block) gives us a place to store values thrown from
-    // locations where there is no enclosing try statement.
-    this.tryEntries = [{ tryLoc: "root" }];
-    tryLocsList.forEach(pushTryEntry, this);
-    this.reset(true);
-  }
-
-  exports.keys = function(object) {
-    var keys = [];
-    for (var key in object) {
-      keys.push(key);
-    }
-    keys.reverse();
-
-    // Rather than returning an object with a next method, we keep
-    // things simple and return the next function itself.
-    return function next() {
-      while (keys.length) {
-        var key = keys.pop();
-        if (key in object) {
-          next.value = key;
-          next.done = false;
-          return next;
-        }
-      }
-
-      // To avoid creating an additional object, we just hang the .value
-      // and .done properties off the next function object itself. This
-      // also ensures that the minifier will not anonymize the function.
-      next.done = true;
-      return next;
-    };
-  };
-
-  function values(iterable) {
-    if (iterable) {
-      var iteratorMethod = iterable[iteratorSymbol];
-      if (iteratorMethod) {
-        return iteratorMethod.call(iterable);
-      }
-
-      if (typeof iterable.next === "function") {
-        return iterable;
-      }
-
-      if (!isNaN(iterable.length)) {
-        var i = -1, next = function next() {
-          while (++i < iterable.length) {
-            if (hasOwn.call(iterable, i)) {
-              next.value = iterable[i];
-              next.done = false;
-              return next;
-            }
-          }
-
-          next.value = undefined$1;
-          next.done = true;
-
-          return next;
-        };
-
-        return next.next = next;
-      }
-    }
-
-    // Return an iterator with no values.
-    return { next: doneResult };
-  }
-  exports.values = values;
-
-  function doneResult() {
-    return { value: undefined$1, done: true };
-  }
-
-  Context.prototype = {
-    constructor: Context,
-
-    reset: function(skipTempReset) {
-      this.prev = 0;
-      this.next = 0;
-      // Resetting context._sent for legacy support of Babel's
-      // function.sent implementation.
-      this.sent = this._sent = undefined$1;
-      this.done = false;
-      this.delegate = null;
-
-      this.method = "next";
-      this.arg = undefined$1;
-
-      this.tryEntries.forEach(resetTryEntry);
-
-      if (!skipTempReset) {
-        for (var name in this) {
-          // Not sure about the optimal order of these conditions:
-          if (name.charAt(0) === "t" &&
-              hasOwn.call(this, name) &&
-              !isNaN(+name.slice(1))) {
-            this[name] = undefined$1;
-          }
-        }
-      }
-    },
-
-    stop: function() {
-      this.done = true;
-
-      var rootEntry = this.tryEntries[0];
-      var rootRecord = rootEntry.completion;
-      if (rootRecord.type === "throw") {
-        throw rootRecord.arg;
-      }
-
-      return this.rval;
-    },
-
-    dispatchException: function(exception) {
-      if (this.done) {
-        throw exception;
-      }
-
-      var context = this;
-      function handle(loc, caught) {
-        record.type = "throw";
-        record.arg = exception;
-        context.next = loc;
-
-        if (caught) {
-          // If the dispatched exception was caught by a catch block,
-          // then let that catch block handle the exception normally.
-          context.method = "next";
-          context.arg = undefined$1;
-        }
-
-        return !! caught;
-      }
-
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-        var record = entry.completion;
-
-        if (entry.tryLoc === "root") {
-          // Exception thrown outside of any try block that could handle
-          // it, so set the completion value of the entire function to
-          // throw the exception.
-          return handle("end");
-        }
-
-        if (entry.tryLoc <= this.prev) {
-          var hasCatch = hasOwn.call(entry, "catchLoc");
-          var hasFinally = hasOwn.call(entry, "finallyLoc");
-
-          if (hasCatch && hasFinally) {
-            if (this.prev < entry.catchLoc) {
-              return handle(entry.catchLoc, true);
-            } else if (this.prev < entry.finallyLoc) {
-              return handle(entry.finallyLoc);
-            }
-
-          } else if (hasCatch) {
-            if (this.prev < entry.catchLoc) {
-              return handle(entry.catchLoc, true);
-            }
-
-          } else if (hasFinally) {
-            if (this.prev < entry.finallyLoc) {
-              return handle(entry.finallyLoc);
-            }
-
-          } else {
-            throw new Error("try statement without catch or finally");
-          }
-        }
-      }
-    },
-
-    abrupt: function(type, arg) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-        if (entry.tryLoc <= this.prev &&
-            hasOwn.call(entry, "finallyLoc") &&
-            this.prev < entry.finallyLoc) {
-          var finallyEntry = entry;
-          break;
-        }
-      }
-
-      if (finallyEntry &&
-          (type === "break" ||
-           type === "continue") &&
-          finallyEntry.tryLoc <= arg &&
-          arg <= finallyEntry.finallyLoc) {
-        // Ignore the finally entry if control is not jumping to a
-        // location outside the try/catch block.
-        finallyEntry = null;
-      }
-
-      var record = finallyEntry ? finallyEntry.completion : {};
-      record.type = type;
-      record.arg = arg;
-
-      if (finallyEntry) {
-        this.method = "next";
-        this.next = finallyEntry.finallyLoc;
-        return ContinueSentinel;
-      }
-
-      return this.complete(record);
-    },
-
-    complete: function(record, afterLoc) {
-      if (record.type === "throw") {
-        throw record.arg;
-      }
-
-      if (record.type === "break" ||
-          record.type === "continue") {
-        this.next = record.arg;
-      } else if (record.type === "return") {
-        this.rval = this.arg = record.arg;
-        this.method = "return";
-        this.next = "end";
-      } else if (record.type === "normal" && afterLoc) {
-        this.next = afterLoc;
-      }
-
-      return ContinueSentinel;
-    },
-
-    finish: function(finallyLoc) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-        if (entry.finallyLoc === finallyLoc) {
-          this.complete(entry.completion, entry.afterLoc);
-          resetTryEntry(entry);
-          return ContinueSentinel;
-        }
-      }
-    },
-
-    "catch": function(tryLoc) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-        if (entry.tryLoc === tryLoc) {
-          var record = entry.completion;
-          if (record.type === "throw") {
-            var thrown = record.arg;
-            resetTryEntry(entry);
-          }
-          return thrown;
-        }
-      }
-
-      // The context.catch method must only be called with a location
-      // argument that corresponds to a known catch block.
-      throw new Error("illegal catch attempt");
-    },
-
-    delegateYield: function(iterable, resultName, nextLoc) {
-      this.delegate = {
-        iterator: values(iterable),
-        resultName: resultName,
-        nextLoc: nextLoc
-      };
-
-      if (this.method === "next") {
-        // Deliberately forget the last sent value so that we don't
-        // accidentally pass it on to the delegate.
-        this.arg = undefined$1;
-      }
-
-      return ContinueSentinel;
+  }, React.createElement(ListItemIcon, null, React.createElement(EditIcon, null)), localization.edit)), renderRowActionMenuItems == null ? void 0 : renderRowActionMenuItems({
+    row: row,
+    tableInstance: tableInstance,
+    closeMenu: function closeMenu() {
+      return setAnchorEl(null);
     }
-  };
-
-  // Regardless of whether this script is executing as a CommonJS module
-  // or not, return the runtime object so that we can declare the variable
-  // regeneratorRuntime in the outer scope, which allows this module to be
-  // injected easily by `bin/regenerator --include-runtime script.js`.
-  return exports;
-
-}(
-  // If this script is executing as a CommonJS module, use module.exports
-  // as the regeneratorRuntime namespace. Otherwise create a new empty
-  // object. Either way, the resulting object will be used to initialize
-  // the regeneratorRuntime variable at the top of this file.
-   module.exports 
-));
-
-try {
-  regeneratorRuntime = runtime;
-} catch (accidentalStrictMode) {
-  // This module should not be running in strict mode, so the above
-  // assignment should always work unless something is misconfigured. Just
-  // in case runtime.js accidentally runs in strict mode, in modern engines
-  // we can explicitly access globalThis. In older engines we can escape
-  // strict mode using a global Function call. This could conceivably fail
-  // if a Content Security Policy forbids using Function, but in that case
-  // the proper solution is to fix the accidental strict mode problem. If
-  // you've misconfigured your bundler to force strict mode and applied a
-  // CSP to forbid Function, and you're not willing to fix either of those
-  // problems, please detail your unique predicament in a GitHub issue.
-  if (typeof globalThis === "object") {
-    globalThis.regeneratorRuntime = runtime;
-  } else {
-    Function("r", "regeneratorRuntime = r")(runtime);
-  }
-}
-});
+  }));
+};
 
 var MRT_EditActionButtons = function MRT_EditActionButtons(_ref) {
   var row = _ref.row,
@@ -1741,8 +952,11 @@ var MRT_EditActionButtons = function MRT_EditActionButtons(_ref) {
       CancelIcon = _tableInstance$option2.CancelIcon,
       SaveIcon = _tableInstance$option2.SaveIcon,
       localization = _tableInstance$option.localization,
-      onRowEditSubmit = _tableInstance$option.onRowEditSubmit,
-      setCurrentEditingRow = _tableInstance$option.setCurrentEditingRow;
+      onEditSubmit = _tableInstance$option.onEditSubmit,
+      setCurrentEditingRow = tableInstance.setCurrentEditingRow;
+
+  var _getState = getState(),
+      currentEditingRow = _getState.currentEditingRow;
 
   var handleCancel = function handleCancel() {
     var _row$original;
@@ -1751,32 +965,13 @@ var MRT_EditActionButtons = function MRT_EditActionButtons(_ref) {
     setCurrentEditingRow(null);
   };
 
-  var handleSave = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
-      var _getState$currentEdit;
-
-      return runtime_1.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return onRowEditSubmit == null ? void 0 : onRowEditSubmit((_getState$currentEdit = getState().currentEditingRow) != null ? _getState$currentEdit : row);
-
-            case 2:
-              setCurrentEditingRow(null);
-
-            case 3:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-
-    return function handleSave() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
+  var handleSave = function handleSave() {
+    onEditSubmit == null ? void 0 : onEditSubmit({
+      row: currentEditingRow != null ? currentEditingRow : row,
+      tableInstance: tableInstance
+    });
+    setCurrentEditingRow(null);
+  };
 
   return React.createElement(Box, {
     sx: {
@@ -1814,14 +1009,14 @@ var MRT_ToggleRowActionMenuButton = function MRT_ToggleRowActionMenuButton(_ref)
       tableInstance = _ref.tableInstance;
   var getState = tableInstance.getState,
       _tableInstance$option = tableInstance.options,
-      enableRowEditing = _tableInstance$option.enableRowEditing,
+      enableEditing = _tableInstance$option.enableEditing,
       _tableInstance$option2 = _tableInstance$option.icons,
       EditIcon = _tableInstance$option2.EditIcon,
       MoreHorizIcon = _tableInstance$option2.MoreHorizIcon,
       localization = _tableInstance$option.localization,
       renderRowActionMenuItems = _tableInstance$option.renderRowActionMenuItems,
       renderRowActions = _tableInstance$option.renderRowActions,
-      setCurrentEditingRow = _tableInstance$option.setCurrentEditingRow;
+      setCurrentEditingRow = tableInstance.setCurrentEditingRow;
 
   var _getState = getState(),
       currentEditingRow = _getState.currentEditingRow;
@@ -1836,21 +1031,24 @@ var MRT_ToggleRowActionMenuButton = function MRT_ToggleRowActionMenuButton(_ref)
     setAnchorEl(event.currentTarget);
   };
 
-  var handleEdit = function handleEdit() {
+  var handleStartEditMode = function handleStartEditMode() {
     setCurrentEditingRow(_extends({}, row));
     setAnchorEl(null);
   };
 
-  return React.createElement(React.Fragment, null, renderRowActions ? React.createElement(React.Fragment, null, renderRowActions(row, tableInstance)) : row.id === (currentEditingRow == null ? void 0 : currentEditingRow.id) ? React.createElement(MRT_EditActionButtons, {
+  return React.createElement(React.Fragment, null, renderRowActions ? React.createElement(React.Fragment, null, renderRowActions({
     row: row,
     tableInstance: tableInstance
-  }) : !renderRowActionMenuItems && enableRowEditing ? React.createElement(Tooltip, {
+  })) : row.id === (currentEditingRow == null ? void 0 : currentEditingRow.id) ? React.createElement(MRT_EditActionButtons, {
+    row: row,
+    tableInstance: tableInstance
+  }) : !renderRowActionMenuItems && enableEditing ? React.createElement(Tooltip, {
     placement: "right",
     arrow: true,
     title: localization.edit
   }, React.createElement(IconButton, {
     sx: commonIconButtonStyles,
-    onClick: handleEdit
+    onClick: handleStartEditMode
   }, React.createElement(EditIcon, null))) : renderRowActionMenuItems ? React.createElement(React.Fragment, null, React.createElement(Tooltip, {
     arrow: true,
     enterDelay: 1000,
@@ -1863,7 +1061,7 @@ var MRT_ToggleRowActionMenuButton = function MRT_ToggleRowActionMenuButton(_ref)
     sx: commonIconButtonStyles
   }, React.createElement(MoreHorizIcon, null))), React.createElement(MRT_RowActionMenu, {
     anchorEl: anchorEl,
-    handleEdit: handleEdit,
+    handleEdit: handleStartEditMode,
     row: row,
     setAnchorEl: setAnchorEl,
     tableInstance: tableInstance
@@ -1893,18 +1091,31 @@ var MRT_SelectCheckbox = function MRT_SelectCheckbox(_ref) {
       var _getToggleAllRowsSele;
 
       getToggleAllRowsSelectedProps == null ? void 0 : (_getToggleAllRowsSele = getToggleAllRowsSelectedProps()) == null ? void 0 : _getToggleAllRowsSele.onChange == null ? void 0 : _getToggleAllRowsSele.onChange(event);
-      onSelectAllChange == null ? void 0 : onSelectAllChange(event, event.target.checked ? getRowModel().flatRows : []);
+      onSelectAllChange == null ? void 0 : onSelectAllChange({
+        event: event,
+        selectedRows: event.target.checked ? getRowModel().flatRows : [],
+        tableInstance: tableInstance
+      });
     } else if (row) {
       var _row$getToggleSelecte;
 
       row == null ? void 0 : (_row$getToggleSelecte = row.getToggleSelectedProps()) == null ? void 0 : _row$getToggleSelecte.onChange == null ? void 0 : _row$getToggleSelecte.onChange(event);
-      onSelectChange == null ? void 0 : onSelectChange(event, row, event.target.checked ? [].concat(getSelectedRowModel().flatRows, [row]) : getSelectedRowModel().flatRows.filter(function (selectedRow) {
-        return selectedRow.id !== row.id;
-      }));
+      onSelectChange == null ? void 0 : onSelectChange({
+        event: event,
+        row: row,
+        selectedRows: event.target.checked ? [].concat(getSelectedRowModel().flatRows, [row]) : getSelectedRowModel().flatRows.filter(function (selectedRow) {
+          return selectedRow.id !== row.id;
+        }),
+        tableInstance: tableInstance
+      });
     }
   };
 
-  var mTableBodyRowSelectCheckboxProps = muiSelectCheckboxProps instanceof Function ? muiSelectCheckboxProps(selectAll, row, tableInstance) : muiSelectCheckboxProps;
+  var mTableBodyRowSelectCheckboxProps = muiSelectCheckboxProps instanceof Function ? muiSelectCheckboxProps({
+    isSelectAll: !!selectAll,
+    row: row,
+    tableInstance: tableInstance
+  }) : muiSelectCheckboxProps;
   var rtSelectCheckboxProps = selectAll ? getToggleAllRowsSelectedProps() : row == null ? void 0 : row.getToggleSelectedProps();
 
   var checkboxProps = _extends({}, rtSelectCheckboxProps, mTableBodyRowSelectCheckboxProps);
@@ -1945,7 +1156,7 @@ var MRT_SearchTextField = function MRT_SearchTextField(_ref) {
 
   var _getState = getState(),
       globalFilter = _getState.globalFilter,
-      showSearch = _getState.showSearch;
+      showGlobalFilter = _getState.showGlobalFilter;
 
   var _useState = useState(null),
       anchorEl = _useState[0],
@@ -1959,7 +1170,10 @@ var MRT_SearchTextField = function MRT_SearchTextField(_ref) {
     var _event$target$value;
 
     setGlobalFilter((_event$target$value = event.target.value) != null ? _event$target$value : undefined);
-    onGlobalFilterChange == null ? void 0 : onGlobalFilterChange(event);
+    onGlobalFilterChange == null ? void 0 : onGlobalFilterChange({
+      event: event,
+      tableInstance: tableInstance
+    });
   }, 200), []);
 
   var handleGlobalFilterMenuOpen = function handleGlobalFilterMenuOpen(event) {
@@ -1971,8 +1185,11 @@ var MRT_SearchTextField = function MRT_SearchTextField(_ref) {
     setGlobalFilter(undefined);
   };
 
+  var textFieldProps = muiSearchTextFieldProps instanceof Function ? muiSearchTextFieldProps({
+    tableInstance: tableInstance
+  }) : muiSearchTextFieldProps;
   return React.createElement(Collapse, {
-    "in": showSearch,
+    "in": showGlobalFilter,
     orientation: "horizontal"
   }, React.createElement(TextField, Object.assign({
     id: "mrt-" + idPrefix + "-search-text-field",
@@ -2012,10 +1229,10 @@ var MRT_SearchTextField = function MRT_SearchTextField(_ref) {
         fontSize: "small"
       })))
     }
-  }, muiSearchTextFieldProps, {
+  }, textFieldProps, {
     sx: _extends({
       justifySelf: 'end'
-    }, muiSearchTextFieldProps == null ? void 0 : muiSearchTextFieldProps.sx)
+    }, textFieldProps == null ? void 0 : textFieldProps.sx)
   })), React.createElement(MRT_FilterTypeMenu, {
     anchorEl: anchorEl,
     setAnchorEl: setAnchorEl,
@@ -2034,19 +1251,27 @@ var MRT_FullScreenToggleButton = function MRT_FullScreenToggleButton(_ref) {
       FullscreenExitIcon = _tableInstance$option2.FullscreenExitIcon,
       FullscreenIcon = _tableInstance$option2.FullscreenIcon,
       localization = _tableInstance$option.localization,
-      setIsFullScreen = _tableInstance$option.setIsFullScreen;
+      onToggleFullScreen = _tableInstance$option.onToggleFullScreen,
+      setIsFullScreen = tableInstance.setIsFullScreen;
 
   var _getState = getState(),
       isFullScreen = _getState.isFullScreen;
 
+  var handleToggleFullScreen = function handleToggleFullScreen(event) {
+    onToggleFullScreen == null ? void 0 : onToggleFullScreen({
+      event: event,
+      isFullScreen: !isFullScreen,
+      tableInstance: tableInstance
+    });
+    setIsFullScreen(!isFullScreen);
+  };
+
   return React.createElement(Tooltip, {
     arrow: true,
     title: localization.toggleFullScreen
   }, React.createElement(IconButton, Object.assign({
     "aria-label": localization.showHideFilters,
-    onClick: function onClick() {
-      return setIsFullScreen(!isFullScreen);
-    },
+    onClick: handleToggleFullScreen,
     size: "small"
   }, rest), isFullScreen ? React.createElement(FullscreenExitIcon, null) : React.createElement(FullscreenIcon, null)));
 };
@@ -2093,19 +1318,27 @@ var MRT_ToggleDensePaddingButton = function MRT_ToggleDensePaddingButton(_ref) {
       DensityMediumIcon = _tableInstance$option2.DensityMediumIcon,
       DensitySmallIcon = _tableInstance$option2.DensitySmallIcon,
       localization = _tableInstance$option.localization,
-      setIsDensePadding = _tableInstance$option.setIsDensePadding;
+      onToggleDensePadding = _tableInstance$option.onToggleDensePadding,
+      setIsDensePadding = tableInstance.setIsDensePadding;
 
   var _getState = getState(),
       isDensePadding = _getState.isDensePadding;
 
+  var handleToggleDensePadding = function handleToggleDensePadding(event) {
+    onToggleDensePadding == null ? void 0 : onToggleDensePadding({
+      event: event,
+      isDensePadding: !isDensePadding,
+      tableInstance: tableInstance
+    });
+    setIsDensePadding(!isDensePadding);
+  };
+
   return React.createElement(Tooltip, {
     arrow: true,
     title: localization.toggleDensePadding
   }, React.createElement(IconButton, Object.assign({
     "aria-label": localization.toggleDensePadding,
-    onClick: function onClick() {
-      return setIsDensePadding(!isDensePadding);
-    },
+    onClick: handleToggleDensePadding,
     size: "small"
   }, rest), isDensePadding ? React.createElement(DensitySmallIcon, null) : React.createElement(DensityMediumIcon, null)));
 };
@@ -2121,25 +1354,33 @@ var MRT_ToggleFiltersButton = function MRT_ToggleFiltersButton(_ref) {
       FilterListIcon = _tableInstance$option2.FilterListIcon,
       FilterListOffIcon = _tableInstance$option2.FilterListOffIcon,
       localization = _tableInstance$option.localization,
-      setShowFilters = _tableInstance$option.setShowFilters;
+      onToggleShowFilters = _tableInstance$option.onToggleShowFilters,
+      setShowFilters = tableInstance.setShowFilters;
 
   var _getState = getState(),
       showFilters = _getState.showFilters;
 
+  var handleToggleShowFilters = function handleToggleShowFilters(event) {
+    onToggleShowFilters == null ? void 0 : onToggleShowFilters({
+      event: event,
+      showFilters: !showFilters,
+      tableInstance: tableInstance
+    });
+    setShowFilters(!showFilters);
+  };
+
   return React.createElement(Tooltip, {
     arrow: true,
     title: localization.showHideFilters
   }, React.createElement(IconButton, Object.assign({
     "aria-label": localization.showHideFilters,
-    onClick: function onClick() {
-      return setShowFilters(!showFilters);
-    },
+    onClick: handleToggleShowFilters,
     size: "small"
   }, rest), showFilters ? React.createElement(FilterListOffIcon, null) : React.createElement(FilterListIcon, null)));
 };
 
 var _excluded$4 = ["tableInstance"];
-var MRT_ToggleSearchButton = function MRT_ToggleSearchButton(_ref) {
+var MRT_ToggleGlobalFilterButton = function MRT_ToggleGlobalFilterButton(_ref) {
   var tableInstance = _ref.tableInstance,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded$4);
 
@@ -2151,17 +1392,27 @@ var MRT_ToggleSearchButton = function MRT_ToggleSearchButton(_ref) {
       idPrefix = _tableInstance$option.idPrefix,
       localization = _tableInstance$option.localization,
       muiSearchTextFieldProps = _tableInstance$option.muiSearchTextFieldProps,
-      setShowSearch = _tableInstance$option.setShowSearch;
+      onToggleShowGlobalFilter = _tableInstance$option.onToggleShowGlobalFilter,
+      setShowGlobalFilter = tableInstance.setShowGlobalFilter;
 
   var _getState = getState(),
-      showSearch = _getState.showSearch;
+      showGlobalFilter = _getState.showGlobalFilter;
 
-  var handleToggleSearch = function handleToggleSearch() {
-    setShowSearch(!showSearch);
+  var textFieldProps = muiSearchTextFieldProps instanceof Function ? muiSearchTextFieldProps({
+    tableInstance: tableInstance
+  }) : muiSearchTextFieldProps;
+
+  var handleToggleSearch = function handleToggleSearch(event) {
+    onToggleShowGlobalFilter == null ? void 0 : onToggleShowGlobalFilter({
+      event: event,
+      showGlobalFilter: !showGlobalFilter,
+      tableInstance: tableInstance
+    });
+    setShowGlobalFilter(!showGlobalFilter);
     setTimeout(function () {
-      var _document$getElementB, _muiSearchTextFieldPr;
+      var _document$getElementB, _textFieldProps$id;
 
-      return (_document$getElementB = document.getElementById((_muiSearchTextFieldPr = muiSearchTextFieldProps == null ? void 0 : muiSearchTextFieldProps.id) != null ? _muiSearchTextFieldPr : "mrt-" + idPrefix + "-search-text-field")) == null ? void 0 : _document$getElementB.focus();
+      return (_document$getElementB = document.getElementById((_textFieldProps$id = textFieldProps == null ? void 0 : textFieldProps.id) != null ? _textFieldProps$id : "mrt-" + idPrefix + "-search-text-field")) == null ? void 0 : _document$getElementB.focus();
     }, 200);
   };
 
@@ -2171,26 +1422,28 @@ var MRT_ToggleSearchButton = function MRT_ToggleSearchButton(_ref) {
   }, React.createElement(IconButton, Object.assign({
     size: "small",
     onClick: handleToggleSearch
-  }, rest), showSearch ? React.createElement(SearchOffIcon, null) : React.createElement(SearchIcon, null)));
+  }, rest), showGlobalFilter ? React.createElement(SearchOffIcon, null) : React.createElement(SearchIcon, null)));
 };
 
 var MRT_ToolbarInternalButtons = function MRT_ToolbarInternalButtons(_ref) {
   var tableInstance = _ref.tableInstance;
   var _tableInstance$option = tableInstance.options,
       enableColumnFilters = _tableInstance$option.enableColumnFilters,
-      enableHiding = _tableInstance$option.enableHiding,
       enableDensePaddingToggle = _tableInstance$option.enableDensePaddingToggle,
-      enableGlobalFilter = _tableInstance$option.enableGlobalFilter,
+      enableFilters = _tableInstance$option.enableFilters,
       enableFullScreenToggle = _tableInstance$option.enableFullScreenToggle,
+      enableGlobalFilter = _tableInstance$option.enableGlobalFilter,
+      enableHiding = _tableInstance$option.enableHiding,
       renderToolbarInternalActions = _tableInstance$option.renderToolbarInternalActions;
 
   if (renderToolbarInternalActions) {
-    return React.createElement(React.Fragment, null, renderToolbarInternalActions(tableInstance, {
-      MRT_ToggleSearchButton: MRT_ToggleSearchButton,
-      MRT_ToggleFiltersButton: MRT_ToggleFiltersButton,
+    return React.createElement(React.Fragment, null, renderToolbarInternalActions({
+      MRT_FullScreenToggleButton: MRT_FullScreenToggleButton,
       MRT_ShowHideColumnsButton: MRT_ShowHideColumnsButton,
       MRT_ToggleDensePaddingButton: MRT_ToggleDensePaddingButton,
-      MRT_FullScreenToggleButton: MRT_FullScreenToggleButton
+      MRT_ToggleFiltersButton: MRT_ToggleFiltersButton,
+      MRT_ToggleGlobalFilterButton: MRT_ToggleGlobalFilterButton,
+      tableInstance: tableInstance
     }));
   }
 
@@ -2201,9 +1454,9 @@ var MRT_ToolbarInternalButtons = function MRT_ToolbarInternalButtons(_ref) {
       alignItems: 'center',
       p: '0 0.5rem'
     }
-  }, enableGlobalFilter && React.createElement(MRT_ToggleSearchButton, {
+  }, enableFilters && enableGlobalFilter && React.createElement(MRT_ToggleGlobalFilterButton, {
     tableInstance: tableInstance
-  }), enableColumnFilters && React.createElement(MRT_ToggleFiltersButton, {
+  }), enableFilters && enableColumnFilters && React.createElement(MRT_ToggleFiltersButton, {
     tableInstance: tableInstance
   }), enableHiding && React.createElement(MRT_ShowHideColumnsButton, {
     tableInstance: tableInstance
@@ -2229,7 +1482,9 @@ var MRT_TablePagination = function MRT_TablePagination(_ref) {
       _getState$pagination$2 = _getState$pagination.pageIndex,
       pageIndex = _getState$pagination$2 === void 0 ? 0 : _getState$pagination$2;
 
-  var tablePaginationProps = muiTablePaginationProps instanceof Function ? muiTablePaginationProps(tableInstance) : muiTablePaginationProps;
+  var tablePaginationProps = muiTablePaginationProps instanceof Function ? muiTablePaginationProps({
+    tableInstance: tableInstance
+  }) : muiTablePaginationProps;
 
   var handleChangeRowsPerPage = function handleChangeRowsPerPage(event) {
     setPageSize(+event.target.value);
@@ -2237,6 +1492,16 @@ var MRT_TablePagination = function MRT_TablePagination(_ref) {
 
   var showFirstLastPageButtons = getPrePaginationRowModel().rows.length / pageSize > 2;
   return React.createElement(TablePagination, Object.assign({
+    SelectProps: {
+      sx: {
+        m: '0 1rem 0 1ch'
+      },
+      MenuProps: {
+        MenuListProps: {
+          disablePadding: true
+        }
+      }
+    },
     component: "div",
     count: getPrePaginationRowModel().rows.length,
     onPageChange: function onPageChange(_, newPage) {
@@ -2245,11 +1510,7 @@ var MRT_TablePagination = function MRT_TablePagination(_ref) {
     onRowsPerPageChange: handleChangeRowsPerPage,
     page: pageIndex,
     rowsPerPage: pageSize,
-    SelectProps: {
-      sx: {
-        m: '0 1rem 0 1ch'
-      }
-    },
+    rowsPerPageOptions: [5, 10, 15, 20, 25, 30, 50, 100],
     showFirstButton: showFirstLastPageButtons,
     showLastButton: showFirstLastPageButtons
   }, tablePaginationProps, {
@@ -2280,7 +1541,9 @@ var MRT_ToolbarAlertBanner = function MRT_ToolbarAlertBanner(_ref) {
       grouping = _getState.grouping;
 
   var isMobile = useMediaQuery('(max-width:720px)');
-  var alertProps = muiTableToolbarAlertBannerProps instanceof Function ? muiTableToolbarAlertBannerProps(tableInstance) : muiTableToolbarAlertBannerProps;
+  var alertProps = muiTableToolbarAlertBannerProps instanceof Function ? muiTableToolbarAlertBannerProps({
+    tableInstance: tableInstance
+  }) : muiTableToolbarAlertBannerProps;
   var selectMessage = getSelectedRowModel().rows.length > 0 ? (_localization$selecte = localization.selectedCountOfRowCountRowsSelected) == null ? void 0 : (_localization$selecte2 = _localization$selecte.replace('{selectedCount}', getSelectedRowModel().rows.length.toString())) == null ? void 0 : _localization$selecte2.replace('{rowCount}', getPrePaginationRowModel().rows.length.toString()) : null;
   var groupedByMessage = grouping.length > 0 ? React.createElement("span", null, localization.groupedBy, ' ', grouping.map(function (columnId, index) {
     var _tableInstance$getAll;
@@ -2320,7 +1583,7 @@ var MRT_ToolbarAlertBanner = function MRT_ToolbarAlertBanner(_ref) {
     sx: {
       p: '0.5rem 1rem'
     }
-  }, selectMessage, groupedByMessage)));
+  }, selectMessage, React.createElement("br", null), groupedByMessage)));
 };
 
 var MRT_LinearProgressBar = function MRT_LinearProgressBar(_ref) {
@@ -2329,7 +1592,9 @@ var MRT_LinearProgressBar = function MRT_LinearProgressBar(_ref) {
       muiLinearProgressProps = _tableInstance$option.muiLinearProgressProps,
       isReloading = _tableInstance$option.isReloading,
       isLoading = _tableInstance$option.isLoading;
-  var linearProgressProps = muiLinearProgressProps instanceof Function ? muiLinearProgressProps(tableInstance) : muiLinearProgressProps;
+  var linearProgressProps = muiLinearProgressProps instanceof Function ? muiLinearProgressProps({
+    tableInstance: tableInstance
+  }) : muiLinearProgressProps;
   return React.createElement(Collapse, {
     "in": isReloading || isLoading,
     unmountOnExit: true
@@ -2369,7 +1634,9 @@ var MRT_ToolbarTop = function MRT_ToolbarTop(_ref2) {
   var _getState = getState(),
       isFullScreen = _getState.isFullScreen;
 
-  var toolbarProps = muiTableToolbarTopProps instanceof Function ? muiTableToolbarTopProps(tableInstance) : muiTableToolbarTopProps;
+  var toolbarProps = muiTableToolbarTopProps instanceof Function ? muiTableToolbarTopProps({
+    tableInstance: tableInstance
+  }) : muiTableToolbarTopProps;
   return React.createElement(Toolbar, Object.assign({
     id: "mrt-" + idPrefix + "-toolbar-top",
     variant: "dense"
@@ -2390,7 +1657,9 @@ var MRT_ToolbarTop = function MRT_ToolbarTop(_ref2) {
       display: 'flex',
       justifyContent: 'space-between'
     }
-  }, (_renderToolbarCustomA = renderToolbarCustomActions == null ? void 0 : renderToolbarCustomActions(tableInstance)) != null ? _renderToolbarCustomA : React.createElement("span", null), React.createElement(Box, {
+  }, (_renderToolbarCustomA = renderToolbarCustomActions == null ? void 0 : renderToolbarCustomActions({
+    tableInstance: tableInstance
+  })) != null ? _renderToolbarCustomA : React.createElement("span", null), React.createElement(Box, {
     sx: {
       display: 'flex',
       gap: '0.5rem',
@@ -2423,7 +1692,9 @@ var MRT_ToolbarBottom = function MRT_ToolbarBottom(_ref) {
   var _getState = getState(),
       isFullScreen = _getState.isFullScreen;
 
-  var toolbarProps = muiTableToolbarBottomProps instanceof Function ? muiTableToolbarBottomProps(tableInstance) : muiTableToolbarBottomProps;
+  var toolbarProps = muiTableToolbarBottomProps instanceof Function ? muiTableToolbarBottomProps({
+    tableInstance: tableInstance
+  }) : muiTableToolbarBottomProps;
   return React.createElement(Toolbar, Object.assign({
     id: "mrt-" + idPrefix + "-toolbar-bottom",
     variant: "dense"
@@ -2467,7 +1738,7 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
       idPrefix = _tableInstance$option.idPrefix,
       localization = _tableInstance$option.localization,
       muiTableHeadCellFilterTextFieldProps = _tableInstance$option.muiTableHeadCellFilterTextFieldProps,
-      setCurrentFilterTypes = _tableInstance$option.setCurrentFilterTypes;
+      setCurrentFilterTypes = tableInstance.setCurrentFilterTypes;
   var column = header.column;
 
   var _getState = getState(),
@@ -2477,8 +1748,14 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
       anchorEl = _useState[0],
       setAnchorEl = _useState[1];
 
-  var mTableHeadCellFilterTextFieldProps = muiTableHeadCellFilterTextFieldProps instanceof Function ? muiTableHeadCellFilterTextFieldProps(column) : muiTableHeadCellFilterTextFieldProps;
-  var mcTableHeadCellFilterTextFieldProps = column.muiTableHeadCellFilterTextFieldProps instanceof Function ? column.muiTableHeadCellFilterTextFieldProps(column) : column.muiTableHeadCellFilterTextFieldProps;
+  var mTableHeadCellFilterTextFieldProps = muiTableHeadCellFilterTextFieldProps instanceof Function ? muiTableHeadCellFilterTextFieldProps({
+    column: column,
+    tableInstance: tableInstance
+  }) : muiTableHeadCellFilterTextFieldProps;
+  var mcTableHeadCellFilterTextFieldProps = column.muiTableHeadCellFilterTextFieldProps instanceof Function ? column.muiTableHeadCellFilterTextFieldProps({
+    column: column,
+    tableInstance: tableInstance
+  }) : column.muiTableHeadCellFilterTextFieldProps;
 
   var textFieldProps = _extends({}, mTableHeadCellFilterTextFieldProps, mcTableHeadCellFilterTextFieldProps);
 
@@ -2655,8 +1932,14 @@ var MRT_ToggleColumnActionMenuButton = function MRT_ToggleColumnActionMenuButton
     setAnchorEl(event.currentTarget);
   };
 
-  var mTableHeadCellColumnActionsButtonProps = muiTableHeadCellColumnActionsButtonProps instanceof Function ? muiTableHeadCellColumnActionsButtonProps(column) : muiTableHeadCellColumnActionsButtonProps;
-  var mcTableHeadCellColumnActionsButtonProps = column.muiTableHeadCellColumnActionsButtonProps instanceof Function ? column.muiTableHeadCellColumnActionsButtonProps(column) : column.muiTableHeadCellColumnActionsButtonProps;
+  var mTableHeadCellColumnActionsButtonProps = muiTableHeadCellColumnActionsButtonProps instanceof Function ? muiTableHeadCellColumnActionsButtonProps({
+    column: column,
+    tableInstance: tableInstance
+  }) : muiTableHeadCellColumnActionsButtonProps;
+  var mcTableHeadCellColumnActionsButtonProps = column.muiTableHeadCellColumnActionsButtonProps instanceof Function ? column.muiTableHeadCellColumnActionsButtonProps({
+    column: column,
+    tableInstance: tableInstance
+  }) : column.muiTableHeadCellColumnActionsButtonProps;
 
   var iconButtonProps = _extends({}, mTableHeadCellColumnActionsButtonProps, mcTableHeadCellColumnActionsButtonProps);
 
@@ -2691,7 +1974,7 @@ var MRT_ToggleColumnActionMenuButton = function MRT_ToggleColumnActionMenuButton
 };
 
 var MRT_TableHeadCell = function MRT_TableHeadCell(_ref) {
-  var _column$Header;
+  var _getState2, _getState2$currentFil, _column$Header;
 
   var header = _ref.header,
       tableInstance = _ref.tableInstance;
@@ -2705,41 +1988,28 @@ var MRT_TableHeadCell = function MRT_TableHeadCell(_ref) {
       FilterAltOff = _tableInstance$option2.FilterAltOff,
       localization = _tableInstance$option.localization,
       muiTableHeadCellProps = _tableInstance$option.muiTableHeadCellProps,
-      setShowFilters = _tableInstance$option.setShowFilters;
+      setShowFilters = tableInstance.setShowFilters;
 
   var _getState = getState(),
       isDensePadding = _getState.isDensePadding,
       showFilters = _getState.showFilters;
 
   var column = header.column;
-  var mTableHeadCellProps = muiTableHeadCellProps instanceof Function ? muiTableHeadCellProps(column) : muiTableHeadCellProps;
-  var mcTableHeadCellProps = column.muiTableHeadCellProps instanceof Function ? column.muiTableHeadCellProps(column) : column.muiTableHeadCellProps;
+  var mTableHeadCellProps = muiTableHeadCellProps instanceof Function ? muiTableHeadCellProps({
+    column: column,
+    tableInstance: tableInstance
+  }) : muiTableHeadCellProps;
+  var mcTableHeadCellProps = column.muiTableHeadCellProps instanceof Function ? column.muiTableHeadCellProps({
+    column: column,
+    tableInstance: tableInstance
+  }) : column.muiTableHeadCellProps;
 
   var tableCellProps = _extends({}, header.getHeaderProps(), mTableHeadCellProps, mcTableHeadCellProps);
 
-  var sortTooltip = !!column.getIsSorted() ? column.getIsSorted() === 'desc' ? localization.clearSort : localization.sortByColumnDesc.replace('{column}', column.header) : localization.sortByColumnAsc.replace('{column}', column.header); // const filterType = getState()?.currentFilterTypes?.[id];
-
-  var filterTooltip = ''; // !!getColumnFilterValue()
-  //   ? localization.filteringByColumn
-  //       .replace('{column}', String(headerString))
-  //       .replace(
-  //         '{filterType}',
-  //         filterType instanceof Function
-  //           ? ''
-  //           : // @ts-ignore
-  //             localization[
-  //               `filter${
-  //                 filterType.charAt(0).toUpperCase() + filterType.slice(1)
-  //               }`
-  //             ],
-  //       )
-  //       .replace(
-  //         '{filterValue}',
-  //         getColumnFilterValue() as string,
-  //       )
-  //       .replace('" "', '')
-  //   : localization.showHideFilters;
-
+  var sortTooltip = !!column.getIsSorted() ? column.getIsSorted() === 'desc' ? localization.clearSort : localization.sortByColumnDesc.replace('{column}', column.header) : localization.sortByColumnAsc.replace('{column}', column.header);
+  var filterType = (_getState2 = getState()) == null ? void 0 : (_getState2$currentFil = _getState2.currentFilterTypes) == null ? void 0 : _getState2$currentFil[header.id];
+  var filterTooltip = !!column.getColumnFilterValue() ? localization.filteringByColumn.replace('{column}', String(column.header)).replace('{filterType}', filterType instanceof Function ? '' : // @ts-ignore
+  localization["filter" + (filterType.charAt(0).toUpperCase() + filterType.slice(1))]).replace('{filterValue}', column.getColumnFilterValue()).replace('" "', '') : localization.showHideFilters;
   var headerElement = (_column$Header = column == null ? void 0 : column.Header == null ? void 0 : column.Header({
     header: header,
     tableInstance: tableInstance
@@ -2860,7 +2130,10 @@ var MRT_TableHeadRow = function MRT_TableHeadRow(_ref) {
   var headerGroup = _ref.headerGroup,
       tableInstance = _ref.tableInstance;
   var muiTableHeadRowProps = tableInstance.options.muiTableHeadRowProps;
-  var mTableHeadRowProps = muiTableHeadRowProps instanceof Function ? muiTableHeadRowProps(headerGroup) : muiTableHeadRowProps;
+  var mTableHeadRowProps = muiTableHeadRowProps instanceof Function ? muiTableHeadRowProps({
+    headerGroup: headerGroup,
+    tableInstance: tableInstance
+  }) : muiTableHeadRowProps;
 
   var tableRowProps = _extends({}, headerGroup == null ? void 0 : headerGroup.getHeaderGroupProps(), mTableHeadRowProps);
 
@@ -2881,7 +2154,9 @@ var MRT_TableHead = function MRT_TableHead(_ref) {
       getLeftHeaderGroups = tableInstance.getLeftHeaderGroups,
       getRightHeaderGroups = tableInstance.getRightHeaderGroups,
       muiTableHeadProps = tableInstance.options.muiTableHeadProps;
-  var tableHeadProps = muiTableHeadProps instanceof Function ? muiTableHeadProps(tableInstance) : muiTableHeadProps;
+  var tableHeadProps = muiTableHeadProps instanceof Function ? muiTableHeadProps({
+    tableInstance: tableInstance
+  }) : muiTableHeadProps;
   var getHeaderGroupsMap = {
     center: getCenterHeaderGroups,
     left: getLeftHeaderGroups,
@@ -2901,36 +2176,67 @@ var MRT_EditCellTextField = function MRT_EditCellTextField(_ref) {
   var cell = _ref.cell,
       tableInstance = _ref.tableInstance;
   var getState = tableInstance.getState,
-      muiTableBodyCellEditTextFieldProps = tableInstance.options.muiTableBodyCellEditTextFieldProps;
+      _tableInstance$option = tableInstance.options,
+      enableEditing = _tableInstance$option.enableEditing,
+      muiTableBodyCellEditTextFieldProps = _tableInstance$option.muiTableBodyCellEditTextFieldProps,
+      setCurrentEditingRow = tableInstance.setCurrentEditingRow;
+
+  var _useState = useState(cell.value),
+      value = _useState[0],
+      setValue = _useState[1];
+
   var column = cell.column,
       row = cell.row;
 
   var handleChange = function handleChange(event) {
+    setValue(event.target.value);
+    column.onCellEditChange == null ? void 0 : column.onCellEditChange({
+      event: event,
+      cell: cell,
+      tableInstance: tableInstance
+    });
+  };
+
+  var handleBlur = function handleBlur(event) {
     if (getState().currentEditingRow) {
-      row.values[column.id] = event.target.value; // setCurrentEditingRow({
-      //   ...getState().currentEditingRow,
-      // });
+      row.values[column.id] = value;
+      setCurrentEditingRow(_extends({}, getState().currentEditingRow));
     }
 
-    column.onCellEditChange == null ? void 0 : column.onCellEditChange(event, cell);
+    column.onCellEditBlur == null ? void 0 : column.onCellEditBlur({
+      event: event,
+      cell: cell,
+      tableInstance: tableInstance
+    });
   };
 
-  var mTableBodyCellEditTextFieldProps = muiTableBodyCellEditTextFieldProps instanceof Function ? muiTableBodyCellEditTextFieldProps(cell) : muiTableBodyCellEditTextFieldProps;
-  var mcTableBodyCellEditTextFieldProps = column.muiTableBodyCellEditTextFieldProps instanceof Function ? column.muiTableBodyCellEditTextFieldProps(cell) : column.muiTableBodyCellEditTextFieldProps;
+  var mTableBodyCellEditTextFieldProps = muiTableBodyCellEditTextFieldProps instanceof Function ? muiTableBodyCellEditTextFieldProps({
+    cell: cell,
+    tableInstance: tableInstance
+  }) : muiTableBodyCellEditTextFieldProps;
+  var mcTableBodyCellEditTextFieldProps = column.muiTableBodyCellEditTextFieldProps instanceof Function ? column.muiTableBodyCellEditTextFieldProps({
+    cell: cell,
+    tableInstance: tableInstance
+  }) : column.muiTableBodyCellEditTextFieldProps;
 
-  var textFieldProps = _extends({}, mTableBodyCellEditTextFieldProps, mcTableBodyCellEditTextFieldProps); // if (enableEditing && Edit) {
-  //   return <>{Edit({ ...textFieldProps, cell })}</>;
-  // }
+  var textFieldProps = _extends({}, mTableBodyCellEditTextFieldProps, mcTableBodyCellEditTextFieldProps);
 
+  if (enableEditing && column.enableEditing !== false && column.Edit) {
+    return React.createElement(React.Fragment, null, column.Edit == null ? void 0 : column.Edit({
+      cell: cell,
+      tableInstance: tableInstance
+    }));
+  }
 
   return React.createElement(TextField, Object.assign({
     margin: "dense",
+    onBlur: handleBlur,
     onChange: handleChange,
     onClick: function onClick(e) {
       return e.stopPropagation();
     },
     placeholder: column.header,
-    value: cell.value,
+    value: value,
     variant: "standard"
   }, textFieldProps));
 };
@@ -2955,8 +2261,14 @@ var MRT_CopyButton = function MRT_CopyButton(_ref) {
     }, 4000);
   };
 
-  var mTableBodyCellCopyButtonProps = muiTableBodyCellCopyButtonProps instanceof Function ? muiTableBodyCellCopyButtonProps(cell) : muiTableBodyCellCopyButtonProps;
-  var mcTableBodyCellCopyButtonProps = cell.column.muiTableBodyCellCopyButtonProps instanceof Function ? cell.column.muiTableBodyCellCopyButtonProps(cell) : cell.column.muiTableBodyCellCopyButtonProps;
+  var mTableBodyCellCopyButtonProps = muiTableBodyCellCopyButtonProps instanceof Function ? muiTableBodyCellCopyButtonProps({
+    cell: cell,
+    tableInstance: tableInstance
+  }) : muiTableBodyCellCopyButtonProps;
+  var mcTableBodyCellCopyButtonProps = cell.column.muiTableBodyCellCopyButtonProps instanceof Function ? cell.column.muiTableBodyCellCopyButtonProps({
+    cell: cell,
+    tableInstance: tableInstance
+  }) : cell.column.muiTableBodyCellCopyButtonProps;
 
   var buttonProps = _extends({}, mTableBodyCellCopyButtonProps, mcTableBodyCellCopyButtonProps);
 
@@ -2990,7 +2302,7 @@ var MRT_CopyButton = function MRT_CopyButton(_ref) {
 };
 
 var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
-  var _row$subRows, _row$subRows2;
+  var _cell$column$Cell, _cell$column, _row$subRows, _cell$column$Cell2, _cell$column2, _row$subRows2;
 
   var cell = _ref.cell,
       tableInstance = _ref.tableInstance;
@@ -2998,7 +2310,8 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
       getState = tableInstance.getState,
       _tableInstance$option = tableInstance.options,
       enableClickToCopy = _tableInstance$option.enableClickToCopy,
-      enableColumnPinning = _tableInstance$option.enableColumnPinning,
+      enablePinning = _tableInstance$option.enablePinning,
+      enableEditing = _tableInstance$option.enableEditing,
       isLoading = _tableInstance$option.isLoading,
       muiTableBodyCellProps = _tableInstance$option.muiTableBodyCellProps,
       muiTableBodyCellSkeletonProps = _tableInstance$option.muiTableBodyCellSkeletonProps,
@@ -3010,8 +2323,14 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
 
   var column = cell.column,
       row = cell.row;
-  var mTableCellBodyProps = muiTableBodyCellProps instanceof Function ? muiTableBodyCellProps(cell) : muiTableBodyCellProps;
-  var mcTableCellBodyProps = column.muiTableBodyCellProps instanceof Function ? column.muiTableBodyCellProps(cell) : column.muiTableBodyCellProps;
+  var mTableCellBodyProps = muiTableBodyCellProps instanceof Function ? muiTableBodyCellProps({
+    cell: cell,
+    tableInstance: tableInstance
+  }) : muiTableBodyCellProps;
+  var mcTableCellBodyProps = column.muiTableBodyCellProps instanceof Function ? column.muiTableBodyCellProps({
+    cell: cell,
+    tableInstance: tableInstance
+  }) : column.muiTableBodyCellProps;
 
   var tableCellProps = _extends({}, cell.getCellProps(), mTableCellBodyProps, mcTableCellBodyProps);
 
@@ -3020,14 +2339,18 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
   }, [column.columnDefType, column.getWidth()]);
   return React.createElement(TableCell, Object.assign({
     onClick: function onClick(event) {
-      return onCellClick == null ? void 0 : onCellClick(event, cell);
+      return onCellClick == null ? void 0 : onCellClick({
+        event: event,
+        cell: cell,
+        tableInstance: tableInstance
+      });
     }
   }, tableCellProps, {
     sx: _extends({
       p: isDensePadding ? column.columnDefType === 'display' ? '0 0.5rem' : '0.5rem' : column.columnDefType === 'display' ? '0.5rem 0.75rem' : '1rem',
       pl: column.id === 'mrt-expand' ? row.depth + (isDensePadding ? 0.5 : 0.75) + "rem" : undefined,
       transition: 'all 0.2s ease-in-out',
-      whiteSpace: isDensePadding || enableColumnPinning && getIsSomeColumnsPinned() ? 'nowrap' : 'normal'
+      whiteSpace: isDensePadding || enablePinning && getIsSomeColumnsPinned() ? 'nowrap' : 'normal'
     }, tableCellProps == null ? void 0 : tableCellProps.sx)
   }), isLoading ? React.createElement(Skeleton, Object.assign({
     animation: "wave",
@@ -3036,13 +2359,19 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
   }, muiTableBodyCellSkeletonProps)) : column.columnDefType === 'display' ? column.Cell == null ? void 0 : column.Cell({
     cell: cell,
     tableInstance: tableInstance
-  }) : cell.getIsPlaceholder() || row.getIsGrouped() && column.id !== row.groupingColumnId ? null : cell.getIsAggregated() ? cell.renderAggregatedCell() : column.enableEditing && (currentEditingRow == null ? void 0 : currentEditingRow.id) === row.id ? React.createElement(MRT_EditCellTextField, {
+  }) : cell.getIsPlaceholder() || row.getIsGrouped() && column.id !== row.groupingColumnId ? null : cell.getIsAggregated() ? cell.renderAggregatedCell() : enableEditing && column.enableEditing !== false && (currentEditingRow == null ? void 0 : currentEditingRow.id) === row.id ? React.createElement(MRT_EditCellTextField, {
     cell: cell,
     tableInstance: tableInstance
   }) : (enableClickToCopy || column.enableClickToCopy) && column.enableClickToCopy !== false ? React.createElement(React.Fragment, null, React.createElement(MRT_CopyButton, {
     cell: cell,
     tableInstance: tableInstance
-  }, cell.renderCell()), row.getIsGrouped() && React.createElement(React.Fragment, null, " (", (_row$subRows = row.subRows) == null ? void 0 : _row$subRows.length, ")")) : React.createElement(React.Fragment, null, cell.renderCell(), row.getIsGrouped() && React.createElement(React.Fragment, null, " (", (_row$subRows2 = row.subRows) == null ? void 0 : _row$subRows2.length, ")")));
+  }, (_cell$column$Cell = (_cell$column = cell.column) == null ? void 0 : _cell$column.Cell == null ? void 0 : _cell$column.Cell({
+    cell: cell,
+    tableInstance: tableInstance
+  })) != null ? _cell$column$Cell : cell.renderCell()), row.getIsGrouped() && React.createElement(React.Fragment, null, " (", (_row$subRows = row.subRows) == null ? void 0 : _row$subRows.length, ")")) : React.createElement(React.Fragment, null, (_cell$column$Cell2 = (_cell$column2 = cell.column) == null ? void 0 : _cell$column2.Cell == null ? void 0 : _cell$column2.Cell({
+    cell: cell,
+    tableInstance: tableInstance
+  })) != null ? _cell$column$Cell2 : cell.renderCell(), row.getIsGrouped() && React.createElement(React.Fragment, null, " (", (_row$subRows2 = row.subRows) == null ? void 0 : _row$subRows2.length, ")")));
 };
 
 var MRT_TableDetailPanel = function MRT_TableDetailPanel(_ref) {
@@ -3054,12 +2383,22 @@ var MRT_TableDetailPanel = function MRT_TableDetailPanel(_ref) {
       muiTableDetailPanelProps = _tableInstance$option.muiTableDetailPanelProps,
       onDetailPanelClick = _tableInstance$option.onDetailPanelClick,
       renderDetailPanel = _tableInstance$option.renderDetailPanel;
-  var tableRowProps = muiTableBodyRowProps instanceof Function ? muiTableBodyRowProps(row) : muiTableBodyRowProps;
-  var tableCellProps = muiTableDetailPanelProps instanceof Function ? muiTableDetailPanelProps(row) : muiTableDetailPanelProps;
+  var tableRowProps = muiTableBodyRowProps instanceof Function ? muiTableBodyRowProps({
+    row: row,
+    tableInstance: tableInstance
+  }) : muiTableBodyRowProps;
+  var tableCellProps = muiTableDetailPanelProps instanceof Function ? muiTableDetailPanelProps({
+    row: row,
+    tableInstance: tableInstance
+  }) : muiTableDetailPanelProps;
   return React.createElement(TableRow, Object.assign({}, tableRowProps), React.createElement(TableCell, Object.assign({
     colSpan: getVisibleFlatColumns().length + 10,
     onClick: function onClick(event) {
-      return onDetailPanelClick == null ? void 0 : onDetailPanelClick(event, row);
+      return onDetailPanelClick == null ? void 0 : onDetailPanelClick({
+        event: event,
+        row: row,
+        tableInstance: tableInstance
+      });
     }
   }, tableCellProps, {
     sx: _extends({
@@ -3070,7 +2409,10 @@ var MRT_TableDetailPanel = function MRT_TableDetailPanel(_ref) {
     }, tableCellProps == null ? void 0 : tableCellProps.sx)
   }), React.createElement(Collapse, {
     "in": row.getIsExpanded()
-  }, renderDetailPanel == null ? void 0 : renderDetailPanel(row))));
+  }, renderDetailPanel == null ? void 0 : renderDetailPanel({
+    row: row,
+    tableInstance: tableInstance
+  }))));
 };
 
 var MRT_TableBodyRow = function MRT_TableBodyRow(_ref) {
@@ -3088,7 +2430,10 @@ var MRT_TableBodyRow = function MRT_TableBodyRow(_ref) {
       getRightVisibleCells = row.getRightVisibleCells,
       getRowProps = row.getRowProps,
       getVisibleCells = row.getVisibleCells;
-  var mTableBodyRowProps = muiTableBodyRowProps instanceof Function ? muiTableBodyRowProps(row) : muiTableBodyRowProps;
+  var mTableBodyRowProps = muiTableBodyRowProps instanceof Function ? muiTableBodyRowProps({
+    row: row,
+    tableInstance: tableInstance
+  }) : muiTableBodyRowProps;
 
   var tableRowProps = _extends({}, getRowProps(), mTableBodyRowProps);
 
@@ -3101,7 +2446,11 @@ var MRT_TableBodyRow = function MRT_TableBodyRow(_ref) {
   return React.createElement(React.Fragment, null, React.createElement(TableRow, Object.assign({
     hover: true,
     onClick: function onClick(event) {
-      return onRowClick == null ? void 0 : onRowClick(event, row);
+      return onRowClick == null ? void 0 : onRowClick({
+        event: event,
+        row: row,
+        tableInstance: tableInstance
+      });
     },
     selected: getIsSelected()
   }, tableRowProps), getVisibleCellsMap[pinned]().map(function (cell) {
@@ -3126,7 +2475,9 @@ var MRT_TableBody = function MRT_TableBody(_ref) {
       enablePagination = _tableInstance$option.enablePagination,
       muiTableBodyProps = _tableInstance$option.muiTableBodyProps;
   var rows = enablePagination ? getPaginationRowModel().rows : getPrePaginationRowModel().rows;
-  var mTableBodyProps = muiTableBodyProps instanceof Function ? muiTableBodyProps(tableInstance) : muiTableBodyProps;
+  var mTableBodyProps = muiTableBodyProps instanceof Function ? muiTableBodyProps({
+    tableInstance: tableInstance
+  }) : muiTableBodyProps;
 
   var tableBodyProps = _extends({}, getTableBodyProps(), mTableBodyProps);
 
@@ -3154,8 +2505,14 @@ var MRT_TableFooterCell = function MRT_TableFooterCell(_ref) {
       isDensePadding = _getState.isDensePadding;
 
   var column = footer.column;
-  var mTableFooterCellProps = muiTableFooterCellProps instanceof Function ? muiTableFooterCellProps(column) : muiTableFooterCellProps;
-  var mcTableFooterCellProps = column.muiTableFooterCellProps instanceof Function ? column.muiTableFooterCellProps(column) : column.muiTableFooterCellProps;
+  var mTableFooterCellProps = muiTableFooterCellProps instanceof Function ? muiTableFooterCellProps({
+    column: column,
+    tableInstance: tableInstance
+  }) : muiTableFooterCellProps;
+  var mcTableFooterCellProps = column.muiTableFooterCellProps instanceof Function ? column.muiTableFooterCellProps({
+    column: column,
+    tableInstance: tableInstance
+  }) : column.muiTableFooterCellProps;
 
   var tableCellProps = _extends({}, footer.getFooterProps(), mTableFooterCellProps, mcTableFooterCellProps);
 
@@ -3190,7 +2547,10 @@ var MRT_TableFooterRow = function MRT_TableFooterRow(_ref) {
   if (!((_footerGroup$headers = footerGroup.headers) != null && _footerGroup$headers.some(function (h) {
     return h.column.columnDef.footer || h.column.Footer;
   }))) return null;
-  var mTableFooterRowProps = muiTableFooterRowProps instanceof Function ? muiTableFooterRowProps(footerGroup) : muiTableFooterRowProps;
+  var mTableFooterRowProps = muiTableFooterRowProps instanceof Function ? muiTableFooterRowProps({
+    footerGroup: footerGroup,
+    tableInstance: tableInstance
+  }) : muiTableFooterRowProps;
 
   var tableRowProps = _extends({}, footerGroup.getFooterGroupProps(), mTableFooterRowProps);
 
@@ -3211,7 +2571,9 @@ var MRT_TableFooter = function MRT_TableFooter(_ref) {
       getLeftFooterGroups = tableInstance.getLeftFooterGroups,
       getRightFooterGroups = tableInstance.getRightFooterGroups,
       muiTableFooterProps = tableInstance.options.muiTableFooterProps;
-  var tableFooterProps = muiTableFooterProps instanceof Function ? muiTableFooterProps(tableInstance) : muiTableFooterProps;
+  var tableFooterProps = muiTableFooterProps instanceof Function ? muiTableFooterProps({
+    tableInstance: tableInstance
+  }) : muiTableFooterProps;
   var getFooterGroupsMap = {
     center: getCenterFooterGroups,
     left: getLeftFooterGroups,
@@ -3236,7 +2598,9 @@ var MRT_Table = function MRT_Table(_ref) {
       hideTableFooter = _tableInstance$option.hideTableFooter,
       hideTableHead = _tableInstance$option.hideTableHead,
       muiTableProps = _tableInstance$option.muiTableProps;
-  var mTableProps = muiTableProps instanceof Function ? muiTableProps(tableInstance) : muiTableProps;
+  var mTableProps = muiTableProps instanceof Function ? muiTableProps({
+    tableInstance: tableInstance
+  }) : muiTableProps;
 
   var tableProps = _extends({}, getTableProps(), mTableProps);
 
@@ -3274,7 +2638,7 @@ var MRT_TableContainer = function MRT_TableContainer(_ref2) {
       getRightTableWidth = tableInstance.getRightTableWidth,
       getState = tableInstance.getState,
       _tableInstance$option = tableInstance.options,
-      enableColumnPinning = _tableInstance$option.enableColumnPinning,
+      enablePinning = _tableInstance$option.enablePinning,
       enableStickyHeader = _tableInstance$option.enableStickyHeader,
       idPrefix = _tableInstance$option.idPrefix,
       muiTableContainerProps = _tableInstance$option.muiTableContainerProps;
@@ -3287,8 +2651,10 @@ var MRT_TableContainer = function MRT_TableContainer(_ref2) {
       totalToolbarHeight = _useState[0],
       setTotalToolbarHeight = _useState[1];
 
-  var tableContainerProps = muiTableContainerProps instanceof Function ? muiTableContainerProps(tableInstance) : muiTableContainerProps;
-  useLayoutEffect(function () {
+  var tableContainerProps = muiTableContainerProps instanceof Function ? muiTableContainerProps({
+    tableInstance: tableInstance
+  }) : muiTableContainerProps;
+  useEffect(function () {
     var _document$getElementB, _document, _document$getElementB2, _document$getElementB3, _document2, _document2$getElement;
 
     var topToolbarHeight = typeof document !== 'undefined' ? (_document$getElementB = (_document = document) == null ? void 0 : (_document$getElementB2 = _document.getElementById("mrt-" + idPrefix + "-toolbar-top")) == null ? void 0 : _document$getElementB2.offsetHeight) != null ? _document$getElementB : 0 : 0;
@@ -3304,14 +2670,12 @@ var MRT_TableContainer = function MRT_TableContainer(_ref2) {
     style: {
       maxHeight: isFullScreen ? "calc(100vh - " + totalToolbarHeight + "px)" : undefined
     }
-  }), enableColumnPinning && getIsSomeColumnsPinned() ? React.createElement(Box, {
+  }), enablePinning && getIsSomeColumnsPinned() ? React.createElement(Box, {
     sx: {
       display: 'grid',
       gridTemplateColumns: getLeftTableWidth() + "fr " + getCenterTableWidth() + "fr " + getRightTableWidth() + "fr"
     }
-  }, React.createElement(Box // @ts-ignore
-  , {
-    // @ts-ignore
+  }, React.createElement(Box, {
     sx: function sx(theme) {
       var _columnPinning$left;
 
@@ -3324,8 +2688,7 @@ var MRT_TableContainer = function MRT_TableContainer(_ref2) {
   }, React.createElement(MRT_Table, {
     pinned: "left",
     tableInstance: tableInstance
-  })), React.createElement(Box // @ts-ignore
-  , {
+  })), React.createElement(Box, {
     sx: function sx(theme) {
       return commonBoxStyles({
         theme: theme
@@ -3334,9 +2697,7 @@ var MRT_TableContainer = function MRT_TableContainer(_ref2) {
   }, React.createElement(MRT_Table, {
     pinned: "center",
     tableInstance: tableInstance
-  })), React.createElement(Box // @ts-ignore
-  , {
-    // @ts-ignore
+  })), React.createElement(Box, {
     sx: function sx(theme) {
       var _columnPinning$right;
 
@@ -3375,23 +2736,29 @@ var MRT_TablePaper = function MRT_TablePaper(_ref) {
       }
     }
   }, [isFullScreen]);
-  var tablePaperProps = muiTablePaperProps instanceof Function ? muiTablePaperProps(tableInstance) : muiTablePaperProps;
+  var tablePaperProps = muiTablePaperProps instanceof Function ? muiTablePaperProps({
+    tableInstance: tableInstance
+  }) : muiTablePaperProps;
   return React.createElement(Paper, Object.assign({
     elevation: 2
   }, tablePaperProps, {
     sx: _extends({
-      bottom: isFullScreen ? '0' : undefined,
+      transition: 'all 0.2s ease-in-out'
+    }, tablePaperProps == null ? void 0 : tablePaperProps.sx),
+    style: {
       height: isFullScreen ? '100%' : undefined,
       left: isFullScreen ? '0' : undefined,
-      m: isFullScreen ? '0' : undefined,
+      margin: isFullScreen ? '0' : undefined,
+      maxHeight: isFullScreen ? '100%' : undefined,
+      maxWidth: isFullScreen ? '100%' : undefined,
       overflowY: !isFullScreen ? 'hidden' : undefined,
       position: isFullScreen ? 'fixed' : undefined,
       right: isFullScreen ? '0' : undefined,
       top: isFullScreen ? '0' : undefined,
-      transition: 'all 0.2s ease-in-out',
       width: isFullScreen ? '100vw' : undefined,
-      zIndex: isFullScreen ? 1200 : 1
-    }, tablePaperProps == null ? void 0 : tablePaperProps.sx)
+      zIndex: isFullScreen ? 1200 : 1,
+      bottom: isFullScreen ? '0' : undefined
+    }
   }), !hideToolbarTop && React.createElement(MRT_ToolbarTop, {
     tableInstance: tableInstance
   }), React.createElement(MRT_TableContainer, {
@@ -3474,9 +2841,9 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
       showFilters = _useState4[0],
       setShowFilters = _useState4[1];
 
-  var _useState5 = useState((_props$initialState$s2 = (_props$initialState4 = props.initialState) == null ? void 0 : _props$initialState4.showSearch) != null ? _props$initialState$s2 : false),
-      showSearch = _useState5[0],
-      setShowSearch = _useState5[1];
+  var _useState5 = useState((_props$initialState$s2 = (_props$initialState4 = props.initialState) == null ? void 0 : _props$initialState4.showGlobalFilter) != null ? _props$initialState$s2 : false),
+      showGlobalFilter = _useState5[0],
+      setShowGlobalFilter = _useState5[1];
 
   var _useState6 = useState({
     pageIndex: (_props$initialState$p = (_props$initialState5 = props.initialState) == null ? void 0 : (_props$initialState5$ = _props$initialState5.pagination) == null ? void 0 : _props$initialState5$.pageIndex) != null ? _props$initialState$p : 0,
@@ -3504,9 +2871,9 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
     return createTable();
   }, []);
   var displayColumns = useMemo(function () {
-    var _props$localization, _props$localization2, _props$localization3, _props$localization4;
+    var _props$localization, _props$localization2, _props$localization3, _props$localization5;
 
-    return [(props.enableRowActions || props.enableRowEditing) && createDisplayColumn(table, {
+    return [(props.enableRowActions || props.enableEditing) && createDisplayColumn(table, {
       Cell: function Cell(_ref3) {
         var cell = _ref3.cell;
         return React.createElement(MRT_ToggleRowActionMenuButton, {
@@ -3559,22 +2926,24 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
         return cell.row.index + 1;
       },
       Header: function Header() {
-        return '#';
+        var _props$localization4;
+
+        return (_props$localization4 = props.localization) == null ? void 0 : _props$localization4.rowNumber;
       },
-      header: (_props$localization4 = props.localization) == null ? void 0 : _props$localization4.rowNumbers,
+      header: (_props$localization5 = props.localization) == null ? void 0 : _props$localization5.rowNumbers,
       id: 'mrt-row-numbers',
       maxWidth: 40,
       width: 40,
       minWidth: 40
     })].filter(Boolean);
-  }, [props.enableExpandAll, props.enableExpanded, props.enableRowActions, props.enableRowEditing, props.enableRowNumbers, props.enableRowSelection, props.enableSelectAll, props.localization]);
+  }, [props.enableEditing, props.enableExpandAll, props.enableExpanded, props.enableGrouping, props.enableRowActions, props.enableRowNumbers, props.enableRowSelection, props.enableSelectAll, props.localization, table]);
   var columns = useMemo(function () {
     return table.createColumns([].concat(displayColumns, props.columns.map(function (column) {
       return column.columns ? createGroup(table, column, currentFilterTypes) : createDataColumn(table, column, currentFilterTypes);
     })));
   }, [table, props.columns, currentFilterTypes]);
   var data = useMemo(function () {
-    return props.isLoading && !props.data.length ? [].concat(Array(10).fill(null)).map(function (_) {
+    return props.isLoading && !props.data.length ? [].concat(Array(10).fill(null)).map(function () {
       return Object.assign.apply(Object, [{}].concat(getAllLeafColumnDefs(props.columns).map(function (c) {
         var _ref7;
 
@@ -3583,35 +2952,30 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
     }) : props.data;
   }, [props.data, props.isLoading]); //@ts-ignore
 
-  var tableInstance = useTable(table, _extends({}, props, {
-    //@ts-ignore
-    filterTypes: defaultFilterFNs,
-    globalFilterType: currentGlobalFilterType,
+  var tableInstance = _extends({}, useTable(table, _extends({}, props, {
     columnFilterRowsFn: columnFilterRowsFn,
     columns: columns,
     data: data,
     expandRowsFn: expandRowsFn,
+    //@ts-ignore
+    filterTypes: defaultFilterFNs,
     getSubRows: (_props$getSubRows = props.getSubRows) != null ? _props$getSubRows : function (originalRow) {
       return originalRow.subRows;
     },
     globalFilterRowsFn: globalFilterRowsFn,
+    globalFilterType: currentGlobalFilterType,
     groupRowsFn: groupRowsFn,
     idPrefix: idPrefix,
+    //@ts-ignore
+    initialState: props.initialState,
     onPaginationChange: function onPaginationChange(updater) {
       return setPagination(function (old) {
         return functionalUpdate(updater, old);
       });
     },
     paginateRowsFn: paginateRowsFn,
-    setCurrentEditingRow: setCurrentEditingRow,
-    setCurrentFilterTypes: setCurrentFilterTypes,
-    setCurrentGlobalFilterType: setCurrentGlobalFilterType,
-    setIsDensePadding: setIsDensePadding,
-    setIsFullScreen: setIsFullScreen,
-    setShowFilters: setShowFilters,
-    setShowSearch: setShowSearch,
     sortRowsFn: sortRowsFn,
-    state: _extends({}, props.initialState, {
+    state: _extends({
       currentEditingRow: currentEditingRow,
       currentFilterTypes: currentFilterTypes,
       currentGlobalFilterType: currentGlobalFilterType,
@@ -3620,17 +2984,34 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
       //@ts-ignore
       pagination: pagination,
       showFilters: showFilters,
-      showSearch: showSearch
+      showGlobalFilter: showGlobalFilter
     }, props.state)
-  }));
+  })), {
+    setCurrentEditingRow: setCurrentEditingRow,
+    setCurrentFilterTypes: setCurrentFilterTypes,
+    setCurrentGlobalFilterType: setCurrentGlobalFilterType,
+    setIsDensePadding: setIsDensePadding,
+    setIsFullScreen: setIsFullScreen,
+    setShowFilters: setShowFilters,
+    setShowGlobalFilter: setShowGlobalFilter
+  });
+
   return React.createElement(MRT_TablePaper, {
     tableInstance: tableInstance
   });
 };
 
-var _excluded$5 = ["enableColumnActions", "enableColumnFilters", "enableDensePaddingToggle", "enableExpandAll", "enableFullScreenToggle", "enableGlobalFilter", "enableHiding", "enablePagination", "enableSelectAll", "enableSorting", "enableStickyHeader", "filterTypes", "icons", "localization", "positionActionsColumn", "positionPagination", "positionToolbarActions", "positionToolbarAlertBanner"];
+var _excluded$5 = ["autoResetExpanded", "enableColumnActions", "enableColumnFilters", "enableDensePaddingToggle", "enableExpandAll", "enableFilters", "enableFullScreenToggle", "enableGlobalFilter", "enableHiding", "enableMultiRowSelection", "enablePagination", "enableSelectAll", "enableSorting", "enableStickyHeader", "icons", "localization", "positionActionsColumn", "positionPagination", "positionToolbarActions", "positionToolbarAlertBanner"];
+
+global.performance = global.performance || {
+  now: function now() {
+    return new Date().getTime();
+  }
+};
 var MaterialReactTable = (function (_ref) {
-  var _ref$enableColumnActi = _ref.enableColumnActions,
+  var _ref$autoResetExpande = _ref.autoResetExpanded,
+      autoResetExpanded = _ref$autoResetExpande === void 0 ? false : _ref$autoResetExpande,
+      _ref$enableColumnActi = _ref.enableColumnActions,
       enableColumnActions = _ref$enableColumnActi === void 0 ? true : _ref$enableColumnActi,
       _ref$enableColumnFilt = _ref.enableColumnFilters,
       enableColumnFilters = _ref$enableColumnFilt === void 0 ? true : _ref$enableColumnFilt,
@@ -3638,12 +3019,16 @@ var MaterialReactTable = (function (_ref) {
       enableDensePaddingToggle = _ref$enableDensePaddi === void 0 ? true : _ref$enableDensePaddi,
       _ref$enableExpandAll = _ref.enableExpandAll,
       enableExpandAll = _ref$enableExpandAll === void 0 ? true : _ref$enableExpandAll,
+      _ref$enableFilters = _ref.enableFilters,
+      enableFilters = _ref$enableFilters === void 0 ? true : _ref$enableFilters,
       _ref$enableFullScreen = _ref.enableFullScreenToggle,
       enableFullScreenToggle = _ref$enableFullScreen === void 0 ? true : _ref$enableFullScreen,
       _ref$enableGlobalFilt = _ref.enableGlobalFilter,
       enableGlobalFilter = _ref$enableGlobalFilt === void 0 ? true : _ref$enableGlobalFilt,
       _ref$enableHiding = _ref.enableHiding,
       enableHiding = _ref$enableHiding === void 0 ? true : _ref$enableHiding,
+      _ref$enableMultiRowSe = _ref.enableMultiRowSelection,
+      enableMultiRowSelection = _ref$enableMultiRowSe === void 0 ? true : _ref$enableMultiRowSe,
       _ref$enablePagination = _ref.enablePagination,
       enablePagination = _ref$enablePagination === void 0 ? true : _ref$enablePagination,
       _ref$enableSelectAll = _ref.enableSelectAll,
@@ -3665,13 +3050,16 @@ var MaterialReactTable = (function (_ref) {
       rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
 
   return React.createElement(MRT_TableRoot, Object.assign({
+    autoResetExpanded: autoResetExpanded,
     enableColumnActions: enableColumnActions,
     enableColumnFilters: enableColumnFilters,
     enableDensePaddingToggle: enableDensePaddingToggle,
     enableExpandAll: enableExpandAll,
+    enableFilters: enableFilters,
     enableFullScreenToggle: enableFullScreenToggle,
     enableGlobalFilter: enableGlobalFilter,
     enableHiding: enableHiding,
+    enableMultiRowSelection: enableMultiRowSelection,
     enablePagination: enablePagination,
     enableSelectAll: enableSelectAll,
     enableSorting: enableSorting,