@tanstack/table-core 8.7.9 → 8.8.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tanstack/table-core",
   "author": "Tanner Linsley",
-  "version": "8.7.9",
+  "version": "8.8.1",
   "description": "Headless UI for building powerful tables & datagrids for TS/JS.",
   "license": "MIT",
   "homepage": "https://github.com/tanstack/table#readme",

package/src/core/row.ts

@@ -7,6 +7,7 @@ export interface CoreRow<TData extends RowData> {
   index: number
   original: TData
   depth: number
+  parentId?: string
   _valuesCache: Record<string, unknown>
   _uniqueValuesCache: Record<string, unknown>
   getValue: <TValue>(columnId: string) => TValue
@@ -17,6 +18,8 @@ export interface CoreRow<TData extends RowData> {
   originalSubRows?: TData[]
   getAllCells: () => Cell<TData, unknown>[]
   _getAllCellsByColumnId: () => Record<string, Cell<TData, unknown>>
+  getParentRow: () => Row<TData> | undefined
+  getParentRows: () => Row<TData>[]
 }
 
 export const createRow = <TData extends RowData>(
@@ -25,13 +28,15 @@ export const createRow = <TData extends RowData>(
   original: TData,
   rowIndex: number,
   depth: number,
-  subRows?: Row<TData>[]
+  subRows?: Row<TData>[],
+  parentId?: string
 ): Row<TData> => {
   let row: CoreRow<TData> = {
     id,
     index: rowIndex,
     original,
     depth,
+    parentId,
     _valuesCache: {},
     _uniqueValuesCache: {},
     getValue: columnId => {
@@ -79,6 +84,18 @@ export const createRow = <TData extends RowData>(
       row.getValue(columnId) ?? table.options.renderFallbackValue,
     subRows: subRows ?? [],
     getLeafRows: () => flattenBy(row.subRows, d => d.subRows),
+    getParentRow: () => (row.parentId ? table.getRow(row.parentId) : undefined),
+    getParentRows: () => {
+      let parentRows: Row<TData>[] = []
+      let currentRow = row
+      while (true) {
+        const parentRow = currentRow.getParentRow()
+        if (!parentRow) break
+        parentRows.push(parentRow)
+        currentRow = parentRow
+      }
+      return parentRows.reverse()
+    },
     getAllCells: memo(
       () => [table.getAllLeafColumns()],
       leafColumns => {

package/src/utils/filterRowsUtils.ts

@@ -34,7 +34,9 @@ export function filterRowModelFromLeafs<TData extends RowData>(
         row.id,
         row.original,
         row.index,
-        row.depth
+        row.depth,
+        undefined,
+        row.parentId
       )
       newRow.columnFilters = row.columnFilters
 
@@ -103,7 +105,9 @@ export function filterRowModelFromRoot<TData extends RowData>(
             row.id,
             row.original,
             row.index,
-            row.depth
+            row.depth,
+            undefined,
+            row.parentId
           )
           newRow.subRows = recurseFilterRows(row.subRows, depth + 1)
           row = newRow

package/src/utils/getCoreRowModel.ts

@@ -24,7 +24,7 @@ export function getCoreRowModel<TData extends RowData>(): (
         const accessRows = (
           originalRows: TData[],
           depth = 0,
-          parent?: Row<TData>
+          parentRow?: Row<TData>
         ): Row<TData>[] => {
           const rows = [] as Row<TData>[]
 
@@ -39,10 +39,12 @@ export function getCoreRowModel<TData extends RowData>(): (
             // Make the row
             const row = createRow(
               table,
-              table._getRowId(originalRows[i]!, i, parent),
+              table._getRowId(originalRows[i]!, i, parentRow),
               originalRows[i]!,
               i,
-              depth
+              depth,
+              undefined,
+              parentRow?.id
             )
 
             // Keep track of every row in a flat array

package/src/utils/getGroupedRowModel.ts

@@ -41,7 +41,7 @@ export function getGroupedRowModel<TData extends RowData>(): (
               groupedRowsById[row.id] = row
 
               if (row.subRows) {
-                row.subRows = groupUpRecursively(row.subRows, depth + 1)
+                row.subRows = groupUpRecursively(row.subRows, depth + 1, row.id)
               }
 
               return row
@@ -72,7 +72,9 @@ export function getGroupedRowModel<TData extends RowData>(): (
                 id,
                 leafRows[0]!.original,
                 index,
-                depth
+                depth,
+                undefined,
+                parentId
               )
 
               Object.assign(row, {
@@ -134,7 +136,7 @@ export function getGroupedRowModel<TData extends RowData>(): (
           return aggregatedGroupedRows
         }
 
-        const groupedRows = groupUpRecursively(rowModel.rows, 0, '')
+        const groupedRows = groupUpRecursively(rowModel.rows, 0)
 
         groupedRows.forEach(subRow => {
           groupedFlatRows.push(subRow)