@tanstack/react-table 8.0.0-alpha.8 → 8.0.0-alpha.9

package/build/umd/index.development.js

@@ -9,10 +9,10 @@
  * @license MIT
  */
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('use-sync-external-store/shim')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'react', 'use-sync-external-store/shim'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.ReactTable = {}, global.React, global.shim));
-})(this, (function (exports, React, shim) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.ReactTable = {}, global.React));
+})(this, (function (exports, React) { 'use strict';
 
   function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -37,6 +37,239 @@
   var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
+  // declare global {
+  //   const "development" !== 'production': boolean
+  // }
+  //
+  var Please_use_the_create_table_column_utilities_to_define_columns = Symbol();
+
+  function _extends() {
+    _extends = Object.assign || function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
+      }
+
+      return target;
+    };
+
+    return _extends.apply(this, arguments);
+  }
+
+  function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+
+    for (i = 0; i < sourceKeys.length; i++) {
+      key = sourceKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      target[key] = source[key];
+    }
+
+    return target;
+  }
+
+  function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+  }
+
+  function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+
+    return arr2;
+  }
+
+  function _createForOfIteratorHelperLoose(o, allowArrayLike) {
+    var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+    if (it) return (it = it.call(o)).next.bind(it);
+
+    if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+      if (it) o = it;
+      var i = 0;
+      return function () {
+        if (i >= o.length) return {
+          done: true
+        };
+        return {
+          done: false,
+          value: o[i++]
+        };
+      };
+    }
+
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  function _toPrimitive(input, hint) {
+    if (typeof input !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (typeof res !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+
+    return (hint === "string" ? String : Number)(input);
+  }
+
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+
+    return typeof key === "symbol" ? key : String(key);
+  }
+
+  function functionalUpdate(updater, input) {
+    return typeof updater === 'function' ? updater(input) : updater;
+  }
+  function noop() {//
+  }
+  function makeStateUpdater(key, instance) {
+    return function (updater) {
+      instance.setState(function (old) {
+        var _extends2;
+
+        return _extends({}, old, (_extends2 = {}, _extends2[key] = functionalUpdate(updater, old[key]), _extends2));
+      });
+    };
+  }
+  function isFunction(d) {
+    return d instanceof Function;
+  }
+  function flattenBy(arr, getChildren) {
+    var flat = [];
+
+    var recurse = function recurse(subArr) {
+      subArr.forEach(function (item) {
+        flat.push(item);
+        var children = getChildren(item);
+
+        if (children != null && children.length) {
+          recurse(children);
+        }
+      });
+    };
+
+    recurse(arr);
+    return flat;
+  }
+  // @ts-ignore // Just rely on the type, not the implementation
+  var propGetter = function propGetter(initial, getter) {
+    if (isFunction(getter)) {
+      return getter(initial);
+    }
+
+    return _extends({}, initial, getter != null ? getter : {});
+  };
+  function memo(getDeps, fn, opts) {
+    var deps = [];
+    var result;
+    return function () {
+      var depTime;
+      if (opts.key && opts.debug) depTime = performance.now();
+      var newDeps = getDeps();
+      var depsChanged = newDeps.length !== deps.length || newDeps.some(function (dep, index) {
+        return deps[index] !== dep;
+      });
+
+      if (depsChanged) {
+        var oldResult = result;
+        var resultTime;
+        if (opts.key && opts.debug) resultTime = performance.now();
+        result = fn.apply(void 0, newDeps);
+        deps = newDeps;
+        opts == null ? void 0 : opts.onChange == null ? void 0 : opts.onChange(result, oldResult);
+
+        if (opts.key && opts.debug) {
+          if (opts != null && opts.debug()) {
+            var depEndTime = Math.round((performance.now() - depTime) * 100) / 100;
+            var resultEndTime = Math.round((performance.now() - resultTime) * 100) / 100;
+            var resultFpsPercentage = resultEndTime / 16;
+
+            var pad = function pad(str, num) {
+              str = String(str);
+
+              while (str.length < num) {
+                str = ' ' + str;
+              }
+
+              return str;
+            };
+
+            console.info("%c\u23F1 " + pad(resultEndTime, 5) + " /" + pad(depEndTime, 5) + " ms", "\n            font-size: .6rem;\n            font-weight: bold;\n            color: hsl(" + Math.max(0, Math.min(120 - 120 * resultFpsPercentage, 120)) + "deg 100% 31%);", opts == null ? void 0 : opts.key, _extends({
+              length: deps.length + " -> " + newDeps.length
+            }, newDeps.map(function (_, index) {
+              if (deps[index] !== newDeps[index]) {
+                return [index, deps[index], newDeps[index]];
+              }
+
+              return false;
+            }).filter(Boolean).reduce(function (accu, _ref) {
+              var _extends3;
+
+              var a = _ref[0],
+                  b = _ref[1];
+              return _extends({}, accu, (_extends3 = {}, _extends3[a] = b, _extends3));
+            }, {}), {
+              parent: parent
+            }));
+          }
+        }
+
+        oldResult = undefined;
+      }
+
+      return result;
+    };
+  }
+  function flexRender(Comp, props) {
+    return !Comp ? null : isReactComponent(Comp) ? /*#__PURE__*/React__default["default"].createElement(Comp, props) : Comp;
+  }
+
+  function isReactComponent(component) {
+    return isClassComponent(component) || typeof component === 'function' || isExoticComponent(component);
+  }
+
+  function isClassComponent(component) {
+    return typeof component === 'function' && function () {
+      var proto = Object.getPrototypeOf(component);
+      return proto.prototype && proto.prototype.isReactComponent;
+    }();
+  }
+
+  function isExoticComponent(component) {
+    return typeof component === 'object' && typeof component.$$typeof === 'symbol' && ['react.memo', 'react.forward_ref'].includes(component.$$typeof.description);
+  } // export function hashString(str: string, seed = 0): string {
+  //   let h1 = 0xdeadbeef ^ seed,
+  //     h2 = 0x41c6ce57 ^ seed
+  //   for (let i = 0, ch; i < str.length; i++) {
+  //     ch = str.charCodeAt(i)
+  //     h1 = Math.imul(h1 ^ ch, 2654435761)
+  //     h2 = Math.imul(h2 ^ ch, 1597334677)
+  //   }
+  //   h1 =
+  //     Math.imul(h1 ^ (h1 >>> 16), 2246822507) ^
+  //     Math.imul(h2 ^ (h2 >>> 13), 3266489909)
+  //   h2 =
+  //     Math.imul(h2 ^ (h2 >>> 16), 2246822507) ^
+  //     Math.imul(h1 ^ (h1 >>> 13), 3266489909)
+  //   return (4294967296 * (2097151 & h2) + (h1 >>> 0)).toString()
+  // }
+
   function columnFilterRowsFn(instance, rowModel) {
     var columnFilters = instance.getState().columnFilters;
     var newFilteredFlatRows = [];
@@ -315,236 +548,34 @@
     };
   }
 
-  function _extends() {
-    _extends = Object.assign || function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
+  function groupRowsFn(instance, sortedRowModel) {
+    var groupingState = instance.getState().grouping; // Filter the grouping list down to columns that exist
 
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
+    var existingGrouping = groupingState.filter(function (columnId) {
+      return instance.getColumn(columnId);
+    }); // Find the columns that can or are aggregating
+    // Uses each column to aggregate rows into a single value
 
-      return target;
-    };
+    var aggregateRowsToValues = function aggregateRowsToValues(leafRows, groupedRows, depth) {
+      var values = {};
+      instance.getAllLeafColumns().forEach(function (column) {
+        // Don't aggregate columns that are in the grouping
+        if (existingGrouping.includes(column.id)) {
+          values[column.id] = groupedRows[0] ? groupedRows[0].values[column.id] : null;
+          return;
+        } // Aggregate the values
 
-    return _extends.apply(this, arguments);
-  }
 
-  function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
+        var aggregateFn = instance.getColumnAggregationFn(column.id);
 
-    for (i = 0; i < sourceKeys.length; i++) {
-      key = sourceKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      target[key] = source[key];
-    }
+        if (aggregateFn) {
+          // Get the columnValues to aggregate
+          var groupedValues = groupedRows.map(function (row) {
+            return row.values[column.id];
+          }); // Get the columnValues to aggregate
 
-    return target;
-  }
-
-  function _unsupportedIterableToArray(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(o);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-  }
-
-  function _arrayLikeToArray(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-
-    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
-    return arr2;
-  }
-
-  function _createForOfIteratorHelperLoose(o, allowArrayLike) {
-    var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-    if (it) return (it = it.call(o)).next.bind(it);
-
-    if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
-      if (it) o = it;
-      var i = 0;
-      return function () {
-        if (i >= o.length) return {
-          done: true
-        };
-        return {
-          done: false,
-          value: o[i++]
-        };
-      };
-    }
-
-    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-
-  function _toPrimitive(input, hint) {
-    if (typeof input !== "object" || input === null) return input;
-    var prim = input[Symbol.toPrimitive];
-
-    if (prim !== undefined) {
-      var res = prim.call(input, hint || "default");
-      if (typeof res !== "object") return res;
-      throw new TypeError("@@toPrimitive must return a primitive value.");
-    }
-
-    return (hint === "string" ? String : Number)(input);
-  }
-
-  function _toPropertyKey(arg) {
-    var key = _toPrimitive(arg, "string");
-
-    return typeof key === "symbol" ? key : String(key);
-  }
-
-  function functionalUpdate(updater, input) {
-    return typeof updater === 'function' ? updater(input) : updater;
-  }
-  function makeStateUpdater(key, instance) {
-    return function (updater) {
-      instance.setState(function (old) {
-        var _extends2;
-
-        return _extends({}, old, (_extends2 = {}, _extends2[key] = functionalUpdate(updater, old[key]), _extends2));
-      });
-    };
-  }
-  function isFunction(d) {
-    return d instanceof Function;
-  }
-  function flattenBy(arr, getChildren) {
-    var flat = [];
-
-    var recurse = function recurse(subArr) {
-      subArr.forEach(function (item) {
-        flat.push(item);
-        var children = getChildren(item);
-
-        if (children != null && children.length) {
-          recurse(children);
-        }
-      });
-    };
-
-    recurse(arr);
-    return flat;
-  }
-  // @ts-ignore // Just rely on the type, not the implementation
-  var propGetter = function propGetter(initial, getter) {
-    if (isFunction(getter)) {
-      return getter(initial);
-    }
-
-    return _extends({}, initial, getter != null ? getter : {});
-  };
-  function memo(getDeps, fn, opts) {
-    var deps = [];
-    var result;
-    return function () {
-      var newDeps = getDeps();
-      var depsChanged = newDeps.length !== deps.length || newDeps.some(function (dep, index) {
-        return deps[index] !== dep;
-      });
-
-      if (depsChanged) {
-        if (opts != null && opts.debug) {
-          console.info(opts == null ? void 0 : opts.key, _extends({
-            length: deps.length + " -> " + newDeps.length
-          }, newDeps.map(function (_, index) {
-            if (deps[index] !== newDeps[index]) {
-              return [index, deps[index], newDeps[index]];
-            }
-
-            return false;
-          }).filter(Boolean).reduce(function (accu, curr) {
-            var _extends3;
-
-            return _extends({}, accu, (_extends3 = {}, _extends3[curr[0]] = curr.slice(1), _extends3));
-          }, {}), {
-            parent: parent
-          }));
-        }
-
-        var oldResult = result;
-        result = fn.apply(void 0, newDeps);
-        deps = newDeps;
-        opts == null ? void 0 : opts.onChange == null ? void 0 : opts.onChange(result, oldResult);
-        oldResult = undefined;
-      }
-
-      return result;
-    };
-  }
-  function flexRender(Comp, props) {
-    return !Comp ? null : isReactComponent(Comp) ? /*#__PURE__*/React__default["default"].createElement(Comp, props) : Comp;
-  }
-
-  function isReactComponent(component) {
-    return isClassComponent(component) || typeof component === 'function' || isExoticComponent(component);
-  }
-
-  function isClassComponent(component) {
-    return typeof component === 'function' && function () {
-      var proto = Object.getPrototypeOf(component);
-      return proto.prototype && proto.prototype.isReactComponent;
-    }();
-  }
-
-  function isExoticComponent(component) {
-    return typeof component === 'object' && typeof component.$$typeof === 'symbol' && ['react.memo', 'react.forward_ref'].includes(component.$$typeof.description);
-  } // export function hashString(str: string, seed = 0): string {
-  //   let h1 = 0xdeadbeef ^ seed,
-  //     h2 = 0x41c6ce57 ^ seed
-  //   for (let i = 0, ch; i < str.length; i++) {
-  //     ch = str.charCodeAt(i)
-  //     h1 = Math.imul(h1 ^ ch, 2654435761)
-  //     h2 = Math.imul(h2 ^ ch, 1597334677)
-  //   }
-  //   h1 =
-  //     Math.imul(h1 ^ (h1 >>> 16), 2246822507) ^
-  //     Math.imul(h2 ^ (h2 >>> 13), 3266489909)
-  //   h2 =
-  //     Math.imul(h2 ^ (h2 >>> 16), 2246822507) ^
-  //     Math.imul(h1 ^ (h1 >>> 13), 3266489909)
-  //   return (4294967296 * (2097151 & h2) + (h1 >>> 0)).toString()
-  // }
-
-  function groupRowsFn(instance, sortedRowModel) {
-    var groupingState = instance.getState().grouping; // Filter the grouping list down to columns that exist
-
-    var existingGrouping = groupingState.filter(function (columnId) {
-      return instance.getColumn(columnId);
-    }); // Find the columns that can or are aggregating
-    // Uses each column to aggregate rows into a single value
-
-    var aggregateRowsToValues = function aggregateRowsToValues(leafRows, groupedRows, depth) {
-      var values = {};
-      instance.getAllLeafColumns().forEach(function (column) {
-        // Don't aggregate columns that are in the grouping
-        if (existingGrouping.includes(column.id)) {
-          values[column.id] = groupedRows[0] ? groupedRows[0].values[column.id] : null;
-          return;
-        } // Aggregate the values
-
-
-        var aggregateFn = instance.getColumnAggregationFn(column.id);
-
-        if (aggregateFn) {
-          // Get the columnValues to aggregate
-          var groupedValues = groupedRows.map(function (row) {
-            return row.values[column.id];
-          }); // Get the columnValues to aggregate
-
-          var leafValues = leafRows.map(function (row) {
-            var columnValue = row.values[column.id];
+          var leafValues = leafRows.map(function (row) {
+            var columnValue = row.values[column.id];
 
             if (!depth && column.aggregateValue) {
               columnValue = column.aggregateValue(columnValue);
@@ -756,7 +787,11 @@
         });
       }, {
         key: 'getVisibleFlatColumns',
-        debug: instance.options.debug
+        debug: function debug() {
+          var _instance$options$deb;
+
+          return (_instance$options$deb = instance.options.debugAll) != null ? _instance$options$deb : instance.options.debugColumns;
+        }
       }),
       getVisibleLeafColumns: memo(function () {
         return [instance.getAllLeafColumns(), instance.getAllLeafColumns().filter(function (d) {
@@ -770,7 +805,11 @@
         });
       }, {
         key: 'getVisibleLeafColumns',
-        debug: instance.options.debug
+        debug: function debug() {
+          var _instance$options$deb2;
+
+          return (_instance$options$deb2 = instance.options.debugAll) != null ? _instance$options$deb2 : instance.options.debugColumns;
+        }
       }),
       setColumnVisibility: function setColumnVisibility(updater) {
         return instance.options.onColumnVisibilityChange == null ? void 0 : instance.options.onColumnVisibilityChange(updater, functionalUpdate(updater, instance.getState().columnVisibility));
@@ -1022,7 +1061,7 @@
         }
       },
       getColumnAutoAggregationFn: function getColumnAutoAggregationFn(columnId) {
-        var firstRow = instance.getCoreFlatRows()[0];
+        var firstRow = instance.getCoreRowModel().flatRows[0];
         var value = firstRow == null ? void 0 : firstRow.values[columnId];
 
         if (typeof value === 'number') {
@@ -1090,11 +1129,6 @@
       },
       getToggleGroupingProps: function getToggleGroupingProps(columnId, userProps) {
         var column = instance.getColumn(columnId);
-
-        if (!column) {
-          return;
-        }
-
         var canGroup = column.getCanGroup();
         var initialProps = {
           title: canGroup ? 'Toggle Grouping' : undefined,
@@ -1110,6 +1144,9 @@
 
         return !!((_instance$getRow = instance.getRow(rowId)) != null && _instance$getRow.groupingColumnId);
       },
+      getPreGroupedRowModel: function getPreGroupedRowModel() {
+        return instance.getSortedRowModel();
+      },
       getGroupedRowModel: memo(function () {
         return [instance.getState().grouping, instance.getSortedRowModel(), instance.options.groupRowsFn];
       }, function (grouping, rowModel, groupRowsFn) {
@@ -1117,33 +1154,18 @@
           return rowModel;
         }
 
-        if (instance.options.debug) console.info('Grouping...');
         return groupRowsFn(instance, rowModel);
       }, {
         key: 'getGroupedRowModel',
-        debug: instance.options.debug,
+        debug: function debug() {
+          var _instance$options$deb;
+
+          return (_instance$options$deb = instance.options.debugAll) != null ? _instance$options$deb : instance.options.debugTable;
+        },
         onChange: function onChange() {
           return instance._notifyExpandedReset();
         }
-      }),
-      getPreGroupedRows: function getPreGroupedRows() {
-        return instance.getSortedRowModel().rows;
-      },
-      getPreGroupedFlatRows: function getPreGroupedFlatRows() {
-        return instance.getSortedRowModel().flatRows;
-      },
-      getPreGroupedRowsById: function getPreGroupedRowsById() {
-        return instance.getSortedRowModel().rowsById;
-      },
-      getGroupedRows: function getGroupedRows() {
-        return instance.getGroupedRowModel().rows;
-      },
-      getGroupedFlatRows: function getGroupedFlatRows() {
-        return instance.getGroupedRowModel().flatRows;
-      },
-      getGroupedRowsById: function getGroupedRowsById() {
-        return instance.getGroupedRowModel().rowsById;
-      }
+      })
     };
   }
   function createRow$3(row, instance) {
@@ -1260,8 +1282,8 @@
           return orderColumns(orderedColumns, grouping, groupedColumnMode);
         };
       }, {
-        key: 'getOrderColumnsFn',
-        debug: instance.options.debug
+        key: 'getOrderColumnsFn' // debug: () => instance.options.debugAll ?? instance.options.debugTable,
+
       })
     };
   }
@@ -1410,72 +1432,396 @@
   });
 
   //
