@tanstack/table-core 8.0.0-alpha.58 → 8.0.0-alpha.61

package/build/umd/index.development.js

@@ -104,13 +104,6 @@
     return typeof key === "symbol" ? key : String(key);
   }
 
-  // export type DefinedGenericKeys<T extends TableGenerics> = {
-  //   [K in keyof T]: 0 extends 1 & T[K] ? never : T[K] extends {} ? K : never
-  // }[keyof T]
-  // export type DefinedGenerics<T extends TableGenerics> = Pick<
-  //   T,
-  //   DefinedGenericKeys<T>
-  // >
   function functionalUpdate(updater, input) {
     return typeof updater === 'function' ? updater(input) : updater;
   }
@@ -171,14 +164,6 @@
     recurse(arr);
     return flat;
   }
-  // @ts-ignore // Just rely on the type, not the implementation
-  var propGetter = function propGetter(initial, getter) {
-    if (isFunction(getter)) {
-      return getter(initial);
-    }
-
-    return _extends({}, initial, getter != null ? getter : {});
-  };
   function memo(getDeps, fn, opts) {
     var deps = [];
     var result;
@@ -589,9 +574,6 @@
               return flattenBy(row.subRows, function (d) {
                 return d.subRows;
               });
-            },
-            getRowProps: function getRowProps(userProps) {
-              return instance.getRowProps(row.id, userProps);
             }
           };
 
@@ -624,18 +606,6 @@
           }
 
           return row;
-        },
-        getRowProps: function getRowProps(rowId, userProps) {
-          var row = instance.getRow(rowId);
-
-          if (!row) {
-            return;
-          }
-
-          return propGetter({
-            key: row.id,
-            role: 'row'
-          }, userProps);
         }
       };
     }
@@ -686,9 +656,6 @@
             row: row,
             column: column,
             value: value,
-            getCellProps: function getCellProps(userProps) {
-              return instance.getCellProps(row.id, column.id, userProps);
-            },
             renderCell: function renderCell() {
               return column.cell ? instance.render(column.cell, {
                 instance: instance,
@@ -724,18 +691,6 @@
           }
 
           return cell;
-        },
-        getCellProps: function getCellProps(rowId, columnId, userProps) {
-          var cell = instance.getCell(rowId, columnId);
-
-          if (!cell) {
-            return;
-          }
-
-          return propGetter({
-            key: cell.id,
-            role: 'gridcell'
-          }, userProps);
         }
       };
     }
@@ -801,8 +756,8 @@
         resetSize: function resetSize() {
           return instance.resetColumnSize(header.column.id);
         },
-        getResizerProps: function getResizerProps(userProps) {
-          return instance.getHeaderResizerProps(header.id, userProps);
+        getResizeHandler: function getResizeHandler() {
+          return instance.getResizeHandler(header.id);
         }
       };
     },
@@ -905,12 +860,16 @@
 
           return instance.getColumnIsResizing(header.column.id);
         },
-        getHeaderResizerProps: function getHeaderResizerProps(headerId, userProps) {
+        getResizeHandler: function getResizeHandler(headerId) {
           var header = instance.getHeader(headerId);
           var column = instance.getColumn(header.column.id);
           var canResize = column.getCanResize();
+          return function (e) {
+            if (!canResize) {
+              return;
+            }
+            e.persist == null ? void 0 : e.persist();
 
-          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) {
@@ -1027,21 +986,6 @@
               });
             });
           };
