@tanstack/react-table 8.0.0-alpha.1 → 8.0.0-alpha.4

package/build/esm/index.js

@@ -11,7 +11,8 @@
 import * as React from 'react';
 import React__default from '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;
@@ -123,9 +124,10 @@ var columnFilterRowsFn = function columnFilterRowsFn(instance, columnFilters, ro
     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;
@@ -207,9 +209,10 @@ var globalFilterRowsFn = function globalFilterRowsFn(instance, globalFilter, row
     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) {
@@ -284,7 +287,7 @@ var sortRowsFn = function sortRowsFn(instance, sortingState, rowModel) {
     flatRows: sortedFlatRows,
     rowsById: rowModel.rowsById
   };
-};
+}
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -418,7 +421,7 @@ var propGetter = function propGetter(initial, getter) {
 
   return _extends({}, initial, getter != null ? getter : {});
 };
-function memo(getDeps, fn, key, debug) {
+function memo(getDeps, fn, opts) {
   var deps = [];
   var result;
   return function () {
@@ -430,8 +433,8 @@ function memo(getDeps, fn, key, debug) {
     });
 
     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]) {
@@ -448,8 +451,11 @@ function memo(getDeps, fn, key, debug) {
         }));
       }
 
+      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;
@@ -490,8 +496,9 @@ function isExoticComponent(component) {
 //   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
@@ -608,7 +615,7 @@ var groupRowsFn = function groupRowsFn(instance, groupingState, sortedRowModel)
     flatRows: groupedFlatRows,
     rowsById: groupedRowsById
   };
-};
+}
 
 function groupBy(rows, columnId) {
   var groupMap = new Map();
@@ -626,7 +633,7 @@ function groupBy(rows, columnId) {
   }, groupMap);
 }
 
-var expandRowsFn = function expandRowsFn(instance, _expandedState, sortedRowModel) {
+function expandRowsFn(instance, sortedRowModel) {
   var expandedRows = [];
   var expandSubRows = instance.options.expandSubRows;
 
@@ -646,15 +653,41 @@ var expandRowsFn = function expandRowsFn(instance, _expandedState, sortedRowMode
     flatRows: sortedRowModel.flatRows,
     rowsById: sortedRowModel.rowsById
   };
-};
+}
+
+function paginateRowsFn(instance, rowModel) {
+  var _instance$getState$pa = instance.getState().pagination,
+      pageSize = _instance$getState$pa.pageSize,
+      pageIndex = _instance$getState$pa.pageIndex;
+  var rows = rowModel.rows,
+      flatRows = rowModel.flatRows,
+      rowsById = rowModel.rowsById;
+  var pageStart = pageSize * pageIndex;
+  var pageEnd = pageStart + pageSize;
+  rows = rows.slice(pageStart, pageEnd);
+
+  if (!instance.options.paginateExpandedRows) {
+    return expandRowsFn(instance, {
+      rows: rows,
+      flatRows: flatRows,
+      rowsById: rowsById
+    });
+  }
+
+  return {
+    rows: rows,
+    flatRows: flatRows,
+    rowsById: rowsById
+  };
+}
 
 //
