@tanstack/table-core 9.0.0-alpha.34 → 9.0.0-alpha.36

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

@@ -1,4 +1,4 @@
-import { callMemoOrStaticFn } from '../../utils'
+import { callMemoOrStaticFn, cloneState } from '../../utils'
 import type { CellData, RowData, Updater } from '../../types/type-utils'
 import type { TableFeatures } from '../../types/TableFeatures'
 import type { Table_Internal } from '../../types/Table'
@@ -8,7 +8,7 @@ import type { ColumnVisibilityState } from './columnVisibilityFeature.types'
 import type { Row } from '../../types/Row'
 
 export function getDefaultColumnVisibilityState(): ColumnVisibilityState {
-  return structuredClone({})
+  return {}
 }
 
 export function column_toggleVisibility<
@@ -125,7 +125,7 @@ export function table_resetColumnVisibility<
 >(table: Table_Internal<TFeatures, TData>, defaultState?: boolean) {
   table_setColumnVisibility(
     table,
-    defaultState ? {} : (table.initialState.columnVisibility ?? {}),
+    defaultState ? {} : cloneState(table.initialState.columnVisibility ?? {}),
   )
 }
 

package/src/features/global-filtering/globalFilteringFeature.utils.ts

@@ -1,5 +1,5 @@
 import { filterFn_includesString } from '../../fns/filterFns'
-import { isFunction } from '../../utils'
+import { cloneState, isFunction } from '../../utils'
 import type { Column_Internal } from '../../types/Column'
 import type { FilterFn } from '../column-filtering/columnFilteringFeature.types'
 import type { CellData, RowData } from '../../types/type-utils'
@@ -55,6 +55,6 @@ export function table_resetGlobalFilter<
 >(table: Table_Internal<TFeatures, TData>, defaultState?: boolean) {
   table_setGlobalFilter(
     table,
-    defaultState ? undefined : table.initialState.globalFilter,
+    defaultState ? undefined : cloneState(table.initialState.globalFilter),
   )
 }

package/src/features/row-expanding/rowExpandingFeature.utils.ts

@@ -1,3 +1,4 @@
+import { cloneState } from '../../utils'
 import type { RowData, Updater } from '../../types/type-utils'
 import type { TableFeatures } from '../../types/TableFeatures'
 import type { Table_Internal } from '../../types/Table'
@@ -8,7 +9,7 @@ import type {
 } from './rowExpandingFeature.types'
 
 export function getDefaultExpandedState(): ExpandedState {
-  return structuredClone({})
+  return {}
 }
 
 export function table_autoResetExpanded<
@@ -48,7 +49,7 @@ export function table_resetExpanded<
 >(table: Table_Internal<TFeatures, TData>, defaultState?: boolean) {
   table_setExpanded(
     table,
-    defaultState ? {} : (table.initialState.expanded ?? {}),
+    defaultState ? {} : cloneState(table.initialState.expanded ?? {}),
   )
 }
 

package/src/features/row-pagination/rowPaginationFeature.utils.ts

@@ -1,4 +1,4 @@
-import { functionalUpdate } from '../../utils'
+import { cloneState, functionalUpdate } from '../../utils'
 import type { RowData, Updater } from '../../types/type-utils'
 import type { TableFeatures } from '../../types/TableFeatures'
 import type { Table_Internal } from '../../types/Table'
@@ -8,10 +8,10 @@ const defaultPageIndex = 0
 const defaultPageSize = 10
 
 export function getDefaultPaginationState(): PaginationState {
-  return structuredClone({
+  return {
     pageIndex: defaultPageIndex,
     pageSize: defaultPageSize,
-  })
+  }
 }
 
 export function table_autoResetPageIndex<
@@ -48,7 +48,9 @@ export function table_resetPagination<
     table,
     defaultState
       ? getDefaultPaginationState()
-      : (table.initialState.pagination ?? getDefaultPaginationState()),
+      : cloneState(
+          table.initialState.pagination ?? getDefaultPaginationState(),
+        ),
   )
 }
 
