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

package/build/esm/index.js

@@ -98,13 +98,6 @@ function _toPropertyKey(arg) {
   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;
 }
@@ -165,14 +158,6 @@ function flattenBy(arr, getChildren) {
   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;
@@ -585,9 +570,6 @@ var Rows = {
             return flattenBy(row.subRows, function (d) {
               return d.subRows;
             });
-          },
-          getRowProps: function getRowProps(userProps) {
-            return instance.getRowProps(row.id, userProps);
           }
         };
 
@@ -622,18 +604,6 @@ var Rows = {
         }
 
         return row;
-      },
-      getRowProps: function getRowProps(rowId, userProps) {
-        var row = instance.getRow(rowId);
-
-        if (!row) {
-          return;
-        }
-
-        return propGetter({
-          key: row.id,
-          role: 'row'
-        }, userProps);
       }
     };
   }
@@ -684,9 +654,6 @@ var Cells = {
           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,
@@ -726,18 +693,6 @@ var Cells = {
         }
 
         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);
       }
     };
   }
@@ -803,8 +758,8 @@ var ColumnSizing = {
       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);
       }
     };
   },
@@ -907,12 +862,16 @@ var ColumnSizing = {
 
         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) {
@@ -1029,21 +988,6 @@ var ColumnSizing = {
             });
           });
         };
-
-        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;
@@ -1124,9 +1068,7 @@ var Expanding = {
   createInstance: function createInstance(instance) {
     var registered = false;
     return {
-      queueResetExpanded: function queueResetExpanded() {
-        instance.queueResetPageIndex();
-
+      _autoResetExpanded: function _autoResetExpanded() {
         if (!registered) {
           registered = true;
           return;
@@ -1226,7 +1168,7 @@ var Expanding = {
           return instance.getRowCanExpand(id);
         });
       },
-      getToggleExpandedProps: function getToggleExpandedProps(rowId, userProps) {
+      getToggleExpandedHandler: function getToggleExpandedHandler(rowId) {
         var row = instance.getRow(rowId);
 
         if (!row) {
@@ -1234,24 +1176,16 @@ var Expanding = {
         }
 
         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;
@@ -1310,8 +1244,8 @@ var Expanding = {
       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);
       }
     };
   }
@@ -1324,6 +1258,7 @@ var filterFns = {
   equalsStringSensitive: equalsStringSensitive,
   arrIncludes: arrIncludes,
   arrIncludesAll: arrIncludesAll,
+  arrIncludesSome: arrIncludesSome,
   equals: equals,
   weakEquals: weakEquals,
   betweenNumberRange: betweenNumberRange
@@ -1413,6 +1348,21 @@ arrIncludesAll.autoRemove = function (val) {
   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) {
@@ -1492,9 +1442,7 @@ var Filters = {
     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;
@@ -1581,28 +1529,7 @@ var Filters = {
     };
   },
   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];
@@ -1938,7 +1865,6 @@ var Grouping = {
   getDefaultOptions: function getDefaultOptions(instance) {
     return {
       onGroupingChange: makeStateUpdater('grouping', instance),
-      autoResetGrouping: true,
       groupedColumnMode: 'reorder'
     };
   },
@@ -1957,30 +1883,13 @@ var Grouping = {
       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];
@@ -2048,16 +1957,13 @@ var Grouping = {
 
         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;
@@ -2205,13 +2111,13 @@ var Ordering = {
 
 //
 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) {
@@ -2223,7 +2129,7 @@ var Pagination = {
   createInstance: function createInstance(instance) {
     var registered = false;
     return {
-      queueResetPageIndex: function queueResetPageIndex() {
+      _autoResetPageIndex: function _autoResetPageIndex() {
         if (!registered) {
           registered = true;
           return;
@@ -2685,7 +2591,6 @@ var RowSelection = {
   getDefaultOptions: function getDefaultOptions(instance) {
     return {
       onRowSelectionChange: makeStateUpdater('rowSelection', instance),
-      autoResetRowSelection: true,
       enableRowSelection: true,
       enableMultiRowSelection: true,
       enableSubRowSelection: true // enableGroupingRowSelection: false,
@@ -2695,23 +2600,7 @@ var RowSelection = {
     };
   },
   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);
       },
@@ -2841,11 +2730,6 @@ var RowSelection = {
           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 () {
@@ -2866,11 +2750,6 @@ var RowSelection = {
           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 () {
@@ -2891,11 +2770,6 @@ var RowSelection = {
           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();
-          });
         }
       }),
       ///
@@ -3021,59 +2895,27 @@ var RowSelection = {
         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);
       }
     };
   },
@@ -3088,8 +2930,8 @@ var RowSelection = {
       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);
@@ -3305,7 +3147,6 @@ var Sorting = {
   getDefaultOptions: function getDefaultOptions(instance) {
     return {
       onSortingChange: makeStateUpdater('sorting', instance),
-      autoResetSorting: true,
       isMultiSortEvent: function isMultiSortEvent(e) {
         return e.shiftKey;
       }
@@ -3332,30 +3173,13 @@ var Sorting = {
       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;
@@ -3553,7 +3377,7 @@ var Sorting = {
           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) {
@@ -3561,14 +3385,11 @@ var Sorting = {
         }
 
         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();
@@ -3616,16 +3437,10 @@ var Visibility = {
       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);
       }
     };
   },
@@ -3757,19 +3572,12 @@ var Visibility = {
           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);
       }
     };
   }
@@ -3832,12 +3640,6 @@ var Headers = {
             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,
@@ -4113,60 +3915,6 @@ var Headers = {
         }
 
         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);
       }
     };
   }
@@ -4206,13 +3954,7 @@ function buildHeaderGroups(allColumns, columnsToGroup, instance, headerFamily) {
     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
@@ -4325,18 +4067,22 @@ function createTableInstance(options) {
     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;
@@ -4368,12 +4114,7 @@ function createTableInstance(options) {
     },
     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') {
@@ -4392,16 +4133,6 @@ function createTableInstance(options) {
     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,
@@ -4436,6 +4167,9 @@ function createTable(_, __, options) {
         throw new Error('');
       }()
     },
+    setGenerics: function setGenerics() {
+      return table;
+    },
     setRowType: function setRowType() {
       return table;
     },
@@ -4448,9 +4182,6 @@ function createTable(_, __, options) {
     setOptions: function setOptions(newOptions) {
       return createTable(_, __, _extends({}, options, newOptions));
     },
-    createColumns: function createColumns(columns) {
-      return columns;
-    },
     createDisplayColumn: function createDisplayColumn(column) {
       return _extends({}, column, {
         columnDefType: 'display'
@@ -4565,8 +4296,7 @@ function getCoreRowModelSync() {
       },
       onChange: function onChange() {
         instance.queue(function () {
-          instance.queueResetFilters();
-          instance.queueResetRowSelection();
+          instance._autoResetPageIndex();
         });
       }
     });
@@ -4672,8 +4402,7 @@ function getCoreRowModelAsync(opts) {
       },
       onChange: function onChange() {
         instance.queue(function () {
-          instance.queueResetFilters();
-          instance.queueResetRowSelection();
+          instance._autoResetPageIndex();
         });
       }
     });
@@ -4852,7 +4581,7 @@ function getColumnFilteredRowModelSync() {
       },
       onChange: function onChange() {
         instance.queue(function () {
-          instance.queueResetSorting();
+          instance._autoResetPageIndex();
         });
       }
     });
@@ -4924,7 +4653,7 @@ function getGlobalFilteredRowModelSync() {
       },
       onChange: function onChange() {
         instance.queue(function () {
-          instance.queueResetSorting();
+          instance._autoResetPageIndex();
         });
       }
     });
@@ -5024,7 +4753,7 @@ function getSortedRowModelSync() {
       },
       onChange: function onChange() {
         instance.queue(function () {
-          instance.queueResetGrouping();
+          instance._autoResetPageIndex();
         });
       }
     });
@@ -5166,7 +4895,9 @@ function getGroupedRowModelSync() {
       },
       onChange: function onChange() {
         instance.queue(function () {
-          instance.queueResetExpanded();
+          instance._autoResetExpanded();
+
+          instance._autoResetPageIndex();
         });
       }
     });
@@ -5273,5 +5004,5 @@ function getPaginationRowModel(opts) {
   };
 }
 