-function getInitialState$6() {
+function getInitialState$9() {
   return {
     columnVisibility: {}
   };
 }
-function getDefaultOptions$6(instance) {
+function getDefaultOptions$9(instance) {
   return {
     onColumnVisibilityChange: makeStateUpdater('columnVisibility', instance)
   };
@@ -664,7 +697,7 @@ function getDefaultColumn$3() {
     defaultIsVisible: true
   };
 }
-function createColumn$4(column, instance) {
+function createColumn$5(column, instance) {
   return {
     getCanHide: function getCanHide() {
       return instance.getColumnCanHide(column.id);
@@ -688,7 +721,7 @@ function createColumn$4(column, instance) {
     }
   };
 }
-function getInstance$7(instance) {
+function getInstance$a(instance) {
   return {
     getVisibleFlatColumns: memo(function () {
       return [instance.getAllFlatColumns(), instance.getAllFlatColumns().filter(function (d) {
@@ -700,7 +733,10 @@ function getInstance$7(instance) {
       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();
@@ -711,7 +747,10 @@ function getInstance$7(instance) {
       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));
     },
@@ -785,6 +824,15 @@ function getInstance$7(instance) {
   };
 }
 
+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,
@@ -903,19 +951,19 @@ function getDefaultColumn$2() {
     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() {
@@ -935,8 +983,23 @@ function createColumn$3(column, instance) {
     }
   };
 }
-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];
@@ -1034,8 +1097,14 @@ function getInstance$6(instance) {
       }
 
       if (process.env.NODE_ENV !== 'production' && 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;
     },
@@ -1056,7 +1125,7 @@ function getInstance$6(instance) {
     }
   };
 }
-function createRow$2(row, instance) {
+function createRow$3(row, instance) {
   return {
     getIsGrouped: function getIsGrouped() {
       return instance.getRowIsGrouped(row.id);
@@ -1099,18 +1168,30 @@ function orderColumns(leafColumns, grouping, groupedColumnMode) {
   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));
@@ -1157,12 +1238,22 @@ function getInstance$5(instance) {
 
         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: [],
@@ -1170,12 +1261,12 @@ function getInitialState$3() {
     }
   };
 }
-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);
@@ -1191,7 +1282,7 @@ function createColumn$2(column, instance) {
     }
   };
 }
-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));
@@ -1278,33 +1369,27 @@ function getInstance$4(instance) {
       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') {
-        if (process.env.NODE_ENV !== 'production') {
-          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) {
@@ -1316,12 +1401,18 @@ function createRow$1(row, instance) {
       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) {
@@ -1329,7 +1420,10 @@ function createRow$1(row, instance) {
       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) {
@@ -1339,7 +1433,10 @@ function createRow$1(row, instance) {
         });
       }).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) {
@@ -1349,10 +1446,13 @@ function createRow$1(row, instance) {
         });
       }).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;
@@ -1405,17 +1505,20 @@ function getInstance$3(instance) {
         },
         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
@@ -1433,7 +1536,10 @@ function getInstance$3(instance) {
       });
       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) {
@@ -1441,7 +1547,10 @@ function getInstance$3(instance) {
         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) {
@@ -1449,7 +1558,10 @@ function getInstance$3(instance) {
         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) {
@@ -1457,28 +1569,43 @@ function getInstance$3(instance) {
         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()];
@@ -1486,28 +1613,40 @@ function getInstance$3(instance) {
       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()];
@@ -1517,7 +1656,10 @@ function getInstance$3(instance) {
 
         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) {
@@ -1526,7 +1668,10 @@ function getInstance$3(instance) {
 
         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) {
@@ -1535,7 +1680,10 @@ function getInstance$3(instance) {
 
         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) {
@@ -1544,7 +1692,10 @@ function getInstance$3(instance) {
       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;
@@ -1766,6 +1917,13 @@ function buildHeaderGroups(allColumns, columnsToGroup, instance, headerFamily) {
   return headerGroups;
 }
 
+var Headers = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  createRow: createRow$2,
+  getInstance: getInstance$6,
+  buildHeaderGroups: buildHeaderGroups
+});
+
 var filterTypes = {
   includesString: includesString,
   includesStringSensitive: includesStringSensitive,
@@ -1928,13 +2086,13 @@ function getDefaultColumn$1() {
     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),
@@ -1950,7 +2108,7 @@ function getDefaultOptions$2(instance) {
     }
   };
 }
-function createColumn$1(column, instance) {
+function createColumn$2(column, instance) {
   var getFacetInfo = memo(function () {
     return [column.getPreFilteredRows()];
   }, function (rows) {
@@ -1987,7 +2145,10 @@ function createColumn$1(column, instance) {
       preFilteredUniqueValues: preFilteredUniqueValues,
       preFilteredMinMaxValues: preFilteredMinMaxValues
     };
-  }, 'column.getFacetInfo', instance.options.debug);
+  }, {
+    key: 'column.getFacetInfo',
+    debug: instance.options.debug
+  });
   return {
     filterType: column.filterType,
     getCanColumnFilter: function getCanColumnFilter() {
@@ -2019,8 +2180,31 @@ function createColumn$1(column, instance) {
     }
   };
 }
-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];
@@ -2201,7 +2385,7 @@ function getInstance$2(instance) {
         }
 
         if (process.env.NODE_ENV !== 'production' && 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
 
@@ -2221,7 +2405,24 @@ function getInstance$2(instance) {
         };
       });
       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;
     },
@@ -2249,7 +2450,7 @@ function getInstance$2(instance) {
         }
 
         if (process.env.NODE_ENV !== 'production' && 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
 
@@ -2269,7 +2470,13 @@ function getInstance$2(instance) {
         };
       });
       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;
     },