@@ -78,24 +80,26 @@ export function table_resetPageIndex<
   TFeatures extends TableFeatures,
   TData extends RowData,
 >(table: Table_Internal<TFeatures, TData>, defaultState?: boolean) {
-  table_setPageIndex(
-    table,
-    defaultState
-      ? defaultPageIndex
-      : (table.initialState.pagination?.pageIndex ?? defaultPageIndex),
-  )
+  const currentPageIndex =
+    table.atoms.pagination?.get()?.pageIndex ?? defaultPageIndex
+  const newPageIndex = defaultState
+    ? defaultPageIndex
+    : (table.initialState.pagination?.pageIndex ?? defaultPageIndex)
+  if (newPageIndex === currentPageIndex) return
+  table_setPageIndex(table, newPageIndex)
 }
 
 export function table_resetPageSize<
   TFeatures extends TableFeatures,
   TData extends RowData,
 >(table: Table_Internal<TFeatures, TData>, defaultState?: boolean) {
-  table_setPageSize(
-    table,
-    defaultState
-      ? defaultPageSize
-      : (table.initialState.pagination?.pageSize ?? defaultPageSize),
-  )
+  const currentPageSize =
+    table.atoms.pagination?.get()?.pageSize ?? defaultPageSize
+  const newPageSize = defaultState
+    ? defaultPageSize
+    : (table.initialState.pagination?.pageSize ?? defaultPageSize)
+  if (newPageSize === currentPageSize) return
+  table_setPageSize(table, newPageSize)
 }
 
 export function table_setPageSize<

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

@@ -1,5 +1,5 @@
 import { row_getIsAllParentsExpanded } from '../row-expanding/rowExpandingFeature.utils'
-import { callMemoOrStaticFn } from '../../utils'
+import { callMemoOrStaticFn, cloneState } from '../../utils'
 import type { RowData, Updater } from '../../types/type-utils'
 import type { TableFeatures } from '../../types/TableFeatures'
 import type { Table_Internal } from '../../types/Table'
@@ -12,10 +12,10 @@ import type {
 // State Utils
 
 export function getDefaultRowPinningState(): RowPinningState {
-  return structuredClone({
+  return {
     top: [],
     bottom: [],
-  })
+  }
 }
 
 export function table_setRowPinning<
@@ -36,7 +36,9 @@ export function table_resetRowPinning<
     table,
     defaultState
       ? getDefaultRowPinningState()
-      : (table.initialState.rowPinning ?? getDefaultRowPinningState()),
+      : cloneState(
+          table.initialState.rowPinning ?? getDefaultRowPinningState(),
+        ),
   )
 }
 

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

@@ -1,3 +1,4 @@
+import { cloneState } from '../../utils'
 import type { RowData, Updater } from '../../types/type-utils'
 import type { TableFeatures } from '../../types/TableFeatures'
 import type { RowModel } from '../../core/row-models/coreRowModelsFeature.types'
@@ -8,7 +9,7 @@ import type { RowSelectionState } from './rowSelectionFeature.types'
 // State APIs
 
 export function getDefaultRowSelectionState(): RowSelectionState {
-  return structuredClone({})
+  return {}
 }
 
 export function table_setRowSelection<
@@ -27,7 +28,7 @@ export function table_resetRowSelection<
 >(table: Table_Internal<TFeatures, TData>, defaultState?: boolean) {
   table_setRowSelection(
     table,
-    defaultState ? {} : (table.initialState.rowSelection ?? {}),
+    defaultState ? {} : cloneState(table.initialState.rowSelection ?? {}),
   )
 }
 

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

@@ -1,5 +1,5 @@
 import { reSplitAlphaNumeric, sortFn_basic } from '../../fns/sortFns'
-import { isFunction } from '../../utils'
+import { cloneState, isFunction } from '../../utils'
 import type { CellData, RowData, Updater } from '../../types/type-utils'
 import type { TableFeatures } from '../../types/TableFeatures'
 import type { Table_Internal } from '../../types/Table'
