@tanstack/react-table 0.0.1-alpha.9 → 8.0.0-alpha.3

package/{dist/react-table.development.js → build/umd/index.development.js}

@@ -1,3 +1,13 @@
+/**
+ * react-table
+ *
+ * Copyright (c) TanStack
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
   typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) :
@@ -27,7 +37,8 @@
   var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-  var columnFilterRowsFn = function columnFilterRowsFn(instance, columnFilters, rowModel) {
+  function columnFilterRowsFn(instance, rowModel) {
+    var columnFilters = instance.getState().columnFilters;
     var newFilteredFlatRows = [];
     var newFilteredRowsById = {};
     var filterFromChildrenUp = instance.options.filterFromChildrenUp;
@@ -139,9 +150,10 @@
       flatRows: newFilteredFlatRows,
       rowsById: newFilteredRowsById
     };
-  };
+  }
 
-  var globalFilterRowsFn = function globalFilterRowsFn(instance, globalFilter, rowModel) {
+  function globalFilterRowsFn(instance, rowModel) {
+    var globalFilter = instance.getState().globalFilter;
     var newFilteredFlatRows = [];
     var newFilteredRowsById = {};
     var filterFromChildrenUp = instance.options.filterFromChildrenUp;
@@ -223,9 +235,10 @@
       flatRows: newFilteredFlatRows,
       rowsById: newFilteredRowsById
     };
-  };
+  }
 
-  var sortRowsFn = function sortRowsFn(instance, sortingState, rowModel) {
+  function sortRowsFn(instance, rowModel) {
+    var sortingState = instance.getState().sorting;
     var sortedFlatRows = []; // Filter out sortings that correspond to non existing columns
 
     var availableSorting = sortingState.filter(function (sort) {
@@ -300,7 +313,7 @@
       flatRows: sortedFlatRows,
       rowsById: rowModel.rowsById
     };
-  };
+  }
 
   function _extends() {
     _extends = Object.assign || function (target) {
@@ -434,7 +447,7 @@
 
     return _extends({}, initial, getter != null ? getter : {});
   };
-  function memo(getDeps, fn, key, debug) {
+  function memo(getDeps, fn, opts) {
     var deps = [];
     var result;
     return function () {
@@ -446,8 +459,8 @@
       });
 
       if (depsChanged) {
-        if (debug) {
-          console.info(key, _extends({
+        if (opts != null && opts.debug) {
+          console.info(opts == null ? void 0 : opts.key, _extends({
             length: oldSerializedDeps.length + " -> " + newSerializedDeps.length
           }, newSerializedDeps.map(function (_, index) {
             if (oldSerializedDeps[index] !== newSerializedDeps[index]) {
@@ -464,8 +477,11 @@
           }));
         }
 
+        var oldResult = result;
         result = fn.apply(void 0, newDeps);
         deps = newSerializedDeps;
+        opts == null ? void 0 : opts.onChange == null ? void 0 : opts.onChange(result, oldResult);
+        oldResult = undefined;
       }
 
       return result;
@@ -506,8 +522,9 @@
   //   return (4294967296 * (2097151 & h2) + (h1 >>> 0)).toString()
   // }
 
-  var groupRowsFn = function groupRowsFn(instance, groupingState, sortedRowModel) {
-    // Filter the grouping list down to columns that exist
+  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
@@ -624,7 +641,7 @@
       flatRows: groupedFlatRows,
       rowsById: groupedRowsById
     };
-  };
+  }
 
   function groupBy(rows, columnId) {
     var groupMap = new Map();
@@ -642,7 +659,7 @@
     }, groupMap);
   }
 
-  var expandRowsFn = function expandRowsFn(instance, _expandedState, sortedRowModel) {
+  function expandRowsFn(instance, sortedRowModel) {
     var expandedRows = [];
     var expandSubRows = instance.options.expandSubRows;
 
@@ -662,15 +679,15 @@
       flatRows: sortedRowModel.flatRows,
       rowsById: sortedRowModel.rowsById
     };
-  };
+  }
 
   //
-  function getInitialState$6() {
+  function getInitialState$9() {
     return {
       columnVisibility: {}
     };
   }
-  function getDefaultOptions$6(instance) {
+  function getDefaultOptions$9(instance) {
     return {
       onColumnVisibilityChange: makeStateUpdater('columnVisibility', instance)
     };
@@ -680,7 +697,7 @@
       defaultIsVisible: true
     };
   }
-  function createColumn$4(column, instance) {
+  function createColumn$5(column, instance) {
     return {
       getCanHide: function getCanHide() {
         return instance.getColumnCanHide(column.id);
@@ -704,7 +721,7 @@
       }
     };
   }
-  function getInstance$7(instance) {
+  function getInstance$a(instance) {
     return {
       getVisibleFlatColumns: memo(function () {
         return [instance.getAllFlatColumns(), instance.getAllFlatColumns().filter(function (d) {
@@ -716,7 +733,10 @@
         return allFlatColumns.filter(function (d) {
           return d.getIsVisible == null ? void 0 : d.getIsVisible();
         });
-      }, 'getVisibleFlatColumns', instance.options.debug),
+      }, {
+        key: 'getVisibleFlatColumns',
+        debug: instance.options.debug
+      }),
       getVisibleLeafColumns: memo(function () {
         return [instance.getAllLeafColumns(), instance.getAllLeafColumns().filter(function (d) {
           return d.getIsVisible == null ? void 0 : d.getIsVisible();
@@ -727,7 +747,10 @@
         return allFlatColumns.filter(function (d) {
           return d.getIsVisible == null ? void 0 : d.getIsVisible();
         });
-      }, 'getVisibleLeafColumns', instance.options.debug),
+      }, {
+        key: 'getVisibleLeafColumns',
+        debug: instance.options.debug
+      }),
       setColumnVisibility: function setColumnVisibility(updater) {
         return instance.options.onColumnVisibilityChange == null ? void 0 : instance.options.onColumnVisibilityChange(updater, functionalUpdate(updater, instance.getState().columnVisibility));
       },
@@ -801,6 +824,15 @@
     };
   }
 
+  var Visibility = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    getInitialState: getInitialState$9,
+    getDefaultOptions: getDefaultOptions$9,
+    getDefaultColumn: getDefaultColumn$3,
+    createColumn: createColumn$5,
+    getInstance: getInstance$a
+  });
+
   var aggregationTypes = {
     sum: sum,
     min: min,
@@ -919,19 +951,19 @@
       aggregationType: 'auto'
     };
   }
-  function getInitialState$5() {
+  function getInitialState$8() {
     return {
       grouping: []
     };
   }
-  function getDefaultOptions$5(instance) {
+  function getDefaultOptions$8(instance) {
     return {
       onGroupingChange: makeStateUpdater('grouping', instance),
       autoResetGrouping: true,
       groupedColumnMode: 'reorder'
     };
   }
-  function createColumn$3(column, instance) {
+  function createColumn$4(column, instance) {
     return {
       aggregationType: column.aggregationType,
       getCanGroup: function getCanGroup() {
@@ -951,8 +983,23 @@
       }
     };
   }
-  function getInstance$6(instance) {
+  function getInstance$9(instance) {
+    var registered = false;
     return {
+      _notifyGroupingReset: function _notifyGroupingReset() {
+        if (!registered) {
+          registered = true;
+          return;
+        }
+
+        if (instance.options.autoResetAll === false) {
+          return;
+        }
+
+        if (instance.options.autoResetAll === true || instance.options.autoResetGrouping) {
+          instance.resetGrouping();
+        }
+      },
       getColumnAutoAggregationFn: function getColumnAutoAggregationFn(columnId) {
         var firstRow = instance.getCoreFlatRows()[0];
         var value = firstRow == null ? void 0 : firstRow.values[columnId];
@@ -1050,8 +1097,14 @@
         }
 
         if (instance.options.debug) console.info('Grouping...');
-        return groupRowsFn(instance, grouping, rowModel);
-      }, 'getGroupedRowModel', instance.options.debug),
+        return groupRowsFn(instance, rowModel);
+      }, {
+        key: 'getGroupedRowModel',
+        debug: instance.options.debug,
+        onChange: function onChange() {
+          return instance._notifyExpandedReset();
+        }
+      }),
       getPreGroupedRows: function getPreGroupedRows() {
         return instance.getSortedRowModel().rows;
       },
@@ -1072,7 +1125,7 @@
       }
     };
   }
-  function createRow$2(row, instance) {
+  function createRow$3(row, instance) {
     return {
       getIsGrouped: function getIsGrouped() {
         return instance.getRowIsGrouped(row.id);
@@ -1115,18 +1168,30 @@
     return [].concat(groupingColumns, nonGroupingColumns);
   }
 
+  var Grouping = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    getDefaultColumn: getDefaultColumn$2,
+    getInitialState: getInitialState$8,
+    getDefaultOptions: getDefaultOptions$8,
+    createColumn: createColumn$4,
+    getInstance: getInstance$9,
+    createRow: createRow$3,
+    createCell: createCell,
+    orderColumns: orderColumns
+  });
+
   //
-  function getInitialState$4() {
+  function getInitialState$7() {
     return {
       columnOrder: []
     };
   }
-  function getDefaultOptions$4(instance) {
+  function getDefaultOptions$7(instance) {
     return {
       onColumnOrderChange: makeStateUpdater('columnOrder', instance)
     };
   }
-  function getInstance$5(instance) {
+  function getInstance$8(instance) {
     return {
       setColumnOrder: function setColumnOrder(updater) {
         return instance.options.onColumnOrderChange == null ? void 0 : instance.options.onColumnOrderChange(updater, functionalUpdate(updater, instance.getState().columnOrder));
@@ -1173,12 +1238,22 @@
 
           return orderColumns(orderedColumns, grouping, groupedColumnMode);
         };
-      }, 'getOrderColumnsFn', instance.options.debug)
+      }, {
+        key: 'getOrderColumnsFn',
+        debug: instance.options.debug
+      })
     };
   }
 
+  var Ordering = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    getInitialState: getInitialState$7,
+    getDefaultOptions: getDefaultOptions$7,
+    getInstance: getInstance$8
+  });
+
   //
-  function getInitialState$3() {
+  function getInitialState$6() {
     return {
       columnPinning: {
         left: [],
@@ -1186,12 +1261,12 @@
       }
     };
   }
-  function getDefaultOptions$3(instance) {
+  function getDefaultOptions$6(instance) {
     return {
       onColumnPinningChange: makeStateUpdater('columnPinning', instance)
     };
   }
-  function createColumn$2(column, instance) {
+  function createColumn$3(column, instance) {
     return {
       getCanPin: function getCanPin() {
         return instance.getColumnCanPin(column.id);
@@ -1207,7 +1282,7 @@
       }
     };
   }
-  function getInstance$4(instance) {
+  function getInstance$7(instance) {
     return {
       setColumnPinning: function setColumnPinning(updater) {
         return instance.options.onColumnPinningChange == null ? void 0 : instance.options.onColumnPinningChange(updater, functionalUpdate(updater, instance.getState().columnPinning));
@@ -1294,33 +1369,27 @@
         var isRight = leafColumnIds.some(function (d) {
           return right == null ? void 0 : right.includes(d);
         });
-
-        if (isLeft && isRight) {
-          return 'both';
-        }
-
         return isLeft ? 'left' : isRight ? 'right' : false;
       },
       getColumnPinnedIndex: function getColumnPinnedIndex(columnId) {
         var _instance$getState$co2, _instance$getState$co3, _instance$getState$co4;
 
         var position = instance.getColumnIsPinned(columnId);
-
-        if (position === 'both') {
-          {
-            console.warn("Column " + columnId + " has leaf columns that are pinned on both sides");
-          }
-
-          throw new Error();
-        }
-
         return position ? (_instance$getState$co2 = (_instance$getState$co3 = instance.getState().columnPinning) == null ? void 0 : (_instance$getState$co4 = _instance$getState$co3[position]) == null ? void 0 : _instance$getState$co4.indexOf(columnId)) != null ? _instance$getState$co2 : -1 : 0;
       }
     };
   }
 
+  var Pinning = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    getInitialState: getInitialState$6,
+    getDefaultOptions: getDefaultOptions$6,
+    createColumn: createColumn$3,
+    getInstance: getInstance$7
+  });
+
   //
-  function createRow$1(row, instance) {
+  function createRow$2(row, instance) {
     return {
       _getAllVisibleCells: memo(function () {
         return [row.getAllCells().filter(function (cell) {
@@ -1332,12 +1401,18 @@
         return row.getAllCells().filter(function (cell) {
           return cell.column.getIsVisible();
         });
-      }, 'row._getAllVisibleCells', instance.options.debug),
+      }, {
+        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);
-      }, 'row.getVisibleCells', instance.options.debug),
+      }, {
+        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) {
@@ -1345,7 +1420,10 @@
         return allCells.filter(function (d) {
           return !leftAndRight.includes(d.columnId);
         });
-      }, 'row.getCenterVisibleCells', instance.options.debug),
+      }, {
+        key: 'row.getCenterVisibleCells',
+        debug: instance.options.debug
+      }),
       getLeftVisibleCells: memo(function () {
         return [row._getAllVisibleCells(), instance.getState().columnPinning.left,,];
       }, function (allCells, left) {
@@ -1355,7 +1433,10 @@
           });
         }).filter(Boolean);
         return cells;
-      }, 'row.getLeftVisibleCells', instance.options.debug),
+      }, {
+        key: 'row.getLeftVisibleCells',
+        debug: instance.options.debug
+      }),
       getRightVisibleCells: memo(function () {
         return [row._getAllVisibleCells(), instance.getState().columnPinning.right];
       }, function (allCells, right) {
@@ -1365,10 +1446,13 @@
           });
         }).filter(Boolean);
         return cells;
-      }, 'row.getRightVisibleCells', instance.options.debug)
+      }, {
+        key: 'row.getRightVisibleCells',
+        debug: instance.options.debug
+      })
     };
   }
-  function getInstance$3(instance) {
+  function getInstance$6(instance) {
     return {
       createHeader: function createHeader(column, options) {
         var _options$id;
@@ -1421,17 +1505,20 @@
           },
           renderHeader: function renderHeader() {
             return flexRender(column.header, {
+              instance: instance,
               header: header,
               column: column
             });
           },
           renderFooter: function renderFooter() {
             return flexRender(column.footer, {
+              instance: instance,
               header: header,
               column: column
             });
           }
-        };
+        }; // Yes, we have to convert instance to uknown, because we know more than the compiler here.
+
         return header;
       },
       // Header Groups
@@ -1449,7 +1536,10 @@
         });
         var headerGroups = buildHeaderGroups(allColumns, [].concat(leftColumns, centerColumns, rightColumns), instance);
         return headerGroups;
-      }, 'getHeaderGroups', instance.options.debug),
+      }, {
+        key: 'getHeaderGroups',
+        debug: instance.options.debug
+      }),
       getCenterHeaderGroups: memo(function () {
         return [instance.getAllColumns(), instance.getVisibleLeafColumns(), instance.getState().columnPinning.left, instance.getState().columnPinning.right];
       }, function (allColumns, leafColumns, left, right) {
@@ -1457,7 +1547,10 @@
           return !(left != null && left.includes(column.id)) && !(right != null && right.includes(column.id));
         });
         return buildHeaderGroups(allColumns, leafColumns, instance, 'center');
-      }, 'getCenterHeaderGroups', instance.options.debug),
+      }, {
+        key: 'getCenterHeaderGroups',
+        debug: instance.options.debug
+      }),
       getLeftHeaderGroups: memo(function () {
         return [instance.getAllColumns(), instance.getVisibleLeafColumns(), instance.getState().columnPinning.left];
       }, function (allColumns, leafColumns, left) {
@@ -1465,7 +1558,10 @@
           return left == null ? void 0 : left.includes(column.id);
         });
         return buildHeaderGroups(allColumns, leafColumns, instance, 'left');
-      }, 'getLeftHeaderGroups', instance.options.debug),
+      }, {
+        key: 'getLeftHeaderGroups',
+        debug: instance.options.debug
+      }),
       getRightHeaderGroups: memo(function () {
         return [instance.getAllColumns(), instance.getVisibleLeafColumns(), instance.getState().columnPinning.right];
       }, function (allColumns, leafColumns, right) {
@@ -1473,28 +1569,43 @@
           return right == null ? void 0 : right.includes(column.id);
         });
         return buildHeaderGroups(allColumns, leafColumns, instance, 'right');
-      }, 'getRightHeaderGroups', instance.options.debug),
+      }, {
+        key: 'getRightHeaderGroups',
+        debug: instance.options.debug
+      }),
       // Footer Groups
       getFooterGroups: memo(function () {
         return [instance.getHeaderGroups()];
       }, function (headerGroups) {
         return [].concat(headerGroups).reverse();
-      }, 'getFooterGroups', instance.options.debug),
+      }, {
+        key: 'getFooterGroups',
+        debug: instance.options.debug
+      }),
       getLeftFooterGroups: memo(function () {
         return [instance.getLeftHeaderGroups()];
       }, function (headerGroups) {
         return [].concat(headerGroups).reverse();
-      }, 'getLeftFooterGroups', instance.options.debug),
+      }, {
+        key: 'getLeftFooterGroups',
+        debug: instance.options.debug
+      }),
       getCenterFooterGroups: memo(function () {
         return [instance.getCenterHeaderGroups()];
       }, function (headerGroups) {
         return [].concat(headerGroups).reverse();
-      }, 'getCenterFooterGroups', instance.options.debug),
+      }, {
+        key: 'getCenterFooterGroups',
+        debug: instance.options.debug
+      }),
       getRightFooterGroups: memo(function () {
         return [instance.getRightHeaderGroups()];
       }, function (headerGroups) {
         return [].concat(headerGroups).reverse();
-      }, 'getRightFooterGroups', instance.options.debug),
+      }, {
+        key: 'getRightFooterGroups',
+        debug: instance.options.debug
+      }),
       // Flat Headers
       getFlatHeaders: memo(function () {
         return [instance.getHeaderGroups()];
@@ -1502,28 +1613,40 @@
         return headerGroups.map(function (headerGroup) {
           return headerGroup.headers;
         }).flat();
-      }, 'getFlatHeaders', instance.options.debug),
+      }, {
+        key: 'getFlatHeaders',
+        debug: instance.options.debug
+      }),
       getLeftFlatHeaders: memo(function () {
         return [instance.getLeftHeaderGroups()];
       }, function (left) {
         return left.map(function (headerGroup) {
           return headerGroup.headers;
         }).flat();
-      }, 'getLeftFlatHeaders', instance.options.debug),
+      }, {
+        key: 'getLeftFlatHeaders',
+        debug: instance.options.debug
+      }),
       getCenterFlatHeaders: memo(function () {
         return [instance.getCenterHeaderGroups()];
       }, function (left) {
         return left.map(function (headerGroup) {
           return headerGroup.headers;
         }).flat();
-      }, 'getCenterFlatHeaders', instance.options.debug),
+      }, {
+        key: 'getCenterFlatHeaders',
+        debug: instance.options.debug
+      }),
       getRightFlatHeaders: memo(function () {
         return [instance.getRightHeaderGroups()];
       }, function (left) {
         return left.map(function (headerGroup) {
           return headerGroup.headers;
         }).flat();
-      }, 'getRightFlatHeaders', instance.options.debug),
+      }, {
+        key: 'getRightFlatHeaders',
+        debug: instance.options.debug
+      }),
       // Leaf Headers
       getCenterLeafHeaders: memo(function () {
         return [instance.getCenterFlatHeaders()];
@@ -1533,7 +1656,10 @@
 
           return !((_header$subHeaders = header.subHeaders) != null && _header$subHeaders.length);
         });
-      }, 'getCenterLeafHeaders', instance.options.debug),
+      }, {
+        key: 'getCenterLeafHeaders',
+        debug: instance.options.debug
+      }),
       getLeftLeafHeaders: memo(function () {
         return [instance.getLeftFlatHeaders()];
       }, function (flatHeaders) {
@@ -1542,7 +1668,10 @@
 
           return !((_header$subHeaders2 = header.subHeaders) != null && _header$subHeaders2.length);
         });
-      }, 'getLeftLeafHeaders', instance.options.debug),
+      }, {
+        key: 'getLeftLeafHeaders',
+        debug: instance.options.debug
+      }),
       getRightLeafHeaders: memo(function () {
         return [instance.getRightFlatHeaders()];
       }, function (flatHeaders) {
@@ -1551,7 +1680,10 @@
 
           return !((_header$subHeaders3 = header.subHeaders) != null && _header$subHeaders3.length);
         });
-      }, 'getRightLeafHeaders', instance.options.debug),
+      }, {
+        key: 'getRightLeafHeaders',
+        debug: instance.options.debug
+      }),
       getLeafHeaders: memo(function () {
         return [instance.getLeftHeaderGroups(), instance.getCenterHeaderGroups(), instance.getRightHeaderGroups()];
       }, function (left, center, right) {
@@ -1560,7 +1692,10 @@
         return [].concat((_left$0$headers = (_left$ = left[0]) == null ? void 0 : _left$.headers) != null ? _left$0$headers : [], (_center$0$headers = (_center$ = center[0]) == null ? void 0 : _center$.headers) != null ? _center$0$headers : [], (_right$0$headers = (_right$ = right[0]) == null ? void 0 : _right$.headers) != null ? _right$0$headers : []).map(function (header) {
           return header.getLeafHeaders();
         }).flat();
-      }, 'getLeafHeaders', instance.options.debug),
+      }, {
+        key: 'getLeafHeaders',
+        debug: instance.options.debug
+      }),
       getHeader: function getHeader(id) {
         var header = [].concat(instance.getFlatHeaders(), instance.getCenterFlatHeaders(), instance.getLeftFlatHeaders(), instance.getRightFlatHeaders()).find(function (d) {
           return d.id === id;
@@ -1782,6 +1917,13 @@
     return headerGroups;
   }
 
+  var Headers = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    createRow: createRow$2,
+    getInstance: getInstance$6,
+    buildHeaderGroups: buildHeaderGroups
+  });
+
   var filterTypes = {
     includesString: includesString,
     includesStringSensitive: includesStringSensitive,
@@ -1944,13 +2086,13 @@
       filterType: 'auto'
     };
   }
-  function getInitialState$2() {
+  function getInitialState$5() {
     return {
       columnFilters: [],
       globalFilter: undefined
     };
   }
-  function getDefaultOptions$2(instance) {
+  function getDefaultOptions$5(instance) {
     return {
       onColumnFiltersChange: makeStateUpdater('columnFilters', instance),
       onGlobalFilterChange: makeStateUpdater('globalFilter', instance),
@@ -1966,7 +2108,7 @@
       }
     };
   }
-  function createColumn$1(column, instance) {
+  function createColumn$2(column, instance) {
     var getFacetInfo = memo(function () {
       return [column.getPreFilteredRows()];
     }, function (rows) {
@@ -2003,7 +2145,10 @@
         preFilteredUniqueValues: preFilteredUniqueValues,
         preFilteredMinMaxValues: preFilteredMinMaxValues
       };
-    }, 'column.getFacetInfo', instance.options.debug);
+    }, {
+      key: 'column.getFacetInfo',
+      debug: instance.options.debug
+    });
     return {
       filterType: column.filterType,
       getCanColumnFilter: function getCanColumnFilter() {
@@ -2035,8 +2180,31 @@
       }
     };
   }
-  function getInstance$2(instance) {
+  function getInstance$5(instance) {
+    var registered = false;
     return {
+      _notifyFiltersReset: function _notifyFiltersReset() {
+        if (!registered) {
+          registered = true;
+          return;
+        }
+
+        if (instance.options.autoResetAll === false) {
+          return;
+        }
+
+        if (instance.options.autoResetAll === true) {
+          instance.resetSorting();
+        } else {
+          if (instance.options.autoResetColumnFilters) {
+            instance.resetColumnFilters();
+          }
+
+          if (instance.options.autoResetGlobalFilter) {
+            instance.resetGlobalFilter();
+          }
+        }
+      },
       getColumnAutoFilterFn: function getColumnAutoFilterFn(columnId) {
         var firstRow = instance.getCoreFlatRows()[0];
         var value = firstRow == null ? void 0 : firstRow.values[columnId];
@@ -2217,7 +2385,7 @@
           }
 
           if (instance.options.debug) console.info('Column Filtering...');
-          return columnFiltersFn(instance, columnFilters, rowModel);
+          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
 
@@ -2237,7 +2405,24 @@
           };
         });
         return columnFilteredRowModel;
-      }, 'getColumnFilteredRowModel', instance.options.debug),
+      }, {
+        key: 'getColumnFilteredRowModel',
+        debug: instance.options.debug
+      }),
+      // 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;
       },
@@ -2265,7 +2450,7 @@
           }
 
           if (instance.options.debug) console.info('Global Filtering...');
-          return globalFiltersFn(instance, globalFilterValue, columnFilteredRowModel);
+          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
 
@@ -2285,7 +2470,13 @@
           };
         });
         return globalFilteredRowModel;
-      }, 'getGlobalFilteredRowModel', instance.options.debug),
+      }, {
+        key: 'getGlobalFilteredRowModel',
+        debug: instance.options.debug,
+        onChange: function onChange() {
+          return instance._notifySortingReset();
+        }
+      }),
       getPreGlobalFilteredRows: function getPreGlobalFilteredRows() {
         return instance.getColumnFilteredRowModel().rows;
       },
@@ -2310,6 +2501,16 @@
     return (filterFn && filterFn.autoRemove ? filterFn.autoRemove(value, column) : false) || typeof value === 'undefined' || typeof value === 'string' && !value;
   }
 
+  var Filters = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    getDefaultColumn: getDefaultColumn$1,
+    getInitialState: getInitialState$5,
+    getDefaultOptions: getDefaultOptions$5,
+    createColumn: createColumn$2,
+    getInstance: getInstance$5,
+    shouldAutoRemoveFilter: shouldAutoRemoveFilter
+  });
+
   var reSplitAlphaNumeric = /([0-9]+)/gm;
   var sortTypes = {
     alphanumeric: alphanumeric,
@@ -2421,18 +2622,21 @@
       sortType: 'auto'
     };
   }
-  function getInitialState$1() {
+  function getInitialState$4() {
     return {
       sorting: []
     };
   }
-  function getDefaultOptions$1(instance) {
+  function getDefaultOptions$4(instance) {
     return {
       onSortingChange: makeStateUpdater('sorting', instance),
-      autoResetSorting: true
+      autoResetSorting: true,
+      isMultiSortEvent: function isMultiSortEvent(e) {
+        return e.shiftKey;
+      }
     };
   }
-  function createColumn(column, instance) {
+  function createColumn$1(column, instance) {
     return {
       sortType: column.sortType,
       getCanSort: function getCanSort() {
@@ -2455,22 +2659,60 @@
       }
     };
   }
-  function getInstance$1(instance) {
+  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 firstRow = instance.getGlobalFilteredRowModel().flatRows[0];
-        var value = firstRow == null ? void 0 : firstRow.values[columnId];
+        var firstRows = instance.getGlobalFilteredRowModel().flatRows.slice(100);
+        var isString = false;
 
-        if (typeof value === 'string') {
-          return sortTypes.alphanumeric;
+        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 (Object.prototype.toString.call(value) === '[object Date]') {
-          return sortTypes.datetime;
+        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;
 
@@ -2481,7 +2723,7 @@
           throw new Error();
         }
 
-        return isFunction(column.sortType) ? column.sortType : column.sortType === 'auto' ? instance.getColumnAutoFilterFn(columnId) : (_ref = userSortTypes == null ? void 0 : userSortTypes[column.sortType]) != null ? _ref : sortTypes[column.sortType];
+        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));
@@ -2491,10 +2733,18 @@
 
         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 _column$sortDescFirst, _instance$options$ena, _instance$options$ena2;
+          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) {
@@ -2508,7 +2758,7 @@
 
           var sortAction;
 
-          if (!column.getCanMultiSort() && multi) {
+          if (column.getCanMultiSort() && multi) {
             if (existingSorting) {
               sortAction = 'toggle';
             } else {
@@ -2525,7 +2775,7 @@
             }
           }
 
-          var sortDescFirst = (_column$sortDescFirst = column.sortDescFirst) != null ? _column$sortDescFirst : instance.options.sortDescFirst; // Handle toggle states that will remove the sorting
+          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
@@ -2571,7 +2821,7 @@
         });
       },
       getColumnCanSort: function getColumnCanSort(columnId) {
-        var _ref2, _ref3, _column$enableSorting;
+        var _ref3, _ref4, _column$enableSorting;
 
         var column = instance.getColumn(columnId);
 
@@ -2579,10 +2829,13 @@
           throw new Error();
         }
 
-        return (_ref2 = (_ref3 = (_column$enableSorting = column.enableSorting) != null ? _column$enableSorting : instance.options.enableSorting) != null ? _ref3 : column.defaultCanSort) != null ? _ref2 : !!column.accessorFn;
+        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 _ref4, _column$enableMultiSo;
+        var _ref5, _column$enableMultiSo;
 
         var column = instance.getColumn(columnId);
 
@@ -2590,7 +2843,7 @@
           throw new Error();
         }
 
-        return (_ref4 = (_column$enableMultiSo = column.enableMultiSort) != null ? _column$enableMultiSo : instance.options.enableMultiSort) != null ? _ref4 : !!column.accessorFn;
+        return (_ref5 = (_column$enableMultiSo = column.enableMultiSort) != null ? _column$enableMultiSo : instance.options.enableMultiSort) != null ? _ref5 : !!column.accessorFn;
       },
       getColumnIsSorted: function getColumnIsSorted(columnId) {
         var _instance$getState$so;
@@ -2637,8 +2890,14 @@
         }
 
         if (instance.options.debug) console.info('Sorting...');
-        return sortingFn(instance, sorting, rowModel);
-      }, 'getSortedRowModel', instance.options.debug),
+        return sortingFn(instance, rowModel);
+      }, {
+        key: 'getSortedRowModel',
+        debug: instance.options.debug,
+        onChange: function onChange() {
+          return instance._notifyGroupingReset();
+        }
+      }),
       getPreSortedRows: function getPreSortedRows() {
         return instance.getGlobalFilteredRowModel().rows;
       },
@@ -2660,13 +2919,22 @@
     };
   }
 
+  var Sorting = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    getDefaultColumn: getDefaultColumn,
+    getInitialState: getInitialState$4,
+    getDefaultOptions: getDefaultOptions$4,
+    createColumn: createColumn$1,
+    getInstance: getInstance$4
+  });
+
   //
-  function getInitialState() {
+  function getInitialState$3() {
     return {
       expanded: {}
     };
   }
-  function getDefaultOptions(instance) {
+  function getDefaultOptions$3(instance) {
     return {
       onExpandedChange: makeStateUpdater('expanded', instance),
       autoResetExpanded: true,
@@ -2677,8 +2945,23 @@
       paginateExpandedRows: true
     };
   }
-  function getInstance(instance) {
+  function getInstance$3(instance) {
+    var registered = false;
     return {
+      _notifyExpandedReset: function _notifyExpandedReset() {
+        if (!registered) {
+          registered = true;
+          return;
+        }
+
+        if (instance.options.autoResetAll === false) {
+          return;
+        }
+
+        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));
       },
@@ -2826,8 +3109,14 @@
         }
 
         if (instance.options.debug) console.info('Expanding...');
-        return expandRowsFn(instance, expanded, rowModel);
-      }, 'getExpandedRowModel', instance.options.debug),
+        return expandRowsFn(instance, rowModel);
+      }, {
+        key: 'getExpandedRowModel',
+        debug: instance.options.debug,
+        onChange: function onChange() {
+          return instance._notifyPageIndexReset();
+        }
+      }),
       getPreExpandedRows: function getPreExpandedRows() {
         return instance.getGroupedRowModel().rows;
       },
@@ -2848,7 +3137,7 @@
       }
     };
   }
-  function createRow(row, instance) {
+  function createRow$1(row, instance) {
     return {
       toggleExpanded: function toggleExpanded(expanded) {
         return void instance.toggleRowExpanded(row.id, expanded);
@@ -2872,112 +3161,1139 @@
     };
   }
 
-  function createTableInstance(options, rerender) {
-    var _options$initialState;
-
-    if (options.debug) {
-      console.info('Creating React Table Instance...');
-    }
-
-    var instance = {};
-
-    var defaultOptions = _extends({}, getDefaultOptions$6(instance), getDefaultOptions$4(instance), getDefaultOptions$3(instance), getDefaultOptions$2(instance), getDefaultOptions$1(instance), getDefaultOptions$5(instance), getDefaultOptions(instance));
-
-    var defaultState = {};
+  var Expanding = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    getInitialState: getInitialState$3,
+    getDefaultOptions: getDefaultOptions$3,
+    getInstance: getInstance$3,
+    createRow: createRow$1
+  });
 
-    var buildOptions = function buildOptions(options) {
-      return _extends({
-        state: defaultState
-      }, defaultOptions, options);
+  //
+  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: []
+      }
     };
-
-    instance.options = buildOptions(options);
-
-    var initialState = _extends({}, getInitialState$6(), getInitialState$4(), getInitialState$3(), getInitialState$2(), getInitialState$1(), getInitialState$5(), getInitialState(), (_options$initialState = options.initialState) != null ? _options$initialState : {});
-
-    var finalInstance = _extends({}, instance, getInstance$7(instance), getInstance$5(instance), getInstance$4(instance), getInstance$3(instance), getInstance$2(instance), getInstance$1(instance), getInstance$6(instance), getInstance(instance), {
-      rerender: rerender,
-      initialState: initialState,
-      internalState: initialState,
-      reset: function reset() {
-        instance.setState(instance.initialState);
+  }
+  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));
       },
-      updateOptions: function updateOptions(newOptions) {
-        instance.options = buildOptions(newOptions);
+      setColumnSizingInfo: function setColumnSizingInfo(updater) {
+        return instance.options.onColumnSizingInfoChange == null ? void 0 : instance.options.onColumnSizingInfoChange(updater, functionalUpdate(updater, instance.getState().columnSizingInfo));
       },
-      getRowId: function getRowId(_, index, parent) {
-        return "" + (parent ? [parent.id, index].join('.') : index);
+      resetColumnSizing: function resetColumnSizing() {
+        var _instance$initialStat;
+
+        instance.setColumnSizing((_instance$initialStat = instance.initialState.columnSizing) != null ? _instance$initialStat : {});
       },
-      getState: function getState() {
-        return _extends({}, instance.internalState, instance.options.state);
+      resetHeaderSizeInfo: function resetHeaderSizeInfo() {
+        var _instance$initialStat2;
+
+        instance.setColumnSizingInfo((_instance$initialStat2 = instance.initialState.columnSizingInfo) != null ? _instance$initialStat2 : {});
       },
-      setState: function setState(updater, shouldRerender) {
-        if (shouldRerender === void 0) {
-          shouldRerender = true;
-        }
+      resetColumnSize: function resetColumnSize(columnId) {
+        instance.setColumnSizing(function (_ref) {
+          _ref[columnId];
+              var rest = _objectWithoutPropertiesLoose(_ref, [columnId].map(_toPropertyKey));
 
-        var newState = functionalUpdate(updater, instance.internalState);
-        var onStateChange = instance.options.onStateChange;
-        instance.internalState = newState;
+          return rest;
+        });
+      },
+      resetHeaderSize: function resetHeaderSize(headerId) {
+        var header = instance.getHeader(headerId);
 
-        if (onStateChange) {
-          onStateChange(newState);
+        if (!header) {
           return;
         }
 
-        if (shouldRerender) {
-          instance.rerender();
-        }
+        return instance.resetColumnSize(header.column.id);
       },
-      getDefaultColumn: memo(function () {
-        return [instance.options.defaultColumn];
-      }, function (defaultColumn) {
-        var _defaultColumn;
+      getHeaderCanResize: function getHeaderCanResize(headerId) {
+        var header = instance.getHeader(headerId);
 
-        defaultColumn = (_defaultColumn = defaultColumn) != null ? _defaultColumn : {};
-        return _extends({
-          header: function header(props) {
-            return props.header.column.id;
-          },
-          footer: function footer(props) {
-            return props.header.column.id;
-          },
-          cell: function cell(_ref) {
-            var _ref$value = _ref.value,
-                value = _ref$value === void 0 ? '' : _ref$value;
-            return typeof value === 'boolean' ? value.toString() : value;
-          }
-        }, getDefaultColumn$3(), getDefaultColumn$1(), getDefaultColumn(), getDefaultColumn$2(), defaultColumn);
-      }, 'getDefaultColumn', instance.options.debug),
-      getColumnDefs: function getColumnDefs() {
-        return instance.options.columns;
+        if (!header) {
+          throw new Error();
+        }
+
+        return instance.getColumnCanResize(header.column.id);
       },
-      createColumn: function createColumn$5(columnDef, depth, parent) {
-        var _ref2, _columnDef$id;
+      getColumnCanResize: function getColumnCanResize(columnId) {
+        var _ref2, _ref3, _column$enableResizin;
 
-        var defaultColumn = instance.getDefaultColumn();
-        var id = (_ref2 = (_columnDef$id = columnDef.id) != null ? _columnDef$id : columnDef.accessorKey) != null ? _ref2 : typeof columnDef.header === 'string' ? columnDef.header : undefined;
-        var accessorFn;
+        var column = instance.getColumn(columnId);
 
-        if (columnDef.accessorFn) {
-          accessorFn = columnDef.accessorFn;
-        } else if (columnDef.accessorKey) {
-          accessorFn = function accessorFn(originalRow) {
-            return originalRow[columnDef.accessorKey];
-          };
+        if (!column) {
+          throw new Error();
         }
 
-        if (!id) {
-          {
-            throw new Error(columnDef.accessorFn ? "Columns require an id when using an accessorFn" : "Columns require an id when using a non-string header");
-          }
+        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();
         }
 
-        var column = _extends({
-          width: 150,
-          minWidth: 20,
-          maxWidth: Number.MAX_SAFE_INTEGER
-        }, defaultColumn, columnDef, {
+        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);
+      },
+      getColumnResizerProps: function getColumnResizerProps(headerId, userProps) {
+        var header = instance.getHeader(headerId);
+
+        if (!header) {
+          return;
+        }
+
+        var column = instance.getColumn(header.column.id);
+
+        if (!column) {
+          return;
+        }
+
+        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 columnSizingStart = header.getLeafHeaders().map(function (d) {
+            return [d.column.id, d.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.max(headerWidth + headerWidth * deltaPercentage, 0);
+              });
+              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: header.getWidth(),
+              deltaOffset: 0,
+              deltaPercentage: 0,
+              columnSizingStart: columnSizingStart,
+              isResizingColumn: header.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(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);
+      },
+      getResizerProps: function getResizerProps(userProps) {
+        return instance.getColumnResizerProps(column.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$2,
+    getDefaultOptions: getDefaultOptions$2,
+    getInstance: getInstance$2,
+    createColumn: createColumn,
+    passiveEventSupported: passiveEventSupported
+  });
+
+  //
+  function getInitialState$1() {
+    return {
+      pagination: {
+        pageIndex: 0,
+        pageSize: 10,
+        pageCount: -1
+      }
+    };
+  }
+  function getDefaultOptions$1(instance) {
+    return {
+      onPaginationChange: makeStateUpdater('pagination', instance),
+      autoResetPageIndex: true
+    };
+  }
+  function getInstance$1(instance) {
+    var registered = false;
+    return {
+      _notifyPageIndexReset: function _notifyPageIndexReset() {
+        if (!registered) {
+          registered = true;
+          return;
+        }
+
+        if (instance.options.autoResetAll === false) {
+          return;
+        }
+
+        if (instance.options.autoResetAll === true || instance.options.autoResetPageIndex) {
+          instance.resetPageSize();
+        }
+      },
+      setPagination: function setPagination(updater) {
+        var safeUpdater = function safeUpdater(old) {
+          functionalUpdate(old, updater);
+
+          if (!instance.options.paginateRowsFn) {
+            var _instance$getPreExpan;
+
+            return _extends({}, old, {
+              pageCount: (_instance$getPreExpan = instance.getPreExpandedRows()) != null && _instance$getPreExpan.length ? Math.ceil(instance.getPreExpandedRows().length / instance.getState().pagination.pageSize) : 0
+            });
+          }
+
+          return old;
+        };
+
+        return instance.options.onPaginationChange == null ? void 0 : instance.options.onPaginationChange(safeUpdater, functionalUpdate(safeUpdater, instance.getState().pagination));
+      },
+      resetPagination: function resetPagination() {
+        var _instance$initialStat;
+
+        instance.setPagination((_instance$initialStat = instance.initialState.pagination) != null ? _instance$initialStat : {
+          pageIndex: 0,
+          pageSize: 10,
+          pageCount: -1
+        });
+      },
+      setPageIndex: function setPageIndex(updater) {
+        instance.setPagination(function (old) {
+          var newPageIndex = functionalUpdate(updater, old.pageIndex);
+          var maxPageIndex = old.pageCount > 0 ? old.pageCount - 1 : Number.MAX_SAFE_INTEGER;
+          return _extends({}, old, {
+            pageIndex: Math.min(Math.max(0, newPageIndex), maxPageIndex)
+          });
+        });
+      },
+      resetPageIndex: function resetPageIndex() {
+        instance.setPageIndex(0);
+      },
+      resetPageSize: function resetPageSize() {
+        var _instance$options$ini, _instance$options$ini2, _instance$options$ini3;
+
+        instance.setPageSize((_instance$options$ini = (_instance$options$ini2 = instance.options.initialState) == null ? void 0 : (_instance$options$ini3 = _instance$options$ini2.pagination) == null ? void 0 : _instance$options$ini3.pageSize) != null ? _instance$options$ini : 10);
+      },
+      setPageSize: function setPageSize(updater) {
+        instance.setPagination(function (old) {
+          var pageSize = Math.max(1, functionalUpdate(updater, old.pageSize));
+          var topRowIndex = old.pageSize * old.pageIndex;
+          var pageIndex = Math.floor(topRowIndex / pageSize);
+          return _extends({}, old, {
+            pageIndex: pageIndex,
+            pageSize: pageSize
+          });
+        });
+      },
+      setPageCount: function setPageCount(updater) {
+        return instance.setPagination(function (old) {
+          return _extends({}, old, {
+            pageCount: Math.max(-1, functionalUpdate(updater, old.pageCount))
+          });
+        });
+      },
+      getPageOptions: memo(function () {
+        return [instance.getState().pagination.pageSize, instance.getState().pagination.pageCount];
+      }, function (pageSize, pageCount) {
+        var pageOptions = [];
+
+        if (pageCount > 0) {
+          pageOptions = [].concat(new Array(pageCount)).fill(null).map(function (_, i) {
+            return i;
+          });
+        }
+
+        return pageOptions;
+      }, {
+        key: 'getPageOptions',
+        debug: instance.options.debug
+      }),
+      getCanPreviousPage: function getCanPreviousPage() {
+        return instance.getState().pagination.pageIndex > 0;
+      },
+      getCanNextPage: function getCanNextPage() {
+        var _instance$getState$pa = instance.getState().pagination,
+            pageIndex = _instance$getState$pa.pageIndex,
+            pageCount = _instance$getState$pa.pageCount,
+            pageSize = _instance$getState$pa.pageSize;
+
+        if (pageCount === -1) {
+          return true;
+        }
+
+        if (pageCount === 0) {
+          return false;
+        }
+
+        return pageIndex < Math.ceil(instance.getPrePaginationRows().length / pageSize) - 1;
+      },
+      gotoPreviousPage: function gotoPreviousPage() {
+        return instance.setPageIndex == null ? void 0 : instance.setPageIndex(function (old) {
+          return old - 1;
+        });
+      },
+      gotoNextPage: function gotoNextPage() {
+        return instance.setPageIndex == null ? void 0 : instance.setPageIndex(function (old) {
+          return old + 1;
+        });
+      },
+      getPaginationRowModel: memo(function () {
+        return [instance.getState().pagination, instance.getExpandedRowModel(), instance.options.paginateRowsFn];
+      }, function (_pagination, rowModel, paginateRowsFn) {
+        if (!paginateRowsFn || !rowModel.rows.length) {
+          return rowModel;
+        }
+
+        if (instance.options.debug) console.info('Paginating...');
+        return paginateRowsFn(instance, rowModel);
+      }, {
+        key: 'getPaginationRowModel',
+        debug: instance.options.debug
+      }),
+      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;
+      }
+    };
+  }
+
+  var Pagination = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    getInitialState: getInitialState$1,
+    getDefaultOptions: getDefaultOptions$1,
+    getInstance: getInstance$1
+  });
+
+  //
+  function getInitialState() {
+    return {
+      rowSelection: {}
+    };
+  }
+  function getDefaultOptions(instance) {
+    return {
+      onRowSelectionChange: makeStateUpdater('rowSelection', instance),
+      autoResetRowSelection: true,
+      enableRowSelection: true,
+      enableMultiRowSelection: true,
+      enableSubRowSelection: true // enableGroupingRowSelection: false,
+      // isAdditiveSelectEvent: (e: MouseEvent | TouchEvent) => !!e.metaKey,
+      // isInclusiveSelectEvent: (e: MouseEvent | TouchEvent) => !!e.shiftKey,
+
+    };
+  }
+  function getInstance(instance) {
+    var registered = false; // const pageRows = instance.getPageRows()
+
+    return {
+      _notifyRowSelectionReset: function _notifyRowSelectionReset() {
+        if (!registered) {
+          registered = true;
+          return;
+        }
+
+        if (instance.options.autoResetAll === false) {
+          return;
+        }
+
+        if (instance.options.autoResetAll === true || instance.options.autoResetRowSelection) {
+          instance.resetRowSelection();
+        }
+      },
+      setRowSelection: function setRowSelection(updater) {
+        return instance.options.onRowSelectionChange == null ? void 0 : instance.options.onRowSelectionChange(updater, functionalUpdate(updater, instance.getState().rowSelection));
+      },
+      resetRowSelection: function resetRowSelection() {
+        var _getInitialState$rowS;
+
+        return instance.setRowSelection((_getInitialState$rowS = getInitialState().rowSelection) != null ? _getInitialState$rowS : {});
+      },
+      toggleAllRowsSelected: function toggleAllRowsSelected(value) {
+        instance.setRowSelection(function (old) {
+          value = typeof value !== 'undefined' ? value : !instance.getIsAllRowsSelected(); // Only remove/add the rows that are visible on the screen
+          //  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.
+          // All of the rows are flat already, so it wouldn't be worth it
+
+          if (value) {
+            preGroupedFlatRows.forEach(function (row) {
+              rowSelection[row.id] = true;
+            });
+          } else {
+            preGroupedFlatRows.forEach(function (row) {
+              delete rowSelection[row.id];
+            });
+          }
+
+          return rowSelection;
+        });
+      },
+      toggleAllPageRowsSelected: function toggleAllPageRowsSelected(value) {
+        return instance.setRowSelection(function (old) {
+          typeof value !== 'undefined' ? value : !instance.getIsAllPageRowsSelected();
+
+          var rowSelection = _extends({}, old);
+
+          instance.getRows().forEach(function (row) {
+            mutateRowIsSelected(rowSelection, row.id, value, instance);
+          });
+          return rowSelection;
+        });
+      },
+      toggleRowSelected: function toggleRowSelected(rowId, value) {
+        var row = instance.getRow(rowId);
+        var isSelected = row.getIsSelected();
+        instance.setRowSelection(function (old) {
+          value = typeof value !== 'undefined' ? value : !isSelected;
+
+          if (isSelected === value) {
+            return old;
+          }
+
+          var selectedRowIds = _extends({}, old);
+
+          mutateRowIsSelected(selectedRowIds, rowId, value, instance);
+          return selectedRowIds;
+        });
+      },
+      // addRowSelectionRange: rowId => {
+      //   const {
+      //     rows,
+      //     rowsById,
+      //     options: { selectGroupingRows, selectSubRows },
+      //   } = instance
+      //   const findSelectedRow = (rows: Row[]) => {
+      //     let found
+      //     rows.find(d => {
+      //       if (d.getIsSelected()) {
+      //         found = d
+      //         return true
+      //       }
+      //       const subFound = findSelectedRow(d.subRows || [])
+      //       if (subFound) {
+      //         found = subFound
+      //         return true
+      //       }
+      //       return false
+      //     })
+      //     return found
+      //   }
+      //   const firstRow = findSelectedRow(rows) || rows[0]
+      //   const lastRow = rowsById[rowId]
+      //   let include = false
+      //   const selectedRowIds = {}
+      //   const addRow = (row: Row) => {
+      //     mutateRowIsSelected(selectedRowIds, row.id, true, {
+      //       rowsById,
+      //       selectGroupingRows: selectGroupingRows!,
+      //       selectSubRows: selectSubRows!,
+      //     })
+      //   }
+      //   instance.rows.forEach(row => {
+      //     const isFirstRow = row.id === firstRow.id
+      //     const isLastRow = row.id === lastRow.id
+      //     if (isFirstRow || isLastRow) {
+      //       if (!include) {
+      //         include = true
+      //       } else if (include) {
+      //         addRow(row)
+      //         include = false
+      //       }
+      //     }
+      //     if (include) {
+      //       addRow(row)
+      //     }
+      //   })
+      //   instance.setRowSelection(selectedRowIds)
+      // },
+      getSelectedRowModel: memo(function () {
+        return [instance.getState().rowSelection, instance.getCoreRowModel()];
+      }, function (rowSelection, rowModel) {
+        if (!Object.keys(rowSelection).length) {
+          return {
+            rows: [],
+            flatRows: [],
+            rowsById: {}
+          };
+        }
+
+        if (instance.options.debug) console.info('Selecting...');
+        return selectRowsFn(instance, rowModel);
+      }, {
+        key: 'getSelectedRowModel',
+        debug: instance.options.debug,
+        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) {
+        if (!Object.keys(rowSelection).length) {
+          return {
+            rows: [],
+            flatRows: [],
+            rowsById: {}
+          };
+        }
+
+        if (instance.options.debug) console.info('Selecting...');
+        return selectRowsFn(instance, rowModel);
+      }, {
+        key: 'getFilteredSelectedRowModel',
+        debug: instance.options.debug,
+        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) {
+        if (!Object.keys(rowSelection).length) {
+          return {
+            rows: [],
+            flatRows: [],
+            rowsById: {}
+          };
+        }
+
+        if (instance.options.debug) console.info('Selecting...');
+        return selectRowsFn(instance, rowModel);
+      }, {
+        key: 'getGroupedSelectedRowModel',
+        debug: instance.options.debug,
+        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(),
+            rowSelection = _instance$getState.rowSelection;
+
+        var row = instance.getRow(rowId);
+
+        if (!row) {
+          throw new Error();
+        }
+
+        return isRowSelected(row, rowSelection) === true;
+      },
+      getRowIsSomeSelected: function getRowIsSomeSelected(rowId) {
+        var _instance$getState2 = instance.getState(),
+            rowSelection = _instance$getState2.rowSelection;
+
+        var row = instance.getRow(rowId);
+
+        if (!row) {
+          throw new Error();
+        }
+
+        return isRowSelected(row, rowSelection) === 'some';
+      },
+      getRowCanSelect: function getRowCanSelect(rowId) {
+        var _instance$options$ena;
+
+        var row = instance.getRow(rowId);
+
+        if (!row) {
+          throw new Error();
+        }
+
+        if (typeof instance.options.enableRowSelection === 'function') {
+          return instance.options.enableRowSelection(row);
+        }
+
+        return (_instance$options$ena = instance.options.enableRowSelection) != null ? _instance$options$ena : true;
+      },
+      getRowCanSelectSubRows: function getRowCanSelectSubRows(rowId) {
+        var _instance$options$ena2;
+
+        var row = instance.getRow(rowId);
+
+        if (!row) {
+          throw new Error();
+        }
+
+        if (typeof instance.options.enableSubRowSelection === 'function') {
+          return instance.options.enableSubRowSelection(row);
+        }
+
+        return (_instance$options$ena2 = instance.options.enableSubRowSelection) != null ? _instance$options$ena2 : true;
+      },
+      getRowCanMultiSelect: function getRowCanMultiSelect(rowId) {
+        var _instance$options$ena3;
+
+        var row = instance.getRow(rowId);
+
+        if (!row) {
+          throw new Error();
+        }
+
+        if (typeof instance.options.enableMultiRowSelection === 'function') {
+          return instance.options.enableMultiRowSelection(row);
+        }
+
+        return (_instance$options$ena3 = instance.options.enableMultiRowSelection) != null ? _instance$options$ena3 : true;
+      },
+      // getGroupingRowCanSelect: rowId => {
+      //   const row = instance.getRow(rowId)
+      //   if (!row) {
+      //     throw new Error()
+      //   }
+      //   if (typeof instance.options.enableGroupingRowSelection === 'function') {
+      //     return instance.options.enableGroupingRowSelection(row)
+      //   }
+      //   return instance.options.enableGroupingRowSelection ?? false
+      // },
+      getIsAllRowsSelected: function getIsAllRowsSelected() {
+        var preFilteredFlatRows = instance.getPreGlobalFilteredFlatRows();
+
+        var _instance$getState3 = instance.getState(),
+            rowSelection = _instance$getState3.rowSelection;
+
+        var isAllRowsSelected = Boolean(preFilteredFlatRows.length && Object.keys(rowSelection).length);
+
+        if (isAllRowsSelected) {
+          if (preFilteredFlatRows.some(function (row) {
+            return !rowSelection[row.id];
+          })) {
+            isAllRowsSelected = false;
+          }
+        }
+
+        return isAllRowsSelected;
+      },
+      getIsAllPageRowsSelected: function getIsAllPageRowsSelected() {
+        var paginationFlatRows = instance.getPaginationFlatRows();
+
+        var _instance$getState4 = instance.getState(),
+            rowSelection = _instance$getState4.rowSelection;
+
+        var isAllPageRowsSelected = !!paginationFlatRows.length;
+
+        if (isAllPageRowsSelected && paginationFlatRows.some(function (row) {
+          return !rowSelection[row.id];
+        })) {
+          isAllPageRowsSelected = false;
+        }
+
+        return isAllPageRowsSelected;
+      },
+      getIsSomeRowsSelected: function getIsSomeRowsSelected() {
+        var _instance$getState$ro;
+
+        return !instance.getIsAllRowsSelected() && !!Object.keys((_instance$getState$ro = instance.getState().rowSelection) != null ? _instance$getState$ro : {}).length;
+      },
+      getIsSomePageRowsSelected: function getIsSomePageRowsSelected() {
+        var paginationFlatRows = instance.getPaginationFlatRows();
+        return instance.getIsAllPageRowsSelected() ? false : !!(paginationFlatRows != null && paginationFlatRows.length);
+      },
+      getToggleRowSelectedProps: function getToggleRowSelectedProps(rowId, userProps) {
+        var row = instance.getRow(rowId);
+        var isSelected = row.getIsSelected();
+        var isSomeSelected = row.getIsSomeSelected();
+        var canSelect = row.getCanSelect();
+        var initialProps = {
+          onChange: canSelect ? function (e) {
+            row.toggleSelected(e.target.checked);
+          } : undefined,
+          checked: isSelected,
+          title: 'Toggle Row Selected',
+          indeterminate: isSomeSelected // onChange: forInput
+          //   ? (e: Event) => e.stopPropagation()
+          //   : (e: Event) => {
+          //       if (instance.options.isAdditiveSelectEvent(e)) {
+          //         row.toggleSelected()
+          //       } else if (instance.options.isInclusiveSelectEvent(e)) {
+          //         instance.addRowSelectionRange(row.id)
+          //       } else {
+          //         instance.setRowSelection({})
+          //         row.toggleSelected()
+          //       }
+          //       if (props.onClick) props.onClick(e)
+          //     },
+
+        };
+        return propGetter(initialProps, userProps);
+      },
+      getToggleAllRowsSelectedProps: function getToggleAllRowsSelectedProps(userProps) {
+        var isSomeRowsSelected = instance.getIsSomeRowsSelected();
+        var isAllRowsSelected = instance.getIsAllRowsSelected();
+        var initialProps = {
+          onChange: function onChange(e) {
+            instance.toggleAllRowsSelected(e.target.checked);
+          },
+          checked: isAllRowsSelected,
+          title: 'Toggle All Rows Selected',
+          indeterminate: isSomeRowsSelected
+        };
+        return propGetter(initialProps, userProps);
+      },
+      getToggleAllPageRowsSelectedProps: function getToggleAllPageRowsSelectedProps(userProps) {
+        var isSomePageRowsSelected = instance.getIsSomePageRowsSelected();
+        var isAllPageRowsSelected = instance.getIsAllPageRowsSelected();
+        var initialProps = {
+          onChange: function onChange(e) {
+            instance.toggleAllPageRowsSelected(e.target.checked);
+          },
+          checked: isAllPageRowsSelected,
+          title: 'Toggle All Current Page Rows Selected',
+          indeterminate: isSomePageRowsSelected
+        };
+        return propGetter(initialProps, userProps);
+      }
+    };
+  }
+  function createRow(row, instance) {
+    return {
+      getIsSelected: function getIsSelected() {
+        return instance.getRowIsSelected(row.id);
+      },
+      getIsSomeSelected: function getIsSomeSelected() {
+        return instance.getRowIsSomeSelected(row.id);
+      },
+      toggleSelected: function toggleSelected(value) {
+        return instance.toggleRowSelected(row.id, value);
+      },
+      getToggleSelectedProps: function getToggleSelectedProps(userProps) {
+        return instance.getToggleRowSelectedProps(row.id, userProps);
+      },
+      getCanMultiSelect: function getCanMultiSelect() {
+        return instance.getRowCanMultiSelect(row.id);
+      },
+      getCanSelect: function getCanSelect() {
+        return instance.getRowCanSelect(row.id);
+      }
+    };
+  }
+
+  var mutateRowIsSelected = function mutateRowIsSelected(selectedRowIds, id, value, instance) {
+    var _row$subRows;
+
+    var row = instance.getRow(id);
+    row.getIsGrouped(); // if ( // TODO: enforce grouping row selection rules
+    //   !isGrouped ||
+    //   (isGrouped && instance.options.enableGroupingRowSelection)
+    // ) {
+
+    if (value) {
+      selectedRowIds[id] = true;
+    } else {
+      delete selectedRowIds[id];
+    } // }
+
+
+    if ((_row$subRows = row.subRows) != null && _row$subRows.length && instance.getRowCanSelectSubRows(row.id)) {
+      row.subRows.forEach(function (row) {
+        return mutateRowIsSelected(selectedRowIds, row.id, value, instance);
+      });
+    }
+  };
+
+  function selectRowsFn(instance, rowModel) {
+    var rowSelection = instance.getState().rowSelection;
+    var newSelectedFlatRows = [];
+    var newSelectedRowsById = {}; // Filters top level and nested rows
+
+    var recurseRows = function recurseRows(rows, depth) {
+
+      return rows.map(function (row) {
+        var _row$subRows2;
+
+        var isSelected = isRowSelected(row, rowSelection) === true;
+
+        if (isSelected) {
+          newSelectedFlatRows.push(row);
+          newSelectedRowsById[row.id] = row;
+        }
+
+        if ((_row$subRows2 = row.subRows) != null && _row$subRows2.length) {
+          row = _extends({}, row, {
+            subRows: recurseRows(row.subRows)
+          });
+        }
+
+        if (isSelected) {
+          return row;
+        }
+      }).filter(Boolean);
+    };
+
+    return {
+      rows: recurseRows(rowModel.rows),
+      flatRows: newSelectedFlatRows,
+      rowsById: newSelectedRowsById
+    };
+  }
+  function isRowSelected(row, selection, instance) {
+    if (selection[row.id]) {
+      return true;
+    }
+
+    if (row.subRows && row.subRows.length) {
+      var allChildrenSelected = true;
+      var someSelected = false;
+      row.subRows.forEach(function (subRow) {
+        // Bail out early if we know both of these
+        if (someSelected && !allChildrenSelected) {
+          return;
+        }
+
+        if (isRowSelected(subRow, selection)) {
+          someSelected = true;
+        } else {
+          allChildrenSelected = false;
+        }
+      });
+      return allChildrenSelected ? true : someSelected ? 'some' : false;
+    }
+
+    return false;
+  }
+
+  var RowSelection = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    getInitialState: getInitialState,
+    getDefaultOptions: getDefaultOptions,
+    getInstance: getInstance,
+    createRow: createRow,
+    selectRowsFn: selectRowsFn,
+    isRowSelected: isRowSelected
+  });
+
+  var features = [Visibility, Ordering, Pinning, Headers, Filters, Sorting, Grouping, Expanding, ColumnSizing, Pagination, RowSelection];
+  function createTableInstance(options, rerender) {
+    var _options$initialState;
+
+    if (options.debug) {
+      console.info('Creating React Table Instance...');
+    }
+
+    var instance = {};
+    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);
+    };
+
+    instance.options = buildOptions(options);
+
+    var initialState = _extends({}, features.reduce(function (obj, feature) {
+      return Object.assign(obj, feature.getInitialState == null ? void 0 : feature.getInitialState());
+    }, {}), (_options$initialState = options.initialState) != null ? _options$initialState : {});
+
+    var finalInstance = _extends({}, instance, features.reduce(function (obj, feature) {
+      return Object.assign(obj, feature.getInstance == null ? void 0 : feature.getInstance(instance));
+    }, {}), {
+      rerender: rerender,
+      initialState: initialState,
+      internalState: initialState,
+      reset: function reset() {
+        instance.setState(instance.initialState);
+      },
+      updateOptions: function updateOptions(newOptions) {
+        instance.options = buildOptions(newOptions);
+      },
+      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;
+      },
+      setState: function setState(updater, shouldRerender) {
+        if (shouldRerender === void 0) {
+          shouldRerender = true;
+        }
+
+        var onStateChange = instance.options.onStateChange;
+        var internalState = instance.internalState;
+        var newState = functionalUpdate(updater, internalState);
+        instance.internalState = newState;
+
+        if (onStateChange) {
+          onStateChange(newState);
+          return;
+        }
+
+        if (shouldRerender) {
+          instance.rerender();
+        }
+      },
+      getDefaultColumn: memo(function () {
+        return [instance.options.defaultColumn];
+      }, function (defaultColumn) {
+        var _defaultColumn;
+
+        defaultColumn = (_defaultColumn = defaultColumn) != null ? _defaultColumn : {};
+        return _extends({
+          header: function header(props) {
+            return props.header.column.id;
+          },
+          footer: function footer(props) {
+            return props.header.column.id;
+          },
+          cell: function cell(_ref) {
+            var _ref$value = _ref.value,
+                value = _ref$value === void 0 ? '' : _ref$value;
+            return typeof value === 'boolean' ? value.toString() : value;
+          }
+        }, features.reduce(function (obj, feature) {
+          return Object.assign(obj, feature.getDefaultColumn == null ? void 0 : feature.getDefaultColumn());
+        }, {}), defaultColumn);
+      }, {
+        debug: instance.options.debug,
+        key: 'getDefaultColumn'
+      }),
+      getColumnDefs: function getColumnDefs() {
+        return instance.options.columns;
+      },
+      createColumn: function createColumn(columnDef, depth, parent) {
+        var _ref2, _columnDef$id;
+
+        var defaultColumn = instance.getDefaultColumn();
+        var id = (_ref2 = (_columnDef$id = columnDef.id) != null ? _columnDef$id : columnDef.accessorKey) != null ? _ref2 : typeof columnDef.header === 'string' ? columnDef.header : undefined;
+        var accessorFn;
+
+        if (columnDef.accessorFn) {
+          accessorFn = columnDef.accessorFn;
+        } else if (columnDef.accessorKey) {
+          accessorFn = function accessorFn(originalRow) {
+            return originalRow[columnDef.accessorKey];
+          };
+        }
+
+        if (!id) {
+          {
+            throw new Error(columnDef.accessorFn ? "Columns require an id when using an accessorFn" : "Columns require an id when using a non-string header");
+          }
+        }
+
+        var column = _extends({}, defaultColumnSizing, defaultColumn, columnDef, {
           id: "" + id,
           accessorFn: accessorFn,
           parent: parent,
@@ -2995,7 +4311,10 @@
             return [column].concat((_column$columns = column.columns) == null ? void 0 : _column$columns.flatMap(function (d) {
               return d.getFlatColumns();
             }));
-          }, 'column.getFlatColumns', instance.options.debug),
+          }, {
+            key: 'column.getFlatColumns',
+            debug: instance.options.debug
+          }),
           getLeafColumns: memo(function () {
             return [instance.getOrderColumnsFn()];
           }, function (orderColumns) {
@@ -3009,10 +4328,15 @@
             }
 
             return [column];
-          }, 'column.getLeafColumns', instance.options.debug)
+          }, {
+            key: 'column.getLeafColumns',
+            debug: instance.options.debug
+          })
         });
 
-        column = Object.assign(column, createColumn$4(column, instance), createColumn$2(column, instance), createColumn$1(column, instance), createColumn(column, instance), createColumn$3(column, instance)); // Yes, we have to convert instance to uknown, because we know more than the compiler here.
+        column = features.reduce(function (obj, feature) {
+          return Object.assign(obj, feature.createColumn == null ? void 0 : feature.createColumn(column, instance));
+        }, column); // Yes, we have to convert instance to uknown, because we know more than the compiler here.
 
         return column;
       },
@@ -3034,14 +4358,20 @@
         };
 
         return recurseColumns(columnDefs);
-      }, 'getAllColumns', instance.options.debug),
+      }, {
+        key: 'getAllColumns',
+        debug: instance.options.debug
+      }),
       getAllFlatColumns: memo(function () {
         return [instance.getAllColumns()];
       }, function (allColumns) {
         return allColumns.flatMap(function (column) {
           return column.getFlatColumns();
         });
-      }, 'getAllFlatColumns', instance.options.debug),
+      }, {
+        key: 'getAllFlatColumns',
+        debug: instance.options.debug
+      }),
       getAllFlatColumnsById: memo(function () {
         return [instance.getAllFlatColumns()];
       }, function (flatColumns) {
@@ -3049,7 +4379,10 @@
           acc[column.id] = column;
           return acc;
         }, {});
-      }, 'getAllFlatColumnsById', instance.options.debug),
+      }, {
+        key: 'getAllFlatColumnsById',
+        debug: instance.options.debug
+      }),
       getAllLeafColumns: memo(function () {
         return [instance.getAllColumns(), instance.getOrderColumnsFn()];
       }, function (allColumns, orderColumns) {
@@ -3057,7 +4390,10 @@
           return column.getLeafColumns();
         });
         return orderColumns(leafColumns);
-      }, 'getAllLeafColumns', instance.options.debug),
+      }, {
+        key: 'getAllLeafColumns',
+        debug: instance.options.debug
+      }),
       getColumn: function getColumn(columnId) {
         var column = instance.getAllFlatColumnsById()[columnId];
 
@@ -3072,7 +4408,7 @@
         return column;
       },
       getColumnWidth: function getColumnWidth(columnId) {
-        var _column$minWidth, _column$width, _column$maxWidth;
+        var _column$minWidth, _ref3, _column$maxWidth;
 
         var column = instance.getColumn(columnId);
 
@@ -3080,9 +4416,10 @@
           throw new Error();
         }
 
-        return Math.min(Math.max((_column$minWidth = column.minWidth) != null ? _column$minWidth : 0, (_column$width = column.width) != null ? _column$width : 0), (_column$maxWidth = column.maxWidth) != null ? _column$maxWidth : 0);
+        var columnSize = instance.getState().columnSizing[column.id];
+        return Math.min(Math.max((_column$minWidth = column.minWidth) != null ? _column$minWidth : defaultColumnSizing.minWidth, (_ref3 = columnSize != null ? columnSize : column.width) != null ? _ref3 : defaultColumnSizing.width), (_column$maxWidth = column.maxWidth) != null ? _column$maxWidth : defaultColumnSizing.maxWidth);
       },
-      createCell: function createCell$1(row, column, value) {
+      createCell: function createCell(row, column, value) {
         var cell = {
           id: row.id + "_" + column.id,
           rowId: row.id,
@@ -3095,16 +4432,20 @@
           },
           renderCell: function renderCell() {
             return flexRender(column.cell, {
+              instance: instance,
               column: column,
+              row: row,
               cell: cell,
               value: value
             });
           }
         };
-        Object.assign(cell, _extends({}, createCell(cell, column, row)));
+        features.forEach(function (feature) {
+          Object.assign(cell, feature.createCell == null ? void 0 : feature.createCell(cell, column, row, instance));
+        }, {});
         return cell;
       },
-      createRow: function createRow$3(id, original, rowIndex, depth, values) {
+      createRow: function createRow(id, original, rowIndex, depth, values) {
         var row = {
           id: id,
           index: rowIndex,
@@ -3125,7 +4466,10 @@
           return leafColumns.map(function (column) {
             return instance.createCell(row, column, row.values[column.id]);
           });
-        }, 'row.getAllCells' , instance.options.debug);
+        }, {
+          key: 'row.getAllCells' ,
+          debug: instance.options.debug
+        });
         row.getAllCellsByColumnId = memo(function () {
           return [row.getAllCells()];
         }, function (allCells) {
@@ -3133,42 +4477,19 @@
             acc[cell.columnId] = cell;
             return acc;
           }, {});
-        }, 'row.getAllCellsByColumnId', instance.options.debug);
-        row = Object.assign(row, createRow$1(row, instance), createRow$2(row, instance), createRow(row, instance));
+        }, {
+          key: 'row.getAllCellsByColumnId',
+          debug: instance.options.debug
+        });
+        features.forEach(function (feature) {
+          Object.assign(row, feature.createRow == null ? void 0 : feature.createRow(row, instance));
+        });
         return row;
       },
       getCoreRowModel: memo(function () {
         return [instance.options.data];
       }, function (data) {
-        if (instance.options.debug) console.info('Accessing...'); // Auto-reset data-dependent states if configured
-
-        if (instance.options.autoResetColumnFilters && // @ts-ignore
-        instance.getRowModelNonFirst) {
-          instance.resetColumnFilters();
-        }
-
-        if (instance.options.autoResetGlobalFilter && // @ts-ignore
-        instance.getRowModelNonFirst) {
-          instance.resetGlobalFilter();
-        }
-
-        if (instance.options.autoResetSorting && // @ts-ignore
-        instance.getRowModelNonFirst) {
-          instance.resetSorting();
-        }
-
-        if (instance.options.autoResetGrouping && // @ts-ignore
-        instance.getRowModelNonFirst) {
-          instance.resetGrouping();
-        }
-
-        if (instance.options.autoResetExpanded && // @ts-ignore
-        instance.getRowModelNonFirst) {
-          instance.resetExpanded();
-        } // @ts-ignore
-
-
-        instance.getRowModelNonFirst = true; // Access the row model using initial columns
+        if (instance.options.debug) console.info('Accessing...'); // Access the row model using initial columns
 
         var rows = [];
         var flatRows = [];
@@ -3236,7 +4557,15 @@
           flatRows: flatRows,
           rowsById: rowsById
         };
-      }, 'getRowModel', instance.options.debug),
+      }, {
+        key: 'getRowModel',
+        debug: instance.options.debug,
+        onChange: function onChange() {
+          instance._notifyRowSelectionReset();
+
+          instance._notifyFiltersReset();
+        }
+      }),
       // The standard
       getCoreRows: function getCoreRows() {
         return instance.getCoreRowModel().rows;
@@ -3324,10 +4653,44 @@
           key: cell.id,
           role: 'gridcell'
         }, userProps);
+      },
+      getTableWidth: function getTableWidth() {
+        var _instance$getHeaderGr, _instance$getHeaderGr2;
+
+        return (_instance$getHeaderGr = (_instance$getHeaderGr2 = instance.getHeaderGroups()[0]) == null ? void 0 : _instance$getHeaderGr2.headers.reduce(function (sum, header) {
+          return sum + header.getWidth();
+        }, 0)) != null ? _instance$getHeaderGr : 0;
+      },
+      getLeftTableWidth: function getLeftTableWidth() {
+        var _instance$getLeftHead, _instance$getLeftHead2;
+
+        return (_instance$getLeftHead = (_instance$getLeftHead2 = instance.getLeftHeaderGroups()[0]) == null ? void 0 : _instance$getLeftHead2.headers.reduce(function (sum, header) {
+          return sum + header.getWidth();
+        }, 0)) != null ? _instance$getLeftHead : 0;
+      },
+      getCenterTableWidth: function getCenterTableWidth() {
+        var _instance$getCenterHe, _instance$getCenterHe2;
+
+        return (_instance$getCenterHe = (_instance$getCenterHe2 = instance.getCenterHeaderGroups()[0]) == null ? void 0 : _instance$getCenterHe2.headers.reduce(function (sum, header) {
+          return sum + header.getWidth();
+        }, 0)) != null ? _instance$getCenterHe : 0;
+      },
+      getRightTableWidth: function getRightTableWidth() {
+        var _instance$getRightHea, _instance$getRightHea2;
+
+        return (_instance$getRightHea = (_instance$getRightHea2 = instance.getRightHeaderGroups()[0]) == null ? void 0 : _instance$getRightHea2.headers.reduce(function (sum, header) {
+          return sum + header.getWidth();
+        }, 0)) != null ? _instance$getRightHea : 0;
       }
     });
 
-    return Object.assign(instance, finalInstance);
+    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;
+    });
+    return instance;
   }
 
   function createTable() {
@@ -3347,7 +4710,17 @@
       createColumns: function createColumns(columns) {
         return columns;
       },
-      createColumn: function createColumn(accessor, column) {
+      createDisplayColumn: function createDisplayColumn(column) {
+        return _extends({}, column, {
+          __generated: true
+        });
+      },
+      createGroup: function createGroup(column) {
+        return _extends({}, column, {
+          __generated: true
+        });
+      },
+      createDataColumn: function createDataColumn(accessor, column) {
         column = _extends({}, column, {
           id: column.id
         });
@@ -3371,11 +4744,6 @@
 
         throw new Error('Invalid accessor');
       },
-      createGroup: function createGroup(column) {
-        return _extends({}, column, {
-          __generated: true
-        });
-      },
       useTable: function useTable(options) {
         var instanceRef = React__namespace.useRef(undefined);
         var rerender = React__namespace.useReducer(function () {
@@ -3403,4 +4771,4 @@
   Object.defineProperty(exports, '__esModule', { value: true });
 
 }));
-//# sourceMappingURL=react-table.development.js.map
+//# sourceMappingURL=index.development.js.map