@tanstack/table-core 8.0.0-alpha.70 → 8.0.0-alpha.71

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tanstack/table-core",
   "author": "Tanner Linsley",
-  "version": "8.0.0-alpha.70",
+  "version": "8.0.0-alpha.71",
   "description": "Hooks for building lightweight, fast and extendable datagrids for React",
   "license": "MIT",
   "homepage": "https://github.com/tanstack/react-table#readme",

package/src/features/ColumnSizing.ts

@@ -370,19 +370,19 @@ export const ColumnSizing: TableFeature = {
       },
       getTotalSize: () =>
         instance.getHeaderGroups()[0]?.headers.reduce((sum, header) => {
-          return sum + header.column.getSize()
+          return sum + header.getSize()
         }, 0) ?? 0,
       getLeftTotalSize: () =>
         instance.getLeftHeaderGroups()[0]?.headers.reduce((sum, header) => {
-          return sum + header.column.getSize()
+          return sum + header.getSize()
         }, 0) ?? 0,
       getCenterTotalSize: () =>
         instance.getCenterHeaderGroups()[0]?.headers.reduce((sum, header) => {
-          return sum + header.column.getSize()
+          return sum + header.getSize()
         }, 0) ?? 0,
       getRightTotalSize: () =>
         instance.getRightHeaderGroups()[0]?.headers.reduce((sum, header) => {
-          return sum + header.column.getSize()
+          return sum + header.getSize()
         }, 0) ?? 0,
     }
   },

package/src/features/Expanding.ts