-  function createRow$2(row, instance) {
+  var defaultColumnSizing = {
+    width: 150,
+    minWidth: 20,
+    maxWidth: Number.MAX_SAFE_INTEGER
+  };
+  function getInitialState$5() {
     return {
-      _getAllVisibleCells: memo(function () {
-        return [row.getAllCells().filter(function (cell) {
-          return cell.column.getIsVisible();
-        }).map(function (d) {
-          return d.id;
-        }).join('_')];
-      }, function (_) {
-        return row.getAllCells().filter(function (cell) {
-          return cell.column.getIsVisible();
-        });
-      }, {
-        key: 'row._getAllVisibleCells',
-        debug: instance.options.debug
-      }),
-      getVisibleCells: memo(function () {
-        return [row.getLeftVisibleCells(), row.getCenterVisibleCells(), row.getRightVisibleCells()];
-      }, function (left, center, right) {
-        return [].concat(left, center, right);
-      }, {
-        key: 'row.getVisibleCells',
-        debug: instance.options.debug
-      }),
-      getCenterVisibleCells: memo(function () {
-        return [row._getAllVisibleCells(), instance.getState().columnPinning.left, instance.getState().columnPinning.right];
-      }, function (allCells, left, right) {
-        var leftAndRight = [].concat(left != null ? left : [], right != null ? right : []);
-        return allCells.filter(function (d) {
-          return !leftAndRight.includes(d.columnId);
-        });
-      }, {
-        key: 'row.getCenterVisibleCells',
-        debug: instance.options.debug
-      }),
-      getLeftVisibleCells: memo(function () {
-        return [row._getAllVisibleCells(), instance.getState().columnPinning.left,,];
-      }, function (allCells, left) {
-        var cells = (left != null ? left : []).map(function (columnId) {
-          return allCells.find(function (cell) {
-            return cell.columnId === columnId;
-          });
-        }).filter(Boolean);
-        return cells;
-      }, {
-        key: 'row.getLeftVisibleCells',
-        debug: instance.options.debug
-      }),
-      getRightVisibleCells: memo(function () {
-        return [row._getAllVisibleCells(), instance.getState().columnPinning.right];
-      }, function (allCells, right) {
-        var cells = (right != null ? right : []).map(function (columnId) {
-          return allCells.find(function (cell) {
-            return cell.columnId === columnId;
+      columnSizing: {},
+      columnSizingInfo: {
+        startOffset: null,
+        startSize: null,
+        deltaOffset: null,
+        deltaPercentage: null,
+        isResizingColumn: false,
+        columnSizingStart: []
+      }
+    };
+  }
+  function getDefaultOptions$5(instance) {
+    return {
+      columnResizeMode: 'onEnd',
+      onColumnSizingChange: makeStateUpdater('columnSizing', instance),
+      onColumnSizingInfoChange: makeStateUpdater('columnSizingInfo', instance)
+    };
+  }
+  function getInstance$6(instance) {
+    return {
+      setColumnSizing: function setColumnSizing(updater) {
+        return instance.options.onColumnSizingChange == null ? void 0 : instance.options.onColumnSizingChange(updater, functionalUpdate(updater, instance.getState().columnSizing));
+      },
+      setColumnSizingInfo: function setColumnSizingInfo(updater) {
+        return instance.options.onColumnSizingInfoChange == null ? void 0 : instance.options.onColumnSizingInfoChange(updater, functionalUpdate(updater, instance.getState().columnSizingInfo));
+      },
+      resetColumnSizing: function resetColumnSizing() {
+        var _instance$initialStat;
+
+        instance.setColumnSizing((_instance$initialStat = instance.initialState.columnSizing) != null ? _instance$initialStat : {});
+      },
+      resetHeaderSizeInfo: function resetHeaderSizeInfo() {
+        var _instance$initialStat2;
+
+        instance.setColumnSizingInfo((_instance$initialStat2 = instance.initialState.columnSizingInfo) != null ? _instance$initialStat2 : {});
+      },
+      resetColumnSize: function resetColumnSize(columnId) {
+        instance.setColumnSizing(function (_ref) {
+          _ref[columnId];
+              var rest = _objectWithoutPropertiesLoose(_ref, [columnId].map(_toPropertyKey));
+
+          return rest;
+        });
+      },
+      resetHeaderSize: function resetHeaderSize(headerId) {
+        var header = instance.getHeader(headerId);
+        return instance.resetColumnSize(header.column.id);
+      },
+      getHeaderCanResize: function getHeaderCanResize(headerId) {
+        var header = instance.getHeader(headerId);
+
+        if (!header) {
+          throw new Error();
+        }
+
+        return instance.getColumnCanResize(header.column.id);
+      },
+      getColumnCanResize: function getColumnCanResize(columnId) {
+        var _ref2, _ref3, _column$enableResizin;
+
+        var column = instance.getColumn(columnId);
+
+        if (!column) {
+          throw new Error();
+        }
+
+        return (_ref2 = (_ref3 = (_column$enableResizin = column.enableResizing) != null ? _column$enableResizin : instance.options.enableColumnResizing) != null ? _ref3 : column.defaultCanResize) != null ? _ref2 : true;
+      },
+      getColumnIsResizing: function getColumnIsResizing(columnId) {
+        var column = instance.getColumn(columnId);
+
+        if (!column) {
+          throw new Error();
+        }
+
+        return instance.getState().columnSizingInfo.isResizingColumn === columnId;
+      },
+      getHeaderIsResizing: function getHeaderIsResizing(headerId) {
+        var header = instance.getHeader(headerId);
+
+        if (!header) {
+          throw new Error();
+        }
+
+        return instance.getColumnIsResizing(header.column.id);
+      },
+      getHeaderResizerProps: function getHeaderResizerProps(headerId, userProps) {
+        var header = instance.getHeader(headerId);
+        var column = instance.getColumn(header.column.id);
+        var canResize = column.getCanResize();
+
+        var onResizeStart = function onResizeStart(e) {
+          if (isTouchStartEvent(e)) {
+            // lets not respond to multiple touches (e.g. 2 or 3 fingers)
+            if (e.touches && e.touches.length > 1) {
+              return;
+            }
+          }
+
+          var header = headerId ? instance.getHeader(headerId) : undefined;
+          var startSize = header ? header.getWidth() : column.getWidth();
+          var columnSizingStart = header ? header.getLeafHeaders().map(function (d) {
+            return [d.column.id, d.getWidth()];
+          }) : [[column.id, column.getWidth()]];
+          var clientX = isTouchStartEvent(e) ? Math.round(e.touches[0].clientX) : e.clientX;
+
+          var updateOffset = function updateOffset(eventType, clientXPos) {
+            if (typeof clientXPos !== 'number') {
+              return;
+            }
+
+            var newColumnSizing = {};
+            instance.setColumnSizingInfo(function (old) {
+              var _old$startOffset, _old$startSize;
+
+              var deltaOffset = clientXPos - ((_old$startOffset = old == null ? void 0 : old.startOffset) != null ? _old$startOffset : 0);
+              var deltaPercentage = Math.max(deltaOffset / ((_old$startSize = old == null ? void 0 : old.startSize) != null ? _old$startSize : 0), -0.999999);
+              old.columnSizingStart.forEach(function (_ref4) {
+                var columnId = _ref4[0],
+                    headerWidth = _ref4[1];
+                newColumnSizing[columnId] = Math.round(Math.max(headerWidth + headerWidth * deltaPercentage, 0) * 100) / 100;
+              });
+              return _extends({}, old, {
+                deltaOffset: deltaOffset,
+                deltaPercentage: deltaPercentage
+              });
+            });
+
+            if (instance.options.columnResizeMode === 'onChange' || eventType === 'end') {
+              instance.setColumnSizing(function (old) {
+                return _extends({}, old, newColumnSizing);
+              });
+            }
+          };
+
+          var onMove = function onMove(clientXPos) {
+            return updateOffset('move', clientXPos);
+          };
+
+          var onEnd = function onEnd(clientXPos) {
+            updateOffset('end', clientXPos);
+            instance.setColumnSizingInfo(function (old) {
+              return _extends({}, old, {
+                isResizingColumn: false,
+                startOffset: null,
+                startSize: null,
+                deltaOffset: null,
+                deltaPercentage: null,
+                columnSizingStart: []
+              });
+            });
+          };
+
+          var mouseEvents = {
+            moveHandler: function moveHandler(e) {
+              return onMove(e.clientX);
+            },
+            upHandler: function upHandler(e) {
+              document.removeEventListener('mousemove', mouseEvents.moveHandler);
+              document.removeEventListener('mouseup', mouseEvents.upHandler);
+              onEnd(e.clientX);
+            }
+          };
+          var touchEvents = {
+            moveHandler: function moveHandler(e) {
+              if (e.cancelable) {
+                e.preventDefault();
+                e.stopPropagation();
+              }
+
+              onMove(e.touches[0].clientX);
+              return false;
+            },
+            upHandler: function upHandler(e) {
+              document.removeEventListener('touchmove', touchEvents.moveHandler);
+              document.removeEventListener('touchend', touchEvents.upHandler);
+
+              if (e.cancelable) {
+                e.preventDefault();
+                e.stopPropagation();
+              }
+
+              onEnd(e.touches[0].clientX);
+            }
+          };
+          var passiveIfSupported = passiveEventSupported() ? {
+            passive: false
+          } : false;
+
+          if (isTouchStartEvent(e)) {
+            document.addEventListener('touchmove', touchEvents.moveHandler, passiveIfSupported);
+            document.addEventListener('touchend', touchEvents.upHandler, passiveIfSupported);
+          } else {
+            document.addEventListener('mousemove', mouseEvents.moveHandler, passiveIfSupported);
+            document.addEventListener('mouseup', mouseEvents.upHandler, passiveIfSupported);
+          }
+
+          instance.setColumnSizingInfo(function (old) {
+            return _extends({}, old, {
+              startOffset: clientX,
+              startSize: startSize,
+              deltaOffset: 0,
+              deltaPercentage: 0,
+              columnSizingStart: columnSizingStart,
+              isResizingColumn: column.id
+            });
+          });
+        };
+
+        var initialProps = canResize ? {
+          title: 'Toggle Grouping',
+          draggable: false,
+          role: 'separator',
+          onMouseDown: function onMouseDown(e) {
+            e.persist();
+            onResizeStart(e);
+          },
+          onTouchStart: function onTouchStart(e) {
+            e.persist();
+            onResizeStart(e);
+          }
+        } : {};
+        return propGetter(initialProps, userProps);
+      }
+    };
+  }
+  function createColumn$2(column, instance) {
+    return {
+      getIsResizing: function getIsResizing() {
+        return instance.getColumnIsResizing(column.id);
+      },
+      getCanResize: function getCanResize() {
+        return instance.getColumnCanResize(column.id);
+      },
+      resetSize: function resetSize() {
+        return instance.resetColumnSize(column.id);
+      }
+    };
+  }
+  function createHeader(header, instance) {
+    return {
+      getIsResizing: function getIsResizing() {
+        return instance.getColumnIsResizing(header.column.id);
+      },
+      getCanResize: function getCanResize() {
+        return instance.getColumnCanResize(header.column.id);
+      },
+      resetSize: function resetSize() {
+        return instance.resetColumnSize(header.column.id);
+      },
+      getResizerProps: function getResizerProps(userProps) {
+        return instance.getHeaderResizerProps(header.id, userProps);
+      }
+    };
+  }
+  var passiveSupported = null;
+  function passiveEventSupported() {
+    if (typeof passiveSupported === 'boolean') return passiveSupported;
+    var supported = false;
+
+    try {
+      var options = {
+        get passive() {
+          supported = true;
+          return false;
+        }
+
+      };
+
+      var noop = function noop() {};
+
+      window.addEventListener('test', noop, options);
+      window.removeEventListener('test', noop);
+    } catch (err) {
+      supported = false;
+    }
+
+    passiveSupported = supported;
+    return passiveSupported;
+  }
+
+  function isTouchStartEvent(e) {
+    return e.type === 'touchstart';
+  }
+
+  var ColumnSizing = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    defaultColumnSizing: defaultColumnSizing,
+    getInitialState: getInitialState$5,
+    getDefaultOptions: getDefaultOptions$5,
+    getInstance: getInstance$6,
+    createColumn: createColumn$2,
+    createHeader: createHeader,
+    passiveEventSupported: passiveEventSupported
+  });
+
+  //
+  function createRow$2(row, instance) {
+    return {
+      _getAllVisibleCells: memo(function () {
+        return [row.getAllCells().filter(function (cell) {
+          return cell.column.getIsVisible();
+        }).map(function (d) {
+          return d.id;
+        }).join('_')];
+      }, function (_) {
+        return row.getAllCells().filter(function (cell) {
+          return cell.column.getIsVisible();
+        });
+      }, {
+        key: 'row._getAllVisibleCells',
+        debug: function debug() {
+          var _instance$options$deb;
+
+          return (_instance$options$deb = instance.options.debugAll) != null ? _instance$options$deb : instance.options.debugRows;
+        }
+      }),
+      getVisibleCells: memo(function () {
+        return [row.getLeftVisibleCells(), row.getCenterVisibleCells(), row.getRightVisibleCells()];
+      }, function (left, center, right) {
+        return [].concat(left, center, right);
+      }, {
+        key: 'row.getVisibleCells',
+        debug: function debug() {
+          var _instance$options$deb2;
+
+          return (_instance$options$deb2 = instance.options.debugAll) != null ? _instance$options$deb2 : instance.options.debugRows;
+        }
+      }),
+      getCenterVisibleCells: memo(function () {
+        return [row._getAllVisibleCells(), instance.getState().columnPinning.left, instance.getState().columnPinning.right];
+      }, function (allCells, left, right) {
+        var leftAndRight = [].concat(left != null ? left : [], right != null ? right : []);
+        return allCells.filter(function (d) {
+          return !leftAndRight.includes(d.columnId);
+        });
+      }, {
+        key: 'row.getCenterVisibleCells',
+        debug: function debug() {
+          var _instance$options$deb3;
+
+          return (_instance$options$deb3 = instance.options.debugAll) != null ? _instance$options$deb3 : instance.options.debugRows;
+        }
+      }),
+      getLeftVisibleCells: memo(function () {
+        return [row._getAllVisibleCells(), instance.getState().columnPinning.left,,];
+      }, function (allCells, left) {
+        var cells = (left != null ? left : []).map(function (columnId) {
+          return allCells.find(function (cell) {
+            return cell.columnId === columnId;
+          });
+        }).filter(Boolean);
+        return cells;
+      }, {
+        key: 'row.getLeftVisibleCells',
+        debug: function debug() {
+          var _instance$options$deb4;
+
+          return (_instance$options$deb4 = instance.options.debugAll) != null ? _instance$options$deb4 : instance.options.debugRows;
+        }
+      }),
+      getRightVisibleCells: memo(function () {
+        return [row._getAllVisibleCells(), instance.getState().columnPinning.right];
+      }, function (allCells, right) {
+        var cells = (right != null ? right : []).map(function (columnId) {
+          return allCells.find(function (cell) {
+            return cell.columnId === columnId;
           });
         }).filter(Boolean);
         return cells;
       }, {
         key: 'row.getRightVisibleCells',
-        debug: instance.options.debug
+        debug: function debug() {
+          var _instance$options$deb5;
+
+          return (_instance$options$deb5 = instance.options.debugAll) != null ? _instance$options$deb5 : instance.options.debugRows;
+        }
       })
     };
   }
-  function getInstance$6(instance) {
+  function getInstance$5(instance) {
     return {
-      createHeader: function createHeader(column, options) {
+      createHeader: function createHeader$1(column, options) {
         var _options$id;
 
         var id = (_options$id = options.id) != null ? _options$id : column.id;
@@ -1538,9 +1884,9 @@
               column: column
             });
           }
-        }; // Yes, we have to convert instance to uknown, because we know more than the compiler here.
+        }; // Yes, we have to convert instance to unknown, because we know more than the compiler here.
 
-        return header;
+        return Object.assign(header, createHeader(header, instance));
       },
       // Header Groups
       getHeaderGroups: memo(function () {
@@ -1559,7 +1905,11 @@
         return headerGroups;
       }, {
         key: 'getHeaderGroups',
-        debug: instance.options.debug
+        debug: function debug() {
+          var _instance$options$deb6;
+
+          return (_instance$options$deb6 = instance.options.debugAll) != null ? _instance$options$deb6 : instance.options.debugHeaders;
+        }
       }),
       getCenterHeaderGroups: memo(function () {
         return [instance.getAllColumns(), instance.getVisibleLeafColumns(), instance.getState().columnPinning.left, instance.getState().columnPinning.right];
@@ -1570,7 +1920,11 @@
         return buildHeaderGroups(allColumns, leafColumns, instance, 'center');
       }, {
         key: 'getCenterHeaderGroups',
-        debug: instance.options.debug
+        debug: function debug() {
+          var _instance$options$deb7;
+
+          return (_instance$options$deb7 = instance.options.debugAll) != null ? _instance$options$deb7 : instance.options.debugHeaders;
+        }
       }),
       getLeftHeaderGroups: memo(function () {
         return [instance.getAllColumns(), instance.getVisibleLeafColumns(), instance.getState().columnPinning.left];
@@ -1581,7 +1935,11 @@
         return buildHeaderGroups(allColumns, leafColumns, instance, 'left');
       }, {
         key: 'getLeftHeaderGroups',
-        debug: instance.options.debug
+        debug: function debug() {
+          var _instance$options$deb8;
+
+          return (_instance$options$deb8 = instance.options.debugAll) != null ? _instance$options$deb8 : instance.options.debugHeaders;
+        }
       }),
       getRightHeaderGroups: memo(function () {
         return [instance.getAllColumns(), instance.getVisibleLeafColumns(), instance.getState().columnPinning.right];
@@ -1592,7 +1950,11 @@
         return buildHeaderGroups(allColumns, leafColumns, instance, 'right');
       }, {
         key: 'getRightHeaderGroups',
-        debug: instance.options.debug
+        debug: function debug() {
+          var _instance$options$deb9;
+
+          return (_instance$options$deb9 = instance.options.debugAll) != null ? _instance$options$deb9 : instance.options.debugHeaders;
+        }
       }),
       // Footer Groups
       getFooterGroups: memo(function () {
@@ -1601,7 +1963,11 @@
         return [].concat(headerGroups).reverse();
       }, {
         key: 'getFooterGroups',
-        debug: instance.options.debug
+        debug: function debug() {
+          var _instance$options$deb10;
+
+          return (_instance$options$deb10 = instance.options.debugAll) != null ? _instance$options$deb10 : instance.options.debugHeaders;
+        }
       }),
       getLeftFooterGroups: memo(function () {
         return [instance.getLeftHeaderGroups()];
@@ -1609,7 +1975,11 @@
         return [].concat(headerGroups).reverse();
       }, {
         key: 'getLeftFooterGroups',
-        debug: instance.options.debug
+        debug: function debug() {
+          var _instance$options$deb11;
+
+          return (_instance$options$deb11 = instance.options.debugAll) != null ? _instance$options$deb11 : instance.options.debugHeaders;
+        }
       }),
       getCenterFooterGroups: memo(function () {
         return [instance.getCenterHeaderGroups()];
@@ -1617,7 +1987,11 @@
         return [].concat(headerGroups).reverse();
       }, {
         key: 'getCenterFooterGroups',
-        debug: instance.options.debug
+        debug: function debug() {
+          var _instance$options$deb12;
+
+          return (_instance$options$deb12 = instance.options.debugAll) != null ? _instance$options$deb12 : instance.options.debugHeaders;
+        }
       }),
       getRightFooterGroups: memo(function () {
         return [instance.getRightHeaderGroups()];
@@ -1625,7 +1999,11 @@
         return [].concat(headerGroups).reverse();
       }, {
         key: 'getRightFooterGroups',
-        debug: instance.options.debug
+        debug: function debug() {
+          var _instance$options$deb13;
+
+          return (_instance$options$deb13 = instance.options.debugAll) != null ? _instance$options$deb13 : instance.options.debugHeaders;
+        }
       }),
       // Flat Headers
       getFlatHeaders: memo(function () {
@@ -1636,7 +2014,11 @@
         }).flat();
       }, {
         key: 'getFlatHeaders',
-        debug: instance.options.debug
+        debug: function debug() {
+          var _instance$options$deb14;
+
+          return (_instance$options$deb14 = instance.options.debugAll) != null ? _instance$options$deb14 : instance.options.debugHeaders;
+        }
       }),
       getLeftFlatHeaders: memo(function () {
         return [instance.getLeftHeaderGroups()];
@@ -1646,7 +2028,11 @@
         }).flat();
       }, {
         key: 'getLeftFlatHeaders',
-        debug: instance.options.debug
+        debug: function debug() {
+          var _instance$options$deb15;
+
+          return (_instance$options$deb15 = instance.options.debugAll) != null ? _instance$options$deb15 : instance.options.debugHeaders;
+        }
       }),
       getCenterFlatHeaders: memo(function () {
         return [instance.getCenterHeaderGroups()];
@@ -1656,7 +2042,11 @@
         }).flat();
       }, {
         key: 'getCenterFlatHeaders',
-        debug: instance.options.debug
+        debug: function debug() {
+          var _instance$options$deb16;
+
+          return (_instance$options$deb16 = instance.options.debugAll) != null ? _instance$options$deb16 : instance.options.debugHeaders;
+        }
       }),
       getRightFlatHeaders: memo(function () {
         return [instance.getRightHeaderGroups()];
@@ -1666,7 +2056,11 @@
         }).flat();
       }, {
         key: 'getRightFlatHeaders',
-        debug: instance.options.debug
+        debug: function debug() {
+          var _instance$options$deb17;
+
+          return (_instance$options$deb17 = instance.options.debugAll) != null ? _instance$options$deb17 : instance.options.debugHeaders;
+        }
       }),
       // Leaf Headers
       getCenterLeafHeaders: memo(function () {
@@ -1679,7 +2073,11 @@
         });
       }, {
         key: 'getCenterLeafHeaders',
-        debug: instance.options.debug
+        debug: function debug() {
+          var _instance$options$deb18;
+
+          return (_instance$options$deb18 = instance.options.debugAll) != null ? _instance$options$deb18 : instance.options.debugHeaders;
+        }
       }),
       getLeftLeafHeaders: memo(function () {
         return [instance.getLeftFlatHeaders()];
@@ -1691,7 +2089,11 @@
         });
       }, {
         key: 'getLeftLeafHeaders',
-        debug: instance.options.debug
+        debug: function debug() {
+          var _instance$options$deb19;
+
+          return (_instance$options$deb19 = instance.options.debugAll) != null ? _instance$options$deb19 : instance.options.debugHeaders;
+        }
       }),
       getRightLeafHeaders: memo(function () {
         return [instance.getRightFlatHeaders()];
@@ -1703,7 +2105,11 @@
         });
       }, {
         key: 'getRightLeafHeaders',
-        debug: instance.options.debug
+        debug: function debug() {
+          var _instance$options$deb20;
+
+          return (_instance$options$deb20 = instance.options.debugAll) != null ? _instance$options$deb20 : instance.options.debugHeaders;
+        }
       }),
       getLeafHeaders: memo(function () {
         return [instance.getLeftHeaderGroups(), instance.getCenterHeaderGroups(), instance.getRightHeaderGroups()];
@@ -1715,7 +2121,11 @@
         }).flat();
       }, {
         key: 'getLeafHeaders',
-        debug: instance.options.debug
+        debug: function debug() {
+          var _instance$options$deb21;
+
+          return (_instance$options$deb21 = instance.options.debugAll) != null ? _instance$options$deb21 : instance.options.debugHeaders;
+        }
       }),
       getHeader: function getHeader(id) {
         var header = [].concat(instance.getFlatHeaders(), instance.getCenterFlatHeaders(), instance.getLeftFlatHeaders(), instance.getRightFlatHeaders()).find(function (d) {
@@ -1778,11 +2188,6 @@
       },
       getFooterProps: function getFooterProps(id, userProps) {
         var header = instance.getHeader(id);
-
-        if (!header) {
-          return;
-        }
-
         var initialProps = {
           key: header.id,
           role: 'columnfooter',
@@ -1941,7 +2346,7 @@
   var Headers = /*#__PURE__*/Object.freeze({
     __proto__: null,
     createRow: createRow$2,
-    getInstance: getInstance$6,
+    getInstance: getInstance$5,
     buildHeaderGroups: buildHeaderGroups
   });
 
@@ -2107,13 +2512,13 @@
       filterType: 'auto'
     };
   }
-  function getInitialState$5() {
+  function getInitialState$4() {
     return {
       columnFilters: [],
       globalFilter: undefined
     };
   }
-  function getDefaultOptions$5(instance) {
+  function getDefaultOptions$4(instance) {
     return {
       onColumnFiltersChange: makeStateUpdater('columnFilters', instance),
       onGlobalFilterChange: makeStateUpdater('globalFilter', instance),
@@ -2122,14 +2527,14 @@
       autoResetGlobalFilter: true,
       globalFilterType: 'auto',
       getColumnCanGlobalFilterFn: function getColumnCanGlobalFilterFn(column) {
-        var _instance$getCoreFlat, _instance$getCoreFlat2;
+        var _instance$getCoreRowM, _instance$getCoreRowM2;
 
-        var value = (_instance$getCoreFlat = instance.getCoreFlatRows()[0]) == null ? void 0 : (_instance$getCoreFlat2 = _instance$getCoreFlat.getAllCellsByColumnId()[column.id]) == null ? void 0 : _instance$getCoreFlat2.value;
+        var value = (_instance$getCoreRowM = instance.getCoreRowModel().flatRows[0]) == null ? void 0 : (_instance$getCoreRowM2 = _instance$getCoreRowM.getAllCellsByColumnId()[column.id]) == null ? void 0 : _instance$getCoreRowM2.value;
         return typeof value === 'string';
       }
     };
   }
-  function createColumn$2(column, instance) {
+  function createColumn$1(column, instance) {
     var getFacetInfo = memo(function () {
       return [column.getPreFilteredRows()];
     }, function (rows) {
@@ -2168,7 +2573,11 @@
       };
     }, {
       key: 'column.getFacetInfo',
-      debug: instance.options.debug
+      debug: function debug() {
+        var _instance$options$deb;
+
+        return (_instance$options$deb = instance.options.debugAll) != null ? _instance$options$deb : instance.options.debugColumns;
+      }
     });
     return {
       filterType: column.filterType,
@@ -2201,7 +2610,7 @@
       }
     };
   }
-  function getInstance$5(instance) {
+  function getInstance$4(instance) {
     var registered = false;
     return {
       _notifyFiltersReset: function _notifyFiltersReset() {
@@ -2227,7 +2636,7 @@
         }
       },
       getColumnAutoFilterFn: function getColumnAutoFilterFn(columnId) {
-        var firstRow = instance.getCoreFlatRows()[0];
+        var firstRow = instance.getCoreRowModel().flatRows[0];
         var value = firstRow == null ? void 0 : firstRow.values[columnId];
 
         if (typeof value === 'string') {
@@ -2397,6 +2806,12 @@
 
         instance.setColumnFilters((_instance$initialStat = (_instance$initialStat2 = instance.initialState) == null ? void 0 : _instance$initialStat2.columnFilters) != null ? _instance$initialStat : []);
       },
+      getPreFilteredRowModel: function getPreFilteredRowModel() {
+        return instance.getCoreRowModel();
+      },
+      getPreColumnFilteredRowModel: function getPreColumnFilteredRowModel() {
+        return instance.getCoreRowModel();
+      },
       getColumnFilteredRowModel: memo(function () {
         return [instance.getState().columnFilters, instance.getCoreRowModel(), instance.options.columnFilterRowsFn];
       }, function (columnFilters, rowModel, columnFiltersFn) {
@@ -2405,7 +2820,6 @@
             return rowModel;
           }
 
-          if (instance.options.debug) console.info('Column Filtering...');
           return columnFiltersFn(instance, rowModel);
         }(); // Now that each filtered column has it's partially filtered rows,
         // lets assign the final filtered rows to all of the other columns
@@ -2428,39 +2842,14 @@
         return columnFilteredRowModel;
       }, {
         key: 'getColumnFilteredRowModel',
-        debug: instance.options.debug
+        debug: function debug() {
+          var _instance$options$deb2;
+
+          return (_instance$options$deb2 = instance.options.debugAll) != null ? _instance$options$deb2 : instance.options.debugTable;
+        }
       }),
-      // These might be easier to remember than "column" filtered rows
-      getPreFilteredRowModel: function getPreFilteredRowModel() {
-        return instance.getCoreRowModel();
-      },
-      getPreFilteredRows: function getPreFilteredRows() {
-        return instance.getCoreRowModel().rows;
-      },
-      getPreFilteredFlatRows: function getPreFilteredFlatRows() {
-        return instance.getCoreRowModel().flatRows;
-      },
-      getPreFilteredRowsById: function getPreFilteredRowsById() {
-        return instance.getCoreRowModel().rowsById;
-      },
-      // Pre Column Filter
-      getPreColumnFilteredRows: function getPreColumnFilteredRows() {
-        return instance.getCoreRowModel().rows;
-      },
-      getPreColumnFilteredFlatRows: function getPreColumnFilteredFlatRows() {
-        return instance.getCoreRowModel().flatRows;
-      },
-      getPreColumnFilteredRowsById: function getPreColumnFilteredRowsById() {
-        return instance.getCoreRowModel().rowsById;
-      },
-      getColumnFilteredRows: function getColumnFilteredRows() {
-        return instance.getColumnFilteredRowModel().rows;
-      },
-      getColumnFilteredFlatRows: function getColumnFilteredFlatRows() {
-        return instance.getColumnFilteredRowModel().flatRows;
-      },
-      getColumnFilteredRowsById: function getColumnFilteredRowsById() {
-        return instance.getColumnFilteredRowModel().rowsById;
+      getPreGlobalFilteredRowModel: function getPreGlobalFilteredRowModel() {
+        return instance.getColumnFilteredRowModel();
       },
       getGlobalFilteredRowModel: memo(function () {
         return [instance.getState().globalFilter, instance.getColumnFilteredRowModel(), instance.options.globalFilterRowsFn];
@@ -2470,7 +2859,6 @@
             return columnFilteredRowModel;
           }
 
-          if (instance.options.debug) console.info('Global Filtering...');
           return globalFiltersFn(instance, columnFilteredRowModel);
         }(); // Now that each filtered column has it's partially filtered rows,
         // lets assign the final filtered rows to all of the other columns
@@ -2493,29 +2881,15 @@
         return globalFilteredRowModel;
       }, {
         key: 'getGlobalFilteredRowModel',
-        debug: instance.options.debug,
-        onChange: function onChange() {
-          instance._notifySortingReset();
-        }
-      }),
-      getPreGlobalFilteredRows: function getPreGlobalFilteredRows() {
-        return instance.getColumnFilteredRowModel().rows;
-      },
-      getPreGlobalFilteredFlatRows: function getPreGlobalFilteredFlatRows() {
-        return instance.getColumnFilteredRowModel().flatRows;
-      },
-      getPreGlobalFilteredRowsById: function getPreGlobalFilteredRowsById() {
-        return instance.getColumnFilteredRowModel().rowsById;
-      },
-      getGlobalFilteredRows: function getGlobalFilteredRows() {
-        return instance.getGlobalFilteredRowModel().rows;
-      },
-      getGlobalFilteredFlatRows: function getGlobalFilteredFlatRows() {
-        return instance.getGlobalFilteredRowModel().flatRows;
-      },
-      getGlobalFilteredRowsById: function getGlobalFilteredRowsById() {
-        return instance.getGlobalFilteredRowModel().rowsById;
-      }
+        debug: function debug() {
+          var _instance$options$deb3;
+
+          return (_instance$options$deb3 = instance.options.debugAll) != null ? _instance$options$deb3 : instance.options.debugTable;
+        },
+        onChange: function onChange() {
+          instance._notifySortingReset();
+        }
+      })
     };
   }
   function shouldAutoRemoveFilter(filterFn, value, column) {
@@ -2525,10 +2899,10 @@
   var Filters = /*#__PURE__*/Object.freeze({
     __proto__: null,
     getDefaultColumn: getDefaultColumn$1,
-    getInitialState: getInitialState$5,
-    getDefaultOptions: getDefaultOptions$5,
-    createColumn: createColumn$2,
-    getInstance: getInstance$5,
+    getInitialState: getInitialState$4,
+    getDefaultOptions: getDefaultOptions$4,
+    createColumn: createColumn$1,
+    getInstance: getInstance$4,
     shouldAutoRemoveFilter: shouldAutoRemoveFilter
   });
 
@@ -2571,405 +2945,119 @@
           return 1;
         }
 
