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

package/src/features/column-resizing/columnResizingFeature.ts

@@ -11,89 +11,55 @@ import {
   table_resetHeaderSizeInfo,
   table_setColumnResizing,
 } from './columnResizingFeature.utils'
-import type { RowData } from '../../types/type-utils'
-import type { TableFeature, TableFeatures } from '../../types/TableFeatures'
-// import type {
-//   Column_ColumnResizing,
-//   Header_ColumnResizing,
-//   TableOptions_ColumnResizing,
-//   TableState_ColumnResizing,
-//   Table_ColumnResizing,
-// } from './columnResizingFeature.types'
-
-export interface ColumnResizingFeatureConstructors<
-  TFeatures extends TableFeatures,
-  TData extends RowData,
-> {
-  // Column: Column_ColumnResizing
-  // Header: Header_ColumnResizing
-  // Table: Table_ColumnResizing
-  // TableOptions: TableOptions_ColumnResizing
-  // TableState: TableState_ColumnResizing
-}
+import type { TableFeature } from '../../types/TableFeatures'
 
 /**
- * Creates the stock column resizing 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 column resizing state, options, and resize handlers.
  */
-export function constructColumnResizingFeature<
-  TFeatures extends TableFeatures,
-  TData extends RowData,
->(): TableFeature<ColumnResizingFeatureConstructors<TFeatures, TData>> {
-  return {
-    getInitialState: (initialState) => {
-      return {
-        columnResizing: getDefaultColumnResizingState(),
-        ...initialState,
-      }
-    },
+export const columnResizingFeature: TableFeature = {
+  getInitialState: (initialState) => {
+    return {
+      columnResizing: getDefaultColumnResizingState(),
+      ...initialState,
+    }
+  },
 
-    getDefaultTableOptions: (table) => {
-      return {
-        columnResizeMode: 'onEnd',
-        columnResizeDirection: 'ltr',
-        onColumnResizingChange: makeStateUpdater('columnResizing', table),
-      }
-    },
+  getDefaultTableOptions: (table) => {
+    return {
+      columnResizeMode: 'onEnd',
+      columnResizeDirection: 'ltr',
+      onColumnResizingChange: makeStateUpdater('columnResizing', table),
+    }
+  },
 
-    assignColumnPrototype: (prototype, table) => {
-      assignPrototypeAPIs('columnResizingFeature', prototype, table, {
-        column_getCanResize: {
-          fn: (column) => column_getCanResize(column),
-        },
-        column_getIsResizing: {
-          fn: (column) => column_getIsResizing(column),
-        },
-      })
-    },
+  assignColumnPrototype: (prototype, table) => {
+    assignPrototypeAPIs('columnResizingFeature', prototype, table, {
+      column_getCanResize: {
+        fn: (column) => column_getCanResize(column),
+      },
+      column_getIsResizing: {
+        fn: (column) => column_getIsResizing(column),
+      },
+    })
+  },
 
-    assignHeaderPrototype: (prototype, table) => {
-      assignPrototypeAPIs('columnResizingFeature', prototype, table, {
-        header_getResizeHandler: {
-          fn: (header, _contextDocument) =>
-            header_getResizeHandler(header, _contextDocument),
-        },
-      })
-    },
+  assignHeaderPrototype: (prototype, table) => {
+    assignPrototypeAPIs('columnResizingFeature', prototype, table, {
+      header_getResizeHandler: {
+        fn: (header, _contextDocument) =>
+          header_getResizeHandler(header, _contextDocument),
+      },
+    })
+  },
 
-    constructTableAPIs: (table) => {
-      assignTableAPIs('columnResizingFeature', table, {
-        table_setColumnResizing: {
-          fn: (updater) => table_setColumnResizing(table, updater),
-        },
-        table_resetHeaderSizeInfo: {
-          fn: (defaultState) => table_resetHeaderSizeInfo(table, defaultState),
-        },
-      })
-    },
-  }
+  constructTableAPIs: (table) => {
+    assignTableAPIs('columnResizingFeature', table, {
+      table_setColumnResizing: {
+        fn: (updater) => table_setColumnResizing(table, updater),
+      },
+      table_resetHeaderSizeInfo: {
+        fn: (defaultState) => table_resetHeaderSizeInfo(table, defaultState),
+      },
+    })
+  },
 }
-
-/**
- * The stock column resizing feature.
- *
- * Register this feature with `columnSizingFeature` to add resize interaction
- * state and APIs for drag-based column resizing.
- */
-export const columnResizingFeature = constructColumnResizingFeature()

package/src/features/column-sizing/columnSizingFeature.ts

@@ -19,164 +19,127 @@ import {
   table_resetColumnSizing,
   table_setColumnSizing,
 } from './columnSizingFeature.utils'
-import type { RowData } from '../../types/type-utils'
-import type { TableFeature, TableFeatures } from '../../types/TableFeatures'
-// import type {
-//   ColumnDef_ColumnSizing,
-//   Column_ColumnSizing,
-//   Header_ColumnSizing,
-//   TableOptions_ColumnSizing,
-//   TableState_ColumnSizing,
-//   Table_ColumnSizing,
-// } from './columnSizingFeature.types'
-
-export interface ColumnSizingFeatureConstructors<
-  TFeatures extends TableFeatures,
-  TData extends RowData,
-> {
-  // ColumnDef: ColumnDef_ColumnSizing
-  // Column: Column_ColumnSizing
-  // Header: Header_ColumnSizing
-  // Table: Table_ColumnSizing
-  // TableOptions: TableOptions_ColumnSizing
-  // TableState: TableState_ColumnSizing
-}
+import type { TableFeature } from '../../types/TableFeatures'
 
 /**
- * Creates the stock column sizing 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 column sizing state, defaults, and size measurement APIs.
  */
-export function constructColumnSizingFeature<
-  TFeatures extends TableFeatures,
-  TData extends RowData,
->(): TableFeature<ColumnSizingFeatureConstructors<TFeatures, TData>> {
-  return {
-    getInitialState: (initialState) => {
-      return {
-        columnSizing: getDefaultColumnSizingState(),
-        ...initialState,
-      }
-    },
+export const columnSizingFeature: TableFeature = {
+  getInitialState: (initialState) => {
+    return {
+      columnSizing: getDefaultColumnSizingState(),
+      ...initialState,
+    }
+  },
 
-    getDefaultColumnDef: () => {
-      return getDefaultColumnSizingColumnDef()
-    },
+  getDefaultColumnDef: () => {
+    return getDefaultColumnSizingColumnDef()
+  },
 
-    getDefaultTableOptions: (table) => {
-      return {
-        onColumnSizingChange: makeStateUpdater('columnSizing', table),
-      }
-    },
+  getDefaultTableOptions: (table) => {
+    return {
+      onColumnSizingChange: makeStateUpdater('columnSizing', table),
+    }
+  },
 
-    assignColumnPrototype: (prototype, table) => {
-      assignPrototypeAPIs('columnSizingFeature', prototype, table, {
-        column_getSize: {
-          fn: (column) => column_getSize(column),
-          memoDeps: (column) => [
-            table.options.columns,
-            table.atoms.columnSizing?.get()?.[column.id], // just this column's size state
-          ],
-        },
-        column_getStart: {
-          fn: (column, position) => column_getStart(column, position),
-          memoDeps: (column, position) => [
-            position,
-            table.options.columns,
-            table.atoms.columnSizing?.get(),
-            table.atoms.columnOrder?.get(),
-            table.atoms.columnPinning?.get(),
-            table.atoms.columnVisibility?.get(),
-          ],
-        },
-        column_getAfter: {
-          fn: (column, position) => column_getAfter(column, position),
-          memoDeps: (column, position) => [
-            position,
-            table.options.columns,
-            table.atoms.columnSizing?.get(),
-            table.atoms.columnOrder?.get(),
-            table.atoms.columnPinning?.get(),
-            table.atoms.columnVisibility?.get(),
-          ],
-        },
-        column_resetSize: {
-          fn: (column) => column_resetSize(column),
-        },
-      })
-    },
+  assignColumnPrototype: (prototype, table) => {
+    assignPrototypeAPIs('columnSizingFeature', prototype, table, {
+      column_getSize: {
+        fn: (column) => column_getSize(column),
+        memoDeps: (column) => [
+          table.options.columns,
+          table.atoms.columnSizing?.get()?.[column.id], // just this column's size state
+        ],
+      },
+      column_getStart: {
+        fn: (column, position) => column_getStart(column, position),
+        memoDeps: (column, position) => [
+          position,
+          table.options.columns,
+          table.atoms.columnSizing?.get(),
+          table.atoms.columnOrder?.get(),
+          table.atoms.columnPinning?.get(),
+          table.atoms.columnVisibility?.get(),
+        ],
+      },
+      column_getAfter: {
+        fn: (column, position) => column_getAfter(column, position),
+        memoDeps: (column, position) => [
+          position,
+          table.options.columns,
+          table.atoms.columnSizing?.get(),
+          table.atoms.columnOrder?.get(),
+          table.atoms.columnPinning?.get(),
+          table.atoms.columnVisibility?.get(),
+        ],
+      },
+      column_resetSize: {
+        fn: (column) => column_resetSize(column),
+      },
+    })
+  },
 
-    assignHeaderPrototype: (prototype, table) => {
-      assignPrototypeAPIs('columnSizingFeature', prototype, table, {
-        header_getSize: {
-          fn: (header) => header_getSize(header),
-          memoDeps: (header) => [
-            table.options.columns,
-            header.column.columns.length > 0
-              ? table.atoms.columnSizing?.get() // must be all columns (sum child columns)
-              : table.atoms.columnSizing?.get()?.[header.column.id], // can just check it's associated column size state
-          ],
-        },
-        header_getStart: {
-          fn: (header) => header_getStart(header),
-          memoDeps: (header, position) => [
-            position,
-            table.options.columns,
-            table.atoms.columnSizing?.get(),
-            table.atoms.columnOrder?.get(),
-            table.atoms.columnPinning?.get(),
-            table.atoms.columnVisibility?.get(),
-          ],
-        },
-      })
-    },
+  assignHeaderPrototype: (prototype, table) => {
+    assignPrototypeAPIs('columnSizingFeature', prototype, table, {
+      header_getSize: {
+        fn: (header) => header_getSize(header),
+        memoDeps: (header) => [
+          table.options.columns,
+          header.column.columns.length > 0
+            ? table.atoms.columnSizing?.get() // must be all columns (sum child columns)
+            : table.atoms.columnSizing?.get()?.[header.column.id], // can just check it's associated column size state
+        ],
+      },
+      header_getStart: {
+        fn: (header) => header_getStart(header),
+        memoDeps: (header, position) => [
+          position,
+          table.options.columns,
+          table.atoms.columnSizing?.get(),
+          table.atoms.columnOrder?.get(),
+          table.atoms.columnPinning?.get(),
+          table.atoms.columnVisibility?.get(),
+        ],
+      },
+    })
+  },
 
-    constructTableAPIs: (table) => {
-      assignTableAPIs('columnSizingFeature', table, {
-        table_setColumnSizing: {
-          fn: (updater) => table_setColumnSizing(table, updater),
-        },
-        table_resetColumnSizing: {
-          fn: (defaultState) => table_resetColumnSizing(table, defaultState),
-        },
-        table_getTotalSize: {
-          fn: () => table_getTotalSize(table),
-          memoDeps: () => [
-            table.atoms.columnSizing?.get(),
-            table.getHeaderGroups(),
-          ],
-        },
-        table_getLeftTotalSize: {
-          fn: () => table_getLeftTotalSize(table),
-          memoDeps: () => [
-            table.atoms.columnSizing?.get(),
-            table.getHeaderGroups(),
-          ],
-        },
-        table_getCenterTotalSize: {
-          fn: () => table_getCenterTotalSize(table),
-          memoDeps: () => [
-            table.atoms.columnSizing?.get(),
-            table.getHeaderGroups(),
-          ],
-        },
-        table_getRightTotalSize: {
-          fn: () => table_getRightTotalSize(table),
-          memoDeps: () => [
-            table.atoms.columnSizing?.get(),
-            table.getHeaderGroups(),
-          ],
-        },
-      })
-    },
-  }
+  constructTableAPIs: (table) => {
+    assignTableAPIs('columnSizingFeature', table, {
+      table_setColumnSizing: {
+        fn: (updater) => table_setColumnSizing(table, updater),
+      },
+      table_resetColumnSizing: {
+        fn: (defaultState) => table_resetColumnSizing(table, defaultState),
+      },
+      table_getTotalSize: {
+        fn: () => table_getTotalSize(table),
+        memoDeps: () => [
+          table.atoms.columnSizing?.get(),
+          table.getHeaderGroups(),
+        ],
+      },
+      table_getLeftTotalSize: {
+        fn: () => table_getLeftTotalSize(table),
+        memoDeps: () => [
+          table.atoms.columnSizing?.get(),
+          table.getHeaderGroups(),
+        ],
+      },
+      table_getCenterTotalSize: {
+        fn: () => table_getCenterTotalSize(table),
+        memoDeps: () => [
+          table.atoms.columnSizing?.get(),
+          table.getHeaderGroups(),
+        ],
+      },
+      table_getRightTotalSize: {
+        fn: () => table_getRightTotalSize(table),
+        memoDeps: () => [
+          table.atoms.columnSizing?.get(),
+          table.getHeaderGroups(),
+        ],
+      },
+    })
+  },
 }
-
-/**
- * The stock column sizing feature.
- *
- * Register this feature to add column width state and table, header, and column
- * APIs for reading and resetting sizes. Column drag resizing lives in
- * `columnResizingFeature`.
- */
-export const columnSizingFeature = constructColumnSizingFeature()

package/src/features/column-visibility/columnVisibilityFeature.ts

@@ -20,140 +20,103 @@ import {
   table_setColumnVisibility,
   table_toggleAllColumnsVisible,
 } from './columnVisibilityFeature.utils'
-import type { RowData } from '../../types/type-utils'
-import type { TableFeature, TableFeatures } from '../../types/TableFeatures'
-// import type {
-//   ColumnDef_ColumnVisibility,
-//   Column_ColumnVisibility,
-//   Row_ColumnVisibility,
-//   TableOptions_ColumnVisibility,
-//   TableState_ColumnVisibility,
-//   Table_ColumnVisibility,
-// } from './columnVisibilityFeature.types'
-
-export interface ColumnVisibilityFeatureConstructors<
-  TFeatures extends TableFeatures,
-  TData extends RowData,
-> {
-  // ColumnDef: ColumnDef_ColumnVisibility
-  // Column: Column_ColumnVisibility
-  // Row: Row_ColumnVisibility<TFeatures, TData>
-  // Table: Table_ColumnVisibility<TFeatures, TData>
-  // TableOptions: TableOptions_ColumnVisibility
-  // TableState: TableState_ColumnVisibility
-}
+import type { TableFeature } from '../../types/TableFeatures'
 
 /**
- * Creates the stock column visibility 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 column visibility state and APIs for hiding and showing columns.
  */
-export function constructColumnVisibilityFeature<
-  TFeatures extends TableFeatures,
-  TData extends RowData,
->(): TableFeature<ColumnVisibilityFeatureConstructors<TFeatures, TData>> {
-  return {
-    getInitialState: (initialState) => {
-      return {
-        columnVisibility: getDefaultColumnVisibilityState(),
-        ...initialState,
-      }
-    },
+export const columnVisibilityFeature: TableFeature = {
+  getInitialState: (initialState) => {
+    return {
+      columnVisibility: getDefaultColumnVisibilityState(),
+      ...initialState,
+    }
+  },
 
-    getDefaultTableOptions: (table) => {
-      return {
-        onColumnVisibilityChange: makeStateUpdater('columnVisibility', table),
-      }
-    },
+  getDefaultTableOptions: (table) => {
+    return {
+      onColumnVisibilityChange: makeStateUpdater('columnVisibility', table),
+    }
+  },
 
-    assignColumnPrototype: (prototype, table) => {
-      assignPrototypeAPIs('columnVisibilityFeature', prototype, table, {
-        column_getIsVisible: {
-          fn: (column) => column_getIsVisible(column),
-          memoDeps: (column) => [
-            table.options.columns,
-            table.atoms.columnVisibility?.get(),
-            column.columns,
-          ],
-        },
-        column_getCanHide: {
-          fn: (column) => column_getCanHide(column),
-        },
-        column_getToggleVisibilityHandler: {
-          fn: (column) => column_getToggleVisibilityHandler(column),
-        },
-        column_toggleVisibility: {
-          fn: (column, visible) => column_toggleVisibility(column, visible),
-        },
-      })
-    },
+  assignColumnPrototype: (prototype, table) => {
+    assignPrototypeAPIs('columnVisibilityFeature', prototype, table, {
+      column_getIsVisible: {
+        fn: (column) => column_getIsVisible(column),
+        memoDeps: (column) => [
+          table.options.columns,
+          table.atoms.columnVisibility?.get(),
+          column.columns,
+        ],
+      },
+      column_getCanHide: {
+        fn: (column) => column_getCanHide(column),
+      },
+      column_getToggleVisibilityHandler: {
+        fn: (column) => column_getToggleVisibilityHandler(column),
+      },
+      column_toggleVisibility: {
+        fn: (column, visible) => column_toggleVisibility(column, visible),
+      },
+    })
+  },
 
-    assignRowPrototype: (prototype, table) => {
-      assignPrototypeAPIs('columnVisibilityFeature', prototype, table, {
-        row_getVisibleCells: {
-          fn: (row) => row_getVisibleCells(row),
-          memoDeps: (row) => [
-            row.getAllCells(),
-            table.atoms.columnPinning?.get(),
-            table.atoms.columnVisibility?.get(),
-          ],
-        },
-        row_getVisibleCellsByColumnId: {
-          fn: (row) => row_getVisibleCellsByColumnId(row),
-          memoDeps: (row) => [
-            row.getAllCells(),
-            table.atoms.columnVisibility?.get(),
-          ],
-        },
-      })
-    },
+  assignRowPrototype: (prototype, table) => {
+    assignPrototypeAPIs('columnVisibilityFeature', prototype, table, {
+      row_getVisibleCells: {
+        fn: (row) => row_getVisibleCells(row),
+        memoDeps: (row) => [
+          row.getAllCells(),
+          table.atoms.columnPinning?.get(),
+          table.atoms.columnVisibility?.get(),
+        ],
+      },
+      row_getVisibleCellsByColumnId: {
+        fn: (row) => row_getVisibleCellsByColumnId(row),
+        memoDeps: (row) => [
+          row.getAllCells(),
+          table.atoms.columnVisibility?.get(),
+        ],
+      },
+    })
+  },
 
-    constructTableAPIs: (table) => {
-      assignTableAPIs('columnVisibilityFeature', table, {
-        table_getVisibleFlatColumns: {
-          fn: () => table_getVisibleFlatColumns(table),
-          memoDeps: () => [
-            table.atoms.columnVisibility?.get(),
-            table.atoms.columnOrder?.get(),
-            table.options.columns,
-          ],
-        },
-        table_getVisibleLeafColumns: {
-          fn: () => table_getVisibleLeafColumns(table),
-          memoDeps: () => [
-            table.atoms.columnVisibility?.get(),
-            table.atoms.columnOrder?.get(),
-            table.options.columns,
-          ],
-        },
-        table_setColumnVisibility: {
-          fn: (updater) => table_setColumnVisibility(table, updater),
-        },
-        table_resetColumnVisibility: {
-          fn: (defaultState) =>
-            table_resetColumnVisibility(table, defaultState),
-        },
-        table_toggleAllColumnsVisible: {
-          fn: (value) => table_toggleAllColumnsVisible(table, value),
-        },
-        table_getIsAllColumnsVisible: {
-          fn: () => table_getIsAllColumnsVisible(table),
-        },
-        table_getIsSomeColumnsVisible: {
-          fn: () => table_getIsSomeColumnsVisible(table),
-        },
-        table_getToggleAllColumnsVisibilityHandler: {
-          fn: () => table_getToggleAllColumnsVisibilityHandler(table),
-        },
-      })
-    },
-  }
+  constructTableAPIs: (table) => {
+    assignTableAPIs('columnVisibilityFeature', table, {
+      table_getVisibleFlatColumns: {
+        fn: () => table_getVisibleFlatColumns(table),
+        memoDeps: () => [
+          table.atoms.columnVisibility?.get(),
+          table.atoms.columnOrder?.get(),
+          table.options.columns,
+        ],
+      },
+      table_getVisibleLeafColumns: {
+        fn: () => table_getVisibleLeafColumns(table),
+        memoDeps: () => [
+          table.atoms.columnVisibility?.get(),
+          table.atoms.columnOrder?.get(),
+          table.options.columns,
+        ],
+      },
+      table_setColumnVisibility: {
+        fn: (updater) => table_setColumnVisibility(table, updater),
+      },
+      table_resetColumnVisibility: {
+        fn: (defaultState) => table_resetColumnVisibility(table, defaultState),
+      },
+      table_toggleAllColumnsVisible: {
+        fn: (value) => table_toggleAllColumnsVisible(table, value),
+      },
+      table_getIsAllColumnsVisible: {
+        fn: () => table_getIsAllColumnsVisible(table),
+      },
+      table_getIsSomeColumnsVisible: {
+        fn: () => table_getIsSomeColumnsVisible(table),
+      },
+      table_getToggleAllColumnsVisibilityHandler: {
+        fn: () => table_getToggleAllColumnsVisibilityHandler(table),
+      },
+    })
+  },
 }
-
-/**
- * The stock column visibility feature.
- *
- * Register this feature to add column visibility state and APIs for deriving
- * visible columns and visible row cells.
- */
-export const columnVisibilityFeature = constructColumnVisibilityFeature()