@@ -13,7 +13,7 @@ import type {
 // State Utils
 
 export function getDefaultSortingState(): SortingState {
-  return structuredClone([])
+  return []
 }
 
 export function table_setSorting<
@@ -29,7 +29,7 @@ export function table_resetSorting<
 >(table: Table_Internal<TFeatures, TData>, defaultState?: boolean) {
   table_setSorting(
     table,
-    defaultState ? [] : (table.initialState.sorting ?? []),
+    defaultState ? [] : cloneState(table.initialState.sorting ?? []),
   )
 }
 

package/src/flex-render.ts

@@ -0,0 +1,60 @@
+import type { Cell } from './types/Cell'
+import type { Header } from './types/Header'
+import type { TableFeatures } from './types/TableFeatures'
+import type { CellData, RowData } from './types/type-utils'
+
+export function flexRender<TProps extends object>(
+  comp: unknown,
+  props: TProps,
+): unknown | null {
+  if (comp == null) return null
+
+  if (typeof comp === 'function') {
+    return comp(props)
+  }
+
+  return comp
+}
+
+export type FlexRenderProps<
+  TFeatures extends TableFeatures,
+  TData extends RowData,
+  TValue extends CellData = CellData,
+> =
+  | { cell: Cell<TFeatures, TData, TValue>; header?: never; footer?: never }
+  | {
+      header: Header<TFeatures, TData, TValue>
+      cell?: never
+      footer?: never
+    }
+  | {
+      footer: Header<TFeatures, TData, TValue>
+      cell?: never
+      header?: never
+    }
+
+export function FlexRender<
+  TFeatures extends TableFeatures,
+  TData extends RowData,
+  TValue extends CellData = CellData,
+>(props: FlexRenderProps<TFeatures, TData, TValue>): unknown | null {
+  if ('cell' in props && props.cell) {
+    return flexRender(props.cell.column.columnDef.cell, props.cell.getContext())
+  }
+
+  if ('header' in props && props.header) {
+    return flexRender(
+      props.header.column.columnDef.header,
+      props.header.getContext(),
+    )
+  }
+
+  if ('footer' in props && props.footer) {
+    return flexRender(
+      props.footer.column.columnDef.footer,
+      props.footer.getContext(),
+    )
+  }
+
+  return null
+}

package/src/index.ts

@@ -23,7 +23,6 @@ export * from './types/type-utils'
 export * from './core/coreFeatures'
 export * from './helpers/columnHelper'
 export * from './helpers/tableFeatures'
-export * from './helpers/tableHelper'
 export * from './helpers/tableOptions'
 export * from './utils'
 

package/src/utils.ts

@@ -9,6 +9,30 @@ export function functionalUpdate<T>(updater: Updater<T>, input: T): T {
     : updater
 }
 
+export function cloneState<T>(value: T): T {
+  if (Array.isArray(value)) {
+    return value.map(cloneState) as T
+  }
+
+  if (value && typeof value === 'object') {
+    const proto = Object.getPrototypeOf(value)
+
+    if (proto !== Object.prototype && proto !== null) {
+      return value
+    }
+
+    const copy: Record<string, unknown> = {}
+
+    for (const key of Object.keys(value)) {
+      copy[key] = cloneState((value as Record<string, unknown>)[key])
+    }
+
+    return copy as T
+  }
+
+  return value
+}
+
 export function noop() {}
 
 export function makeStateUpdater<

package/dist/helpers/tableHelper.cjs

@@ -1,21 +0,0 @@
-const require_columnHelper = require('./columnHelper.cjs');
-
-//#region src/helpers/tableHelper.ts
-/**
-* Internal function to create a table helper that each adapter package will use to create their own table helper
-*/
-function constructTableHelper(tableCreator, tableHelperOptions) {
-	return {
-		createColumnHelper: require_columnHelper.createColumnHelper,
-		features: tableHelperOptions._features,
-		options: tableHelperOptions,
-		tableCreator: (tableOptions, selector) => tableCreator({
-			...tableHelperOptions,
-			...tableOptions
-		}, selector)
-	};
-}
-
-//#endregion
-exports.constructTableHelper = constructTableHelper;
-//# sourceMappingURL=tableHelper.cjs.map

package/dist/helpers/tableHelper.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"tableHelper.cjs","names":[],"sources":["../../src/helpers/tableHelper.ts"],"sourcesContent":["import { createColumnHelper } from './columnHelper'\nimport type { ColumnHelper } from './columnHelper'\nimport type { RowData } from '../types/type-utils'\nimport type { TableFeatures } from '../types/TableFeatures'\nimport type { Table } from '../types/Table'\nimport type { TableOptions } from '../types/TableOptions'\n\n/**\n * Options for creating a table helper to share common options across multiple tables\n * coreColumnsFeature, data, and state are excluded from this type and reserved for only the `useTable`/`createTable` functions\n */\nexport type TableHelperOptions<TFeatures extends TableFeatures> = Omit<\n  TableOptions<TFeatures, any>,\n  'columns' | 'data' | 'store' | 'state' | 'initialState'\n> & {\n  _features: TFeatures\n}\n\n/**\n * Internal type that each adapter package will build off of to create a table helper\n */\nexport type TableHelper_Core<TFeatures extends TableFeatures> = {\n  createColumnHelper: <TData extends RowData>() => ColumnHelper<\n    TFeatures,\n    TData\n  >\n  features: TFeatures\n  options: Omit<\n    TableOptions<TFeatures, any>,\n    'columns' | 'data' | 'store' | 'state' | 'initialState'\n  >\n  tableCreator: <TData extends RowData>(\n    tableOptions: Omit<\n      TableOptions<TFeatures, TData>,\n      '_features' | '_rowModels'\n    >,\n    selector?: any,\n  ) => Table<TFeatures, TData>\n}\n\n/**\n * Internal function to create a table helper that each adapter package will use to create their own table helper\n */\nexport function constructTableHelper<TFeatures extends TableFeatures>(\n  tableCreator: <TData extends RowData>(\n    tableOptions: Omit<\n      TableOptions<TFeatures, TData>,\n      '_features' | '_rowModels'\n    >,\n    selector?: any,\n  ) => Table<TFeatures, TData>,\n  tableHelperOptions: TableHelperOptions<TFeatures>,\n): TableHelper_Core<TFeatures> {\n  return {\n    createColumnHelper,\n    features: tableHelperOptions._features,\n    options: tableHelperOptions,\n    tableCreator: (tableOptions, selector) =>\n      tableCreator({ ...tableHelperOptions, ...tableOptions }, selector),\n  }\n}\n"],"mappings":";;;;;;AA2CA,SAAgB,qBACd,cAOA,oBAC6B;AAC7B,QAAO;EACL;EACA,UAAU,mBAAmB;EAC7B,SAAS;EACT,eAAe,cAAc,aAC3B,aAAa;GAAE,GAAG;GAAoB,GAAG;GAAc,EAAE,SAAS;EACrE"}

