@tanstack/angular-table 9.0.0-beta.2 → 9.0.0-beta.20

package/src/helpers/header.ts

@@ -23,7 +23,7 @@ export interface TanStackTableHeaderContext<
  * This token is provided by the {@link TanStackTableHeader} directive.
  */
 export const TanStackTableHeaderToken = new InjectionToken<
-  TanStackTableHeaderContext<any, any, any>['header']
+  TanStackTableHeaderContext<TableFeatures, RowData, CellData>['header']
 >('[TanStack Table] HeaderContext')
 
 /**
@@ -95,5 +95,7 @@ export function injectTableHeaderContext<
   TData extends RowData,
   TValue extends CellData,
 >(): TanStackTableHeaderContext<TFeatures, TData, TValue>['header'] {
-  return inject(TanStackTableHeaderToken)
+  return inject(
+    TanStackTableHeaderToken,
+  ) as unknown as TanStackTableHeaderContext<TFeatures, TData, TValue>['header']
 }

package/src/helpers/table.ts

@@ -9,7 +9,7 @@ import type { Signal } from '@angular/core'
  * This token is provided by the {@link TanStackTable} directive.
  */
 export const TanStackTableToken = new InjectionToken<
-  Signal<AngularTable<any, any>>
+  Signal<AngularTable<TableFeatures, RowData>>
 >('[TanStack Table] Table Context')
 
 /**
@@ -81,5 +81,7 @@ export function injectTableContext<
   TFeatures extends TableFeatures,
   TData extends RowData,
 >(): Signal<AngularTable<TFeatures, TData>> {
-  return inject(TanStackTableToken)
+  return inject(TanStackTableToken) as unknown as Signal<
+    AngularTable<TFeatures, TData>
+  >
 }

package/src/injectTable.ts

@@ -15,7 +15,6 @@ import type {
   Table,
   TableFeatures,
   TableOptions,
-  TableState,
 } from '@tanstack/table-core'
 import type {
   Atom,
@@ -36,66 +35,11 @@ export type AngularTable<
 > = Table<TFeatures, TData> & {
   /**
    * @deprecated Prefer `table.atoms.<slice>.get()` for template/render reads
-   * of a specific state slice, `table.state` for full-state debug snapshots, or
-   * Angular computed values around explicit selectors. `table.store.state` is a
-   * current-value snapshot and is easy to misuse in render code.
+   * of a specific state slice, or Angular computed values around explicit
+   * selectors. `table.store.state` is a current-value snapshot and is easy to
+   * misuse in render code.
    */
   readonly store: Table<TFeatures, TData>['store']
-  /**
-   * The current table state exposed as a flat proxy. Prefer
-   * `table.atoms.<slice>.get()` when reading a specific slice.
-   */
-  readonly state: Readonly<TableState<TFeatures>>
-}
-
-function createStateProxy<
-  TFeatures extends TableFeatures,
-  TData extends RowData,
->(table: Table<TFeatures, TData>): Readonly<TableState<TFeatures>> {
-  const getSnapshot = () => {
-    const snapshot = {} as TableState<TFeatures>
-    const stateKeys = Object.keys(table.initialState) as Array<
-      string & keyof TableState<TFeatures>
-    >
-
-    for (const key of stateKeys) {
-      ;(snapshot as Record<string, unknown>)[key] = table.atoms[key].get()
-    }
-
-    return snapshot
-  }
-
-  const target = {} as TableState<TFeatures>
-
-  return new Proxy(target, {
-    get(target, prop, receiver) {
-      if (prop === 'toJSON') {
-        return getSnapshot
-      }
-
-      if (typeof prop === 'string' && prop in table.initialState) {
-        return table.atoms[prop as keyof TableState<TFeatures>]?.get()
-      }
-
-      return Reflect.get(target, prop, receiver)
-    },
-    has(_, prop) {
-      return typeof prop === 'string' && prop in table.initialState
-    },
-    ownKeys() {
-      return Reflect.ownKeys(table.initialState)
-    },
-    getOwnPropertyDescriptor(_, prop) {
-      if (typeof prop !== 'string' || !(prop in table.initialState)) {
-        return undefined
-      }
-
-      return {
-        enumerable: true,
-        configurable: true,
-      }
-    },
-  })
 }
 
 /**
@@ -166,10 +110,13 @@ export function injectTable<
 
   return ngZone.runOutsideAngular(() =>
     lazyInit(() => {
-      const table = constructTable({
+      // Explicit type arguments skip generic inference from the spread object
+      // (a type-check hot spot); the spread only adds the angular reactivity
+      // binding to `features`.
+      const table = constructTable<TFeatures, TData>({
         ...options(),
         features: {
-          coreReativityFeature: angularReactivity(injector),
+          coreReactivityFeature: angularReactivity(injector),
           ...options().features,
         },
       }) as AngularTable<TFeatures, TData>
@@ -178,16 +125,6 @@ export function injectTable<
         table._reactivity.unmount?.()
       })
 
-      const stateProxy = createStateProxy(table)
-
-      Object.defineProperty(table, 'state', {
-        get() {
-          return stateProxy
-        },
-        configurable: true,
-        enumerable: true,
-      })
-
       let isMount = true
       effect(
         () => {