@tanstack/table-core 9.0.0-beta.2 → 9.0.0-beta.7

package/src/features/row-pinning/rowPinningFeature.ts

@@ -16,114 +16,82 @@ import {
   table_resetRowPinning,
   table_setRowPinning,
 } from './rowPinningFeature.utils'
-import type { RowData } from '../../types/type-utils'
-import type { TableFeature, TableFeatures } from '../../types/TableFeatures'
-// import type {
-//   Row_RowPinning,
-//   TableOptions_RowPinning,
-//   TableState_RowPinning,
-//   Table_RowPinning,
-// } from './rowPinningFeature.types'
-
-export interface RowPinningFeatureConstructors<
-  TFeatures extends TableFeatures,
-  TData extends RowData,
-> {
-  // Row: Row_RowPinning
-  // Table: Table_RowPinning<TFeatures, RowData>
-  // TableOptions: TableOptions_RowPinning<TFeatures, RowData>
-  // TableState: TableState_RowPinning
-}
+import type { TableFeature } from '../../types/TableFeatures'
 
 /**
- * Creates the stock row pinning feature.
- *
- * The returned feature registers its state defaults, option defaults, and instance APIs so it can be included in a `tableFeatures({ ... })` call.
+ * Feature that adds row pinning state and APIs for top, center, and bottom rows.
  */
