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

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

@@ -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, {
@@ -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];
-    }));
+    onColumnHide == null ? void 0 : onColumnHide({
+      column: column,
+      columnVisibility: columnVisibility,
+      tableInstance: tableInstance
+    });
   };
 
   return React.createElement(React.Fragment, null, React.createElement(MenuItem, {
@@ -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,9 +952,12 @@ var MRT_EditActionButtons = function MRT_EditActionButtons(_ref) {
       CancelIcon = _tableInstance$option2.CancelIcon,
       SaveIcon = _tableInstance$option2.SaveIcon,
       localization = _tableInstance$option.localization,
-      onRowEditSubmit = _tableInstance$option.onRowEditSubmit,
+      onEditSubmit = _tableInstance$option.onEditSubmit,
       setCurrentEditingRow = _tableInstance$option.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,7 +1009,7 @@ 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,
@@ -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
+  })) : row.id === (currentEditingRow == null ? void 0 : currentEditingRow.id) ? React.createElement(MRT_EditActionButtons, {
     row: row,
     tableInstance: tableInstance
-  }) : !renderRowActionMenuItems && enableRowEditing ? React.createElement(Tooltip, {
+  }) : !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);
@@ -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,6 +1185,9 @@ var MRT_SearchTextField = function MRT_SearchTextField(_ref) {
     setGlobalFilter(undefined);
   };
 
+  var textFieldProps = muiSearchTextFieldProps instanceof Function ? muiSearchTextFieldProps({
+    tableInstance: tableInstance
+  }) : muiSearchTextFieldProps;
   return React.createElement(Collapse, {
     "in": showSearch,
     orientation: "horizontal"
@@ -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,
@@ -2156,12 +1373,16 @@ var MRT_ToggleSearchButton = function MRT_ToggleSearchButton(_ref) {
   var _getState = getState(),
       showSearch = _getState.showSearch;
 
+  var textFieldProps = muiSearchTextFieldProps instanceof Function ? muiSearchTextFieldProps({
+    tableInstance: tableInstance
+  }) : muiSearchTextFieldProps;
+
   var handleToggleSearch = function handleToggleSearch() {
     setShowSearch(!showSearch);
     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);
   };
 
@@ -2185,12 +1406,13 @@ var MRT_ToolbarInternalButtons = function MRT_ToolbarInternalButtons(_ref) {
       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_ToggleSearchButton: MRT_ToggleSearchButton,
+      tableInstance: tableInstance
     }));
   }
 
@@ -2229,7 +1451,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 +1461,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 +1479,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 +1510,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 +1552,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 +1561,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 +1603,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 +1626,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 +1661,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"
@@ -2477,8 +1717,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 +1901,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 +1943,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;
@@ -2712,34 +1964,21 @@ var MRT_TableHeadCell = function MRT_TableHeadCell(_ref) {
       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 +2099,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 +2123,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 +2145,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$option.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 +2230,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 +2271,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;
@@ -2999,6 +2280,7 @@ var MRT_TableBodyCell = function MRT_TableBodyCell(_ref) {
       _tableInstance$option = tableInstance.options,
       enableClickToCopy = _tableInstance$option.enableClickToCopy,
       enableColumnPinning = _tableInstance$option.enableColumnPinning,
+      enableEditing = _tableInstance$option.enableEditing,
       isLoading = _tableInstance$option.isLoading,
       muiTableBodyCellProps = _tableInstance$option.muiTableBodyCellProps,
       muiTableBodyCellSkeletonProps = _tableInstance$option.muiTableBodyCellSkeletonProps,
@@ -3010,8 +2292,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,7 +2308,11 @@ 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({
@@ -3036,13 +2328,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 +2352,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 +2378,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 +2399,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 +2415,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 +2444,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 +2474,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 +2516,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 +2540,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 +2567,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);
 
@@ -3287,7 +2620,9 @@ var MRT_TableContainer = function MRT_TableContainer(_ref2) {
       totalToolbarHeight = _useState[0],
       setTotalToolbarHeight = _useState[1];
 
-  var tableContainerProps = muiTableContainerProps instanceof Function ? muiTableContainerProps(tableInstance) : muiTableContainerProps;
+  var tableContainerProps = muiTableContainerProps instanceof Function ? muiTableContainerProps({
+    tableInstance: tableInstance
+  }) : muiTableContainerProps;
   useLayoutEffect(function () {
     var _document$getElementB, _document, _document$getElementB2, _document$getElementB3, _document2, _document2$getElement;
 
@@ -3309,9 +2644,7 @@ var MRT_TableContainer = function MRT_TableContainer(_ref2) {
       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 +2657,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 +2666,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 +2705,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, {
@@ -3504,9 +2840,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,15 +2895,17 @@ 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]);
+  }, [table, props.enableExpandAll, props.enableExpanded, props.enableRowActions, props.enableGrouping, props.enableEditing, props.enableRowNumbers, props.enableRowSelection, props.enableSelectAll, props.localization]);
   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);
@@ -3584,19 +2922,22 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
   }, [props.data, props.isLoading]); //@ts-ignore
 
   var tableInstance = useTable(table, _extends({}, props, {
-    //@ts-ignore
-    filterTypes: defaultFilterFNs,
-    globalFilterType: currentGlobalFilterType,
     columnFilterRowsFn: columnFilterRowsFn,
     columns: columns,
     data: data,
+    debugAll: false,
     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);
@@ -3611,7 +2952,7 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
     setShowFilters: setShowFilters,
     setShowSearch: setShowSearch,
     sortRowsFn: sortRowsFn,
-    state: _extends({}, props.initialState, {
+    state: _extends({
       currentEditingRow: currentEditingRow,
       currentFilterTypes: currentFilterTypes,
       currentGlobalFilterType: currentGlobalFilterType,
@@ -3628,7 +2969,13 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
   });
 };
 
-var _excluded$5 = ["enableColumnActions", "enableColumnFilters", "enableDensePaddingToggle", "enableExpandAll", "enableFullScreenToggle", "enableGlobalFilter", "enableHiding", "enablePagination", "enableSelectAll", "enableSorting", "enableStickyHeader", "filterTypes", "icons", "localization", "positionActionsColumn", "positionPagination", "positionToolbarActions", "positionToolbarAlertBanner"];
+var _excluded$5 = ["enableColumnActions", "enableColumnFilters", "enableDensePaddingToggle", "enableExpandAll", "enableFullScreenToggle", "enableGlobalFilter", "enableHiding", "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,
       enableColumnActions = _ref$enableColumnActi === void 0 ? true : _ref$enableColumnActi,