-
-          var initialProps = canResize ? {
-            title: 'Toggle Grouping',
-            draggable: false,
-            role: 'separator',
-            onMouseDown: function onMouseDown(e) {
-              e.persist == null ? void 0 : e.persist();
-              onResizeStart(e);
-            },
-            onTouchStart: function onTouchStart(e) {
-              e.persist == null ? void 0 : e.persist();
-              onResizeStart(e);
-            }
-          } : {};
-          return propGetter(initialProps, userProps);
         },
         getTotalSize: function getTotalSize() {
           var _instance$getHeaderGr, _instance$getHeaderGr2;
@@ -1122,9 +1066,7 @@
     createInstance: function createInstance(instance) {
       var registered = false;
       return {
-        queueResetExpanded: function queueResetExpanded() {
-          instance.queueResetPageIndex();
-
+        _autoResetExpanded: function _autoResetExpanded() {
           if (!registered) {
             registered = true;
             return;
@@ -1224,7 +1166,7 @@
             return instance.getRowCanExpand(id);
           });
         },
-        getToggleExpandedProps: function getToggleExpandedProps(rowId, userProps) {
+        getToggleExpandedHandler: function getToggleExpandedHandler(rowId) {
           var row = instance.getRow(rowId);
 
           if (!row) {
@@ -1232,24 +1174,16 @@
           }
 
           var canExpand = instance.getRowCanExpand(rowId);
-          var initialProps = {
-            title: canExpand ? 'Toggle Expanded' : undefined,
-            onClick: canExpand ? function (e) {
-              e.persist == null ? void 0 : e.persist();
-              instance.toggleRowExpanded(rowId);
-            } : undefined
+          return function () {
+            if (!canExpand) return;
+            instance.toggleRowExpanded(rowId);
           };
-          return propGetter(initialProps, userProps);
-        },
-        getToggleAllRowsExpandedProps: function getToggleAllRowsExpandedProps(userProps) {
-          var initialProps = {
-            title: 'Toggle All Expanded',
-            onClick: function onClick(e) {
-              e.persist == null ? void 0 : e.persist();
-              instance.toggleAllRowsExpanded();
-            }
+        },
+        getToggleAllRowsExpandedHandler: function getToggleAllRowsExpandedHandler() {
+          return function (e) {
+            e.persist == null ? void 0 : e.persist();
+            instance.toggleAllRowsExpanded();
           };
-          return propGetter(initialProps, userProps);
         },
         getIsSomeRowsExpanded: function getIsSomeRowsExpanded() {
           var expanded = instance.getState().expanded;
@@ -1308,8 +1242,8 @@
         getCanExpand: function getCanExpand() {
           return row.subRows && !!row.subRows.length;
         },
-        getToggleExpandedProps: function getToggleExpandedProps(userProps) {
-          return instance.getToggleExpandedProps(row.id, userProps);
+        getToggleExpandedHandler: function getToggleExpandedHandler() {
+          return instance.getToggleExpandedHandler(row.id);
         }
       };
     }
@@ -1322,6 +1256,7 @@
     equalsStringSensitive: equalsStringSensitive,
     arrIncludes: arrIncludes,
     arrIncludesAll: arrIncludesAll,
+    arrIncludesSome: arrIncludesSome,
     equals: equals,
     weakEquals: weakEquals,
     betweenNumberRange: betweenNumberRange
@@ -1411,6 +1346,21 @@
     return testFalsey(val) || !(val != null && val.length);
   };
 
+  function arrIncludesSome(rows, columnIds, filterValue) {
+    return rows.filter(function (row) {
+      return columnIds.some(function (id) {
+        var rowValue = row.values[id];
+        return rowValue && rowValue.length && filterValue.some(function (val) {
+          return rowValue.includes(val);
+        });
+      });
+    });
+  }
+
+  arrIncludesSome.autoRemove = function (val) {
+    return testFalsey(val) || !(val != null && val.length);
+  };
+
   function equals(rows, columnIds, filterValue) {
     return rows.filter(function (row) {
       return columnIds.some(function (id) {
@@ -1490,9 +1440,7 @@
       return {
         onColumnFiltersChange: makeStateUpdater('columnFilters', instance),
         onGlobalFilterChange: makeStateUpdater('globalFilter', instance),
-        autoResetColumnFilters: true,
         filterFromLeafRows: true,
-        autoResetGlobalFilter: true,
         globalFilterFn: 'auto',
         getColumnCanGlobalFilterFn: function getColumnCanGlobalFilterFn(column) {
           var _instance$getCoreRowM, _instance$getCoreRowM2;
@@ -1579,28 +1527,7 @@
       };
     },
     createInstance: function createInstance(instance) {
-      var registered = false;
       return {
-        queueResetFilters: function queueResetFilters() {
-          instance.queueResetSorting();
-
-          if (!registered) {
-            registered = true;
-            return;
-          }
-
-          if (instance.options.autoResetAll === false) {
-            return;
-          }
-
-          if (instance.options.autoResetAll === true || instance.options.autoResetColumnFilters) {
-            instance.resetColumnFilters();
-          }
-
-          if (instance.options.autoResetAll === true || instance.options.autoResetGlobalFilter) {
-            instance.resetGlobalFilter();
-          }
-        },
         getColumnAutoFilterFn: function getColumnAutoFilterFn(columnId) {
           var firstRow = instance.getCoreRowModel().flatRows[0];
           var value = firstRow == null ? void 0 : firstRow.values[columnId];
@@ -1936,7 +1863,6 @@
     getDefaultOptions: function getDefaultOptions(instance) {
       return {
         onGroupingChange: makeStateUpdater('grouping', instance),
-        autoResetGrouping: true,
         groupedColumnMode: 'reorder'
       };
     },
@@ -1955,30 +1881,13 @@
         toggleGrouping: function toggleGrouping() {
           return instance.toggleColumnGrouping(column.id);
         },
-        getToggleGroupingProps: function getToggleGroupingProps(userProps) {
-          return instance.getToggleGroupingProps(column.id, userProps);
+        getToggleGroupingHandler: function getToggleGroupingHandler() {
+          return instance.getToggleGroupingHandler(column.id);
         }
       };
     },
     createInstance: function createInstance(instance) {
-      var registered = false;
       return {
-        queueResetGrouping: function queueResetGrouping() {
-          instance.queueResetExpanded();
-
-          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.getCoreRowModel().flatRows[0];
           var value = firstRow == null ? void 0 : firstRow.values[columnId];
@@ -2046,16 +1955,13 @@
 
           instance.setGrouping((_instance$initialStat = (_instance$initialStat2 = instance.initialState) == null ? void 0 : _instance$initialStat2.grouping) != null ? _instance$initialStat : []);
         },
-        getToggleGroupingProps: function getToggleGroupingProps(columnId, userProps) {
+        getToggleGroupingHandler: function getToggleGroupingHandler(columnId) {
           var column = instance.getColumn(columnId);
           var canGroup = column.getCanGroup();
-          var initialProps = {
-            title: canGroup ? 'Toggle Grouping' : undefined,
-            onClick: canGroup ? function (e) {
-              column.toggleGrouping == null ? void 0 : column.toggleGrouping();
-            } : undefined
+          return function () {
+            if (!canGroup) return;
+            column.toggleGrouping == null ? void 0 : column.toggleGrouping();
           };
-          return propGetter(initialProps, userProps);
         },
         getRowIsGrouped: function getRowIsGrouped(rowId) {
           var _instance$getRow;
@@ -2203,13 +2109,13 @@
 
   //
   var Pagination = {
-    getInitialState: function getInitialState() {
+    getInitialState: function getInitialState(initialState) {
       return {
-        pagination: {
+        pagination: _extends({
           pageCount: -1,
           pageIndex: 0,
           pageSize: 10
-        }
+        }, initialState == null ? void 0 : initialState.pagination)
       };
     },
     getDefaultOptions: function getDefaultOptions(instance) {
@@ -2221,7 +2127,7 @@
     createInstance: function createInstance(instance) {
       var registered = false;
       return {
-        queueResetPageIndex: function queueResetPageIndex() {
+        _autoResetPageIndex: function _autoResetPageIndex() {
           if (!registered) {
             registered = true;
             return;
@@ -2683,7 +2589,6 @@
     getDefaultOptions: function getDefaultOptions(instance) {
       return {
         onRowSelectionChange: makeStateUpdater('rowSelection', instance),
-        autoResetRowSelection: true,
         enableRowSelection: true,
         enableMultiRowSelection: true,
         enableSubRowSelection: true // enableGroupingRowSelection: false,
@@ -2693,23 +2598,7 @@
       };
     },
     createInstance: function createInstance(instance) {
-      var registered = false; // const pageRows = instance.getPageRows()
-
       return {
-        queueResetRowSelection: function queueResetRowSelection() {
-          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);
         },
@@ -2839,11 +2728,6 @@
             var _instance$options$deb;
 
             return (_instance$options$deb = instance.options.debugAll) != null ? _instance$options$deb : instance.options.debugTable;
-          },
-          onChange: function onChange() {
-            instance.queue(function () {
-              return instance.queueResetExpanded();
-            });
           }
         }),
         getFilteredSelectedRowModel: memo(function () {
@@ -2864,11 +2748,6 @@
             var _instance$options$deb2;
 
             return (_instance$options$deb2 = instance.options.debugAll) != null ? _instance$options$deb2 : instance.options.debugTable;
-          },
-          onChange: function onChange() {
-            return instance.queue(function () {
-              return instance.queueResetExpanded();
-            });
           }
         }),
         getGroupedSelectedRowModel: memo(function () {
@@ -2889,11 +2768,6 @@
             var _instance$options$deb3;
 
             return (_instance$options$deb3 = instance.options.debugAll) != null ? _instance$options$deb3 : instance.options.debugTable;
-          },
-          onChange: function onChange() {
-            return instance.queue(function () {
-              return instance.queueResetExpanded();
-            });
           }
         }),
         ///
@@ -3019,59 +2893,27 @@
           var paginationFlatRows = instance.getPaginationRowModel().flatRows;
           return instance.getIsAllPageRowsSelected() ? false : !!(paginationFlatRows != null && paginationFlatRows.length);
         },
-        getToggleRowSelectedProps: function getToggleRowSelectedProps(rowId, userProps) {
+        getToggleRowSelectedHandler: function getToggleRowSelectedHandler(rowId) {
           var row = instance.getRow(rowId);
-          var isSelected = row.getIsSelected();
-          var isSomeSelected = row.getIsSomeSelected();
+          row.getIsSelected();
+          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 function (e) {
+            var _target;
 
+            if (!canSelect) return;
+            row.toggleSelected((_target = e.target) == null ? void 0 : _target.checked);
           };
-          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
+        },
+        getToggleAllRowsSelectedHandler: function getToggleAllRowsSelectedHandler() {
+          return function (e) {
+            instance.toggleAllRowsSelected(e.target.checked);
           };
-          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
+        },
+        getToggleAllPageRowsSelectedHandler: function getToggleAllPageRowsSelectedHandler() {
+          return function (e) {
+            instance.toggleAllPageRowsSelected(e.target.checked);
           };
-          return propGetter(initialProps, userProps);
         }
       };
     },
@@ -3086,8 +2928,8 @@
         toggleSelected: function toggleSelected(value) {
           return instance.toggleRowSelected(row.id, value);
         },
-        getToggleSelectedProps: function getToggleSelectedProps(userProps) {
-          return instance.getToggleRowSelectedProps(row.id, userProps);
+        getToggleSelectedHandler: function getToggleSelectedHandler() {
+          return instance.getToggleRowSelectedHandler(row.id);
         },
         getCanMultiSelect: function getCanMultiSelect() {
           return instance.getRowCanMultiSelect(row.id);
@@ -3303,7 +3145,6 @@
     getDefaultOptions: function getDefaultOptions(instance) {
       return {
         onSortingChange: makeStateUpdater('sorting', instance),
-        autoResetSorting: true,
         isMultiSortEvent: function isMultiSortEvent(e) {
           return e.shiftKey;
         }
@@ -3330,30 +3171,13 @@
         toggleSorting: function toggleSorting(desc, isMulti) {
           return instance.toggleColumnSorting(column.id, desc, isMulti);
         },
-        getToggleSortingProps: function getToggleSortingProps(userProps) {
-          return instance.getToggleSortingProps(column.id, userProps);
+        getToggleSortingHandler: function getToggleSortingHandler() {
+          return instance.getToggleSortingHandler(column.id);
         }
       };
     },
     createInstance: function createInstance(instance) {
-      var registered = false;
       return {
-        queueResetSorting: function queueResetSorting() {
-          instance.queueResetGrouping();
-
-          if (!registered) {
-            registered = true;
-            return;
-          }
-
-          if (instance.options.autoResetAll === false) {
-            return;
-          }
-
-          if (instance.options.autoResetAll === true || instance.options.autoResetSorting) {
-            instance.resetSorting();
-          }
-        },
         getColumnAutoSortingFn: function getColumnAutoSortingFn(columnId) {
           var firstRows = instance.getGlobalFilteredRowModel().flatRows.slice(100);
           var isString = false;
@@ -3551,7 +3375,7 @@
             instance.setSorting((_instance$initialStat = (_instance$initialStat2 = instance.initialState) == null ? void 0 : _instance$initialStat2.sorting) != null ? _instance$initialStat : []);
           }
         },
-        getToggleSortingProps: function getToggleSortingProps(columnId, userProps) {
+        getToggleSortingHandler: function getToggleSortingHandler(columnId) {
           var column = instance.getColumn(columnId);
 
           if (!column) {
@@ -3559,14 +3383,11 @@
           }
 
           var canSort = column.getCanSort();
-          var initialProps = {
-            title: canSort ? 'Toggle Sorting' : undefined,
-            onClick: canSort ? function (e) {
-              e.persist == null ? void 0 : e.persist();
-              column.toggleSorting == null ? void 0 : column.toggleSorting(undefined, column.getCanMultiSort() ? instance.options.isMultiSortEvent == null ? void 0 : instance.options.isMultiSortEvent(e) : false);
-            } : undefined
+          return function (e) {
+            if (!canSort) return;
+            e.persist == null ? void 0 : e.persist();
+            column.toggleSorting == null ? void 0 : column.toggleSorting(undefined, column.getCanMultiSort() ? instance.options.isMultiSortEvent == null ? void 0 : instance.options.isMultiSortEvent(e) : false);
           };
-          return propGetter(initialProps, userProps);
         },
         getPreSortedRowModel: function getPreSortedRowModel() {
           return instance.getGlobalFilteredRowModel();
@@ -3614,16 +3435,10 @@
         toggleVisibility: function toggleVisibility(value) {
           return instance.toggleColumnVisibility(column.id, value);
         },
-        getToggleVisibilityProps: function getToggleVisibilityProps(userProps) {
-          var props = {
-            type: 'checkbox',
-            checked: column.getIsVisible == null ? void 0 : column.getIsVisible(),
-            title: 'Toggle Column Visibility',
-            onChange: function onChange(e) {
-              column.toggleVisibility == null ? void 0 : column.toggleVisibility(e.target.checked);
-            }
+        getToggleVisibilityHandler: function getToggleVisibilityHandler() {
+          return function (e) {
+            column.toggleVisibility == null ? void 0 : column.toggleVisibility(e.target.checked);
           };
-          return propGetter(props, userProps);
         }
       };
     },
@@ -3755,19 +3570,12 @@
             return column.getIsVisible == null ? void 0 : column.getIsVisible();
           });
         },
-        getToggleAllColumnsVisibilityProps: function getToggleAllColumnsVisibilityProps(userProps) {
-          var props = {
-            onChange: function onChange(e) {
-              var _e$target;
+        getToggleAllColumnsVisibilityHandler: function getToggleAllColumnsVisibilityHandler() {
+          return function (e) {
+            var _target;
 
-              instance.toggleAllColumnsVisible((_e$target = e.target) == null ? void 0 : _e$target.checked);
-            },
-            type: 'checkbox',
-            title: 'Toggle visibility for all columns',
-            checked: instance.getIsAllColumnsVisible(),
-            indeterminate: !instance.getIsAllColumnsVisible() && instance.getIsSomeColumnsVisible() ? 'indeterminate' : undefined
+            instance.toggleAllColumnsVisible((_target = e.target) == null ? void 0 : _target.checked);
           };
-          return propGetter(props, userProps);
         }
       };
     }
@@ -3830,12 +3638,6 @@
               recurseHeader(header);
               return leafHeaders;
             },
-            getHeaderProps: function getHeaderProps(userProps) {
-              return instance.getHeaderProps(header.id, userProps);
-            },
-            getFooterProps: function getFooterProps(userProps) {
-              return instance.getFooterProps(header.id, userProps);
-            },
             renderHeader: function renderHeader() {
               return column.header ? instance.render(column.header, {
                 instance: instance,
@@ -4111,60 +3913,6 @@
           }
 
           return header;
-        },
-        getHeaderGroupProps: function getHeaderGroupProps(id, userProps) {
-          var headerGroup = instance.getHeaderGroups().find(function (d) {
-            return d.id === id;
-          });
-
-          if (!headerGroup) {
-            return;
-          }
-
-          return propGetter({
-            key: headerGroup.id,
-            role: 'row'
-          }, userProps);
-        },
-        getFooterGroupProps: function getFooterGroupProps(id, userProps) {
-          var headerGroup = instance.getFooterGroups().find(function (d) {
-            return d.id === id;
-          });
-
-          if (!headerGroup) {
-            return;
-          }
-
-          var initialProps = {
-            key: headerGroup.id,
-            role: 'row'
-          };
-          return propGetter(initialProps, userProps);
-        },
-        getHeaderProps: function getHeaderProps(id, userProps) {
-          var header = instance.getHeader(id);
-
-          if (!header) {
-            throw new Error();
-          }
-
-          var initialProps = {
-            key: header.id,
-            role: 'columnheader',
-            colSpan: header.colSpan,
-            rowSpan: header.rowSpan
-          };
-          return propGetter(initialProps, userProps);
-        },
-        getFooterProps: function getFooterProps(id, userProps) {
-          var header = instance.getHeader(id);
-          var initialProps = {
-            key: header.id,
-            role: 'columnfooter',
-            colSpan: header.colSpan,
-            rowSpan: header.rowSpan
-          };
-          return propGetter(initialProps, userProps);
         }
       };
     }
@@ -4204,13 +3952,7 @@
       var headerGroup = {
         depth: depth,
         id: [headerFamily, "" + depth].filter(Boolean).join('_'),
-        headers: [],
-        getHeaderGroupProps: function getHeaderGroupProps(getterValue) {
-          return instance.getHeaderGroupProps("" + depth, getterValue);
-        },
-        getFooterGroupProps: function getFooterGroupProps(getterValue) {
-          return instance.getFooterGroupProps("" + depth, getterValue);
-        }
+        headers: []
       }; // The parent columns we're going to scan next
 
       var pendingParentHeaders = []; // Scan each column for parents
@@ -4323,18 +4065,22 @@
       return Object.assign(obj, feature.getDefaultOptions == null ? void 0 : feature.getDefaultOptions(instance));
     }, {});
 
-    var buildOptions = function buildOptions(options) {
+    var mergeOptions = function mergeOptions(options) {
+      if (instance.options.mergeOptions) {
+        return instance.options.mergeOptions(defaultOptions, options);
+      }
+
       return _extends({}, defaultOptions, options);
     };
 
-    instance.options = buildOptions(options);
+    instance.options = _extends({}, defaultOptions, options);
     var coreInitialState = {
       coreProgress: 1
     };
 
-    var initialState = _extends({}, coreInitialState, instance._features.reduce(function (obj, feature) {
-      return Object.assign(obj, feature.getInitialState == null ? void 0 : feature.getInitialState());
-    }, {}), (_options$initialState = options.initialState) != null ? _options$initialState : {});
+    var initialState = _extends({}, coreInitialState, (_options$initialState = options.initialState) != null ? _options$initialState : {}, instance._features.reduce(function (obj, feature) {
+      return Object.assign(obj, feature.getInitialState == null ? void 0 : feature.getInitialState(options.initialState));
+    }, {}));
 
     var queued = [];
     var queuedTimeout;
@@ -4366,12 +4112,7 @@
       },
       setOptions: function setOptions(updater) {
         var newOptions = functionalUpdate(updater, instance.options);
-
-        if (instance.options.mergeOptions) {
-          instance.options = instance.options.mergeOptions(defaultOptions, newOptions);
-        } else {
-          instance.options = buildOptions(newOptions);
-        }
+        instance.options = mergeOptions(newOptions);
       },
       render: function render(template, props) {
         if (typeof instance.options.render === 'function') {
@@ -4390,16 +4131,6 @@
       setState: function setState(updater) {
         instance.options.onStateChange == null ? void 0 : instance.options.onStateChange(updater);
       },
-      getTableProps: function getTableProps(userProps) {
-        return propGetter({
-          role: 'table'
-        }, userProps);
-      },
-      getTableBodyProps: function getTableBodyProps(userProps) {
-        return propGetter({
-          role: 'rowgroup'
-        }, userProps);
-      },
       getOverallProgress: function getOverallProgress() {
         var _instance$getState = instance.getState(),
             coreProgress = _instance$getState.coreProgress,
@@ -4434,6 +4165,9 @@
           throw new Error('');
         }()
       },
+      setGenerics: function setGenerics() {
+        return table;
+      },
       setRowType: function setRowType() {
         return table;
       },
@@ -4446,9 +4180,6 @@
       setOptions: function setOptions(newOptions) {
         return createTable(_, __, _extends({}, options, newOptions));
       },
-      createColumns: function createColumns(columns) {
-        return columns;
-      },
       createDisplayColumn: function createDisplayColumn(column) {
         return _extends({}, column, {
           columnDefType: 'display'
@@ -4563,8 +4294,7 @@
         },
         onChange: function onChange() {
           instance.queue(function () {
-            instance.queueResetFilters();
-            instance.queueResetRowSelection();
+            instance._autoResetPageIndex();
           });
         }
       });
@@ -4670,8 +4400,7 @@
         },
         onChange: function onChange() {
           instance.queue(function () {
-            instance.queueResetFilters();
-            instance.queueResetRowSelection();
+            instance._autoResetPageIndex();
           });
         }
       });
@@ -4850,7 +4579,7 @@
         },
         onChange: function onChange() {
           instance.queue(function () {
-            instance.queueResetSorting();
+            instance._autoResetPageIndex();
           });
         }
       });
@@ -4922,7 +4651,7 @@
         },
         onChange: function onChange() {
           instance.queue(function () {
-            instance.queueResetSorting();
+            instance._autoResetPageIndex();
           });
         }
       });
@@ -5022,7 +4751,7 @@
         },
         onChange: function onChange() {
           instance.queue(function () {
-            instance.queueResetGrouping();
+            instance._autoResetPageIndex();
           });
         }
       });
@@ -5164,7 +4893,9 @@
         },
         onChange: function onChange() {
           instance.queue(function () {
-            instance.queueResetExpanded();
+            instance._autoResetExpanded();
+
+            instance._autoResetPageIndex();
           });
         }
       });
@@ -5305,7 +5036,6 @@
   exports.memo = memo;
   exports.noop = noop;
   exports.passiveEventSupported = passiveEventSupported;
-  exports.propGetter = propGetter;
   exports.selectRowsFn = selectRowsFn;
   exports.shouldAutoRemoveFilter = shouldAutoRemoveFilter;