-        if (bb > aa) {
-          return -1;
-        }
-
-        continue;
-      } // One is a string, one is a number
-
-
-      if (isNaN(combo[1])) {
-        return isNaN(an) ? -1 : 1;
-      } // Both are numbers
-
-
-      if (an > bn) {
-        return 1;
-      }
-
-      if (bn > an) {
-        return -1;
-      }
-    }
-
-    return a.length - b.length;
-  } // The text filter is more basic (less numeric support)
-  // but is much faster
-
-
-  function text(rowA, rowB, columnId) {
-    return compareBasic(toString(rowA.values[columnId]).toLowerCase(), toString(rowB.values[columnId]).toLowerCase());
-  } // The text filter is more basic (less numeric support)
-  // but is much faster
-
-
-  function textCaseSensitive(rowA, rowB, columnId) {
-    return compareBasic(toString(rowA.values[columnId]), toString(rowB.values[columnId]));
-  }
-
-  function datetime(rowA, rowB, columnId) {
-    return compareBasic(rowA.values[columnId].getTime(), rowB.values[columnId].getTime());
-  }
-
-  function basic(rowA, rowB, columnId) {
-    return compareBasic(rowA.values[columnId], rowB.values[columnId]);
-  } // Utils
-
-
-  function compareBasic(a, b) {
-    return a === b ? 0 : a > b ? 1 : -1;
-  }
-
-  function toString(a) {
-    if (typeof a === 'number') {
-      if (isNaN(a) || a === Infinity || a === -Infinity) {
-        return '';
-      }
-
-      return String(a);
-    }
-
-    if (typeof a === 'string') {
-      return a;
-    }
-
-    return '';
-  }
-
-  //
-  function getDefaultColumn() {
-    return {
-      sortType: 'auto'
-    };
-  }
-  function getInitialState$4() {
-    return {
-      sorting: []
-    };
-  }
-  function getDefaultOptions$4(instance) {
-    return {
-      onSortingChange: makeStateUpdater('sorting', instance),
-      autoResetSorting: true,
-      isMultiSortEvent: function isMultiSortEvent(e) {
-        return e.shiftKey;
-      }
-    };
-  }
-  function createColumn$1(column, instance) {
-    return {
-      sortType: column.sortType,
-      getCanSort: function getCanSort() {
-        return instance.getColumnCanSort(column.id);
-      },
-      getCanMultiSort: function getCanMultiSort() {
-        return instance.getColumnCanMultiSort(column.id);
-      },
-      getSortIndex: function getSortIndex() {
-        return instance.getColumnSortIndex(column.id);
-      },
-      getIsSorted: function getIsSorted() {
-        return instance.getColumnIsSorted(column.id);
-      },
-      toggleSorting: function toggleSorting(desc, isMulti) {
-        return instance.toggleColumnSorting(column.id, desc, isMulti);
-      },
-      getToggleSortingProps: function getToggleSortingProps(userProps) {
-        return instance.getToggleSortingProps(column.id, userProps);
-      }
-    };
-  }
-  function getInstance$4(instance) {
-    var registered = false;
-    return {
-      _notifySortingReset: function _notifySortingReset() {
-        if (!registered) {
-          registered = true;
-          return;
-        }
-
-        if (instance.options.autoResetAll === false) {
-          return;
-        }
-
-        if (instance.options.autoResetAll === true || instance.options.autoResetSorting) {
-          instance.resetSorting();
-        }
-      },
-      getColumnAutoSortingFn: function getColumnAutoSortingFn(columnId) {
-        var firstRows = instance.getGlobalFilteredRowModel().flatRows.slice(100);
-        var isString = false;
-
-        for (var _iterator = _createForOfIteratorHelperLoose(firstRows), _step; !(_step = _iterator()).done;) {
-          var row = _step.value;
-          var value = row == null ? void 0 : row.values[columnId];
-
-          if (Object.prototype.toString.call(value) === '[object Date]') {
-            return sortTypes.datetime;
-          }
-
-          if (typeof value === 'string') {
-            isString = true;
-
-            if (value.split(reSplitAlphaNumeric).length > 1) {
-              return sortTypes.alphanumeric;
-            }
-          }
-        }
-
-        if (isString) {
-          return sortTypes.text;
-        }
-
-        return sortTypes.basic;
-      },
-      getColumnAutoSortDir: function getColumnAutoSortDir(columnId) {
-        var firstRow = instance.getGlobalFilteredRowModel().flatRows[0];
-        var value = firstRow == null ? void 0 : firstRow.values[columnId];
-
-        if (typeof value === 'string') {
-          return 'asc';
-        }
-
-        return 'desc';
-      },
-      getColumnSortingFn: function getColumnSortingFn(columnId) {
-        var _ref;
-
-        var column = instance.getColumn(columnId);
-        var userSortTypes = instance.options.sortTypes;
-
-        if (!column) {
-          throw new Error();
-        }
-
-        return isFunction(column.sortType) ? column.sortType : column.sortType === 'auto' ? instance.getColumnAutoSortingFn(columnId) : (_ref = userSortTypes == null ? void 0 : userSortTypes[column.sortType]) != null ? _ref : sortTypes[column.sortType];
-      },
-      setSorting: function setSorting(updater) {
-        return instance.options.onSortingChange == null ? void 0 : instance.options.onSortingChange(updater, functionalUpdate(updater, instance.getState().sorting));
-      },
-      toggleColumnSorting: function toggleColumnSorting(columnId, desc, multi) {
-        var column = instance.getColumn(columnId);
-
-        if (!column) {
-          throw new Error();
-        } // if (column.columns.length) {
-        //   column.columns.forEach((c, i) => {
-        //     if (c.id) {
-        //       instance.toggleColumnSorting(c.id, undefined, multi || !!i)
-        //     }
-        //   })
-        //   return
-        // }
-
-
-        instance.setSorting(function (old) {
-          var _ref2, _column$sortDescFirst, _instance$options$ena, _instance$options$ena2;
-
-          // Find any existing sorting for this column
-          var existingSorting = old == null ? void 0 : old.find(function (d) {
-            return d.id === columnId;
-          });
-          var existingIndex = old == null ? void 0 : old.findIndex(function (d) {
-            return d.id === columnId;
-          });
-          var hasDescDefined = typeof desc !== 'undefined' && desc !== null;
-          var newSorting = []; // What should we do with this sort action?
-
-          var sortAction;
-
-          if (column.getCanMultiSort() && multi) {
-            if (existingSorting) {
-              sortAction = 'toggle';
-            } else {
-              sortAction = 'add';
-            }
-          } else {
-            // Normal mode
-            if (old != null && old.length && existingIndex !== old.length - 1) {
-              sortAction = 'replace';
-            } else if (existingSorting) {
-              sortAction = 'toggle';
-            } else {
-              sortAction = 'replace';
-            }
-          }
-
-          var sortDescFirst = (_ref2 = (_column$sortDescFirst = column.sortDescFirst) != null ? _column$sortDescFirst : instance.options.sortDescFirst) != null ? _ref2 : instance.getColumnAutoSortDir(columnId) === 'desc'; // Handle toggle states that will remove the sorting
-
-          if (sortAction === 'toggle' && ( // Must be toggling
-          (_instance$options$ena = instance.options.enableSortingRemoval) != null ? _instance$options$ena : true) && // If enableSortRemove, enable in general
-          !hasDescDefined && ( // Must not be setting desc
-          multi ? (_instance$options$ena2 = instance.options.enableMultiRemove) != null ? _instance$options$ena2 : true : true) && ( // If multi, don't allow if enableMultiRemove
-          existingSorting != null && existingSorting.desc // Finally, detect if it should indeed be removed
-          ? !sortDescFirst : sortDescFirst)) {
-            sortAction = 'remove';
-          }
-
-          if (sortAction === 'replace') {
-            newSorting = [{
-              id: columnId,
-              desc: hasDescDefined ? desc : !!sortDescFirst
-            }];
-          } else if (sortAction === 'add' && old != null && old.length) {
-            var _instance$options$max;
-
-            newSorting = [].concat(old, [{
-              id: columnId,
-              desc: hasDescDefined ? desc : !!sortDescFirst
-            }]); // Take latest n columns
+        if (bb > aa) {
+          return -1;
+        }
 
-            newSorting.splice(0, newSorting.length - ((_instance$options$max = instance.options.maxMultiSortColCount) != null ? _instance$options$max : Number.MAX_SAFE_INTEGER));
-          } else if (sortAction === 'toggle' && old != null && old.length) {
-            // This flips (or sets) the
-            newSorting = old.map(function (d) {
-              if (d.id === columnId) {
-                return _extends({}, d, {
-                  desc: hasDescDefined ? desc : !(existingSorting != null && existingSorting.desc)
-                });
-              }
+        continue;
+      } // One is a string, one is a number
 
-              return d;
-            });
-          } else if (sortAction === 'remove' && old != null && old.length) {
-            newSorting = old.filter(function (d) {
-              return d.id !== columnId;
-            });
-          }
 
-          return newSorting;
-        });
-      },
-      getColumnCanSort: function getColumnCanSort(columnId) {
-        var _ref3, _ref4, _column$enableSorting;
+      if (isNaN(combo[1])) {
+        return isNaN(an) ? -1 : 1;
+      } // Both are numbers
 
-        var column = instance.getColumn(columnId);
 
-        if (!column) {
-          throw new Error();
-        }
+      if (an > bn) {
+        return 1;
+      }
 
-        return (_ref3 = (_ref4 = (_column$enableSorting = column.enableSorting) != null ? _column$enableSorting : instance.options.enableSorting) != null ? _ref4 : column.defaultCanSort) != null ? _ref3 : !!column.accessorFn // (!!column.accessorFn ||
-        //   column.columns?.some(c => c.id && instance.getColumnCanSort(c.id))) ??
-        // false
-        ;
-      },
-      getColumnCanMultiSort: function getColumnCanMultiSort(columnId) {
-        var _ref5, _column$enableMultiSo;
+      if (bn > an) {
+        return -1;
+      }
+    }
 
-        var column = instance.getColumn(columnId);
+    return a.length - b.length;
+  } // The text filter is more basic (less numeric support)
+  // but is much faster
 