package/dist/helpers/tableHelper.d.cts

@@ -1,30 +0,0 @@
-import { RowData } from "../types/type-utils.cjs";
-import { TableOptions } from "../types/TableOptions.cjs";
-import { TableFeatures } from "../types/TableFeatures.cjs";
-import { Table } from "../types/Table.cjs";
-import { ColumnHelper } from "./columnHelper.cjs";
-
-//#region src/helpers/tableHelper.d.ts
-/**
- * Options for creating a table helper to share common options across multiple tables
- * coreColumnsFeature, data, and state are excluded from this type and reserved for only the `useTable`/`createTable` functions
- */
-type TableHelperOptions<TFeatures extends TableFeatures> = Omit<TableOptions<TFeatures, any>, 'columns' | 'data' | 'store' | 'state' | 'initialState'> & {
-  _features: TFeatures;
-};
-/**
- * Internal type that each adapter package will build off of to create a table helper
- */
-type TableHelper_Core<TFeatures extends TableFeatures> = {
-  createColumnHelper: <TData extends RowData>() => ColumnHelper<TFeatures, TData>;
-  features: TFeatures;
-  options: Omit<TableOptions<TFeatures, any>, 'columns' | 'data' | 'store' | 'state' | 'initialState'>;
-  tableCreator: <TData extends RowData>(tableOptions: Omit<TableOptions<TFeatures, TData>, '_features' | '_rowModels'>, selector?: any) => Table<TFeatures, TData>;
-};
-/**
- * Internal function to create a table helper that each adapter package will use to create their own table helper
- */
-declare function constructTableHelper<TFeatures extends TableFeatures>(tableCreator: <TData extends RowData>(tableOptions: Omit<TableOptions<TFeatures, TData>, '_features' | '_rowModels'>, selector?: any) => Table<TFeatures, TData>, tableHelperOptions: TableHelperOptions<TFeatures>): TableHelper_Core<TFeatures>;
-//#endregion
-export { TableHelperOptions, TableHelper_Core, constructTableHelper };
-//# sourceMappingURL=tableHelper.d.cts.map