@@ -2294,6 +2501,16 @@ function shouldAutoRemoveFilter(filterFn, value, column) {
   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,
@@ -2405,18 +2622,21 @@ function getDefaultColumn() {
     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() {
@@ -2439,22 +2659,60 @@ function createColumn(column, instance) {
     }
   };
 }
-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;
 
@@ -2465,7 +2723,7 @@ function getInstance$1(instance) {
         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));
@@ -2475,10 +2733,18 @@ function getInstance$1(instance) {
 
       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) {
@@ -2492,7 +2758,7 @@ function getInstance$1(instance) {
 
         var sortAction;
 
-        if (!column.getCanMultiSort() && multi) {
+        if (column.getCanMultiSort() && multi) {
           if (existingSorting) {
             sortAction = 'toggle';
           } else {
@@ -2509,7 +2775,7 @@ function getInstance$1(instance) {
           }
         }
 
-        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
@@ -2555,7 +2821,7 @@ function getInstance$1(instance) {
       });
     },
     getColumnCanSort: function getColumnCanSort(columnId) {
-      var _ref2, _ref3, _column$enableSorting;
+      var _ref3, _ref4, _column$enableSorting;
 
       var column = instance.getColumn(columnId);
 
@@ -2563,10 +2829,13 @@ function getInstance$1(instance) {
         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);
 
@@ -2574,7 +2843,7 @@ function getInstance$1(instance) {
         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;
@@ -2621,8 +2890,14 @@ function getInstance$1(instance) {
       }
 
       if (process.env.NODE_ENV !== 'production' && 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;
     },
@@ -2644,13 +2919,22 @@ function getInstance$1(instance) {
   };
 }
 
+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,
@@ -2661,8 +2945,23 @@ function getDefaultOptions(instance) {
     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));
     },
@@ -2810,8 +3109,14 @@ function getInstance(instance) {
       }
 
       if (process.env.NODE_ENV !== 'production' && 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;
     },
@@ -2832,7 +3137,7 @@ function getInstance(instance) {
     }
   };
 }