-        if (!column) {
-          throw new Error();
-        }
 
-        return (_ref5 = (_column$enableMultiSo = column.enableMultiSort) != null ? _column$enableMultiSo : instance.options.enableMultiSort) != null ? _ref5 : !!column.accessorFn;
-      },
-      getColumnIsSorted: function getColumnIsSorted(columnId) {
-        var _instance$getState$so;
+  function text(rowA, rowB, columnId) {
+    return compareBasic(toString(rowA.values[columnId]).toLowerCase(), toString(rowB.values[columnId]).toLowerCase());
+  } // The text filter is more basic (less numeric support)
+  // but is much faster
 
-        var columnSort = (_instance$getState$so = instance.getState().sorting) == null ? void 0 : _instance$getState$so.find(function (d) {
-          return d.id === columnId;
-        });
-        return !columnSort ? false : columnSort.desc ? 'desc' : 'asc';
-      },
-      getColumnSortIndex: function getColumnSortIndex(columnId) {
-        var _instance$getState$so2, _instance$getState$so3;
 
-        return (_instance$getState$so2 = (_instance$getState$so3 = instance.getState().sorting) == null ? void 0 : _instance$getState$so3.findIndex(function (d) {
-          return d.id === columnId;
-        })) != null ? _instance$getState$so2 : -1;
-      },
-      resetSorting: function resetSorting() {
-        var _instance$initialStat, _instance$initialStat2;
+  function textCaseSensitive(rowA, rowB, columnId) {
+    return compareBasic(toString(rowA.values[columnId]), toString(rowB.values[columnId]));
+  }
 
-        instance.setSorting((_instance$initialStat = (_instance$initialStat2 = instance.initialState) == null ? void 0 : _instance$initialStat2.sorting) != null ? _instance$initialStat : []);
-      },
-      getToggleSortingProps: function getToggleSortingProps(columnId, userProps) {
-        var column = instance.getColumn(columnId);
+  function datetime(rowA, rowB, columnId) {
+    return compareBasic(rowA.values[columnId].getTime(), rowB.values[columnId].getTime());
+  }
 
-        if (!column) {
-          throw new Error();
-        }
+  function basic(rowA, rowB, columnId) {
+    return compareBasic(rowA.values[columnId], rowB.values[columnId]);
+  } // Utils
 
-        var canSort = column.getCanSort();
-        var initialProps = {
-          title: canSort ? 'Toggle Sorting' : undefined,
-          onClick: canSort ? function (e) {
-            e.persist();
-            column.toggleSorting == null ? void 0 : column.toggleSorting(undefined, column.getCanMultiSort() ? instance.options.isMultiSortEvent == null ? void 0 : instance.options.isMultiSortEvent(e) : false);
-          } : undefined
-        };
-        return propGetter(initialProps, userProps);
-      },
-      getSortedRowModel: memo(function () {
-        return [instance.getState().sorting, instance.getGlobalFilteredRowModel(), instance.options.sortRowsFn];
-      }, function (sorting, rowModel, sortingFn) {
-        if (!sortingFn || !(sorting != null && sorting.length)) {
-          return rowModel;
-        }
 
-        if (instance.options.debug) console.info('Sorting...');
-        return sortingFn(instance, rowModel);
-      }, {
-        key: 'getSortedRowModel',
-        debug: instance.options.debug,
-        onChange: function onChange() {
-          return instance._notifyGroupingReset();
-        }
-      }),
-      getPreSortedRows: function getPreSortedRows() {
-        return instance.getGlobalFilteredRowModel().rows;
-      },
-      getPreSortedFlatRows: function getPreSortedFlatRows() {
-        return instance.getGlobalFilteredRowModel().flatRows;
-      },
-      getPreSortedRowsById: function getPreSortedRowsById() {
-        return instance.getGlobalFilteredRowModel().rowsById;
-      },
-      getSortedRows: function getSortedRows() {
-        return instance.getSortedRowModel().rows;
-      },
-      getSortedFlatRows: function getSortedFlatRows() {
-        return instance.getSortedRowModel().flatRows;
-      },
-      getSortedRowsById: function getSortedRowsById() {
-        return instance.getSortedRowModel().rowsById;
-      }
-    };
+  function compareBasic(a, b) {
+    return a === b ? 0 : a > b ? 1 : -1;
   }
 
