@tanstack/table-core 8.0.0-alpha.32 → 8.0.0-alpha.34

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tanstack/table-core",
   "author": "Tanner Linsley",
-  "version": "8.0.0-alpha.32",
+  "version": "8.0.0-alpha.34",
   "description": "Hooks for building lightweight, fast and extendable datagrids for React",
   "license": "MIT",
   "homepage": "https://github.com/tanstack/react-table#readme",
@@ -14,6 +14,8 @@
   },
   "keywords": [
     "react",
+    "vue",
+    "solid",
     "table",
     "table-core",
     "datagrid"

package/src/core.tsx

@@ -47,6 +47,7 @@ import { Sorting } from './features/Sorting'
 import { Visibility } from './features/Visibility'
 import { Headers } from './features/Headers'
 import { mean } from './aggregationTypes'
+import React from 'react'
 
 const features: TableFeature[] = [
   Headers,
@@ -104,6 +105,8 @@ export type TableCore<TGenerics extends AnyGenerics> = {
   reset: () => void
   options: RequiredKeys<Options<TGenerics>, 'state'>
   setOptions: (newOptions: Updater<Options<TGenerics>>) => void
+  queue: (cb: () => void) => void
+  willUpdate: () => void
   getRowId: (
     _: TGenerics['Row'],
     index: number,
@@ -259,11 +262,28 @@ export function createTableInstance<TGenerics extends AnyGenerics>(
     ...(options.initialState ?? {}),
   } as TableState
 
+  const queued: (() => void)[] = []
+  let queuedTimeout: NodeJS.Timeout
+
   const finalInstance: TableInstance<TGenerics> = {
     ...instance,
     ...features.reduce((obj, feature) => {
       return Object.assign(obj, feature.getInstance?.(instance))
     }, {}),
+    queue: cb => {
+      queued.push(cb)
+      if (!queuedTimeout) {
+        queuedTimeout = setTimeout(() => {
+          instance.setState(old => ({ ...old }))
+        })
+      }
+    },
+    willUpdate: () => {
+      clearTimeout(queuedTimeout)
+      while (queued.length) {
+        queued.shift()!()
+      }
+    },
     initialState,
     reset: () => {
       instance.setState(instance.initialState)

package/src/features/RowSelection.ts

@@ -287,7 +287,9 @@ export const RowSelection = {
         {
           key: 'getSelectedRowModel',
           debug: () => instance.options.debugAll ?? instance.options.debugTable,
-          onChange: () => instance._notifyExpandedReset(),
+          onChange: () => {
+            instance.queue(() => instance._notifyExpandedReset())
+          },
         }
       ),
 
@@ -310,7 +312,7 @@ export const RowSelection = {
         {
           key: 'getFilteredSelectedRowModel',
           debug: () => instance.options.debugAll ?? instance.options.debugTable,
-          onChange: () => instance._notifyExpandedReset(),
+          onChange: () => instance.queue(() => instance._notifyExpandedReset()),
         }
       ),
 
@@ -330,7 +332,7 @@ export const RowSelection = {
         {
           key: 'getGroupedSelectedRowModel',
           debug: () => instance.options.debugAll ?? instance.options.debugTable,
-          onChange: () => instance._notifyExpandedReset(),
+          onChange: () => instance.queue(() => instance._notifyExpandedReset()),
         }
       ),
 

package/src/utils/getColumnFilteredRowModelAsync.ts

@@ -110,7 +110,9 @@ export function getColumnFilteredRowModelAsync<
         },
         debug: () => instance.options.debugAll ?? instance.options.debugTable,
         onChange: () => {
-          instance._notifySortingReset()
+          instance.queue(() => {
+            instance._notifySortingReset()
+          })
         },
       }
     )

package/src/utils/getColumnFilteredRowModelSync.ts

@@ -90,7 +90,9 @@ export function getColumnFilteredRowModelSync<
         key: 'getColumnFilteredRowModelSync',
         debug: () => instance.options.debugAll ?? instance.options.debugTable,
         onChange: () => {
-          instance._notifySortingReset()
+          instance.queue(() => {
+            instance._notifySortingReset()
+          })
         },
       }
     )

package/src/utils/getCoreRowModelAsync.ts

@@ -95,8 +95,10 @@ export function getCoreRowModelAsync<TGenerics extends AnyGenerics>(opts?: {
         },
         debug: () => instance.options.debugAll ?? instance.options.debugTable,
         onChange: () => {
-          instance._notifyFiltersReset()
-          instance._notifyRowSelectionReset()
+          instance.queue(() => {
+            instance._notifyFiltersReset()
+            instance._notifyRowSelectionReset()
+          })
         },
       }
     )

package/src/utils/getCoreRowModelSync.ts

@@ -97,8 +97,10 @@ export function getCoreRowModelSync<TGenerics extends AnyGenerics>(): (
         key: 'getRowModel',
         debug: () => instance.options.debugAll ?? instance.options.debugTable,
         onChange: () => {
-          instance._notifyFiltersReset()
-          instance._notifyRowSelectionReset()
+          instance.queue(() => {
+            instance._notifyFiltersReset()
+            instance._notifyRowSelectionReset()
+          })
         },
       }
     )

package/src/utils/getGlobalFilteredRowModelAsync.ts

@@ -88,7 +88,9 @@ export function getGlobalFilteredRowModelAsync<
         },
         debug: () => instance.options.debugAll ?? instance.options.debugTable,
         onChange: () => {
-          instance._notifySortingReset()
+          instance.queue(() => {
+            instance._notifySortingReset()
+          })
         },
       }
     )

package/src/utils/getGlobalFilteredRowModelSync.ts

@@ -67,7 +67,9 @@ export function getGlobalFilteredRowModelSync<
         key: 'getGlobalFilteredRowModelSync',
         debug: () => instance.options.debugAll ?? instance.options.debugTable,
         onChange: () => {
-          instance._notifySortingReset()
+          instance.queue(() => {
+            instance._notifySortingReset()
+          })
         },
       }
     )

package/src/utils/getGroupedRowModel.ts

@@ -163,7 +163,11 @@ export function getGroupedRowModelSync<TGenerics extends AnyGenerics>(): (
       {
         key: 'getGroupedRowModel',
         debug: () => instance.options.debugAll ?? instance.options.debugTable,
-        onChange: () => instance._notifyExpandedReset(),
+        onChange: () => {
+          instance.queue(() => {
+            instance._notifyExpandedReset()
+          })
+        },
       }
     )
 }

package/src/utils/getSortedRowModelAsync.ts

@@ -83,7 +83,9 @@ export function getSortedRowModelSync<TGenerics extends AnyGenerics>(opts?: {
         },
         debug: () => instance.options.debugAll ?? instance.options.debugTable,
         onChange: () => {
-          instance._notifyGroupingReset()
+          instance.queue(() => {
+            instance._notifyGroupingReset()
+          })
         },
       }
     )

package/src/utils/getSortedRowModelSync.ts

@@ -109,7 +109,9 @@ export function getSortedRowModelSync<TGenerics extends AnyGenerics>(): (
         key: 'getSortedRowModel',
         debug: () => instance.options.debugAll ?? instance.options.debugTable,
         onChange: () => {
-          instance._notifyGroupingReset()
+          instance.queue(() => {
+            instance._notifyGroupingReset()
+          })
         },
       }
     )