@tanstack/table-core 8.0.0-alpha.74 → 8.0.0-alpha.79

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tanstack/table-core",
   "author": "Tanner Linsley",
-  "version": "8.0.0-alpha.74",
+  "version": "8.0.0-alpha.79",
   "description": "Hooks for building lightweight, fast and extendable datagrids for React",
   "license": "MIT",
   "homepage": "https://github.com/tanstack/react-table#readme",
@@ -26,7 +26,7 @@
   },
   "module": "build/esm/index.js",
   "main": "build/cjs/index.js",
-  "browser": "build/umd/index.production.min.js",
+  "browser": "build/umd/index.production.js",
   "types": "build/types/index.d.ts",
   "sideEffects": false,
   "engines": {

package/src/features/ColumnSizing.ts

@@ -215,7 +215,7 @@ export const ColumnSizing: TableFeature = {
             }
           }
 
-          const startSize = column.getSize()
+          const startSize = header.getSize()
 
           const columnSizingStart: [string, number][] = header
             ? header

package/src/features/Headers.ts

@@ -121,15 +121,20 @@ export const Headers = {
           instance.getState().columnPinning.right,
         ],
         (allColumns, leafColumns, left, right) => {
-          const leftColumns = leafColumns.filter(column =>
-            left?.includes(column.id)
-          )
-          const rightColumns = leafColumns.filter(column =>
-            right?.includes(column.id)
-          )
+          const leftColumns =
+            left
+              ?.map(columnId => leafColumns.find(d => d.id === columnId)!)
+              .filter(Boolean) ?? []
+
+          const rightColumns =
+            right
+              ?.map(columnId => leafColumns.find(d => d.id === columnId)!)
+              .filter(Boolean) ?? []
+
           const centerColumns = leafColumns.filter(
             column => !left?.includes(column.id) && !right?.includes(column.id)
           )
+
           const headerGroups = buildHeaderGroups(
             allColumns,
             [...leftColumns, ...centerColumns, ...rightColumns],
@@ -173,8 +178,17 @@ export const Headers = {
           instance.getState().columnPinning.left,
         ],
         (allColumns, leafColumns, left) => {
-          leafColumns = leafColumns.filter(column => left?.includes(column.id))
-          return buildHeaderGroups(allColumns, leafColumns, instance, 'left')
+          const orderedLeafColumns =
+            left
+              ?.map(columnId => leafColumns.find(d => d.id === columnId)!)
+              .filter(Boolean) ?? []
+
+          return buildHeaderGroups(
+            allColumns,
+            orderedLeafColumns,
+            instance,
+            'left'
+          )
         },
         {
           key: process.env.NODE_ENV === 'development' && 'getLeftHeaderGroups',
@@ -190,8 +204,17 @@ export const Headers = {
           instance.getState().columnPinning.right,
         ],
         (allColumns, leafColumns, right) => {
-          leafColumns = leafColumns.filter(column => right?.includes(column.id))
-          return buildHeaderGroups(allColumns, leafColumns, instance, 'right')
+          const orderedLeafColumns =
+            right
+              ?.map(columnId => leafColumns.find(d => d.id === columnId)!)
+              .filter(Boolean) ?? []
+
+          return buildHeaderGroups(
+            allColumns,
+            orderedLeafColumns,
+            instance,
+            'right'
+          )
         },
         {
           key: process.env.NODE_ENV === 'development' && 'getRightHeaderGroups',