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

package/build/esm/index.js

@@ -10,7 +10,239 @@
  */
 import * as React from 'react';
 import React__default from 'react';
-import { useSyncExternalStore } from 'use-sync-external-store/shim';
+
+// declare global {
+//   const process.env.NODE_ENV !== '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.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;
@@ -290,236 +522,34 @@ function sortRowsFn(instance, rowModel) {
   };
 }
 
-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.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);
@@ -731,7 +761,11 @@ function getInstance$a(instance) {
       });
     }, {
       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) {
@@ -745,7 +779,11 @@ function getInstance$a(instance) {
       });
     }, {
       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));
@@ -997,7 +1035,7 @@ function getInstance$9(instance) {
       }
     },
     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') {
@@ -1065,11 +1103,6 @@ function getInstance$9(instance) {
     },
     getToggleGroupingProps: function getToggleGroupingProps(columnId, userProps) {
       var column = instance.getColumn(columnId);
-
-      if (!column) {
-        return;
-      }
-
       var canGroup = column.getCanGroup();
       var initialProps = {
         title: canGroup ? 'Toggle Grouping' : undefined,
@@ -1085,6 +1118,9 @@ function getInstance$9(instance) {
 
       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) {
@@ -1092,33 +1128,18 @@ function getInstance$9(instance) {
         return rowModel;
       }
 
-      if (process.env.NODE_ENV !== 'production' && 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) {
@@ -1235,8 +1256,8 @@ function getInstance$8(instance) {
         return orderColumns(orderedColumns, grouping, groupedColumnMode);
       };
     }, {
-      key: 'getOrderColumnsFn',
-      debug: instance.options.debug
+      key: 'getOrderColumnsFn' // debug: () => instance.options.debugAll ?? instance.options.debugTable,
+
     })
   };
 }
@@ -1385,72 +1406,396 @@ var Pinning = /*#__PURE__*/Object.freeze({
 });
 
 //
-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;
@@ -1513,9 +1858,9 @@ function getInstance$6(instance) {
             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 () {
@@ -1534,7 +1879,11 @@ function getInstance$6(instance) {
       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];
@@ -1545,7 +1894,11 @@ function getInstance$6(instance) {
       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];
@@ -1556,7 +1909,11 @@ function getInstance$6(instance) {
       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];
@@ -1567,7 +1924,11 @@ function getInstance$6(instance) {
       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 () {
@@ -1576,7 +1937,11 @@ function getInstance$6(instance) {
       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()];
@@ -1584,7 +1949,11 @@ function getInstance$6(instance) {
       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()];
@@ -1592,7 +1961,11 @@ function getInstance$6(instance) {
       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()];
@@ -1600,7 +1973,11 @@ function getInstance$6(instance) {
       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 () {
@@ -1611,7 +1988,11 @@ function getInstance$6(instance) {
       }).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()];
@@ -1621,7 +2002,11 @@ function getInstance$6(instance) {
       }).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()];
@@ -1631,7 +2016,11 @@ function getInstance$6(instance) {
       }).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()];
@@ -1641,7 +2030,11 @@ function getInstance$6(instance) {
       }).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 () {
@@ -1654,7 +2047,11 @@ function getInstance$6(instance) {
       });
     }, {
       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()];
@@ -1666,7 +2063,11 @@ function getInstance$6(instance) {
       });
     }, {
       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()];
@@ -1678,7 +2079,11 @@ function getInstance$6(instance) {
       });
     }, {
       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()];