-function createRow(row, instance) {
+function createRow$1(row, instance) {
   return {
     toggleExpanded: function toggleExpanded(expanded) {
       return void instance.toggleRowExpanded(row.id, expanded);
@@ -2856,87 +3161,1122 @@ function createRow(row, instance) {
   };
 }
 
-function createTableInstance(options, rerender) {
-  var _options$initialState;
+var Expanding = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  getInitialState: getInitialState$3,
+  getDefaultOptions: getDefaultOptions$3,
+  getInstance: getInstance$3,
+  createRow: createRow$1
+});
 
-  if (process.env.NODE_ENV !== 'production' && options.debug) {
-    console.info('Creating React Table Instance...');
-  }
+//
+var defaultColumnSizing = {
+  width: 150,
+  minWidth: 20,
+  maxWidth: Number.MAX_SAFE_INTEGER
+};
+function getInitialState$2() {
+  return {
+    columnSizing: {},
+    columnSizingInfo: {
+      startOffset: null,
+      startSize: null,
+      deltaOffset: null,
+      deltaPercentage: null,
+      isResizingColumn: false,
+      columnSizingStart: []
+    }
+  };
+}
+function getDefaultOptions$2(instance) {
+  return {
+    columnResizeMode: 'onEnd',
+    onColumnSizingChange: makeStateUpdater('columnSizing', instance),
+    onColumnSizingInfoChange: makeStateUpdater('columnSizingInfo', instance)
+  };
+}
+function getInstance$2(instance) {
+  return {
+    setColumnSizing: function setColumnSizing(updater) {
+      return instance.options.onColumnSizingChange == null ? void 0 : instance.options.onColumnSizingChange(updater, functionalUpdate(updater, instance.getState().columnSizing));
+    },
+    setColumnSizingInfo: function setColumnSizingInfo(updater) {
+      return instance.options.onColumnSizingInfoChange == null ? void 0 : instance.options.onColumnSizingInfoChange(updater, functionalUpdate(updater, instance.getState().columnSizingInfo));
+    },
+    resetColumnSizing: function resetColumnSizing() {
+      var _instance$initialStat;
 
-  var instance = {};
+      instance.setColumnSizing((_instance$initialStat = instance.initialState.columnSizing) != null ? _instance$initialStat : {});
+    },
+    resetHeaderSizeInfo: function resetHeaderSizeInfo() {
+      var _instance$initialStat2;
 
-  var defaultOptions = _extends({}, getDefaultOptions$6(instance), getDefaultOptions$4(instance), getDefaultOptions$3(instance), getDefaultOptions$2(instance), getDefaultOptions$1(instance), getDefaultOptions$5(instance), getDefaultOptions(instance));
+      instance.setColumnSizingInfo((_instance$initialStat2 = instance.initialState.columnSizingInfo) != null ? _instance$initialStat2 : {});
+    },
+    resetColumnSize: function resetColumnSize(columnId) {
+      instance.setColumnSizing(function (_ref) {
+        _ref[columnId];
+            var rest = _objectWithoutPropertiesLoose(_ref, [columnId].map(_toPropertyKey));
 
-  var defaultState = {};
+        return rest;
+      });
+    },
+    resetHeaderSize: function resetHeaderSize(headerId) {
+      var header = instance.getHeader(headerId);
 
-  var buildOptions = function buildOptions(options) {
-    return _extends({
-      state: defaultState
-    }, defaultOptions, options);
-  };
+      if (!header) {
+        return;
+      }
 
-  instance.options = buildOptions(options);
+      return instance.resetColumnSize(header.column.id);
+    },
+    getHeaderCanResize: function getHeaderCanResize(headerId) {
+      var header = instance.getHeader(headerId);
 
-  var initialState = _extends({}, getInitialState$6(), getInitialState$4(), getInitialState$3(), getInitialState$2(), getInitialState$1(), getInitialState$5(), getInitialState(), (_options$initialState = options.initialState) != null ? _options$initialState : {});
+      if (!header) {
+        throw new Error();
+      }
 
-  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);
-    },
-    updateOptions: function updateOptions(newOptions) {
-      instance.options = buildOptions(newOptions);
+      return instance.getColumnCanResize(header.column.id);
     },
-    getRowId: function getRowId(_, index, parent) {
-      return "" + (parent ? [parent.id, index].join('.') : index);
+    getColumnCanResize: function getColumnCanResize(columnId) {
+      var _ref2, _ref3, _column$enableResizin;
+
+      var column = instance.getColumn(columnId);
+
+      if (!column) {
+        throw new Error();
+      }
+
+      return (_ref2 = (_ref3 = (_column$enableResizin = column.enableResizing) != null ? _column$enableResizin : instance.options.enableColumnResizing) != null ? _ref3 : column.defaultCanResize) != null ? _ref2 : true;
     },
-    getState: function getState() {
-      return _extends({}, instance.internalState, instance.options.state);
+    getColumnIsResizing: function getColumnIsResizing(columnId) {
+      var column = instance.getColumn(columnId);
+
+      if (!column) {
+        throw new Error();
+      }
+
+      return instance.getState().columnSizingInfo.isResizingColumn === columnId;
     },
-    setState: function setState(updater, shouldRerender) {
-      if (shouldRerender === void 0) {
-        shouldRerender = true;
+    getHeaderIsResizing: function getHeaderIsResizing(headerId) {
+      var header = instance.getHeader(headerId);
+
+      if (!header) {
+        throw new Error();
       }
 
-      var newState = functionalUpdate(updater, instance.internalState);
-      var onStateChange = instance.options.onStateChange;
-      instance.internalState = newState;
+      return instance.getColumnIsResizing(header.column.id);
+    },
+    getColumnResizerProps: function getColumnResizerProps(headerId, userProps) {
+      var header = instance.getHeader(headerId);
 
-      if (onStateChange) {
-        onStateChange(newState);
+      if (!header) {
         return;
       }
 
-      if (shouldRerender) {
-        instance.rerender();
+      var column = instance.getColumn(header.column.id);
+
+      if (!column) {
+        return;
       }
-    },
-    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,
+      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
+    }
+  };
+}
+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) {
+        var newState = functionalUpdate(updater, old);
+
+        if (instance.options.paginateRowsFn) {
+          var _instance$getPrePagin;
+
+          newState.pageCount = (_instance$getPrePagin = instance.getPrePaginationRows()) != null && _instance$getPrePagin.length ? Math.ceil(instance.getPrePaginationRows().length / instance.getState().pagination.pageSize) : 0;
+        }
+
+        return newState;
+      };
+
+      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 pageIndex = functionalUpdate(updater, old.pageIndex);
+        var maxPageIndex = old.pageCount && old.pageCount > 0 ? old.pageCount - 1 : Number.MAX_SAFE_INTEGER;
+        pageIndex = Math.min(Math.max(0, pageIndex), maxPageIndex);
+        return _extends({}, old, {
+          pageIndex: pageIndex
+        });
+      });
+    },
+    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) {
+        var newPageCount = functionalUpdate(updater, old.pageCount);
+
+        if (typeof newPageCount === 'number') {
+          newPageCount = Math.max(-1, newPageCount);
+        }
+
+        return _extends({}, old, {
+          pageCount: newPageCount
+        });
+      });
+    },
+    getPageOptions: memo(function () {
+      return [instance.getState().pagination.pageSize, instance.getState().pagination.pageCount];
+    }, function (pageSize, pageCount) {
+      var pageOptions = [];
+
+      if (pageCount && 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;
+    },
+    previousPage: function previousPage() {
+      return instance.setPageIndex(function (old) {
+        return old - 1;
+      });
+    },
+    nextPage: function nextPage() {
+      return 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 (process.env.NODE_ENV !== 'production' && 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 (process.env.NODE_ENV !== 'production' && 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 (process.env.NODE_ENV !== 'production' && 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 (process.env.NODE_ENV !== 'production' && 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 (process.env.NODE_ENV !== 'production' && 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;
         }
-      }, getDefaultColumn$3(), getDefaultColumn$1(), getDefaultColumn(), getDefaultColumn$2(), defaultColumn);
-    }, 'getDefaultColumn', instance.options.debug),
+      }, 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$5(columnDef, depth, parent) {
+    createColumn: function createColumn(columnDef, depth, parent) {
       var _ref2, _columnDef$id;
 
       var defaultColumn = instance.getDefaultColumn();
@@ -2959,11 +4299,7 @@ function createTableInstance(options, rerender) {
         throw new Error();
       }
 
-      var column = _extends({
-        width: 150,
-        minWidth: 20,
-        maxWidth: Number.MAX_SAFE_INTEGER
-      }, defaultColumn, columnDef, {
+      var column = _extends({}, defaultColumnSizing, defaultColumn, columnDef, {
         id: "" + id,
         accessorFn: accessorFn,
         parent: parent,
@@ -2981,7 +4317,10 @@ function createTableInstance(options, rerender) {
           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) {
@@ -2995,10 +4334,15 @@ function createTableInstance(options, rerender) {
           }
 
           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;
     },
@@ -3020,14 +4364,20 @@ function createTableInstance(options, rerender) {
       };
 
       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) {
@@ -3035,7 +4385,10 @@ function createTableInstance(options, rerender) {
         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) {
@@ -3043,7 +4396,10 @@ function createTableInstance(options, rerender) {
         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];
 
@@ -3058,7 +4414,7 @@ function createTableInstance(options, rerender) {
       return column;
     },
     getColumnWidth: function getColumnWidth(columnId) {
-      var _column$minWidth, _column$width, _column$maxWidth;
+      var _column$minWidth, _ref3, _column$maxWidth;
 
       var column = instance.getColumn(columnId);
 
@@ -3066,9 +4422,10 @@ function createTableInstance(options, rerender) {
         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,
@@ -3081,16 +4438,20 @@ function createTableInstance(options, rerender) {
         },
         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,
@@ -3111,7 +4472,10 @@ function createTableInstance(options, rerender) {
         return leafColumns.map(function (column) {
           return instance.createCell(row, column, row.values[column.id]);
         });
-      }, process.env.NODE_ENV !== 'production' ? 'row.getAllCells' : '', instance.options.debug);
+      }, {
+        key: process.env.NODE_ENV !== 'production' ? 'row.getAllCells' : '',
+        debug: instance.options.debug
+      });
       row.getAllCellsByColumnId = memo(function () {
         return [row.getAllCells()];
       }, function (allCells) {
@@ -3119,42 +4483,19 @@ function createTableInstance(options, rerender) {
           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 (process.env.NODE_ENV !== 'production' && 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 (process.env.NODE_ENV !== 'production' && instance.options.debug) console.info('Accessing...'); // Access the row model using initial columns
 
       var rows = [];
       var flatRows = [];
@@ -3222,7 +4563,15 @@ function createTableInstance(options, rerender) {
         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;
@@ -3236,7 +4585,7 @@ function createTableInstance(options, rerender) {
     // The final calls start at the bottom of the model,
     // expanded rows, which then work their way up
     getRowModel: function getRowModel() {
-      return instance.getExpandedRowModel();
+      return instance.getPaginationRowModel();
     },
     getRows: function getRows() {
       return instance.getRowModel().rows;
@@ -3316,10 +4665,44 @@ function createTableInstance(options, rerender) {
         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() {
@@ -3339,7 +4722,17 @@ function createTable() {
     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
       });
@@ -3363,11 +4756,6 @@ function createTable() {
 
       throw new Error('Invalid accessor');
     },
-    createGroup: function createGroup(column) {
-      return _extends({}, column, {
-        __generated: true
-      });
-    },
     useTable: function useTable(options) {
       var instanceRef = React.useRef(undefined);
       var rerender = React.useReducer(function () {
@@ -3385,5 +4773,5 @@ function createTable() {
   };
 }
 
-export { columnFilterRowsFn, createTable, expandRowsFn, globalFilterRowsFn, groupRowsFn, sortRowsFn };
+export { columnFilterRowsFn, createTable, expandRowsFn, globalFilterRowsFn, groupRowsFn, paginateRowsFn, sortRowsFn };
 //# sourceMappingURL=index.js.map