package/dist/helpers/tableHelper.d.ts

@@ -1,30 +0,0 @@
-import { RowData } from "../types/type-utils.js";
-import { TableOptions } from "../types/TableOptions.js";
-import { TableFeatures } from "../types/TableFeatures.js";
-import { Table } from "../types/Table.js";
-import { ColumnHelper } from "./columnHelper.js";
-
-//#region src/helpers/tableHelper.d.ts
-/**
- * Options for creating a table helper to share common options across multiple tables
- * coreColumnsFeature, data, and state are excluded from this type and reserved for only the `useTable`/`createTable` functions
- */
-type TableHelperOptions<TFeatures extends TableFeatures> = Omit<TableOptions<TFeatures, any>, 'columns' | 'data' | 'store' | 'state' | 'initialState'> & {
-  _features: TFeatures;
-};
-/**
- * Internal type that each adapter package will build off of to create a table helper
- */
-type TableHelper_Core<TFeatures extends TableFeatures> = {
-  createColumnHelper: <TData extends RowData>() => ColumnHelper<TFeatures, TData>;
-  features: TFeatures;
-  options: Omit<TableOptions<TFeatures, any>, 'columns' | 'data' | 'store' | 'state' | 'initialState'>;
-  tableCreator: <TData extends RowData>(tableOptions: Omit<TableOptions<TFeatures, TData>, '_features' | '_rowModels'>, selector?: any) => Table<TFeatures, TData>;
-};
-/**
- * Internal function to create a table helper that each adapter package will use to create their own table helper
- */
-declare function constructTableHelper<TFeatures extends TableFeatures>(tableCreator: <TData extends RowData>(tableOptions: Omit<TableOptions<TFeatures, TData>, '_features' | '_rowModels'>, selector?: any) => Table<TFeatures, TData>, tableHelperOptions: TableHelperOptions<TFeatures>): TableHelper_Core<TFeatures>;
-//#endregion
-export { TableHelperOptions, TableHelper_Core, constructTableHelper };
-//# sourceMappingURL=tableHelper.d.ts.map

package/dist/helpers/tableHelper.js

@@ -1,21 +0,0 @@
-import { createColumnHelper } from "./columnHelper.js";
-
-//#region src/helpers/tableHelper.ts
-/**
-* Internal function to create a table helper that each adapter package will use to create their own table helper
-*/
-function constructTableHelper(tableCreator, tableHelperOptions) {
-	return {
-		createColumnHelper,
-		features: tableHelperOptions._features,
-		options: tableHelperOptions,
-		tableCreator: (tableOptions, selector) => tableCreator({
-			...tableHelperOptions,
-			...tableOptions
-		}, selector)
-	};
-}
-
-//#endregion
-export { constructTableHelper };
-//# sourceMappingURL=tableHelper.js.map