@@ -77,11 +77,14 @@ export const Expanding: TableFeature = {
     instance: TableInstance<TGenerics>
   ): ExpandedInstance<TGenerics> => {
     let registered = false
+    let queued = false
 
     return {
       _autoResetExpanded: () => {
         if (!registered) {
-          registered = true
+          instance.queue(() => {
+            registered = true
+          })
           return
         }
 
@@ -93,7 +96,12 @@ export const Expanding: TableFeature = {
           instance.options.autoResetAll === true ||
           instance.options.autoResetExpanded
         ) {
-          instance.resetExpanded()
+          if (queued) return
+          queued = true
+          instance.queue(() => {
+            instance.resetExpanded()
+            queued = false
+          })
         }
       },
       setExpanded: updater => instance.options.onExpandedChange?.(updater),

package/src/features/Filters.ts

@@ -85,8 +85,8 @@ export type FiltersColumn<TGenerics extends TableGenerics> = {
   getFilterIndex: () => number
   getFacetedUniqueValues: () => Map<any, number>
   _getFacetedUniqueValues?: () => Map<any, number>
-  getFacetedMinMaxValues: () => [any, any]
-  _getFacetedMinMaxValues?: () => [any, any]
+  getFacetedMinMaxValues: () => undefined | [number, number]
+  _getFacetedMinMaxValues?: () => undefined | [number, number]
 }
 
 export type FiltersRow<TGenerics extends TableGenerics> = {
@@ -125,7 +125,7 @@ export type FiltersOptions<TGenerics extends TableGenerics> = {
   getFacetedMinMaxValues?: (
     instance: TableInstance<TGenerics>,
     columnId: string
-  ) => () => [number, number]
+  ) => () => undefined | [number, number]
 }
 
 export type FiltersInstance<TGenerics extends TableGenerics> = {
@@ -147,8 +147,8 @@ export type FiltersInstance<TGenerics extends TableGenerics> = {
   _getGlobalFacetedRowModel?: () => RowModel<TGenerics>
   getGlobalFacetedUniqueValues: () => Map<any, number>
   _getGlobalFacetedUniqueValues?: () => Map<any, number>
-  getGlobalFacetedMinMaxValues: () => [number, number]
-  _getGlobalFacetedMinMaxValues?: () => [number, number]
+  getGlobalFacetedMinMaxValues: () => undefined | [number, number]
+  _getGlobalFacetedMinMaxValues?: () => undefined | [number, number]
 }
 
 //
@@ -328,7 +328,7 @@ export const Filters: TableFeature = {
         instance.options.getFacetedMinMaxValues(instance, column.id),
       getFacetedMinMaxValues: () => {
         if (!column._getFacetedMinMaxValues) {
-          return [NaN, NaN]
+          return undefined
         }
 
         return column._getFacetedMinMaxValues()
@@ -456,7 +456,7 @@ export const Filters: TableFeature = {
         instance.options.getFacetedMinMaxValues(instance, '__global__'),
       getGlobalFacetedMinMaxValues: () => {
         if (!instance._getGlobalFacetedMinMaxValues) {
-          return [NaN, NaN]
+          return
         }
 
         return instance._getGlobalFacetedMinMaxValues()

package/src/features/Pagination.ts

@@ -90,11 +90,14 @@ export const Pagination: TableFeature = {
     instance: TableInstance<TGenerics>
   ): PaginationInstance<TGenerics> => {
     let registered = false
+    let queued = false
 
     return {
       _autoResetPageIndex: () => {
         if (!registered) {
-          registered = true
+          instance.queue(() => {
+            registered = true
+          })
           return
         }
 
@@ -106,7 +109,12 @@ export const Pagination: TableFeature = {
           instance.options.autoResetAll === true ||
           instance.options.autoResetPageIndex
         ) {
-          instance.resetPageIndex()
+          if (queued) return
+          queued = true
+          instance.queue(() => {
+            instance.resetPageIndex()
+            queued = false
+          })
         }
       },
       setPagination: updater => {

package/src/utils/getCoreRowModel.ts

@@ -91,9 +91,7 @@ export function getCoreRowModel<TGenerics extends TableGenerics>(): (
         key: process.env.NODE_ENV === 'development' && 'getRowModel',
         debug: () => instance.options.debugAll ?? instance.options.debugTable,
         onChange: () => {
-          instance.queue(() => {
-            instance._autoResetPageIndex()
-          })
+          instance._autoResetPageIndex()
         },
       }
     )

package/src/utils/getFacetedMinMaxValues.ts

@@ -4,15 +4,18 @@ import { memo } from '../utils'
 export function getFacetedMinMaxValues<TGenerics extends TableGenerics>(): (
   instance: TableInstance<TGenerics>,
   columnId: string
-) => () => [number, number] {
+) => () => undefined | [number, number] {
   return (instance, columnId) =>
     memo(
       () => [instance.getColumn(columnId).getFacetedRowModel()],
       facetedRowModel => {
-        let facetedMinMaxValues: [any, any] = [
-          facetedRowModel.flatRows[0]?.getValue(columnId) ?? null,
-          facetedRowModel.flatRows[0]?.getValue(columnId) ?? null,
-        ]
+        const firstValue = facetedRowModel.flatRows[0]?.getValue(columnId)
+
+        if (typeof firstValue === 'undefined') {
+          return undefined
+        }
+
+        let facetedMinMaxValues: [any, any] = [firstValue, firstValue]
 
         for (let i = 0; i < facetedRowModel.flatRows.length; i++) {
           const value = facetedRowModel.flatRows[i]?.getValue(columnId)

package/src/utils/getFilteredRowModel.ts

@@ -141,9 +141,7 @@ export function getFilteredRowModel<TGenerics extends TableGenerics>(): (
         key: process.env.NODE_ENV === 'development' && 'getFilteredRowModel',
         debug: () => instance.options.debugAll ?? instance.options.debugTable,
         onChange: () => {
-          instance.queue(() => {
-            instance._autoResetPageIndex()
-          })
+          instance._autoResetPageIndex()
         },
       }
     )

package/src/utils/getSortedRowModel.ts

@@ -109,9 +109,7 @@ export function getSortedRowModel<TGenerics extends TableGenerics>(): (
         key: process.env.NODE_ENV === 'development' && 'getSortedRowModel',
         debug: () => instance.options.debugAll ?? instance.options.debugTable,
         onChange: () => {
-          instance.queue(() => {
-            instance._autoResetPageIndex()
-          })
+          instance._autoResetPageIndex()
         },
       }
     )