-  var Sorting = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    getDefaultColumn: getDefaultColumn,
-    getInitialState: getInitialState$4,
-    getDefaultOptions: getDefaultOptions$4,
-    createColumn: createColumn$1,
-    getInstance: getInstance$4
-  });
+  function toString(a) {
+    if (typeof a === 'number') {
+      if (isNaN(a) || a === Infinity || a === -Infinity) {
+        return '';
+      }
+
+      return String(a);
+    }
+
+    if (typeof a === 'string') {
+      return a;
+    }
+
+    return '';
+  }
 
   //
+  function getDefaultColumn() {
+    return {
+      sortType: 'auto'
+    };
+  }
   function getInitialState$3() {
     return {
-      expanded: {}
+      sorting: []
     };
   }
   function getDefaultOptions$3(instance) {
     return {
-      onExpandedChange: makeStateUpdater('expanded', instance),
-      autoResetExpanded: true,
-      getIsRowExpanded: function getIsRowExpanded(row) {
-        return !!(row == null ? void 0 : row.original).expanded;
+      onSortingChange: makeStateUpdater('sorting', instance),
+      autoResetSorting: true,
+      isMultiSortEvent: function isMultiSortEvent(e) {
+        return e.shiftKey;
+      }
+    };
+  }
+  function createColumn(column, instance) {
+    return {
+      sortType: column.sortType,
+      getCanSort: function getCanSort() {
+        return instance.getColumnCanSort(column.id);
       },
-      expandSubRows: true,
-      paginateExpandedRows: true
+      getCanMultiSort: function getCanMultiSort() {
+        return instance.getColumnCanMultiSort(column.id);
+      },
+      getSortIndex: function getSortIndex() {
+        return instance.getColumnSortIndex(column.id);
+      },
+      getIsSorted: function getIsSorted() {
+        return instance.getColumnIsSorted(column.id);
+      },
+      toggleSorting: function toggleSorting(desc, isMulti) {
+        return instance.toggleColumnSorting(column.id, desc, isMulti);
+      },
+      getToggleSortingProps: function getToggleSortingProps(userProps) {
+        return instance.getToggleSortingProps(column.id, userProps);
+      }
     };
   }
   function getInstance$3(instance) {
     var registered = false;
     return {
-      _notifyExpandedReset: function _notifyExpandedReset() {
+      _notifySortingReset: function _notifySortingReset() {
         if (!registered) {
           registered = true;
           return;
@@ -2979,285 +3067,170 @@
           return;
         }
 
-        if (instance.options.autoResetAll === true || instance.options.autoResetExpanded) {
-          instance.resetExpanded();
+        if (instance.options.autoResetAll === true || instance.options.autoResetSorting) {
+          instance.resetSorting();
         }
       },
-      setExpanded: function setExpanded(updater) {
-        return instance.options.onExpandedChange == null ? void 0 : instance.options.onExpandedChange(updater, functionalUpdate(updater, instance.getState().expanded));
-      },
-      toggleRowExpanded: function toggleRowExpanded(rowId, expanded) {
-        if (!rowId) return;
-        instance.setExpanded(function (old) {
-          var _expanded;
-
-          var exists = old === true ? true : !!(old != null && old[rowId]);
-          var oldExpanded = {};
-
-          if (old === true) {
-            Object.keys(instance.getRowsById()).forEach(function (rowId) {
-              oldExpanded[rowId] = true;
-            });
-          } else {
-            oldExpanded = old;
-          }
-
-          expanded = (_expanded = expanded) != null ? _expanded : !exists;
-
-          if (!exists && expanded) {
-            var _extends2;
-
-            return _extends({}, oldExpanded, (_extends2 = {}, _extends2[rowId] = true, _extends2));
-          }
+      getColumnAutoSortingFn: function getColumnAutoSortingFn(columnId) {
+        var firstRows = instance.getGlobalFilteredRowModel().flatRows.slice(100);
+        var isString = false;
 
-          if (exists && !expanded) {
-            var _oldExpanded = oldExpanded;
-                _oldExpanded[rowId];
-                var rest = _objectWithoutPropertiesLoose(_oldExpanded, [rowId].map(_toPropertyKey));
+        for (var _iterator = _createForOfIteratorHelperLoose(firstRows), _step; !(_step = _iterator()).done;) {
+          var row = _step.value;
+          var value = row == null ? void 0 : row.values[columnId];
 
-            return rest;
+          if (Object.prototype.toString.call(value) === '[object Date]') {
+            return sortTypes.datetime;
           }
 
-          return old;
-        });
-      },
-      toggleAllRowsExpanded: function toggleAllRowsExpanded(expanded) {
-        if (expanded != null ? expanded : !instance.getIsAllRowsExpanded()) {
-          instance.setExpanded(true);
-        } else {
-          instance.setExpanded({});
-        }
-      },
-      resetExpanded: function resetExpanded() {
-        var _instance$initialStat, _instance$initialStat2;
-
-        instance.setExpanded((_instance$initialStat = (_instance$initialStat2 = instance.initialState) == null ? void 0 : _instance$initialStat2.expanded) != null ? _instance$initialStat : {});
-      },
-      getIsRowExpanded: function getIsRowExpanded(rowId) {
-        var _instance$options$get;
-
-        var row = instance.getRow(rowId);
-
-        if (!row) {
-          {
-            console.warn("[ReactTable] getIsRowExpanded: no row found with id " + rowId);
+          if (typeof value === 'string') {
+            isString = true;
+
+            if (value.split(reSplitAlphaNumeric).length > 1) {
+              return sortTypes.alphanumeric;
+            }
           }
+        }
 
-          throw new Error();
+        if (isString) {
+          return sortTypes.text;
         }
 
-        var expanded = instance.getState().expanded;
-        return !!((_instance$options$get = instance.options.getIsRowExpanded == null ? void 0 : instance.options.getIsRowExpanded(row)) != null ? _instance$options$get : expanded || (expanded == null ? void 0 : expanded[rowId]));
+        return sortTypes.basic;
       },
-      getRowCanExpand: function getRowCanExpand(rowId) {
-        var _ref, _ref2, _instance$options$get2, _row$subRows;
-
-        var row = instance.getRow(rowId);
-
-        if (!row) {
-          {
-            console.warn("[ReactTable] getRowCanExpand: no row found with id " + rowId);
-          }
+      getColumnAutoSortDir: function getColumnAutoSortDir(columnId) {
+        var firstRow = instance.getGlobalFilteredRowModel().flatRows[0];
+        var value = firstRow == null ? void 0 : firstRow.values[columnId];
 
-          throw new Error();
+        if (typeof value === 'string') {
+          return 'asc';
         }
 
-        return (_ref = (_ref2 = (_instance$options$get2 = instance.options.getRowCanExpand == null ? void 0 : instance.options.getRowCanExpand(row)) != null ? _instance$options$get2 : instance.options.enableExpanded) != null ? _ref2 : instance.options.defaultCanExpand) != null ? _ref : !!((_row$subRows = row.subRows) != null && _row$subRows.length);
+        return 'desc';
       },
-      getToggleExpandedProps: function getToggleExpandedProps(rowId, userProps) {
-        var row = instance.getRow(rowId);
+      getColumnSortingFn: function getColumnSortingFn(columnId) {
+        var _ref;
 
-        if (!row) {
-          return;
+        var column = instance.getColumn(columnId);
+        var userSortTypes = instance.options.sortTypes;
+
+        if (!column) {
+          throw new Error();
         }
 
-        var canExpand = instance.getRowCanExpand(rowId);
-        var initialProps = {
-          title: canExpand ? 'Toggle Expanded' : undefined,
-          onClick: canExpand ? function (e) {
-            e.persist();
-            instance.toggleRowExpanded(rowId);
-          } : undefined
-        };
-        return propGetter(initialProps, userProps);
+        return isFunction(column.sortType) ? column.sortType : column.sortType === 'auto' ? instance.getColumnAutoSortingFn(columnId) : (_ref = userSortTypes == null ? void 0 : userSortTypes[column.sortType]) != null ? _ref : sortTypes[column.sortType];
       },
-      getToggleAllRowsExpandedProps: function getToggleAllRowsExpandedProps(userProps) {
-        var initialProps = {
-          title: 'Toggle All Expanded',
-          onClick: function onClick(e) {
-            e.persist();
-            instance.toggleAllRowsExpanded();
-          }
-        };
-        return propGetter(initialProps, userProps);
+      setSorting: function setSorting(updater) {
+        return instance.options.onSortingChange == null ? void 0 : instance.options.onSortingChange(updater, functionalUpdate(updater, instance.getState().sorting));
       },
-      getIsAllRowsExpanded: function getIsAllRowsExpanded() {
-        var expanded = instance.getState().expanded; // If expanded is true, save some cycles and return true
+      toggleColumnSorting: function toggleColumnSorting(columnId, desc, multi) {
+        var column = instance.getColumn(columnId);
 
-        if (expanded === true) {
-          return true;
-        } // If any row is not expanded, return false
+        if (!column) {
+          throw new Error();
+        } // if (column.columns.length) {
+        //   column.columns.forEach((c, i) => {
+        //     if (c.id) {
+        //       instance.toggleColumnSorting(c.id, undefined, multi || !!i)
+        //     }
+        //   })
+        //   return
+        // }
 
 
-        if (Object.keys(instance.getRowsById()).some(function (id) {
-          return !instance.getIsRowExpanded(id);
-        })) {
-          return false;
-        } // They must all be expanded :shrug:
+        instance.setSorting(function (old) {
+          var _ref2, _column$sortDescFirst, _instance$options$ena, _instance$options$ena2;
 
+          // Find any existing sorting for this column
+          var existingSorting = old == null ? void 0 : old.find(function (d) {
+            return d.id === columnId;
+          });
+          var existingIndex = old == null ? void 0 : old.findIndex(function (d) {
+            return d.id === columnId;
+          });
+          var hasDescDefined = typeof desc !== 'undefined' && desc !== null;
+          var newSorting = []; // What should we do with this sort action?
 
-        return true;
-      },
-      getExpandedDepth: function getExpandedDepth() {
-        var maxDepth = 0;
-        var rowIds = instance.getState().expanded === true ? Object.keys(instance.getRowsById()) : Object.keys(instance.getState().expanded);
-        rowIds.forEach(function (id) {
-          var splitId = id.split('.');
-          maxDepth = Math.max(maxDepth, splitId.length);
-        });
-        return maxDepth;
-      },
-      getExpandedRowModel: memo(function () {
-        return [instance.getState().expanded, instance.getGroupedRowModel(), instance.options.expandRowsFn, instance.options.paginateExpandedRows];
-      }, function (expanded, rowModel, expandRowsFn, paginateExpandedRows) {
-        if (!expandRowsFn || // Do not expand if rows are not included in pagination
-        !paginateExpandedRows || !Object.keys(expanded != null ? expanded : {}).length) {
-          return rowModel;
-        }
+          var sortAction;
 
-        if (instance.options.debug) console.info('Expanding...');
-        return expandRowsFn(instance, rowModel);
-      }, {
-        key: 'getExpandedRowModel',
-        debug: instance.options.debug,
-        onChange: function onChange() {
-          instance._notifyPageIndexReset();
-        }
-      }),
-      getPreExpandedRows: function getPreExpandedRows() {
-        return instance.getGroupedRowModel().rows;
-      },
-      getPreExpandedFlatRows: function getPreExpandedFlatRows() {
-        return instance.getGroupedRowModel().flatRows;
-      },
-      getPreExpandedRowsById: function getPreExpandedRowsById() {
-        return instance.getGroupedRowModel().rowsById;
-      },
-      getExpandedRows: function getExpandedRows() {
-        return instance.getExpandedRowModel().rows;
-      },
-      getExpandedFlatRows: function getExpandedFlatRows() {
-        return instance.getExpandedRowModel().flatRows;
-      },
-      getExpandedRowsById: function getExpandedRowsById() {
-        return instance.getExpandedRowModel().rowsById;
-      }
-    };
-  }
-  function createRow$1(row, instance) {
-    return {
-      toggleExpanded: function toggleExpanded(expanded) {
-        return void instance.toggleRowExpanded(row.id, expanded);
-      },
-      getIsExpanded: function getIsExpanded() {
-        return instance.getIsRowExpanded(row.id);
-      },
-      getCanExpand: function getCanExpand() {
-        return row.subRows && !!row.subRows.length;
-      },
-      getToggleExpandedProps: function getToggleExpandedProps(userProps) {
-        var initialProps = {
-          title: 'Toggle Row Expanded',
-          onClick: function onClick(e) {
-            e.stopPropagation();
-            instance.toggleRowExpanded(row.id);
+          if (column.getCanMultiSort() && multi) {
+            if (existingSorting) {
+              sortAction = 'toggle';
+            } else {
+              sortAction = 'add';
+            }
+          } else {
+            // Normal mode
+            if (old != null && old.length && existingIndex !== old.length - 1) {
+              sortAction = 'replace';
+            } else if (existingSorting) {
+              sortAction = 'toggle';
+            } else {
+              sortAction = 'replace';
+            }
           }
-        };
-        return propGetter(initialProps, userProps);
-      }
-    };
-  }
 
-  var Expanding = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    getInitialState: getInitialState$3,
-    getDefaultOptions: getDefaultOptions$3,
-    getInstance: getInstance$3,
-    createRow: createRow$1
-  });
+          var sortDescFirst = (_ref2 = (_column$sortDescFirst = column.sortDescFirst) != null ? _column$sortDescFirst : instance.options.sortDescFirst) != null ? _ref2 : instance.getColumnAutoSortDir(columnId) === 'desc'; // Handle toggle states that will remove the sorting
 
-  //
-  var defaultColumnSizing = {
-    width: 150,
-    minWidth: 20,
-    maxWidth: Number.MAX_SAFE_INTEGER
-  };
-  function getInitialState$2() {
-    return {
-      columnSizing: {},
-      columnSizingInfo: {
-        startOffset: null,
-        startSize: null,
-        deltaOffset: null,
-        deltaPercentage: null,
-        isResizingColumn: false,
-        columnSizingStart: []
-      }
-    };
-  }
-  function getDefaultOptions$2(instance) {
-    return {
-      columnResizeMode: 'onEnd',
-      onColumnSizingChange: makeStateUpdater('columnSizing', instance),
-      onColumnSizingInfoChange: makeStateUpdater('columnSizingInfo', instance)
-    };
-  }
-  function getInstance$2(instance) {
-    return {
-      setColumnSizing: function setColumnSizing(updater) {
-        return instance.options.onColumnSizingChange == null ? void 0 : instance.options.onColumnSizingChange(updater, functionalUpdate(updater, instance.getState().columnSizing));
-      },
-      setColumnSizingInfo: function setColumnSizingInfo(updater) {
-        return instance.options.onColumnSizingInfoChange == null ? void 0 : instance.options.onColumnSizingInfoChange(updater, functionalUpdate(updater, instance.getState().columnSizingInfo));
-      },
-      resetColumnSizing: function resetColumnSizing() {
-        var _instance$initialStat;
+          if (sortAction === 'toggle' && ( // Must be toggling
+          (_instance$options$ena = instance.options.enableSortingRemoval) != null ? _instance$options$ena : true) && // If enableSortRemove, enable in general
+          !hasDescDefined && ( // Must not be setting desc
+          multi ? (_instance$options$ena2 = instance.options.enableMultiRemove) != null ? _instance$options$ena2 : true : true) && ( // If multi, don't allow if enableMultiRemove
+          existingSorting != null && existingSorting.desc // Finally, detect if it should indeed be removed
+          ? !sortDescFirst : sortDescFirst)) {
+            sortAction = 'remove';
+          }
 
-        instance.setColumnSizing((_instance$initialStat = instance.initialState.columnSizing) != null ? _instance$initialStat : {});
-      },
-      resetHeaderSizeInfo: function resetHeaderSizeInfo() {
-        var _instance$initialStat2;
+          if (sortAction === 'replace') {
+            newSorting = [{
+              id: columnId,
+              desc: hasDescDefined ? desc : !!sortDescFirst
+            }];
+          } else if (sortAction === 'add' && old != null && old.length) {
+            var _instance$options$max;
 
-        instance.setColumnSizingInfo((_instance$initialStat2 = instance.initialState.columnSizingInfo) != null ? _instance$initialStat2 : {});
-      },
-      resetColumnSize: function resetColumnSize(columnId) {
-        instance.setColumnSizing(function (_ref) {
-          _ref[columnId];
-              var rest = _objectWithoutPropertiesLoose(_ref, [columnId].map(_toPropertyKey));
+            newSorting = [].concat(old, [{
+              id: columnId,
+              desc: hasDescDefined ? desc : !!sortDescFirst
+            }]); // Take latest n columns
 
-          return rest;
-        });
-      },
-      resetHeaderSize: function resetHeaderSize(headerId) {
-        var header = instance.getHeader(headerId);
+            newSorting.splice(0, newSorting.length - ((_instance$options$max = instance.options.maxMultiSortColCount) != null ? _instance$options$max : Number.MAX_SAFE_INTEGER));
+          } else if (sortAction === 'toggle' && old != null && old.length) {
+            // This flips (or sets) the
+            newSorting = old.map(function (d) {
+              if (d.id === columnId) {
+                return _extends({}, d, {
+                  desc: hasDescDefined ? desc : !(existingSorting != null && existingSorting.desc)
+                });
+              }
 
-        if (!header) {
-          return;
-        }
+              return d;
+            });
+          } else if (sortAction === 'remove' && old != null && old.length) {
+            newSorting = old.filter(function (d) {
+              return d.id !== columnId;
+            });
+          }
 
-        return instance.resetColumnSize(header.column.id);
+          return newSorting;
+        });
       },
-      getHeaderCanResize: function getHeaderCanResize(headerId) {
-        var header = instance.getHeader(headerId);
+      getColumnCanSort: function getColumnCanSort(columnId) {
+        var _ref3, _ref4, _column$enableSorting;
 
-        if (!header) {
+        var column = instance.getColumn(columnId);
+
+        if (!column) {
           throw new Error();
         }
 
-        return instance.getColumnCanResize(header.column.id);
+        return (_ref3 = (_ref4 = (_column$enableSorting = column.enableSorting) != null ? _column$enableSorting : instance.options.enableSorting) != null ? _ref4 : column.defaultCanSort) != null ? _ref3 : !!column.accessorFn // (!!column.accessorFn ||
+        //   column.columns?.some(c => c.id && instance.getColumnCanSort(c.id))) ??
+        // false
+        ;
       },
-      getColumnCanResize: function getColumnCanResize(columnId) {
-        var _ref2, _ref3, _column$enableResizin;
+      getColumnCanMultiSort: function getColumnCanMultiSort(columnId) {
+        var _ref5, _column$enableMultiSo;
 
         var column = instance.getColumn(columnId);
 
@@ -3265,234 +3238,309 @@
           throw new Error();
         }
 
-        return (_ref2 = (_ref3 = (_column$enableResizin = column.enableResizing) != null ? _column$enableResizin : instance.options.enableColumnResizing) != null ? _ref3 : column.defaultCanResize) != null ? _ref2 : true;
+        return (_ref5 = (_column$enableMultiSo = column.enableMultiSort) != null ? _column$enableMultiSo : instance.options.enableMultiSort) != null ? _ref5 : !!column.accessorFn;
       },
-      getColumnIsResizing: function getColumnIsResizing(columnId) {
+      getColumnIsSorted: function getColumnIsSorted(columnId) {
+        var _instance$getState$so;
+
+        var columnSort = (_instance$getState$so = instance.getState().sorting) == null ? void 0 : _instance$getState$so.find(function (d) {
+          return d.id === columnId;
+        });
+        return !columnSort ? false : columnSort.desc ? 'desc' : 'asc';
+      },
+      getColumnSortIndex: function getColumnSortIndex(columnId) {
+        var _instance$getState$so2, _instance$getState$so3;
+
+        return (_instance$getState$so2 = (_instance$getState$so3 = instance.getState().sorting) == null ? void 0 : _instance$getState$so3.findIndex(function (d) {
+          return d.id === columnId;
+        })) != null ? _instance$getState$so2 : -1;
+      },
+      resetSorting: function resetSorting() {
+        var _instance$initialStat, _instance$initialStat2;
+
+        instance.setSorting((_instance$initialStat = (_instance$initialStat2 = instance.initialState) == null ? void 0 : _instance$initialStat2.sorting) != null ? _instance$initialStat : []);
+      },
+      getToggleSortingProps: function getToggleSortingProps(columnId, userProps) {
         var column = instance.getColumn(columnId);
 
         if (!column) {
           throw new Error();
         }
 
-        return instance.getState().columnSizingInfo.isResizingColumn === columnId;
+        var canSort = column.getCanSort();
+        var initialProps = {
+          title: canSort ? 'Toggle Sorting' : undefined,
+          onClick: canSort ? function (e) {
+            e.persist();
+            column.toggleSorting == null ? void 0 : column.toggleSorting(undefined, column.getCanMultiSort() ? instance.options.isMultiSortEvent == null ? void 0 : instance.options.isMultiSortEvent(e) : false);
+          } : undefined
+        };
+        return propGetter(initialProps, userProps);
       },
-      getHeaderIsResizing: function getHeaderIsResizing(headerId) {
-        var header = instance.getHeader(headerId);
+      getPreSortedRowModel: function getPreSortedRowModel() {
+        return instance.getGlobalFilteredRowModel();
+      },
+      getSortedRowModel: memo(function () {
+        return [instance.getState().sorting, instance.getGlobalFilteredRowModel(), instance.options.sortRowsFn];
+      }, function (sorting, rowModel, sortingFn) {
+        if (!sortingFn || !(sorting != null && sorting.length)) {
+          return rowModel;
+        }
 
-        if (!header) {
-          throw new Error();
+        return sortingFn(instance, rowModel);
+      }, {
+        key: 'getSortedRowModel',
+        debug: function debug() {
+          var _instance$options$deb;
+
+          return (_instance$options$deb = instance.options.debugAll) != null ? _instance$options$deb : instance.options.debugTable;
+        },
+        onChange: function onChange() {
+          instance._notifyGroupingReset();
         }
+      })
+    };
+  }
 
-        return instance.getColumnIsResizing(header.column.id);
-      },
-      getColumnResizerProps: function getColumnResizerProps(headerId, userProps) {
-        var header = instance.getHeader(headerId);
+  var Sorting = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    getDefaultColumn: getDefaultColumn,
+    getInitialState: getInitialState$3,
+    getDefaultOptions: getDefaultOptions$3,
+    createColumn: createColumn,
+    getInstance: getInstance$3
+  });
 
-        if (!header) {
+  //
+  function getInitialState$2() {
+    return {
+      expanded: {}
+    };
+  }
+  function getDefaultOptions$2(instance) {
+    return {
+      onExpandedChange: makeStateUpdater('expanded', instance),
+      autoResetExpanded: true,
+      getIsRowExpanded: function getIsRowExpanded(row) {
+        return !!(row == null ? void 0 : row.original).expanded;
+      },
+      expandSubRows: true,
+      paginateExpandedRows: true
+    };
+  }
+  function getInstance$2(instance) {
+    var registered = false;
+    return {
+      _notifyExpandedReset: function _notifyExpandedReset() {
+        if (!registered) {
+          registered = true;
           return;
         }
 
-        var column = instance.getColumn(header.column.id);
-
-        if (!column) {
+        if (instance.options.autoResetAll === false) {
           return;
         }
 
-        var canResize = column.getCanResize();
+        if (instance.options.autoResetAll === true || instance.options.autoResetExpanded) {
+          instance.resetExpanded();
+        }
+      },
+      setExpanded: function setExpanded(updater) {
+        return instance.options.onExpandedChange == null ? void 0 : instance.options.onExpandedChange(updater, functionalUpdate(updater, instance.getState().expanded));
+      },
+      toggleRowExpanded: function toggleRowExpanded(rowId, expanded) {
+        if (!rowId) return;
+        instance.setExpanded(function (old) {
+          var _expanded;
 
-        var onResizeStart = function onResizeStart(e) {
-          if (isTouchStartEvent(e)) {
-            // lets not respond to multiple touches (e.g. 2 or 3 fingers)
-            if (e.touches && e.touches.length > 1) {
-              return;
-            }
+          var exists = old === true ? true : !!(old != null && old[rowId]);
+          var oldExpanded = {};
+
+          if (old === true) {
+            Object.keys(instance.getRowModel().rowsById).forEach(function (rowId) {
+              oldExpanded[rowId] = true;
+            });
+          } else {
+            oldExpanded = old;
           }
 
-          var columnSizingStart = header.getLeafHeaders().map(function (d) {
-            return [d.column.id, d.getWidth()];
-          });
-          var clientX = isTouchStartEvent(e) ? Math.round(e.touches[0].clientX) : e.clientX;
+          expanded = (_expanded = expanded) != null ? _expanded : !exists;
 
-          var updateOffset = function updateOffset(eventType, clientXPos) {
-            if (typeof clientXPos !== 'number') {
-              return;
-            }
+          if (!exists && expanded) {
+            var _extends2;
 
-            var newColumnSizing = {};
-            instance.setColumnSizingInfo(function (old) {
-              var _old$startOffset, _old$startSize;
+            return _extends({}, oldExpanded, (_extends2 = {}, _extends2[rowId] = true, _extends2));
+          }
 
-              var deltaOffset = clientXPos - ((_old$startOffset = old == null ? void 0 : old.startOffset) != null ? _old$startOffset : 0);
-              var deltaPercentage = Math.max(deltaOffset / ((_old$startSize = old == null ? void 0 : old.startSize) != null ? _old$startSize : 0), -0.999999);
-              old.columnSizingStart.forEach(function (_ref4) {
-                var columnId = _ref4[0],
-                    headerWidth = _ref4[1];
-                newColumnSizing[columnId] = Math.max(headerWidth + headerWidth * deltaPercentage, 0);
-              });
-              return _extends({}, old, {
-                deltaOffset: deltaOffset,
-                deltaPercentage: deltaPercentage
-              });
-            });
+          if (exists && !expanded) {
+            var _oldExpanded = oldExpanded;
+                _oldExpanded[rowId];
+                var rest = _objectWithoutPropertiesLoose(_oldExpanded, [rowId].map(_toPropertyKey));
 
-            if (instance.options.columnResizeMode === 'onChange' || eventType === 'end') {
-              instance.setColumnSizing(function (old) {
-                return _extends({}, old, newColumnSizing);
-              });
-            }
-          };
+            return rest;
+          }
 
-          var onMove = function onMove(clientXPos) {
-            return updateOffset('move', clientXPos);
-          };
+          return old;
+        });
+      },
+      toggleAllRowsExpanded: function toggleAllRowsExpanded(expanded) {
+        if (expanded != null ? expanded : !instance.getIsAllRowsExpanded()) {
+          instance.setExpanded(true);
+        } else {
+          instance.setExpanded({});
+        }
+      },
+      resetExpanded: function resetExpanded() {
+        var _instance$initialStat, _instance$initialStat2;
 
-          var onEnd = function onEnd(clientXPos) {
-            updateOffset('end', clientXPos);
-            instance.setColumnSizingInfo(function (old) {
-              return _extends({}, old, {
-                isResizingColumn: false,
-                startOffset: null,
-                startSize: null,
-                deltaOffset: null,
-                deltaPercentage: null,
-                columnSizingStart: []
-              });
-            });
-          };
+        instance.setExpanded((_instance$initialStat = (_instance$initialStat2 = instance.initialState) == null ? void 0 : _instance$initialStat2.expanded) != null ? _instance$initialStat : {});
+      },
+      getIsRowExpanded: function getIsRowExpanded(rowId) {
+        var _instance$options$get;
 
-          var mouseEvents = {
-            moveHandler: function moveHandler(e) {
-              return onMove(e.clientX);
-            },
-            upHandler: function upHandler(e) {
-              document.removeEventListener('mousemove', mouseEvents.moveHandler);
-              document.removeEventListener('mouseup', mouseEvents.upHandler);
-              onEnd(e.clientX);
-            }
-          };
-          var touchEvents = {
-            moveHandler: function moveHandler(e) {
-              if (e.cancelable) {
-                e.preventDefault();
-                e.stopPropagation();
-              }
+        var row = instance.getRow(rowId);
 
-              onMove(e.touches[0].clientX);
-              return false;
-            },
-            upHandler: function upHandler(e) {
-              document.removeEventListener('touchmove', touchEvents.moveHandler);
-              document.removeEventListener('touchend', touchEvents.upHandler);
+        if (!row) {
+          {
+            console.warn("[ReactTable] getIsRowExpanded: no row found with id " + rowId);
+          }
 
-              if (e.cancelable) {
-                e.preventDefault();
-                e.stopPropagation();
-              }
+          throw new Error();
+        }
 
-              onEnd(e.touches[0].clientX);
-            }
-          };
-          var passiveIfSupported = passiveEventSupported() ? {
-            passive: false
-          } : false;
+        var expanded = instance.getState().expanded;
+        return !!((_instance$options$get = instance.options.getIsRowExpanded == null ? void 0 : instance.options.getIsRowExpanded(row)) != null ? _instance$options$get : expanded || (expanded == null ? void 0 : expanded[rowId]));
+      },
+      getRowCanExpand: function getRowCanExpand(rowId) {
+        var _ref, _ref2, _instance$options$get2, _row$subRows;
+
+        var row = instance.getRow(rowId);
 
-          if (isTouchStartEvent(e)) {
-            document.addEventListener('touchmove', touchEvents.moveHandler, passiveIfSupported);
-            document.addEventListener('touchend', touchEvents.upHandler, passiveIfSupported);
-          } else {
-            document.addEventListener('mousemove', mouseEvents.moveHandler, passiveIfSupported);
-            document.addEventListener('mouseup', mouseEvents.upHandler, passiveIfSupported);
+        if (!row) {
+          {
+            console.warn("[ReactTable] getRowCanExpand: no row found with id " + rowId);
           }
 
-          instance.setColumnSizingInfo(function (old) {
-            return _extends({}, old, {
-              startOffset: clientX,
-              startSize: header.getWidth(),
-              deltaOffset: 0,
-              deltaPercentage: 0,
-              columnSizingStart: columnSizingStart,
-              isResizingColumn: header.column.id
-            });
-          });
-        };
+          throw new Error();
+        }
 
-        var initialProps = canResize ? {
-          title: 'Toggle Grouping',
-          draggable: false,
-          role: 'separator',
-          onMouseDown: function onMouseDown(e) {
+        return (_ref = (_ref2 = (_instance$options$get2 = instance.options.getRowCanExpand == null ? void 0 : instance.options.getRowCanExpand(row)) != null ? _instance$options$get2 : instance.options.enableExpanded) != null ? _ref2 : instance.options.defaultCanExpand) != null ? _ref : !!((_row$subRows = row.subRows) != null && _row$subRows.length);
+      },
+      getToggleExpandedProps: function getToggleExpandedProps(rowId, userProps) {
+        var row = instance.getRow(rowId);
+
+        if (!row) {
+          return;
+        }
+
+        var canExpand = instance.getRowCanExpand(rowId);
+        var initialProps = {
+          title: canExpand ? 'Toggle Expanded' : undefined,
+          onClick: canExpand ? function (e) {
             e.persist();
-            onResizeStart(e);
-          },
-          onTouchStart: function onTouchStart(e) {
+            instance.toggleRowExpanded(rowId);
+          } : undefined
+        };
+        return propGetter(initialProps, userProps);
+      },
+      getToggleAllRowsExpandedProps: function getToggleAllRowsExpandedProps(userProps) {
+        var initialProps = {
+          title: 'Toggle All Expanded',
+          onClick: function onClick(e) {
             e.persist();
-            onResizeStart(e);
+            instance.toggleAllRowsExpanded();
           }
-        } : {};
+        };
         return propGetter(initialProps, userProps);
+      },
+      getIsAllRowsExpanded: function getIsAllRowsExpanded() {
+        var expanded = instance.getState().expanded; // If expanded is true, save some cycles and return true
+
+        if (expanded === true) {
+          return true;
+        } // If any row is not expanded, return false
+
+
+        if (Object.keys(instance.getRowModel().rowsById).some(function (id) {
+          return !instance.getIsRowExpanded(id);
+        })) {
+          return false;
+        } // They must all be expanded :shrug:
+
+
+        return true;
+      },
+      getExpandedDepth: function getExpandedDepth() {
+        var maxDepth = 0;
+        var rowIds = instance.getState().expanded === true ? Object.keys(instance.getRowModel().rowsById) : Object.keys(instance.getState().expanded);
+        rowIds.forEach(function (id) {
+          var splitId = id.split('.');
+          maxDepth = Math.max(maxDepth, splitId.length);
+        });
+        return maxDepth;
+      },
+      getExpandedRowModel: memo(function () {
+        return [instance.getState().expanded, instance.getGroupedRowModel(), instance.options.expandRowsFn, instance.options.paginateExpandedRows];
+      }, function (expanded, rowModel, expandRowsFn, paginateExpandedRows) {
+        if (!expandRowsFn || // Do not expand if rows are not included in pagination
+        !paginateExpandedRows || !Object.keys(expanded != null ? expanded : {}).length) {
+          return rowModel;
+        }
+
+        return expandRowsFn(instance, rowModel);
+      }, {
+        key: 'getExpandedRowModel',
+        debug: function debug() {
+          var _instance$options$deb;
+
+          return (_instance$options$deb = instance.options.debugAll) != null ? _instance$options$deb : instance.options.debugTable;
+        },
+        onChange: function onChange() {
+          instance._notifyPageIndexReset();
+        }
+      }),
+      getPreExpandedRowModel: function getPreExpandedRowModel() {
+        return instance.getGroupedRowModel();
       }
     };
   }
-  function createColumn(column, instance) {
+  function createRow$1(row, instance) {
     return {
-      getIsResizing: function getIsResizing() {
-        return instance.getColumnIsResizing(column.id);
+      toggleExpanded: function toggleExpanded(expanded) {
+        return void instance.toggleRowExpanded(row.id, expanded);
       },
-      getCanResize: function getCanResize() {
-        return instance.getColumnCanResize(column.id);
+      getIsExpanded: function getIsExpanded() {
+        return instance.getIsRowExpanded(row.id);
       },
-      resetSize: function resetSize() {
-        return instance.resetColumnSize(column.id);
+      getCanExpand: function getCanExpand() {
+        return row.subRows && !!row.subRows.length;
       },
-      getResizerProps: function getResizerProps(userProps) {
-        return instance.getColumnResizerProps(column.id, userProps);
+      getToggleExpandedProps: function getToggleExpandedProps(userProps) {
+        var initialProps = {
+          title: 'Toggle Row Expanded',
+          onClick: function onClick(e) {
+            e.stopPropagation();
+            instance.toggleRowExpanded(row.id);
+          }
+        };
+        return propGetter(initialProps, userProps);
       }
     };
   }
-  var passiveSupported = null;
-  function passiveEventSupported() {
-    if (typeof passiveSupported === 'boolean') return passiveSupported;
-    var supported = false;
-
-    try {
-      var options = {
-        get passive() {
-          supported = true;
-          return false;
-        }
-
-      };
-
-      var noop = function noop() {};
-
-      window.addEventListener('test', noop, options);
-      window.removeEventListener('test', noop);
-    } catch (err) {
-      supported = false;
-    }
-
-    passiveSupported = supported;
-    return passiveSupported;
-  }
-
-  function isTouchStartEvent(e) {
-    return e.type === 'touchstart';
-  }
 
-  var ColumnSizing = /*#__PURE__*/Object.freeze({
+  var Expanding = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    defaultColumnSizing: defaultColumnSizing,
     getInitialState: getInitialState$2,
     getDefaultOptions: getDefaultOptions$2,
     getInstance: getInstance$2,
-    createColumn: createColumn,
-    passiveEventSupported: passiveEventSupported
+    createRow: createRow$1
   });
 
   //
   function getInitialState$1() {
     return {
       pagination: {
+        pageCount: -1,
         pageIndex: 0,
         pageSize: 10
       }
@@ -3518,19 +3566,12 @@
         }
 
         if (instance.options.autoResetAll === true || instance.options.autoResetPageIndex) {
-          instance.resetPageSize();
+          instance.resetPageIndex();
         }
       },
       setPagination: function setPagination(updater) {
         var safeUpdater = function safeUpdater(old) {
           var newState = functionalUpdate(updater, old);
-
-          if (instance.options.paginateRowsFn) {
-            var _instance$getPrePagin;
-
-            newState.pageCount = (_instance$getPrePagin = instance.getPrePaginationRows()) != null && _instance$getPrePagin.length ? Math.ceil(instance.getPrePaginationRows().length / instance.getState().pagination.pageSize) : 0;
-          }
-
           return newState;
         };
 
@@ -3601,7 +3642,11 @@
         return pageOptions;
       }, {
         key: 'getPageOptions',
-        debug: instance.options.debug
+        debug: function debug() {
+          var _instance$options$deb;
+
+          return (_instance$options$deb = instance.options.debugAll) != null ? _instance$options$deb : instance.options.debugTable;
+        }
       }),
       getCanPreviousPage: function getCanPreviousPage() {
         return instance.getState().pagination.pageIndex > 0;
@@ -3620,7 +3665,7 @@
           return false;
         }
 
-        return pageIndex < Math.ceil(instance.getPrePaginationRows().length / pageSize) - 1;
+        return pageIndex < Math.ceil(instance.getPrePaginationRowModel().rows.length / pageSize) - 1;
       },
       previousPage: function previousPage() {
         return instance.setPageIndex(function (old) {
@@ -3632,6 +3677,9 @@
           return old + 1;
         });
       },
+      getPrePaginationRowModel: function getPrePaginationRowModel() {
+        return instance.getExpandedRowModel();
+      },
       getPaginationRowModel: memo(function () {
         return [instance.getState().pagination, instance.getExpandedRowModel(), instance.options.paginateRowsFn];
       }, function (_pagination, rowModel, paginateRowsFn) {
@@ -3639,29 +3687,23 @@
           return rowModel;
         }
 
-        if (instance.options.debug) console.info('Paginating...');
         return paginateRowsFn(instance, rowModel);
       }, {
         key: 'getPaginationRowModel',
-        debug: instance.options.debug
+        debug: function debug() {
+          var _instance$options$deb2;
+
+          return (_instance$options$deb2 = instance.options.debugAll) != null ? _instance$options$deb2 : instance.options.debugTable;
+        }
       }),
-      getPrePaginationRows: function getPrePaginationRows() {
-        return instance.getExpandedRowModel().rows;
-      },
-      getPrePaginationFlatRows: function getPrePaginationFlatRows() {
-        return instance.getExpandedRowModel().flatRows;
-      },
-      getPrePaginationRowsById: function getPrePaginationRowsById() {
-        return instance.getExpandedRowModel().rowsById;
-      },
-      getPaginationRows: function getPaginationRows() {
-        return instance.getPaginationRowModel().rows;
-      },
-      getPaginationFlatRows: function getPaginationFlatRows() {
-        return instance.getPaginationRowModel().flatRows;
-      },
-      getPaginationRowsById: function getPaginationRowsById() {
-        return instance.getPaginationRowModel().rowsById;
+      getPageCount: function getPageCount() {
+        var pageCount = instance.getState().pagination.pageCount;
+
+        if (pageCount > 0) {
+          return pageCount;
+        }
+
+        return Math.ceil(instance.getPrePaginationRowModel().rows.length / instance.getState().pagination.pageSize);
       }
     };
   }
@@ -3723,7 +3765,7 @@
           //  Leave all the other rows that are selected alone.
 
           var rowSelection = Object.assign({}, old);
-          var preGroupedFlatRows = instance.getPreGroupedFlatRows(); // We don't use `mutateRowIsSelected` here for performance reasons.
+          var preGroupedFlatRows = instance.getPreGroupedRowModel().flatRows; // We don't use `mutateRowIsSelected` here for performance reasons.
           // All of the rows are flat already, so it wouldn't be worth it
 
           if (value) {
@@ -3745,7 +3787,7 @@
 
           var rowSelection = _extends({}, old);
 
-          instance.getRows().forEach(function (row) {
+          instance.getRowModel().rows.forEach(function (row) {
             mutateRowIsSelected(rowSelection, row.id, value, instance);
           });
           return rowSelection;
@@ -3817,6 +3859,9 @@
       //   })
       //   instance.setRowSelection(selectedRowIds)
       // },
+      getPreSelectedRowModel: function getPreSelectedRowModel() {
+        return instance.getCoreRowModel();
+      },
       getSelectedRowModel: memo(function () {
         return [instance.getState().rowSelection, instance.getCoreRowModel()];
       }, function (rowSelection, rowModel) {
@@ -3828,24 +3873,18 @@
           };
         }
 
-        if (instance.options.debug) console.info('Selecting...');
         return selectRowsFn(instance, rowModel);
       }, {
         key: 'getSelectedRowModel',
-        debug: instance.options.debug,
+        debug: function debug() {
+          var _instance$options$deb;
+
+          return (_instance$options$deb = instance.options.debugAll) != null ? _instance$options$deb : instance.options.debugTable;
+        },
         onChange: function onChange() {
           return instance._notifyExpandedReset();
         }
       }),
-      getSelectedRows: function getSelectedRows() {
-        return instance.getSelectedRowModel().rows;
-      },
-      getSelectedFlatRows: function getSelectedFlatRows() {
-        return instance.getSelectedRowModel().flatRows;
-      },
-      getSelectedRowsById: function getSelectedRowsById() {
-        return instance.getSelectedRowModel().rowsById;
-      },
       getFilteredSelectedRowModel: memo(function () {
         return [instance.getState().rowSelection, instance.getGlobalFilteredRowModel()];
       }, function (rowSelection, rowModel) {
@@ -3857,24 +3896,18 @@
           };
         }
 
-        if (instance.options.debug) console.info('Selecting...');
         return selectRowsFn(instance, rowModel);
       }, {
         key: 'getFilteredSelectedRowModel',
-        debug: instance.options.debug,
+        debug: function debug() {
+          var _instance$options$deb2;
+
+          return (_instance$options$deb2 = instance.options.debugAll) != null ? _instance$options$deb2 : instance.options.debugTable;
+        },
         onChange: function onChange() {
           return instance._notifyExpandedReset();
         }
       }),
-      getFilteredSelectedRows: function getFilteredSelectedRows() {
-        return instance.getFilteredSelectedRowModel().rows;
-      },
-      getFilteredSelectedFlatRows: function getFilteredSelectedFlatRows() {
-        return instance.getFilteredSelectedRowModel().flatRows;
-      },
-      getFilteredSelectedRowsById: function getFilteredSelectedRowsById() {
-        return instance.getFilteredSelectedRowModel().rowsById;
-      },
       getGroupedSelectedRowModel: memo(function () {
         return [instance.getState().rowSelection, instance.getGroupedRowModel()];
       }, function (rowSelection, rowModel) {
@@ -3886,24 +3919,18 @@
           };
         }
 
-        if (instance.options.debug) console.info('Selecting...');
         return selectRowsFn(instance, rowModel);
       }, {
         key: 'getGroupedSelectedRowModel',
-        debug: instance.options.debug,
+        debug: function debug() {
+          var _instance$options$deb3;
+
+          return (_instance$options$deb3 = instance.options.debugAll) != null ? _instance$options$deb3 : instance.options.debugTable;
+        },
         onChange: function onChange() {
           return instance._notifyExpandedReset();
         }
       }),
-      getGroupedSelectedRows: function getGroupedSelectedRows() {
-        return instance.getGroupedSelectedRowModel().rows;
-      },
-      getGroupedSelectedFlatRows: function getGroupedSelectedFlatRows() {
-        return instance.getGroupedSelectedRowModel().flatRows;
-      },
-      getGroupedSelectedRowsById: function getGroupedSelectedRowsById() {
-        return instance.getGroupedSelectedRowModel().rowsById;
-      },
       ///
       getRowIsSelected: function getRowIsSelected(rowId) {
         var _instance$getState = instance.getState(),
@@ -3985,7 +4012,7 @@
       //   return instance.options.enableGroupingRowSelection ?? false
       // },
       getIsAllRowsSelected: function getIsAllRowsSelected() {
-        var preFilteredFlatRows = instance.getPreGlobalFilteredFlatRows();
+        var preFilteredFlatRows = instance.getPreGlobalFilteredRowModel().flatRows;
 
         var _instance$getState3 = instance.getState(),
             rowSelection = _instance$getState3.rowSelection;
@@ -4003,7 +4030,7 @@
         return isAllRowsSelected;
       },
       getIsAllPageRowsSelected: function getIsAllPageRowsSelected() {
-        var paginationFlatRows = instance.getPaginationFlatRows();
+        var paginationFlatRows = instance.getPaginationRowModel().flatRows;
 
         var _instance$getState4 = instance.getState(),
             rowSelection = _instance$getState4.rowSelection;
@@ -4024,7 +4051,7 @@
         return !instance.getIsAllRowsSelected() && !!Object.keys((_instance$getState$ro = instance.getState().rowSelection) != null ? _instance$getState$ro : {}).length;
       },
       getIsSomePageRowsSelected: function getIsSomePageRowsSelected() {
-        var paginationFlatRows = instance.getPaginationFlatRows();
+        var paginationFlatRows = instance.getPaginationRowModel().flatRows;
         return instance.getIsAllPageRowsSelected() ? false : !!(paginationFlatRows != null && paginationFlatRows.length);
       },
       getToggleRowSelectedProps: function getToggleRowSelectedProps(rowId, userProps) {
@@ -4204,21 +4231,17 @@
   function createTableInstance(options) {
     var _options$initialState;
 
-    if (options.debug) {
+    if (options.debugAll || options.debugTable) {
       console.info('Creating React Table Instance...');
     }
 
     var instance = {};
-    var listeners = [];
     var defaultOptions = features.reduce(function (obj, feature) {
       return Object.assign(obj, feature.getDefaultOptions == null ? void 0 : feature.getDefaultOptions(instance));
     }, {});
-    var defaultState = {};
 
     var buildOptions = function buildOptions(options) {
-      return _extends({
-        state: defaultState
-      }, defaultOptions, options);
+      return _extends({}, defaultOptions, options);
     };
 
     instance.options = buildOptions(options);
@@ -4227,51 +4250,24 @@
       return Object.assign(obj, feature.getInitialState == null ? void 0 : feature.getInitialState());
     }, {}), (_options$initialState = options.initialState) != null ? _options$initialState : {});
 
-    var finalInstance = _extends({}, instance, {
-      subscribe: function subscribe(cb) {
-        listeners.push(cb);
-        return function () {
-          listeners = listeners.filter(function (l) {
-            return l !== cb;
-          });
-        };
-      },
-      notify: function notify() {
-        listeners.forEach(function (l) {
-          return l();
-        });
-      }
-    }, features.reduce(function (obj, feature) {
+    var finalInstance = _extends({}, instance, features.reduce(function (obj, feature) {
       return Object.assign(obj, feature.getInstance == null ? void 0 : feature.getInstance(instance));
     }, {}), {
       initialState: initialState,
-      internalState: initialState,
       reset: function reset() {
         instance.setState(instance.initialState);
       },
-      updateOptions: function updateOptions(newOptions) {
-        instance.options = buildOptions(newOptions);
+      setOptions: function setOptions(updater) {
+        instance.options = buildOptions(functionalUpdate(updater, instance.options));
       },
       getRowId: function getRowId(_, index, parent) {
         return "" + (parent ? [parent.id, index].join('.') : index);
       },
       getState: function getState() {
-        var state = _extends({}, instance.internalState, instance.options.state);
-
-        return state;
+        return instance.options.state;
       },
       setState: function setState(updater) {
-        var onStateChange = instance.options.onStateChange;
-        var internalState = instance.internalState;
-        var newState = functionalUpdate(updater, internalState);
-        instance.internalState = newState;
-
-        if (onStateChange) {
-          onStateChange(newState);
-          return;
-        }
-
-        instance.notify();
+        instance.options.onStateChange == null ? void 0 : instance.options.onStateChange(updater);
       },
       getDefaultColumn: memo(function () {
         return [instance.options.defaultColumn];
@@ -4295,7 +4291,11 @@
           return Object.assign(obj, feature.getDefaultColumn == null ? void 0 : feature.getDefaultColumn());
         }, {}), defaultColumn);
       }, {
-        debug: instance.options.debug,
+        debug: function debug() {
+          var _instance$options$deb;
+
+          return (_instance$options$deb = instance.options.debugAll) != null ? _instance$options$deb : instance.options.debugColumns;
+        },
         key: 'getDefaultColumn'
       }),
       getColumnDefs: function getColumnDefs() {
@@ -4342,7 +4342,11 @@
             }));
           }, {
             key: 'column.getFlatColumns',
-            debug: instance.options.debug
+            debug: function debug() {
+              var _instance$options$deb2;
+
+              return (_instance$options$deb2 = instance.options.debugAll) != null ? _instance$options$deb2 : instance.options.debugColumns;
+            }
           }),
           getLeafColumns: memo(function () {
             return [instance.getOrderColumnsFn()];
@@ -4359,7 +4363,11 @@
             return [column];
           }, {
             key: 'column.getLeafColumns',
-            debug: instance.options.debug
+            debug: function debug() {
+              var _instance$options$deb3;
+
+              return (_instance$options$deb3 = instance.options.debugAll) != null ? _instance$options$deb3 : instance.options.debugColumns;
+            }
           })
         });
 
@@ -4372,8 +4380,6 @@
       getAllColumns: memo(function () {
         return [instance.getColumnDefs()];
       }, function (columnDefs) {
-        if (instance.options.debug) console.info('Building Columns...');
-
         var recurseColumns = function recurseColumns(columnDefs, parent, depth) {
           if (depth === void 0) {
             depth = 0;
@@ -4389,7 +4395,11 @@
         return recurseColumns(columnDefs);
       }, {
         key: 'getAllColumns',
-        debug: instance.options.debug
+        debug: function debug() {
+          var _instance$options$deb4;
+
+          return (_instance$options$deb4 = instance.options.debugAll) != null ? _instance$options$deb4 : instance.options.debugColumns;
+        }
       }),
       getAllFlatColumns: memo(function () {
         return [instance.getAllColumns()];
@@ -4399,7 +4409,11 @@
         });
       }, {
         key: 'getAllFlatColumns',
-        debug: instance.options.debug
+        debug: function debug() {
+          var _instance$options$deb5;
+
+          return (_instance$options$deb5 = instance.options.debugAll) != null ? _instance$options$deb5 : instance.options.debugColumns;
+        }
       }),
       getAllFlatColumnsById: memo(function () {
         return [instance.getAllFlatColumns()];
@@ -4410,7 +4424,11 @@
         }, {});
       }, {
         key: 'getAllFlatColumnsById',
-        debug: instance.options.debug
+        debug: function debug() {
+          var _instance$options$deb6;
+
+          return (_instance$options$deb6 = instance.options.debugAll) != null ? _instance$options$deb6 : instance.options.debugColumns;
+        }
       }),
       getAllLeafColumns: memo(function () {
         return [instance.getAllColumns(), instance.getOrderColumnsFn()];
@@ -4421,7 +4439,11 @@
         return orderColumns(leafColumns);
       }, {
         key: 'getAllLeafColumns',
-        debug: instance.options.debug
+        debug: function debug() {
+          var _instance$options$deb7;
+
+          return (_instance$options$deb7 = instance.options.debugAll) != null ? _instance$options$deb7 : instance.options.debugColumns;
+        }
       }),
       getColumn: function getColumn(columnId) {
         var column = instance.getAllFlatColumnsById()[columnId];
@@ -4497,7 +4519,11 @@
           });
         }, {
           key: 'row.getAllCells' ,
-          debug: instance.options.debug
+          debug: function debug() {
+            var _instance$options$deb8;
+
+            return (_instance$options$deb8 = instance.options.debugAll) != null ? _instance$options$deb8 : instance.options.debugRows;
+          }
         });
         row.getAllCellsByColumnId = memo(function () {
           return [row.getAllCells()];
@@ -4508,18 +4534,24 @@
           }, {});
         }, {
           key: 'row.getAllCellsByColumnId',
-          debug: instance.options.debug
+          debug: function debug() {
+            var _instance$options$deb9;
+
+            return (_instance$options$deb9 = instance.options.debugAll) != null ? _instance$options$deb9 : instance.options.debugRows;
+          }
         });
-        features.forEach(function (feature) {
+
+        for (var i = 0; i < features.length; i++) {
+          var feature = features[i];
           Object.assign(row, feature.createRow == null ? void 0 : feature.createRow(row, instance));
-        });
+        }
+
         return row;
       },
       getCoreRowModel: memo(function () {
         return [instance.options.data];
       }, function (data) {
-        if (instance.options.debug) console.info('Accessing...'); // Access the row model using initial columns
-
+        // Access the row model using initial columns
         var rows = [];
         var flatRows = [];
         var rowsById = {};
@@ -4588,39 +4620,24 @@
         };
       }, {
         key: 'getRowModel',
-        debug: instance.options.debug,
+        debug: function debug() {
+          var _instance$options$deb10;
+
+          return (_instance$options$deb10 = instance.options.debugAll) != null ? _instance$options$deb10 : instance.options.debugTable;
+        },
         onChange: function onChange() {
           instance._notifyRowSelectionReset();
 
           instance._notifyFiltersReset();
         }
       }),
-      // The standard
-      getCoreRows: function getCoreRows() {
-        return instance.getCoreRowModel().rows;
-      },
-      getCoreFlatRows: function getCoreFlatRows() {
-        return instance.getCoreRowModel().flatRows;
-      },
-      getCoreRowsById: function getCoreRowsById() {
-        return instance.getCoreRowModel().rowsById;
-      },
       // The final calls start at the bottom of the model,
       // expanded rows, which then work their way up
       getRowModel: function getRowModel() {
         return instance.getPaginationRowModel();
       },
-      getRows: function getRows() {
-        return instance.getRowModel().rows;
-      },
-      getFlatRows: function getFlatRows() {
-        return instance.getRowModel().flatRows;
-      },
-      getRowsById: function getRowsById() {
-        return instance.getRowModel().rowsById;
-      },
       getRow: function getRow(id) {
-        var row = instance.getRowsById()[id];
+        var row = instance.getRowModel().rowsById[id];
 
         if (!row) {
           {
@@ -4713,41 +4730,29 @@
       }
     });
 
-    instance = Object.assign(instance, finalInstance); // This won't trigger a rerender yet, but it will force
-    // pagination derivation to run (particularly pageSize detection)
-
-    instance.setPagination(function (d) {
-      return d;
-    });
+    instance = Object.assign(instance, finalInstance);
     return instance;
   }
 
+  function createTableFactory(opts) {
+    return function () {
+      return _createTable(undefined, undefined, opts);
+    };
+  }
   function createTable() {
+    return _createTable();
+  }
+
+  function _createTable(_, __, opts) {
     return {
-      RowType: function RowType() {
-        return createTable();
-      },
-      FilterFns: function FilterFns() {
-        return createTable();
-      },
-      SortingFns: function SortingFns() {
-        return createTable();
-      },
-      AggregationFns: function AggregationFns() {
-        return createTable();
-      },
       createColumns: function createColumns(columns) {
         return columns;
       },
       createDisplayColumn: function createDisplayColumn(column) {
-        return _extends({}, column, {
-          __generated: true
-        });
+        return column;
       },
       createGroup: function createGroup(column) {
-        return _extends({}, column, {
-          __generated: true
-        });
+        return column;
       },
       createDataColumn: function createDataColumn(accessor, column) {
         column = _extends({}, column, {
@@ -4759,42 +4764,73 @@
 
           return _extends({}, column, {
             id: (_column$id = column.id) != null ? _column$id : accessor,
-            accessorKey: accessor,
-            __generated: true
+            accessorKey: accessor
           });
         }
 
         if (typeof accessor === 'function') {
           return _extends({}, column, {
-            accessorFn: accessor,
-            __generated: true
+            accessorFn: accessor
           });
         }
 
         throw new Error('Invalid accessor');
       },
       useTable: function useTable(options) {
+        // Compose in the generic options to the user options
+        var resolvedOptions = _extends({}, opts != null ? opts : {}, {
+          state: {},
+          // Dummy state
+          onStateChange: function onStateChange() {}
+        }, options); // Create a new table instance and store it in state
+
+
         var _React$useState = React__namespace.useState(function () {
-          return createTableInstance(options);
+          return createTableInstance(resolvedOptions);
         }),
-            instance = _React$useState[0];
+            instance = _React$useState[0]; // By default, manage table state here using the instance's initial state
 
-        shim.useSyncExternalStore(instance.subscribe, function () {
-          return instance.internalState;
+
+        var _React$useState2 = React__namespace.useState(function () {
+          return instance.initialState;
+        }),
+            state = _React$useState2[0],
+            setState = _React$useState2[1]; // Compose the default state above with any user state. This will allow the user
+        // to only control a subset of the state if desired.
+
+
+        instance.setOptions(function (prev) {
+          return _extends({}, prev, options, {
+            state: _extends({}, state, options.state),
+            // Similarly, we'll maintain both our internal state and any user-provided
+            // state.
+            onStateChange: function onStateChange(updater) {
+              setState(updater);
+              options.onStateChange == null ? void 0 : options.onStateChange(updater);
+            }
+          });
         });
-        instance.updateOptions(options);
         return instance;
-      },
-      types: undefined
+      }
     };
   }
 
+  exports.Please_use_the_create_table_column_utilities_to_define_columns = Please_use_the_create_table_column_utilities_to_define_columns;
   exports.columnFilterRowsFn = columnFilterRowsFn;
   exports.createTable = createTable;
+  exports.createTableFactory = createTableFactory;
   exports.expandRowsFn = expandRowsFn;
+  exports.flattenBy = flattenBy;
+  exports.flexRender = flexRender;
+  exports.functionalUpdate = functionalUpdate;
   exports.globalFilterRowsFn = globalFilterRowsFn;
   exports.groupRowsFn = groupRowsFn;
+  exports.isFunction = isFunction;
+  exports.makeStateUpdater = makeStateUpdater;
+  exports.memo = memo;
+  exports.noop = noop;
   exports.paginateRowsFn = paginateRowsFn;
+  exports.propGetter = propGetter;
   exports.sortRowsFn = sortRowsFn;
 
   Object.defineProperty(exports, '__esModule', { value: true });