@tanstack/table-core 8.5.16 → 8.5.18

package/package.json

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

package/src/core/column.ts

@@ -56,6 +56,11 @@ export function createColumn<TData extends RowData, TValue>(
 
         for (const key of accessorKey.split('.')) {
           result = result[key]
+          if (process.env.NODE_ENV !== 'production' && result === undefined) {
+            throw new Error(
+              `"${key}" in deeply nested key "${accessorKey}" returned undefined.`
+            )
+          }
         }
 
         return result

package/src/core/row.ts

@@ -8,7 +8,9 @@ export type CoreRow<TData extends RowData> = {
   original: TData
   depth: number
   _valuesCache: Record<string, unknown>
+  _uniqueValuesCache: Record<string, unknown>
   getValue: <TValue>(columnId: string) => TValue
+  getUniqueValues: <TValue>(columnId: string) => TValue[]
   renderValue: <TValue>(columnId: string) => TValue
   subRows: Row<TData>[]
   getLeafRows: () => Row<TData>[]
@@ -31,6 +33,7 @@ export const createRow = <TData extends RowData>(
     original,
     depth,
     _valuesCache: {},
+    _uniqueValuesCache: {},
     getValue: columnId => {
       if (row._valuesCache.hasOwnProperty(columnId)) {
         return row._valuesCache[columnId]
@@ -49,6 +52,29 @@ export const createRow = <TData extends RowData>(
 
       return row._valuesCache[columnId] as any
     },
+    getUniqueValues: columnId => {
+      if (row._uniqueValuesCache.hasOwnProperty(columnId)) {
+        return row._uniqueValuesCache[columnId]
+      }
+
+      const column = table.getColumn(columnId)
+
+      if (!column.accessorFn) {
+        return undefined
+      }
+
+      if (!column.columnDef.getUniqueValues) {
+        row._uniqueValuesCache[columnId] = [row.getValue(columnId)]
+        return row._uniqueValuesCache[columnId]
+      }
+
+      row._uniqueValuesCache[columnId] = column.columnDef.getUniqueValues(
+        row.original as TData,
+        rowIndex
+      )
+
+      return row._uniqueValuesCache[columnId] as any
+    },
     renderValue: columnId =>
       row.getValue(columnId) ?? table.options.renderFallbackValue,
     subRows: subRows ?? [],

package/src/types.ts

@@ -197,6 +197,7 @@ type ColumnIdentifiers<TData extends RowData, TValue> =
 //
 
 export type ColumnDefBase<TData extends RowData, TValue = unknown> = {
+  getUniqueValues?: AccessorFn<TData, unknown[]>
   footer?: ColumnDefTemplate<HeaderContext<TData, TValue>>
   cell?: ColumnDefTemplate<CellContext<TData, TValue>>
   meta?: ColumnMeta<TData, TValue>

package/src/utils/getFacetedMinMaxValues.ts

@@ -9,7 +9,8 @@ export function getFacetedMinMaxValues<TData extends RowData>(): (
     memo(
       () => [table.getColumn(columnId).getFacetedRowModel()],
       facetedRowModel => {
-        const firstValue = facetedRowModel.flatRows[0]?.getValue(columnId)
+        const firstValue =
+          facetedRowModel.flatRows[0]?.getUniqueValues(columnId)
 
         if (typeof firstValue === 'undefined') {
           return undefined
@@ -18,12 +19,17 @@ export function getFacetedMinMaxValues<TData extends RowData>(): (
         let facetedMinMaxValues: [any, any] = [firstValue, firstValue]
 
         for (let i = 0; i < facetedRowModel.flatRows.length; i++) {
-          const value = facetedRowModel.flatRows[i]!.getValue<number>(columnId)
+          const values =
+            facetedRowModel.flatRows[i]!.getUniqueValues<number>(columnId)
 
-          if (value < facetedMinMaxValues[0]) {
-            facetedMinMaxValues[0] = value
-          } else if (value > facetedMinMaxValues[1]) {
-            facetedMinMaxValues[1] = value
+          for (let j = 0; j < values.length; j++) {
+            const value = values[j]!
+
+            if (value < facetedMinMaxValues[0]) {
+              facetedMinMaxValues[0] = value
+            } else if (value > facetedMinMaxValues[1]) {
+              facetedMinMaxValues[1] = value
+            }
           }
         }
 

package/src/utils/getFacetedUniqueValues.ts

@@ -12,15 +12,20 @@ export function getFacetedUniqueValues<TData extends RowData>(): (
         let facetedUniqueValues = new Map<any, number>()
 
         for (let i = 0; i < facetedRowModel.flatRows.length; i++) {
-          const value = facetedRowModel.flatRows[i]?.getValue(columnId)
+          const values =
+            facetedRowModel.flatRows[i]!.getUniqueValues<number>(columnId)
 
-          if (facetedUniqueValues.has(value)) {
-            facetedUniqueValues.set(
-              value,
-              (facetedUniqueValues.get(value) ?? 0) + 1
-            )
-          } else {
-            facetedUniqueValues.set(value, 1)
+          for (let j = 0; j < values.length; j++) {
+            const value = values[j]!
+
+            if (facetedUniqueValues.has(value)) {
+              facetedUniqueValues.set(
+                value,
+                (facetedUniqueValues.get(value) ?? 0) + 1
+              )
+            } else {
+              facetedUniqueValues.set(value, 1)
+            }
           }
         }