package/dist/helpers/tableHelper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tableHelper.js","names":[],"sources":["../../src/helpers/tableHelper.ts"],"sourcesContent":["import { createColumnHelper } from './columnHelper'\nimport type { ColumnHelper } from './columnHelper'\nimport type { RowData } from '../types/type-utils'\nimport type { TableFeatures } from '../types/TableFeatures'\nimport type { Table } from '../types/Table'\nimport type { TableOptions } from '../types/TableOptions'\n\n/**\n * Options for creating a table helper to share common options across multiple tables\n * coreColumnsFeature, data, and state are excluded from this type and reserved for only the `useTable`/`createTable` functions\n */\nexport type TableHelperOptions<TFeatures extends TableFeatures> = Omit<\n  TableOptions<TFeatures, any>,\n  'columns' | 'data' | 'store' | 'state' | 'initialState'\n> & {\n  _features: TFeatures\n}\n\n/**\n * Internal type that each adapter package will build off of to create a table helper\n */\nexport type TableHelper_Core<TFeatures extends TableFeatures> = {\n  createColumnHelper: <TData extends RowData>() => ColumnHelper<\n    TFeatures,\n    TData\n  >\n  features: TFeatures\n  options: Omit<\n    TableOptions<TFeatures, any>,\n    'columns' | 'data' | 'store' | 'state' | 'initialState'\n  >\n  tableCreator: <TData extends RowData>(\n    tableOptions: Omit<\n      TableOptions<TFeatures, TData>,\n      '_features' | '_rowModels'\n    >,\n    selector?: any,\n  ) => Table<TFeatures, TData>\n}\n\n/**\n * Internal function to create a table helper that each adapter package will use to create their own table helper\n */\nexport function constructTableHelper<TFeatures extends TableFeatures>(\n  tableCreator: <TData extends RowData>(\n    tableOptions: Omit<\n      TableOptions<TFeatures, TData>,\n      '_features' | '_rowModels'\n    >,\n    selector?: any,\n  ) => Table<TFeatures, TData>,\n  tableHelperOptions: TableHelperOptions<TFeatures>,\n): TableHelper_Core<TFeatures> {\n  return {\n    createColumnHelper,\n    features: tableHelperOptions._features,\n    options: tableHelperOptions,\n    tableCreator: (tableOptions, selector) =>\n      tableCreator({ ...tableHelperOptions, ...tableOptions }, selector),\n  }\n}\n"],"mappings":";;;;;;AA2CA,SAAgB,qBACd,cAOA,oBAC6B;AAC7B,QAAO;EACL;EACA,UAAU,mBAAmB;EAC7B,SAAS;EACT,eAAe,cAAc,aAC3B,aAAa;GAAE,GAAG;GAAoB,GAAG;GAAc,EAAE,SAAS;EACrE"}

package/src/helpers/tableHelper.ts

@@ -1,61 +0,0 @@
-import { createColumnHelper } from './columnHelper'
-import type { ColumnHelper } from './columnHelper'
-import type { RowData } from '../types/type-utils'
-import type { TableFeatures } from '../types/TableFeatures'
-import type { Table } from '../types/Table'
-import type { TableOptions } from '../types/TableOptions'
-
-/**
- * Options for creating a table helper to share common options across multiple tables
- * coreColumnsFeature, data, and state are excluded from this type and reserved for only the `useTable`/`createTable` functions
- */
-export type TableHelperOptions<TFeatures extends TableFeatures> = Omit<
-  TableOptions<TFeatures, any>,
-  'columns' | 'data' | 'store' | 'state' | 'initialState'
-> & {
-  _features: TFeatures
-}
-
-/**
- * Internal type that each adapter package will build off of to create a table helper
- */
-export type TableHelper_Core<TFeatures extends TableFeatures> = {
-  createColumnHelper: <TData extends RowData>() => ColumnHelper<
-    TFeatures,
-    TData
-  >
-  features: TFeatures
-  options: Omit<
-    TableOptions<TFeatures, any>,
-    'columns' | 'data' | 'store' | 'state' | 'initialState'
-  >
-  tableCreator: <TData extends RowData>(
-    tableOptions: Omit<
-      TableOptions<TFeatures, TData>,
-      '_features' | '_rowModels'
-    >,
-    selector?: any,
-  ) => Table<TFeatures, TData>
-}
-
-/**
- * Internal function to create a table helper that each adapter package will use to create their own table helper
- */
-export function constructTableHelper<TFeatures extends TableFeatures>(
-  tableCreator: <TData extends RowData>(
-    tableOptions: Omit<
-      TableOptions<TFeatures, TData>,
-      '_features' | '_rowModels'
-    >,
-    selector?: any,
-  ) => Table<TFeatures, TData>,
-  tableHelperOptions: TableHelperOptions<TFeatures>,
-): TableHelper_Core<TFeatures> {
-  return {
-    createColumnHelper,
-    features: tableHelperOptions._features,
-    options: tableHelperOptions,
-    tableCreator: (tableOptions, selector) =>
-      tableCreator({ ...tableHelperOptions, ...tableOptions }, selector),
-  }
-}