@@ -1690,7 +2095,11 @@ function getInstance$6(instance) {
       }).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) {
@@ -1753,11 +2162,6 @@ function getInstance$6(instance) {
     },
     getFooterProps: function getFooterProps(id, userProps) {
       var header = instance.getHeader(id);
-
-      if (!header) {
-        return;
-      }
-
       var initialProps = {
         key: header.id,
         role: 'columnfooter',
@@ -1916,7 +2320,7 @@ function buildHeaderGroups(allColumns, columnsToGroup, instance, headerFamily) {
 var Headers = /*#__PURE__*/Object.freeze({
   __proto__: null,
   createRow: createRow$2,
-  getInstance: getInstance$6,
+  getInstance: getInstance$5,
   buildHeaderGroups: buildHeaderGroups
 });
 
@@ -2082,13 +2486,13 @@ function getDefaultColumn$1() {
     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),
@@ -2097,14 +2501,14 @@ function getDefaultOptions$5(instance) {
     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) {
@@ -2143,7 +2547,11 @@ function createColumn$2(column, instance) {
     };
   }, {
     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,
@@ -2176,7 +2584,7 @@ function createColumn$2(column, instance) {
     }
   };
 }
-function getInstance$5(instance) {
+function getInstance$4(instance) {
   var registered = false;
   return {
     _notifyFiltersReset: function _notifyFiltersReset() {
@@ -2202,7 +2610,7 @@ function getInstance$5(instance) {
       }
     },
     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') {
@@ -2372,6 +2780,12 @@ function getInstance$5(instance) {
 
       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) {
@@ -2380,7 +2794,6 @@ function getInstance$5(instance) {
           return rowModel;
         }
 
-        if (process.env.NODE_ENV !== 'production' && 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
@@ -2403,39 +2816,14 @@ function getInstance$5(instance) {
       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];
@@ -2445,7 +2833,6 @@ function getInstance$5(instance) {
           return columnFilteredRowModel;
         }
 
-        if (process.env.NODE_ENV !== 'production' && 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
@@ -2468,29 +2855,15 @@ function getInstance$5(instance) {
       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) {
@@ -2500,10 +2873,10 @@ function shouldAutoRemoveFilter(filterFn, value, column) {
 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
 });
 
@@ -2546,405 +2919,119 @@ function compareAlphanumeric(aStr, bStr) {
         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 (process.env.NODE_ENV !== 'production' && 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;
@@ -2954,285 +3041,170 @@ function getInstance$3(instance) {
         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) {
-        if (process.env.NODE_ENV !== 'production') {
-          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) {
-        if (process.env.NODE_ENV !== 'production') {
-          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 (process.env.NODE_ENV !== 'production' && 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);
 
@@ -3240,234 +3212,309 @@ function getInstance$2(instance) {
         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) {
+        if (process.env.NODE_ENV !== 'production') {
+          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) {
+        if (process.env.NODE_ENV !== 'production') {
+          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
     }
@@ -3493,19 +3540,12 @@ function getInstance$1(instance) {
       }
 
       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;
       };
 
@@ -3576,7 +3616,11 @@ function getInstance$1(instance) {
       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;
@@ -3595,7 +3639,7 @@ function getInstance$1(instance) {
         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) {
@@ -3607,6 +3651,9 @@ function getInstance$1(instance) {
         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) {
@@ -3614,29 +3661,23 @@ function getInstance$1(instance) {
         return rowModel;
       }
 
-      if (process.env.NODE_ENV !== 'production' && 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);
     }
   };
 }
@@ -3698,7 +3739,7 @@ function getInstance(instance) {
         //  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) {
@@ -3720,7 +3761,7 @@ function getInstance(instance) {
 
         var rowSelection = _extends({}, old);
 
-        instance.getRows().forEach(function (row) {
+        instance.getRowModel().rows.forEach(function (row) {
           mutateRowIsSelected(rowSelection, row.id, value, instance);
         });
         return rowSelection;
@@ -3792,6 +3833,9 @@ function getInstance(instance) {
     //   })
     //   instance.setRowSelection(selectedRowIds)
     // },
+    getPreSelectedRowModel: function getPreSelectedRowModel() {
+      return instance.getCoreRowModel();
+    },
     getSelectedRowModel: memo(function () {
       return [instance.getState().rowSelection, instance.getCoreRowModel()];
     }, function (rowSelection, rowModel) {
@@ -3803,24 +3847,18 @@ function getInstance(instance) {
         };
       }
 
-      if (process.env.NODE_ENV !== 'production' && 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) {
@@ -3832,24 +3870,18 @@ function getInstance(instance) {
         };
       }
 
-      if (process.env.NODE_ENV !== 'production' && 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) {
@@ -3861,24 +3893,18 @@ function getInstance(instance) {
         };
       }
 
-      if (process.env.NODE_ENV !== 'production' && 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(),
@@ -3960,7 +3986,7 @@ function getInstance(instance) {
     //   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;
@@ -3978,7 +4004,7 @@ function getInstance(instance) {
       return isAllRowsSelected;
     },
     getIsAllPageRowsSelected: function getIsAllPageRowsSelected() {
-      var paginationFlatRows = instance.getPaginationFlatRows();
+      var paginationFlatRows = instance.getPaginationRowModel().flatRows;
 
       var _instance$getState4 = instance.getState(),
           rowSelection = _instance$getState4.rowSelection;
@@ -3999,7 +4025,7 @@ function getInstance(instance) {
       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) {
@@ -4179,21 +4205,17 @@ var features = [Visibility, Ordering, Pinning, Headers, Filters, Sorting, Groupi
 function createTableInstance(options) {
   var _options$initialState;
 
-  if (process.env.NODE_ENV !== 'production' && 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);
@@ -4202,51 +4224,24 @@ function createTableInstance(options) {
     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];
@@ -4270,7 +4265,11 @@ function createTableInstance(options) {
         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() {
@@ -4319,7 +4318,11 @@ function createTableInstance(options) {
           }));
         }, {
           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()];
@@ -4336,7 +4339,11 @@ function createTableInstance(options) {
           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;
+          }
         })
       });
 
@@ -4349,8 +4356,6 @@ function createTableInstance(options) {
     getAllColumns: memo(function () {
       return [instance.getColumnDefs()];
     }, function (columnDefs) {
-      if (process.env.NODE_ENV !== 'production' && instance.options.debug) console.info('Building Columns...');
-
       var recurseColumns = function recurseColumns(columnDefs, parent, depth) {
         if (depth === void 0) {
           depth = 0;
@@ -4366,7 +4371,11 @@ function createTableInstance(options) {
       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()];
@@ -4376,7 +4385,11 @@ function createTableInstance(options) {
       });
     }, {
       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()];
@@ -4387,7 +4400,11 @@ function createTableInstance(options) {
       }, {});
     }, {
       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()];
@@ -4398,7 +4415,11 @@ function createTableInstance(options) {
       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];
@@ -4474,7 +4495,11 @@ function createTableInstance(options) {
         });
       }, {
         key: process.env.NODE_ENV !== 'production' ? '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()];
@@ -4485,18 +4510,24 @@ function createTableInstance(options) {
         }, {});
       }, {
         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 (process.env.NODE_ENV !== 'production' && 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 = {};
@@ -4565,39 +4596,24 @@ function createTableInstance(options) {
       };
     }, {
       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) {
         if (process.env.NODE_ENV !== 'production') {
@@ -4696,41 +4712,29 @@ function createTableInstance(options) {
     }
   });
 
-  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, {
@@ -4742,35 +4746,56 @@ function createTable() {
 
         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.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
 
-      useSyncExternalStore(instance.subscribe, function () {
-        return instance.internalState;
+
+      var _React$useState2 = React.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
+    }
   };
 }
 
-export { columnFilterRowsFn, createTable, expandRowsFn, globalFilterRowsFn, groupRowsFn, paginateRowsFn, sortRowsFn };
+export { Please_use_the_create_table_column_utilities_to_define_columns, columnFilterRowsFn, createTable, createTableFactory, expandRowsFn, flattenBy, flexRender, functionalUpdate, globalFilterRowsFn, groupRowsFn, isFunction, makeStateUpdater, memo, noop, paginateRowsFn, propGetter, sortRowsFn };
 //# sourceMappingURL=index.js.map