-export { ColumnSizing, Expanding, Filters, Grouping, Headers, Ordering, Pagination, Pinning, RowSelection, Sorting, Visibility, buildHeaderGroups, createTableFactory, createTableInstance, defaultColumnSizing, expandRows, flattenBy, functionalUpdate, getBatchGroups, getColumnFilteredRowModelSync, getCoreRowModelAsync, getCoreRowModelSync, getExpandedRowModel, getGlobalFilteredRowModelSync, getGroupedRowModelSync, getPaginationRowModel, getSortedRowModelSync, incrementalMemo, isFunction, isRowSelected, makeStateUpdater, memo, noop, passiveEventSupported, propGetter, selectRowsFn, shouldAutoRemoveFilter };
+export { ColumnSizing, Expanding, Filters, Grouping, Headers, Ordering, Pagination, Pinning, RowSelection, Sorting, Visibility, buildHeaderGroups, createTableFactory, createTableInstance, defaultColumnSizing, expandRows, flattenBy, functionalUpdate, getBatchGroups, getColumnFilteredRowModelSync, getCoreRowModelAsync, getCoreRowModelSync, getExpandedRowModel, getGlobalFilteredRowModelSync, getGroupedRowModelSync, getPaginationRowModel, getSortedRowModelSync, incrementalMemo, isFunction, isRowSelected, makeStateUpdater, memo, noop, passiveEventSupported, selectRowsFn, shouldAutoRemoveFilter };
 //# sourceMappingURL=index.js.map