fix webpack error, no longer fn.name

Author: KevinVandy

examples/angular/basic/src/app/app.component.ts

@@ -42,7 +42,9 @@ const defaultData: Array<Person> = [
   },
 ]
 
-const defaultColumns: Array<ColumnDef<any, Person>> = [
+const _features = tableFeatures({})
+
+const defaultColumns: Array<ColumnDef<typeof _features, Person>> = [
   {
     accessorKey: 'firstName',
     cell: (info) => info.getValue(),
@@ -86,10 +88,8 @@ const defaultColumns: Array<ColumnDef<any, Person>> = [
 export class AppComponent {
   readonly data = signal<Array<Person>>(defaultData)
 
-  readonly tableFeatures = tableFeatures({})
-
   table = injectTable(() => ({
-    _features: this.tableFeatures, // new required option in V9. Tell the table which features you are importing and using (better tree-shaking)
+    _features, // new required option in V9. Tell the table which features you are importing and using (better tree-shaking)
     _rowModels: {}, // `Core` row model is now included by default, but you can still override it here
     data: this.data(),
     columns: defaultColumns,

examples/react/basic/src/main.tsx

@@ -81,7 +81,6 @@ const columns: Array<ColumnDef<typeof _features, Person>> = [
     id: 'age',
     header: () => 'Age',
     cell: (info) => {
-      console.log('info test value')
       return info.renderValue()
     },
   },

packages/table-core/src/core/cells/coreCellsFeature.ts

@@ -14,12 +14,15 @@ export const coreCellsFeature: TableFeature<{
     assignAPIs(cell, [
       {
         fn: () => cell_getValue(cell),
+        fnName: 'cell_getValue',
       },
       {
         fn: () => cell_renderValue(cell),
+        fnName: 'cell_renderValue',
       },
       {
         fn: () => cell_getContext(cell),
+        fnName: 'cell_getContext',
         memoDeps: () => [cell],
       },
     ])

packages/table-core/src/core/columns/coreColumnsFeature.ts

@@ -22,10 +22,12 @@ export const coreColumnsFeature: TableFeature<{
     assignAPIs(column, [
       {
         fn: () => column_getFlatColumns(column),
+        fnName: 'column_getFlatColumns',
         memoDeps: () => [table.options.columns],
       },
       {
         fn: () => column_getLeafColumns(column),
+        fnName: 'column_getLeafColumns',
         memoDeps: () => [
           table.options.state?.columnOrder,
           table.options.state?.grouping,
@@ -40,22 +42,27 @@ export const coreColumnsFeature: TableFeature<{
     assignAPIs(table, [
       {
         fn: () => table_getDefaultColumnDef(table),
+        fnName: 'table_getDefaultColumnDef',
         memoDeps: () => [table.options.defaultColumn],
       },
       {
         fn: () => table_getAllColumns(table),
+        fnName: 'table_getAllColumns',
         memoDeps: () => [table.options.columns],
       },
       {
         fn: () => table_getAllFlatColumns(table),
+        fnName: 'table_getAllFlatColumns',
         memoDeps: () => [table.options.columns],
       },
       {
         fn: () => table_getAllFlatColumnsById(table),
+        fnName: 'table_getAllFlatColumnsById',
         memoDeps: () => [table.options.columns],
       },
       {
         fn: () => table_getAllLeafColumns(table),
+        fnName: 'table_getAllLeafColumns',
         memoDeps: () => [
           table.options.state?.columnOrder,
           table.options.state?.grouping,
@@ -65,6 +72,7 @@ export const coreColumnsFeature: TableFeature<{
       },
       {
         fn: (columnId) => table_getColumn(table, columnId),
+        fnName: 'table_getColumn',
       },
     ])
   },

packages/table-core/src/core/columns/coreColumnsFeature.utils.ts

@@ -35,6 +35,7 @@ export function column_getLeafColumns<
 
     return callMemoOrStaticFn(
       column._table,
+      'getOrderColumns',
       table_getOrderColumnsFn,
     )(leafColumns as any) as any
   }
@@ -137,6 +138,7 @@ export function table_getAllLeafColumns<
   )
   return callMemoOrStaticFn(
     table,
+    'getOrderColumns',
     table_getOrderColumnsFn,
   )(leafColumns as any) as any
 }

packages/table-core/src/core/headers/buildHeaderGroups.ts

@@ -33,7 +33,9 @@ export function buildHeaderGroups<
     maxDepth = Math.max(maxDepth, depth)
 
     columns
-      .filter((column) => callMemoOrStaticFn(column, column_getIsVisible))
+      .filter((column) =>
+        callMemoOrStaticFn(column, 'getIsVisible', column_getIsVisible),
+      )
       .forEach((column) => {
         if (column.columns.length) {
           findMaxDepth(column.columns, depth + 1)
@@ -136,7 +138,11 @@ export function buildHeaderGroups<
     headers: Array<Header<TFeatures, TData, TValue>>,
   ): Array<{ colSpan: number; rowSpan: number }> => {
     const filteredHeaders = headers.filter((header) =>
-      callMemoOrStaticFn(header.column, column_getIsVisible),
+      callMemoOrStaticFn(
+        header.column,
+        'getIsVisible',
+        column_getIsVisible,
+      ),
     )
 
     return filteredHeaders.map((header) => {

packages/table-core/src/core/headers/coreHeadersFeature.ts

@@ -24,10 +24,12 @@ export const coreHeadersFeature: TableFeature<{
     assignAPIs(header, [
       {
         fn: () => header_getLeafHeaders(header),
+        fnName: 'header_getLeafHeaders',
         memoDeps: () => [header.column._table.options.columns],
       },
       {
         fn: () => header_getContext(header),
+        fnName: 'header_getContext',
         memoDeps: () => [header.column._table.options.columns],
       },
     ])
@@ -37,6 +39,7 @@ export const coreHeadersFeature: TableFeature<{
     assignAPIs(table, [
       {
         fn: () => table_getHeaderGroups(table),
+        fnName: 'table_getHeaderGroups',
         memoDeps: () => [
           table.options.columns,
           table.options.state?.columnOrder,
@@ -47,18 +50,21 @@ export const coreHeadersFeature: TableFeature<{
       },
       {
         fn: () => table_getFooterGroups(table),
+        fnName: 'table_getFooterGroups',
         memoDeps: () => [table.getHeaderGroups()],
       },
       {
         fn: () => table_getFlatHeaders(table),
+        fnName: 'table_getFlatHeaders',
         memoDeps: () => [table.getHeaderGroups()],
       },
       {
         fn: () => table_getLeafHeaders(table),
+        fnName: 'table_getLeafHeaders',
         memoDeps: () => [
-          callMemoOrStaticFn(table, table_getLeftHeaderGroups),
-          callMemoOrStaticFn(table, table_getCenterHeaderGroups),
-          callMemoOrStaticFn(table, table_getRightHeaderGroups),
+          callMemoOrStaticFn(table, 'getLeftHeaderGroups', table_getLeftHeaderGroups),
+          callMemoOrStaticFn(table, 'getCenterHeaderGroups', table_getCenterHeaderGroups),
+          callMemoOrStaticFn(table, 'getRightHeaderGroups', table_getRightHeaderGroups),
         ],
       },
     ])

packages/table-core/src/core/headers/coreHeadersFeature.utils.ts

@@ -54,6 +54,7 @@ export function table_getHeaderGroups<
   const allColumns = table.getAllColumns()
   const leafColumns = callMemoOrStaticFn(
     table,
+    'getVisibleLeafColumns',
     table_getVisibleLeafColumns,
   ) as unknown as Array<Column<TFeatures, TData, unknown>>
 
@@ -102,9 +103,21 @@ export function table_getLeafHeaders<
   TFeatures extends TableFeatures,
   TData extends RowData,
 >(table: Table_Internal<TFeatures, TData>) {
-  const left = callMemoOrStaticFn(table, table_getLeftHeaderGroups)
-  const center = callMemoOrStaticFn(table, table_getCenterHeaderGroups)
-  const right = callMemoOrStaticFn(table, table_getRightHeaderGroups)
+  const left = callMemoOrStaticFn(
+    table,
+    'getLeftHeaderGroups',
+    table_getLeftHeaderGroups,
+  )
+  const center = callMemoOrStaticFn(
+    table,
+    'getCenterHeaderGroups',
+    table_getCenterHeaderGroups,
+  )
+  const right = callMemoOrStaticFn(
+    table,
+    'getRightHeaderGroups',
+    table_getRightHeaderGroups,
+  )
 
   return [
     ...(left[0]?.headers ?? []),

packages/table-core/src/core/row-models/coreRowModelsFeature.ts

@@ -24,39 +24,51 @@ export const coreRowModelsFeature: TableFeature<{
     assignAPIs(table, [
       {
         fn: () => table_getCoreRowModel(table),
+        fnName: 'table_getCoreRowModel',
       },
       {
         fn: () => table_getPreFilteredRowModel(table),
+        fnName: 'table_getPreFilteredRowModel',
       },
       {
         fn: () => table_getFilteredRowModel(table),
+        fnName: 'table_getFilteredRowModel',
       },
       {
         fn: () => table_getPreGroupedRowModel(table),
+        fnName: 'table_getPreGroupedRowModel',
       },
       {
         fn: () => table_getGroupedRowModel(table),
+        fnName: 'table_getGroupedRowModel',
       },
       {
         fn: () => table_getPreSortedRowModel(table),
+        fnName: 'table_getPreSortedRowModel',
       },
       {
         fn: () => table_getSortedRowModel(table),
+        fnName: 'table_getSortedRowModel',
       },
       {
         fn: () => table_getPreExpandedRowModel(table),
+        fnName: 'table_getPreExpandedRowModel',
       },
       {
         fn: () => table_getExpandedRowModel(table),
+        fnName: 'table_getExpandedRowModel',
       },
       {
         fn: () => table_getPrePaginatedRowModel(table),
+        fnName: 'table_getPrePaginatedRowModel',
       },
       {
         fn: () => table_getPaginatedRowModel(table),
+        fnName: 'table_getPaginatedRowModel',
       },
       {
         fn: () => table_getRowModel(table),
+        fnName: 'table_getRowModel',
       },
     ])
   },

packages/table-core/src/core/rows/coreRowsFeature.ts

@@ -23,29 +23,37 @@ export const coreRowsFeature: TableFeature<{
     assignAPIs(row, [
       {
         fn: () => row_getAllCellsByColumnId(row),
+        fnName: 'row_getAllCellsByColumnId',
         memoDeps: () => [row.getAllCells()],
       },
       {
         fn: () => row_getAllCells(row),
+        fnName: 'row_getAllCells',
         memoDeps: () => [row._table.getAllLeafColumns()],
       },
       {
         fn: () => row_getLeafRows(row),
+        fnName: 'row_getLeafRows',
       },
       {
         fn: () => row_getParentRow(row),
+        fnName: 'row_getParentRow',
       },
       {
         fn: () => row_getParentRows(row),
+        fnName: 'row_getParentRows',
       },
       {
         fn: (columnId) => row_getUniqueValues(row, columnId),
+        fnName: 'row_getUniqueValues',
       },
       {
         fn: (columnId) => row_getValue(row, columnId),
+        fnName: 'row_getValue',
       },
       {
         fn: (columnId) => row_renderValue(row, columnId),
+        fnName: 'row_renderValue',
       },
     ])
   },
@@ -54,11 +62,13 @@ export const coreRowsFeature: TableFeature<{
     assignAPIs(table, [
       {
         fn: (row, index, parent) => table_getRowId(row, table, index, parent),
+        fnName: 'table_getRowId',
       },
       {
         // in next version, we should just pass in the row model as the optional 3rd arg
         fn: (id: string, searchAll?: boolean) =>
           table_getRow(table, id, searchAll),
+        fnName: 'table_getRow',
       },
     ])
   },