-export function constructRowPinningFeature<
-  TFeatures extends TableFeatures,
-  TData extends RowData,
->(): TableFeature<RowPinningFeatureConstructors<TFeatures, TData>> {
-  return {
-    getInitialState: (initialState) => {
-      return {
-        ...initialState,
-        rowPinning: {
-          ...getDefaultRowPinningState(),
-          ...initialState.rowPinning,
-        },
-      }
-    },
+export const rowPinningFeature: TableFeature = {
+  getInitialState: (initialState) => {
+    return {
+      ...initialState,
+      rowPinning: {
+        ...getDefaultRowPinningState(),
+        ...initialState.rowPinning,
+      },
+    }
+  },
 
-    getDefaultTableOptions: (table) => {
-      return {
-        onRowPinningChange: makeStateUpdater('rowPinning', table),
-      }
-    },
+  getDefaultTableOptions: (table) => {
+    return {
+      onRowPinningChange: makeStateUpdater('rowPinning', table),
+    }
+  },
 
-    assignRowPrototype: (prototype, table) => {
-      assignPrototypeAPIs('rowPinningFeature', prototype, table, {
-        row_getCanPin: {
-          fn: (row) => row_getCanPin(row),
-        },
-        row_getIsPinned: {
-          fn: (row) => row_getIsPinned(row),
-        },
-        row_getPinnedIndex: {
-          fn: (row) => row_getPinnedIndex(row),
-          memoDeps: (row) => [
-            row.table.getRowModel().rows,
-            row.table.atoms.rowPinning?.get(),
-          ],
-        },
-        row_pin: {
-          fn: (row, position, includeLeafRows, includeParentRows) =>
-            row_pin(row, position, includeLeafRows, includeParentRows),
-        },
-      })
-    },
+  assignRowPrototype: (prototype, table) => {
+    assignPrototypeAPIs('rowPinningFeature', prototype, table, {
+      row_getCanPin: {
+        fn: (row) => row_getCanPin(row),
+      },
+      row_getIsPinned: {
+        fn: (row) => row_getIsPinned(row),
+      },
+      row_getPinnedIndex: {
+        fn: (row) => row_getPinnedIndex(row),
+        memoDeps: (row) => [
+          row.table.getRowModel().rows,
+          row.table.atoms.rowPinning?.get(),
+        ],
+      },
+      row_pin: {
+        fn: (row, position, includeLeafRows, includeParentRows) =>
+          row_pin(row, position, includeLeafRows, includeParentRows),
+      },
+    })
+  },
 
-    constructTableAPIs: (table) => {
-      assignTableAPIs('rowPinningFeature', table, {
-        table_setRowPinning: {
-          fn: (updater) => table_setRowPinning(table, updater),
-        },
-        table_resetRowPinning: {
-          fn: (defaultState) => table_resetRowPinning(table, defaultState),
-        },
-        table_getIsSomeRowsPinned: {
-          fn: (position) => table_getIsSomeRowsPinned(table, position),
-        },
-        table_getTopRows: {
-          fn: () => table_getTopRows(table),
-          memoDeps: () => [
-            table.getRowModel().rows,
-            table.atoms.rowPinning?.get()?.top,
-          ],
-        },
-        table_getBottomRows: {
-          fn: () => table_getBottomRows(table),
-          memoDeps: () => [
-            table.getRowModel().rows,
-            table.atoms.rowPinning?.get()?.bottom,
-          ],
-        },
-        table_getCenterRows: {
-          fn: () => table_getCenterRows(table),
-          memoDeps: () => [
-            table.getRowModel().rows,
-            table.atoms.rowPinning?.get(),
-          ],
-        },
-      })
-    },
-  }
+  constructTableAPIs: (table) => {
+    assignTableAPIs('rowPinningFeature', table, {
+      table_setRowPinning: {
+        fn: (updater) => table_setRowPinning(table, updater),
+      },
+      table_resetRowPinning: {
+        fn: (defaultState) => table_resetRowPinning(table, defaultState),
+      },
+      table_getIsSomeRowsPinned: {
+        fn: (position) => table_getIsSomeRowsPinned(table, position),
+      },
+      table_getTopRows: {
+        fn: () => table_getTopRows(table),
+        memoDeps: () => [
+          table.getRowModel().rows,
+          table.atoms.rowPinning?.get()?.top,
+        ],
+      },
+      table_getBottomRows: {
+        fn: () => table_getBottomRows(table),
+        memoDeps: () => [
+          table.getRowModel().rows,
+          table.atoms.rowPinning?.get()?.bottom,
+        ],
+      },
+      table_getCenterRows: {
+        fn: () => table_getCenterRows(table),
+        memoDeps: () => [
+          table.getRowModel().rows,
+          table.atoms.rowPinning?.get(),
+        ],
+      },
+    })
+  },
 }
-
-/**
- * The stock row pinning feature.
- *
- * Register this feature to add row pinning state and APIs for deriving top,
- * center, and bottom row regions.
- */
-export const rowPinningFeature = constructRowPinningFeature()

package/src/features/row-selection/rowSelectionFeature.ts

@@ -28,145 +28,113 @@ import {
   table_toggleAllPageRowsSelected,
   table_toggleAllRowsSelected,
 } from './rowSelectionFeature.utils'
-import type { RowData } from '../../types/type-utils'
-import type { TableFeature, TableFeatures } from '../../types/TableFeatures'
-// import type {
-//   Row_RowSelection,
-//   TableOptions_RowSelection,
-//   TableState_RowSelection,
-//   Table_RowSelection,
-// } from './rowSelectionFeature.types'
-
-export interface RowSelectionFeatureConstructors<
-  TFeatures extends TableFeatures,
-  TData extends RowData,
-> {
-  // Row: Row_RowSelection
-  // Table: Table_RowSelection<TFeatures, TData>
-  // TableOptions: TableOptions_RowSelection<TFeatures, TData>
-  // TableState: TableState_RowSelection
-}
+import type { TableFeature } from '../../types/TableFeatures'
 
 /**
- * Creates the stock row selection feature.
- *
- * The returned feature registers its state defaults, option defaults, and instance APIs so it can be included in a `tableFeatures({ ... })` call.
+ * Feature that adds row selection state and APIs for row and page selection.
  */
-export function constructRowSelectionFeature<
-  TFeatures extends TableFeatures,
-  TData extends RowData,
->(): TableFeature<RowSelectionFeatureConstructors<TFeatures, TData>> {
-  return {
-    getInitialState: (initialState) => {
-      return {
-        rowSelection: getDefaultRowSelectionState(),
-        ...initialState,
-      }
-    },
+export const rowSelectionFeature: TableFeature = {
+  getInitialState: (initialState) => {
+    return {
+      rowSelection: getDefaultRowSelectionState(),
+      ...initialState,
+    }
+  },
 
-    getDefaultTableOptions: (table) => {
-      return {
-        onRowSelectionChange: makeStateUpdater('rowSelection', table),
-        enableRowSelection: true,
-        enableMultiRowSelection: true,
-        enableSubRowSelection: true,
-      }
-    },
+  getDefaultTableOptions: (table) => {
+    return {
+      onRowSelectionChange: makeStateUpdater('rowSelection', table),
+      enableRowSelection: true,
+      enableMultiRowSelection: true,
+      enableSubRowSelection: true,
+    }
+  },
 
-    assignRowPrototype: (prototype, table) => {
-      assignPrototypeAPIs('rowSelectionFeature', prototype, table, {
-        row_toggleSelected: {
-          fn: (row, value, opts) => row_toggleSelected(row, value, opts),
-        },
-        row_getIsSelected: {
-          fn: (row) => row_getIsSelected(row),
-        },
-        row_getIsSomeSelected: {
-          fn: (row) => row_getIsSomeSelected(row),
-        },
-        row_getIsAllSubRowsSelected: {
-          fn: (row) => row_getIsAllSubRowsSelected(row),
-        },
-        row_getCanSelect: {
-          fn: (row) => row_getCanSelect(row),
-        },
-        row_getCanSelectSubRows: {
-          fn: (row) => row_getCanSelectSubRows(row),
-        },
-        row_getCanMultiSelect: {
-          fn: (row) => row_getCanMultiSelect(row),
-        },
-        row_getToggleSelectedHandler: {
-          fn: (row) => row_getToggleSelectedHandler(row),
-        },
-      })
-    },
+  assignRowPrototype: (prototype, table) => {
+    assignPrototypeAPIs('rowSelectionFeature', prototype, table, {
+      row_toggleSelected: {
+        fn: (row, value, opts) => row_toggleSelected(row, value, opts),
+      },
+      row_getIsSelected: {
+        fn: (row) => row_getIsSelected(row),
+      },
+      row_getIsSomeSelected: {
+        fn: (row) => row_getIsSomeSelected(row),
+      },
+      row_getIsAllSubRowsSelected: {
+        fn: (row) => row_getIsAllSubRowsSelected(row),
+      },
+      row_getCanSelect: {
+        fn: (row) => row_getCanSelect(row),
+      },
+      row_getCanSelectSubRows: {
+        fn: (row) => row_getCanSelectSubRows(row),
+      },
+      row_getCanMultiSelect: {
+        fn: (row) => row_getCanMultiSelect(row),
+      },
+      row_getToggleSelectedHandler: {
+        fn: (row) => row_getToggleSelectedHandler(row),
+      },
+    })
+  },
 
-    constructTableAPIs: (table) => {
-      assignTableAPIs('rowSelectionFeature', table, {
-        table_setRowSelection: {
-          fn: (updater) => table_setRowSelection(table, updater),
-        },
-        table_resetRowSelection: {
-          fn: (defaultState) => table_resetRowSelection(table, defaultState),
-        },
-        table_toggleAllRowsSelected: {
-          fn: (value) => table_toggleAllRowsSelected(table, value),
-        },
-        table_toggleAllPageRowsSelected: {
-          fn: (value) => table_toggleAllPageRowsSelected(table, value),
-        },
-        table_getPreSelectedRowModel: {
-          fn: () => table_getPreSelectedRowModel(table),
-        },
-        table_getSelectedRowModel: {
-          fn: () => table_getSelectedRowModel(table),
-          memoDeps: () => [
-            table.atoms.rowSelection?.get(),
-            table.getCoreRowModel(),
-          ],
-        },
-        table_getFilteredSelectedRowModel: {
-          fn: () => table_getFilteredSelectedRowModel(table),
-          memoDeps: () => [
-            table.atoms.rowSelection?.get(),
-            table.getFilteredRowModel(),
-          ],
-        },
-        table_getGroupedSelectedRowModel: {
-          fn: () => table_getGroupedSelectedRowModel(table),
-          memoDeps: () => [
-            table.atoms.rowSelection?.get(),
-            table.getSortedRowModel(),
-          ],
-        },
-        table_getIsAllRowsSelected: {
-          fn: () => table_getIsAllRowsSelected(table),
-        },
-        table_getIsAllPageRowsSelected: {
-          fn: () => table_getIsAllPageRowsSelected(table),
-        },
-        table_getIsSomeRowsSelected: {
-          fn: () => table_getIsSomeRowsSelected(table),
-        },
-        table_getIsSomePageRowsSelected: {
-          fn: () => table_getIsSomePageRowsSelected(table),
-        },
-        table_getToggleAllRowsSelectedHandler: {
-          fn: () => table_getToggleAllRowsSelectedHandler(table),
-        },
-        table_getToggleAllPageRowsSelectedHandler: {
-          fn: () => table_getToggleAllPageRowsSelectedHandler(table),
-        },
-      })
-    },
-  }
+  constructTableAPIs: (table) => {
+    assignTableAPIs('rowSelectionFeature', table, {
+      table_setRowSelection: {
+        fn: (updater) => table_setRowSelection(table, updater),
+      },
+      table_resetRowSelection: {
+        fn: (defaultState) => table_resetRowSelection(table, defaultState),
+      },
+      table_toggleAllRowsSelected: {
+        fn: (value) => table_toggleAllRowsSelected(table, value),
+      },
+      table_toggleAllPageRowsSelected: {
+        fn: (value) => table_toggleAllPageRowsSelected(table, value),
+      },
+      table_getPreSelectedRowModel: {
+        fn: () => table_getPreSelectedRowModel(table),
+      },
+      table_getSelectedRowModel: {
+        fn: () => table_getSelectedRowModel(table),
+        memoDeps: () => [
+          table.atoms.rowSelection?.get(),
+          table.getCoreRowModel(),
+        ],
+      },
+      table_getFilteredSelectedRowModel: {
+        fn: () => table_getFilteredSelectedRowModel(table),
+        memoDeps: () => [
+          table.atoms.rowSelection?.get(),
+          table.getFilteredRowModel(),
+        ],
+      },
+      table_getGroupedSelectedRowModel: {
+        fn: () => table_getGroupedSelectedRowModel(table),
+        memoDeps: () => [
+          table.atoms.rowSelection?.get(),
+          table.getSortedRowModel(),
+        ],
+      },
+      table_getIsAllRowsSelected: {
+        fn: () => table_getIsAllRowsSelected(table),
+      },
+      table_getIsAllPageRowsSelected: {
+        fn: () => table_getIsAllPageRowsSelected(table),
+      },
+      table_getIsSomeRowsSelected: {
+        fn: () => table_getIsSomeRowsSelected(table),
+      },
+      table_getIsSomePageRowsSelected: {
+        fn: () => table_getIsSomePageRowsSelected(table),
+      },
+      table_getToggleAllRowsSelectedHandler: {
+        fn: () => table_getToggleAllRowsSelectedHandler(table),
+      },
+      table_getToggleAllPageRowsSelectedHandler: {
+        fn: () => table_getToggleAllPageRowsSelectedHandler(table),
+      },
+    })
+  },
 }
-
-/**
- * The stock row selection feature.
- *
- * Register this feature to add row selection state, selected row-model helpers,
- * and table/row APIs for checkbox and bulk-selection UI.
- */
-export const rowSelectionFeature = constructRowSelectionFeature()

package/src/features/row-sorting/createSortedRowModel.ts

@@ -21,7 +21,7 @@ export function createSortedRowModel<
   sortFns: Record<keyof SortFns, SortFn<TFeatures, TData>>,
 ): (table: Table<TFeatures, TData>) => () => RowModel<TFeatures, TData> {
   return (_table) => {
-    const table: Table_Internal<TFeatures, TData> = _table
+    const table = _table as unknown as Table_Internal<TFeatures, TData>
     if (!table._rowModelFns.sortFns) table._rowModelFns.sortFns = sortFns
     return tableMemo({
       feature: 'rowSortingFeature',

package/src/features/row-sorting/rowSortingFeature.ts

@@ -20,125 +20,84 @@ import {
   table_resetSorting,
   table_setSorting,
 } from './rowSortingFeature.utils'
-import type { RowData } from '../../types/type-utils'
-import type { TableFeature, TableFeatures } from '../../types/TableFeatures'
-// import type {
-//   CachedRowModel_Sorted,
-//   ColumnDef_RowSorting,
-//   Column_RowSorting,
-//   CreateRowModel_Sorted,
-//   RowModelFns_RowSorting,
-//   TableOptions_RowSorting,
-//   TableState_RowSorting,
-//   Table_RowSorting,
-// } from './rowSortingFeature.types'
-
-export interface RowSortingFeatureConstructors<
-  TFeatures extends TableFeatures,
-  TData extends RowData,
-> {
-  // CachedRowModel: CachedRowModel_Sorted<TFeatures, TData>
-  // Column: Column_RowSorting<TFeatures, TData>
-  // ColumnDef: ColumnDef_RowSorting<TFeatures, TData>
-  // CreateRowModels: CreateRowModel_Sorted<TFeatures, TData>
-  // RowModelFns: RowModelFns_RowSorting<TFeatures, TData>
-  // Table: Table_RowSorting<TFeatures, TData>
-  // TableOptions: TableOptions_RowSorting
-  // TableState: TableState_RowSorting
-}
+import type { TableFeature } from '../../types/TableFeatures'
 
 /**
- * Creates the stock row sorting feature.
- *
- * The returned feature registers its state defaults, option defaults, and instance APIs so it can be included in a `tableFeatures({ ... })` call.
+ * Feature that adds row sorting state, defaults, and column/table sorting APIs.
  */
-export function constructRowSortingFeature<
-  TFeatures extends TableFeatures,
-  TData extends RowData,
->(): TableFeature<RowSortingFeatureConstructors<TFeatures, TData>> {
-  return {
-    getInitialState(initialState) {
-      return {
-        sorting: getDefaultSortingState(),
-        ...initialState,
-      }
-    },
+export const rowSortingFeature: TableFeature = {
+  getInitialState(initialState) {
+    return {
+      sorting: getDefaultSortingState(),
+      ...initialState,
+    }
+  },
 
-    getDefaultColumnDef() {
-      return {
-        sortFn: 'auto',
-        sortUndefined: 1,
-      }
-    },
+  getDefaultColumnDef() {
+    return {
+      sortFn: 'auto',
+      sortUndefined: 1,
+    }
+  },
 
-    getDefaultTableOptions(table) {
-      return {
-        onSortingChange: makeStateUpdater('sorting', table),
-        isMultiSortEvent: (e: unknown) => {
-          return (e as MouseEvent).shiftKey
-        },
-      }
-    },
+  getDefaultTableOptions(table) {
+    return {
+      onSortingChange: makeStateUpdater('sorting', table),
+      isMultiSortEvent: (e: unknown) => {
+        return (e as MouseEvent).shiftKey
+      },
+    }
+  },
 
-    assignColumnPrototype(prototype, table) {
-      assignPrototypeAPIs('rowSortingFeature', prototype, table, {
-        column_getAutoSortFn: {
-          fn: (column) => column_getAutoSortFn(column),
-        },
-        column_getAutoSortDir: {
-          fn: (column) => column_getAutoSortDir(column),
-        },
-        column_getSortFn: {
-          fn: (column) => column_getSortFn(column),
-        },
-        column_toggleSorting: {
-          fn: (column, desc, multi) =>
-            column_toggleSorting(column, desc, multi),
-        },
-        column_getFirstSortDir: {
-          fn: (column) => column_getFirstSortDir(column),
-        },
-        column_getNextSortingOrder: {
-          fn: (column, multi) => column_getNextSortingOrder(column, multi),
-        },
-        column_getCanSort: {
-          fn: (column) => column_getCanSort(column),
-        },
-        column_getCanMultiSort: {
-          fn: (column) => column_getCanMultiSort(column),
-        },
-        column_getIsSorted: {
-          fn: (column) => column_getIsSorted(column),
-        },
-        column_getSortIndex: {
-          fn: (column) => column_getSortIndex(column),
-        },
-        column_clearSorting: {
-          fn: (column) => column_clearSorting(column),
-        },
-        column_getToggleSortingHandler: {
-          fn: (column) => column_getToggleSortingHandler(column),
-        },
-      })
-    },
+  assignColumnPrototype(prototype, table) {
+    assignPrototypeAPIs('rowSortingFeature', prototype, table, {
+      column_getAutoSortFn: {
+        fn: (column) => column_getAutoSortFn(column),
+      },
+      column_getAutoSortDir: {
+        fn: (column) => column_getAutoSortDir(column),
+      },
+      column_getSortFn: {
+        fn: (column) => column_getSortFn(column),
+      },
+      column_toggleSorting: {
+        fn: (column, desc, multi) => column_toggleSorting(column, desc, multi),
+      },
+      column_getFirstSortDir: {
+        fn: (column) => column_getFirstSortDir(column),
+      },
+      column_getNextSortingOrder: {
+        fn: (column, multi) => column_getNextSortingOrder(column, multi),
+      },
+      column_getCanSort: {
+        fn: (column) => column_getCanSort(column),
+      },
+      column_getCanMultiSort: {
+        fn: (column) => column_getCanMultiSort(column),
+      },
+      column_getIsSorted: {
+        fn: (column) => column_getIsSorted(column),
+      },
+      column_getSortIndex: {
+        fn: (column) => column_getSortIndex(column),
+      },
+      column_clearSorting: {
+        fn: (column) => column_clearSorting(column),
+      },
+      column_getToggleSortingHandler: {
+        fn: (column) => column_getToggleSortingHandler(column),
+      },
+    })
+  },
 
-    constructTableAPIs(table) {
-      assignTableAPIs('rowSortingFeature', table, {
-        table_setSorting: {
-          fn: (updater) => table_setSorting(table, updater),
-        },
-        table_resetSorting: {
-          fn: (defaultState) => table_resetSorting(table, defaultState),
-        },
-      })
-    },
-  }
+  constructTableAPIs(table) {
+    assignTableAPIs('rowSortingFeature', table, {
+      table_setSorting: {
+        fn: (updater) => table_setSorting(table, updater),
+      },
+      table_resetSorting: {
+        fn: (defaultState) => table_resetSorting(table, defaultState),
+      },
+    })
+  },
 }
-
-/**
- * The stock row sorting feature.
- *
- * Register this feature to add sorting state, column sorting APIs, and sorted
- * row-model support for client-side or manual sorting.
- */
-export const rowSortingFeature = constructRowSortingFeature()