@tanstack/table-core 8.0.12 → 8.1.0

package/build/cjs/core/cell.js

@@ -12,11 +12,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function createCell(instance, row, column, columnId) {
+function createCell(table, row, column, columnId) {
   const getRenderValue = () => {
     var _cell$getValue;
 
-    return (_cell$getValue = cell.getValue()) != null ? _cell$getValue : instance.options.renderFallbackValue;
+    return (_cell$getValue = cell.getValue()) != null ? _cell$getValue : table.options.renderFallbackValue;
   };
 
   const cell = {
@@ -24,19 +24,19 @@ function createCell(instance, row, column, columnId) {
     row,
     column,
     getValue: () => row.getValue(columnId),
-    renderCell: () => {
-      return column.columnDef.cell ? instance._render(column.columnDef.cell, {
-        instance,
-        column,
-        row,
-        cell: cell,
-        getValue: getRenderValue
-      }) : null;
-    }
+    renderValue: getRenderValue,
+    getContext: () => ({
+      table,
+      column,
+      row,
+      cell: cell,
+      getValue: cell.getValue,
+      renderValue: cell.renderValue
+    })
   };
 
-  instance._features.forEach(feature => {
-    Object.assign(cell, feature.createCell == null ? void 0 : feature.createCell(cell, column, row, instance));
+  table._features.forEach(feature => {
+    Object.assign(cell, feature.createCell == null ? void 0 : feature.createCell(cell, column, row, table));
   }, {});
 
   return cell;

package/build/cjs/core/cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"cell.js","sources":["../../../src/core/cell.ts"],"sourcesContent":["import { Cell, Column, Row, TableGenerics, TableInstance } from '../types'\n\nexport type CoreCell<TGenerics extends TableGenerics> = {\n  id: string\n  getValue: () => TGenerics['Value']\n  row: Row<TGenerics>\n  column: Column<TGenerics>\n  renderCell: () => string | null | TGenerics['Rendered']\n}\n\nexport function createCell<TGenerics extends TableGenerics>(\n  instance: TableInstance<TGenerics>,\n  row: Row<TGenerics>,\n  column: Column<TGenerics>,\n  columnId: string\n) {\n  const getRenderValue = () =>\n    cell.getValue() ?? instance.options.renderFallbackValue\n\n  const cell: CoreCell<TGenerics> = {\n    id: `${row.id}_${column.id}`,\n    row,\n    column,\n    getValue: () => row.getValue(columnId),\n    renderCell: () => {\n      return column.columnDef.cell\n        ? instance._render(column.columnDef.cell, {\n            instance,\n            column,\n            row,\n            cell: cell as Cell<TGenerics>,\n            getValue: getRenderValue,\n          })\n        : null\n    },\n  }\n\n  instance._features.forEach(feature => {\n    Object.assign(\n      cell,\n      feature.createCell?.(\n        cell as Cell<TGenerics>,\n        column,\n        row as Row<TGenerics>,\n        instance\n      )\n    )\n  }, {})\n\n  return cell as Cell<TGenerics>\n}\n"],"names":["createCell","instance","row","column","columnId","getRenderValue","cell","getValue","options","renderFallbackValue","id","renderCell","columnDef","_render","_features","forEach","feature","Object","assign"],"mappings":";;;;;;;;;;;;;;AAUO,SAASA,UAAT,CACLC,QADK,EAELC,GAFK,EAGLC,MAHK,EAILC,QAJK,EAKL;AACA,EAAA,MAAMC,cAAc,GAAG,MAAA;AAAA,IAAA,IAAA,cAAA,CAAA;;IAAA,OACrBC,CAAAA,cAAAA,GAAAA,IAAI,CAACC,QAAL,EADqB,6BACFN,QAAQ,CAACO,OAAT,CAAiBC,mBADf,CAAA;GAAvB,CAAA;;AAGA,EAAA,MAAMH,IAAyB,GAAG;AAChCI,IAAAA,EAAE,EAAKR,GAAG,CAACQ,EAAT,GAAeP,GAAAA,GAAAA,MAAM,CAACO,EADQ;IAEhCR,GAFgC;IAGhCC,MAHgC;AAIhCI,IAAAA,QAAQ,EAAE,MAAML,GAAG,CAACK,QAAJ,CAAaH,QAAb,CAJgB;AAKhCO,IAAAA,UAAU,EAAE,MAAM;AAChB,MAAA,OAAOR,MAAM,CAACS,SAAP,CAAiBN,IAAjB,GACHL,QAAQ,CAACY,OAAT,CAAiBV,MAAM,CAACS,SAAP,CAAiBN,IAAlC,EAAwC;QACtCL,QADsC;QAEtCE,MAFsC;QAGtCD,GAHsC;AAItCI,QAAAA,IAAI,EAAEA,IAJgC;AAKtCC,QAAAA,QAAQ,EAAEF,cAAAA;OALZ,CADG,GAQH,IARJ,CAAA;AASD,KAAA;GAfH,CAAA;;AAkBAJ,EAAAA,QAAQ,CAACa,SAAT,CAAmBC,OAAnB,CAA2BC,OAAO,IAAI;IACpCC,MAAM,CAACC,MAAP,CACEZ,IADF,EAEEU,OAAO,CAAChB,UAFV,IAEEgB,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAChB,UAAR,CACEM,IADF,EAEEH,MAFF,EAGED,GAHF,EAIED,QAJF,CAFF,CAAA,CAAA;AASD,GAVD,EAUG,EAVH,CAAA,CAAA;;AAYA,EAAA,OAAOK,IAAP,CAAA;AACD;;;;"}
+{"version":3,"file":"cell.js","sources":["../../../src/core/cell.ts"],"sourcesContent":["import { RowData, Cell, Column, Row, Table } from '../types'\n\nexport type CoreCell<TData extends RowData> = {\n  id: string\n  getValue: () => any\n  renderValue: () => unknown\n  row: Row<TData>\n  column: Column<TData>\n  getContext: () => {\n    table: Table<TData>\n    column: Column<TData>\n    row: Row<TData>\n    cell: Cell<TData>\n    getValue: () => any\n    renderValue: () => any\n  }\n}\n\nexport function createCell<TData extends RowData>(\n  table: Table<TData>,\n  row: Row<TData>,\n  column: Column<TData>,\n  columnId: string\n) {\n  const getRenderValue = () =>\n    cell.getValue() ?? table.options.renderFallbackValue\n\n  const cell: CoreCell<TData> = {\n    id: `${row.id}_${column.id}`,\n    row,\n    column,\n    getValue: () => row.getValue(columnId),\n    renderValue: getRenderValue,\n    getContext: () => ({\n      table,\n      column,\n      row,\n      cell: cell as Cell<TData>,\n      getValue: cell.getValue,\n      renderValue: cell.renderValue,\n    }),\n  }\n\n  table._features.forEach(feature => {\n    Object.assign(\n      cell,\n      feature.createCell?.(\n        cell as Cell<TData>,\n        column,\n        row as Row<TData>,\n        table\n      )\n    )\n  }, {})\n\n  return cell as Cell<TData>\n}\n"],"names":["createCell","table","row","column","columnId","getRenderValue","cell","getValue","options","renderFallbackValue","id","renderValue","getContext","_features","forEach","feature","Object","assign"],"mappings":";;;;;;;;;;;;;;AAkBO,SAASA,UAAT,CACLC,KADK,EAELC,GAFK,EAGLC,MAHK,EAILC,QAJK,EAKL;AACA,EAAA,MAAMC,cAAc,GAAG,MAAA;AAAA,IAAA,IAAA,cAAA,CAAA;;IAAA,OACrBC,CAAAA,cAAAA,GAAAA,IAAI,CAACC,QAAL,EADqB,6BACFN,KAAK,CAACO,OAAN,CAAcC,mBADZ,CAAA;GAAvB,CAAA;;AAGA,EAAA,MAAMH,IAAqB,GAAG;AAC5BI,IAAAA,EAAE,EAAKR,GAAG,CAACQ,EAAT,GAAeP,GAAAA,GAAAA,MAAM,CAACO,EADI;IAE5BR,GAF4B;IAG5BC,MAH4B;AAI5BI,IAAAA,QAAQ,EAAE,MAAML,GAAG,CAACK,QAAJ,CAAaH,QAAb,CAJY;AAK5BO,IAAAA,WAAW,EAAEN,cALe;AAM5BO,IAAAA,UAAU,EAAE,OAAO;MACjBX,KADiB;MAEjBE,MAFiB;MAGjBD,GAHiB;AAIjBI,MAAAA,IAAI,EAAEA,IAJW;MAKjBC,QAAQ,EAAED,IAAI,CAACC,QALE;MAMjBI,WAAW,EAAEL,IAAI,CAACK,WAAAA;KANR,CAAA;GANd,CAAA;;AAgBAV,EAAAA,KAAK,CAACY,SAAN,CAAgBC,OAAhB,CAAwBC,OAAO,IAAI;IACjCC,MAAM,CAACC,MAAP,CACEX,IADF,EAEES,OAAO,CAACf,UAFV,IAEEe,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAACf,UAAR,CACEM,IADF,EAEEH,MAFF,EAGED,GAHF,EAIED,KAJF,CAFF,CAAA,CAAA;AASD,GAVD,EAUG,EAVH,CAAA,CAAA;;AAYA,EAAA,OAAOK,IAAP,CAAA;AACD;;;;"}

package/build/cjs/core/column.js

@@ -14,38 +14,37 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var utils = require('../utils.js');
 
-function createColumn(instance, columnDef, depth, parent) {
-  var _ref, _columnDef$id;
+function createColumn(table, columnDef, depth, parent) {
+  var _ref, _resolvedColumnDef$id;
 
-  const defaultColumn = instance._getDefaultColumnDef();
+  const defaultColumn = table._getDefaultColumnDef();
 
-  columnDef = { ...defaultColumn,
+  const resolvedColumnDef = { ...defaultColumn,
     ...columnDef
   };
-  let id = (_ref = (_columnDef$id = columnDef.id) != null ? _columnDef$id : columnDef.accessorKey) != null ? _ref : typeof columnDef.header === 'string' ? columnDef.header : undefined;
+  let id = (_ref = (_resolvedColumnDef$id = resolvedColumnDef.id) != null ? _resolvedColumnDef$id : resolvedColumnDef.accessorKey) != null ? _ref : typeof resolvedColumnDef.header === 'string' ? resolvedColumnDef.header : undefined;
   let accessorFn;
 
-  if (columnDef.accessorFn) {
-    accessorFn = columnDef.accessorFn;
-  } else if (columnDef.accessorKey) {
-    accessorFn = originalRow => originalRow[columnDef.accessorKey];
+  if (resolvedColumnDef.accessorFn) {
+    accessorFn = resolvedColumnDef.accessorFn;
+  } else if (resolvedColumnDef.accessorKey) {
+    accessorFn = originalRow => originalRow[resolvedColumnDef.accessorKey];
   }
 
   if (!id) {
     if (process.env.NODE_ENV !== 'production') {
-      throw new Error(columnDef.accessorFn ? "Columns require an id when using an accessorFn" : "Columns require an id when using a non-string header");
+      throw new Error(resolvedColumnDef.accessorFn ? "Columns require an id when using an accessorFn" : "Columns require an id when using a non-string header");
     }
 
     throw new Error();
   }
 
   let column = {
-    id: "" + id,
+    id: "" + String(id),
     accessorFn,
     parent: parent,
     depth,
-    columnDef,
-    columnDefType: columnDef.columnDefType,
+    columnDef: resolvedColumnDef,
     columns: [],
     getFlatColumns: utils.memo(() => [true], () => {
       var _column$columns;
@@ -54,12 +53,12 @@ function createColumn(instance, columnDef, depth, parent) {
     }, {
       key: process.env.NODE_ENV === 'production' && 'column.getFlatColumns',
       debug: () => {
-        var _instance$options$deb;
+        var _table$options$debugA;
 
-        return (_instance$options$deb = instance.options.debugAll) != null ? _instance$options$deb : instance.options.debugColumns;
+        return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugColumns;
       }
     }),
-    getLeafColumns: utils.memo(() => [instance._getOrderColumnsFn()], orderColumns => {
+    getLeafColumns: utils.memo(() => [table._getOrderColumnsFn()], orderColumns => {
       var _column$columns2;
 
       if ((_column$columns2 = column.columns) != null && _column$columns2.length) {
@@ -71,15 +70,15 @@ function createColumn(instance, columnDef, depth, parent) {
     }, {
       key: process.env.NODE_ENV === 'production' && 'column.getLeafColumns',
       debug: () => {
-        var _instance$options$deb2;
+        var _table$options$debugA2;
 
-        return (_instance$options$deb2 = instance.options.debugAll) != null ? _instance$options$deb2 : instance.options.debugColumns;
+        return (_table$options$debugA2 = table.options.debugAll) != null ? _table$options$debugA2 : table.options.debugColumns;
       }
     })
   };
-  column = instance._features.reduce((obj, feature) => {
-    return Object.assign(obj, feature.createColumn == null ? void 0 : feature.createColumn(column, instance));
-  }, column); // Yes, we have to convert instance to uknown, because we know more than the compiler here.
+  column = table._features.reduce((obj, feature) => {
+    return Object.assign(obj, feature.createColumn == null ? void 0 : feature.createColumn(column, table));
+  }, column); // Yes, we have to convert table to uknown, because we know more than the compiler here.
 
   return column;
 }

package/build/cjs/core/column.js.map

@@ -1 +1 @@
-{"version":3,"file":"column.js","sources":["../../../src/core/column.ts"],"sourcesContent":["import {\n  Cell,\n  Column,\n  Header,\n  TableGenerics,\n  TableInstance,\n  Row,\n  AccessorFn,\n  ColumnDef,\n  Renderable,\n} from '../types'\nimport { memo } from '../utils'\n\nexport type CoreColumnDefType = 'data' | 'display' | 'group'\n\nexport type CoreColumnDef<TGenerics extends TableGenerics> = {\n  id: string\n  accessorKey?: string & keyof TGenerics['Row']\n  accessorFn?: AccessorFn<TGenerics['Row']>\n  columns?: ColumnDef<TGenerics>[]\n  header?: Renderable<\n    TGenerics,\n    {\n      instance: TableInstance<TGenerics>\n      header: Header<TGenerics>\n      column: Column<TGenerics>\n    }\n  >\n  footer?: Renderable<\n    TGenerics,\n    {\n      instance: TableInstance<TGenerics>\n      header: Header<TGenerics>\n      column: Column<TGenerics>\n    }\n  >\n  cell?: Renderable<\n    TGenerics,\n    {\n      instance: TableInstance<TGenerics>\n      row: Row<TGenerics>\n      column: Column<TGenerics>\n      cell: Cell<TGenerics>\n      getValue: () => TGenerics['Value']\n    }\n  >\n  meta?: TGenerics['ColumnMeta']\n}\n\nexport type CoreColumn<TGenerics extends TableGenerics> = {\n  id: string\n  depth: number\n  accessorFn?: AccessorFn<TGenerics['Row']>\n  columnDef: ColumnDef<TGenerics>\n  columnDefType: CoreColumnDefType\n  columns: Column<TGenerics>[]\n  parent?: Column<TGenerics>\n  getFlatColumns: () => Column<TGenerics>[]\n  getLeafColumns: () => Column<TGenerics>[]\n}\n\nexport function createColumn<TGenerics extends TableGenerics>(\n  instance: TableInstance<TGenerics>,\n  columnDef: ColumnDef<TGenerics> & { columnDefType?: CoreColumnDefType },\n  depth: number,\n  parent?: Column<TGenerics>\n) {\n  const defaultColumn = instance._getDefaultColumnDef()\n\n  columnDef = {\n    ...defaultColumn,\n    ...columnDef,\n  }\n\n  let id =\n    columnDef.id ??\n    columnDef.accessorKey ??\n    (typeof columnDef.header === 'string' ? columnDef.header : undefined)\n\n  let accessorFn: AccessorFn<TGenerics['Row']> | undefined\n\n  if (columnDef.accessorFn) {\n    accessorFn = columnDef.accessorFn\n  } else if (columnDef.accessorKey) {\n    accessorFn = (originalRow?: TGenerics['Row']) =>\n      (originalRow as any)[columnDef.accessorKey]\n  }\n\n  if (!id) {\n    if (process.env.NODE_ENV !== 'production') {\n      throw new Error(\n        columnDef.accessorFn\n          ? `Columns require an id when using an accessorFn`\n          : `Columns require an id when using a non-string header`\n      )\n    }\n    throw new Error()\n  }\n\n  let column: CoreColumn<TGenerics> = {\n    id: `${id}`,\n    accessorFn,\n    parent: parent as any,\n    depth,\n    columnDef,\n    columnDefType: columnDef.columnDefType as CoreColumnDefType,\n    columns: [],\n    getFlatColumns: memo(\n      () => [true],\n      () => {\n        return [\n          column as Column<TGenerics>,\n          ...column.columns?.flatMap(d => d.getFlatColumns()),\n        ]\n      },\n      {\n        key: process.env.NODE_ENV === 'production' && 'column.getFlatColumns',\n        debug: () => instance.options.debugAll ?? instance.options.debugColumns,\n      }\n    ),\n    getLeafColumns: memo(\n      () => [instance._getOrderColumnsFn()],\n      orderColumns => {\n        if (column.columns?.length) {\n          let leafColumns = column.columns.flatMap(column =>\n            column.getLeafColumns()\n          )\n\n          return orderColumns(leafColumns)\n        }\n\n        return [column as Column<TGenerics>]\n      },\n      {\n        key: process.env.NODE_ENV === 'production' && 'column.getLeafColumns',\n        debug: () => instance.options.debugAll ?? instance.options.debugColumns,\n      }\n    ),\n  }\n\n  column = instance._features.reduce((obj, feature) => {\n    return Object.assign(obj, feature.createColumn?.(column, instance))\n  }, column)\n\n  // Yes, we have to convert instance to uknown, because we know more than the compiler here.\n  return column as Column<TGenerics>\n}\n"],"names":["createColumn","instance","columnDef","depth","parent","defaultColumn","_getDefaultColumnDef","id","accessorKey","header","undefined","accessorFn","originalRow","process","env","NODE_ENV","Error","column","columnDefType","columns","getFlatColumns","memo","flatMap","d","key","debug","options","debugAll","debugColumns","getLeafColumns","_getOrderColumnsFn","orderColumns","length","leafColumns","_features","reduce","obj","feature","Object","assign"],"mappings":"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"}
+{"version":3,"file":"column.js","sources":["../../../src/core/column.ts"],"sourcesContent":["import {\n  Cell,\n  Column,\n  Header,\n  TableGenerics,\n  Table,\n  Row,\n  AccessorFn,\n  ColumnDef,\n  ColumnDefTemplate,\n  RowData,\n} from '../types'\nimport { memo, UnionToIntersection } from '../utils'\nimport { CoreCell } from './cell'\nimport { CoreHeader } from './headers'\n\nexport type CoreColumnDefType = 'data' | 'display' | 'group'\n\ntype CoreColumnDefBase<TData extends RowData> = {\n  columns?: ColumnDef<TData>[]\n  header?: ColumnDefTemplate<ReturnType<CoreHeader<TData>['getContext']>>\n  footer?: ColumnDefTemplate<ReturnType<CoreHeader<TData>['getContext']>>\n  cell?: ColumnDefTemplate<ReturnType<CoreCell<TData>['getContext']>>\n  meta?: unknown\n}\n\ntype CoreColumnDefDisplay<TData extends RowData> = CoreColumnDefBase<TData> & {\n  id: string\n}\n\ntype CoreColumnDefDisplayWithStringHeader<TData extends RowData> =\n  CoreColumnDefBase<TData> & {\n    header: string\n    id?: string\n  }\n\ntype CoreColumnDefAccessorFn<TData extends RowData> =\n  CoreColumnDefBase<TData> & {\n    accessorFn: AccessorFn<TData>\n    id: string\n    // accessorKey?: never\n  }\n\ntype CoreColumnDefAccessorKey<TData extends RowData> =\n  CoreColumnDefBase<TData> & {\n    accessorKey: keyof TData\n    id?: string\n    // accessorFn?: never\n  }\n\nexport type CoreColumnDef<TData extends RowData> =\n  | CoreColumnDefDisplay<TData>\n  | CoreColumnDefDisplayWithStringHeader<TData>\n  | CoreColumnDefAccessorFn<TData>\n  | CoreColumnDefAccessorKey<TData>\n\nexport type CoreColumnDefResolved<TData extends RowData> = Partial<\n  UnionToIntersection<CoreColumnDef<TData>>\n>\n\nexport type CoreColumn<TData extends RowData> = {\n  id: string\n  depth: number\n  accessorFn?: AccessorFn<TData>\n  columnDef: ColumnDef<TData>\n  columns: Column<TData>[]\n  parent?: Column<TData>\n  getFlatColumns: () => Column<TData>[]\n  getLeafColumns: () => Column<TData>[]\n}\n\nexport function createColumn<TData extends RowData>(\n  table: Table<TData>,\n  columnDef: ColumnDef<TData>,\n  depth: number,\n  parent?: Column<TData>\n) {\n  const defaultColumn = table._getDefaultColumnDef()\n\n  const resolvedColumnDef = {\n    ...defaultColumn,\n    ...columnDef,\n  } as CoreColumnDefResolved<TData>\n\n  let id =\n    resolvedColumnDef.id ??\n    resolvedColumnDef.accessorKey ??\n    (typeof resolvedColumnDef.header === 'string'\n      ? resolvedColumnDef.header\n      : undefined)\n\n  let accessorFn: AccessorFn<TData> | undefined\n\n  if (resolvedColumnDef.accessorFn) {\n    accessorFn = resolvedColumnDef.accessorFn\n  } else if (resolvedColumnDef.accessorKey) {\n    accessorFn = (originalRow?: TData) =>\n      (originalRow as any)[resolvedColumnDef.accessorKey]\n  }\n\n  if (!id) {\n    if (process.env.NODE_ENV !== 'production') {\n      throw new Error(\n        resolvedColumnDef.accessorFn\n          ? `Columns require an id when using an accessorFn`\n          : `Columns require an id when using a non-string header`\n      )\n    }\n    throw new Error()\n  }\n\n  let column: CoreColumn<TData> = {\n    id: `${String(id)}`,\n    accessorFn,\n    parent: parent as any,\n    depth,\n    columnDef: resolvedColumnDef as ColumnDef<TData>,\n    columns: [],\n    getFlatColumns: memo(\n      () => [true],\n      () => {\n        return [\n          column as Column<TData>,\n          ...column.columns?.flatMap(d => d.getFlatColumns()),\n        ]\n      },\n      {\n        key: process.env.NODE_ENV === 'production' && 'column.getFlatColumns',\n        debug: () => table.options.debugAll ?? table.options.debugColumns,\n      }\n    ),\n    getLeafColumns: memo(\n      () => [table._getOrderColumnsFn()],\n      orderColumns => {\n        if (column.columns?.length) {\n          let leafColumns = column.columns.flatMap(column =>\n            column.getLeafColumns()\n          )\n\n          return orderColumns(leafColumns)\n        }\n\n        return [column as Column<TData>]\n      },\n      {\n        key: process.env.NODE_ENV === 'production' && 'column.getLeafColumns',\n        debug: () => table.options.debugAll ?? table.options.debugColumns,\n      }\n    ),\n  }\n\n  column = table._features.reduce((obj, feature) => {\n    return Object.assign(obj, feature.createColumn?.(column, table))\n  }, column)\n\n  // Yes, we have to convert table to uknown, because we know more than the compiler here.\n  return column as Column<TData>\n}\n"],"names":["createColumn","table","columnDef","depth","parent","defaultColumn","_getDefaultColumnDef","resolvedColumnDef","id","accessorKey","header","undefined","accessorFn","originalRow","process","env","NODE_ENV","Error","column","String","columns","getFlatColumns","memo","flatMap","d","key","debug","options","debugAll","debugColumns","getLeafColumns","_getOrderColumnsFn","orderColumns","length","leafColumns","_features","reduce","obj","feature","Object","assign"],"mappings":";;;;;;;;;;;;;;;;AAuEO,SAASA,YAAT,CACLC,KADK,EAELC,SAFK,EAGLC,KAHK,EAILC,MAJK,EAKL;AAAA,EAAA,IAAA,IAAA,EAAA,qBAAA,CAAA;;AACA,EAAA,MAAMC,aAAa,GAAGJ,KAAK,CAACK,oBAAN,EAAtB,CAAA;;AAEA,EAAA,MAAMC,iBAAiB,GAAG,EACxB,GAAGF,aADqB;IAExB,GAAGH,SAAAA;GAFL,CAAA;EAKA,IAAIM,EAAE,oCACJD,iBAAiB,CAACC,EADd,KAEJD,IAAAA,GAAAA,qBAAAA,GAAAA,iBAAiB,CAACE,WAFd,KAAA,IAAA,GAAA,IAAA,GAGH,OAAOF,iBAAiB,CAACG,MAAzB,KAAoC,QAApC,GACGH,iBAAiB,CAACG,MADrB,GAEGC,SALN,CAAA;AAOA,EAAA,IAAIC,UAAJ,CAAA;;EAEA,IAAIL,iBAAiB,CAACK,UAAtB,EAAkC;IAChCA,UAAU,GAAGL,iBAAiB,CAACK,UAA/B,CAAA;AACD,GAFD,MAEO,IAAIL,iBAAiB,CAACE,WAAtB,EAAmC;IACxCG,UAAU,GAAIC,WAAD,IACVA,WAAD,CAAqBN,iBAAiB,CAACE,WAAvC,CADF,CAAA;AAED,GAAA;;EAED,IAAI,CAACD,EAAL,EAAS;AACP,IAAA,IAAIM,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAA7B,EAA2C;AACzC,MAAA,MAAM,IAAIC,KAAJ,CACJV,iBAAiB,CAACK,UAAlB,4GADI,CAAN,CAAA;AAKD,KAAA;;IACD,MAAM,IAAIK,KAAJ,EAAN,CAAA;AACD,GAAA;;AAED,EAAA,IAAIC,MAAyB,GAAG;AAC9BV,IAAAA,EAAE,EAAKW,EAAAA,GAAAA,MAAM,CAACX,EAAD,CADiB;IAE9BI,UAF8B;AAG9BR,IAAAA,MAAM,EAAEA,MAHsB;IAI9BD,KAJ8B;AAK9BD,IAAAA,SAAS,EAAEK,iBALmB;AAM9Ba,IAAAA,OAAO,EAAE,EANqB;IAO9BC,cAAc,EAAEC,UAAI,CAClB,MAAM,CAAC,IAAD,CADY,EAElB,MAAM;AAAA,MAAA,IAAA,eAAA,CAAA;;AACJ,MAAA,OAAO,CACLJ,MADK,EAEL,uBAAGA,MAAM,CAACE,OAAV,KAAG,IAAA,GAAA,KAAA,CAAA,GAAA,eAAA,CAAgBG,OAAhB,CAAwBC,CAAC,IAAIA,CAAC,CAACH,cAAF,EAA7B,CAAH,CAFK,CAAP,CAAA;AAID,KAPiB,EAQlB;MACEI,GAAG,EAAEX,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAAzB,IAAyC,uBADhD;AAEEU,MAAAA,KAAK,EAAE,MAAA;AAAA,QAAA,IAAA,qBAAA,CAAA;;QAAA,OAAMzB,CAAAA,qBAAAA,GAAAA,KAAK,CAAC0B,OAAN,CAAcC,QAApB,oCAAgC3B,KAAK,CAAC0B,OAAN,CAAcE,YAA9C,CAAA;AAAA,OAAA;AAFT,KARkB,CAPU;AAoB9BC,IAAAA,cAAc,EAAER,UAAI,CAClB,MAAM,CAACrB,KAAK,CAAC8B,kBAAN,EAAD,CADY,EAElBC,YAAY,IAAI;AAAA,MAAA,IAAA,gBAAA,CAAA;;AACd,MAAA,IAAA,CAAA,gBAAA,GAAId,MAAM,CAACE,OAAX,KAAI,IAAA,IAAA,gBAAA,CAAgBa,MAApB,EAA4B;AAC1B,QAAA,IAAIC,WAAW,GAAGhB,MAAM,CAACE,OAAP,CAAeG,OAAf,CAAuBL,MAAM,IAC7CA,MAAM,CAACY,cAAP,EADgB,CAAlB,CAAA;QAIA,OAAOE,YAAY,CAACE,WAAD,CAAnB,CAAA;AACD,OAAA;;MAED,OAAO,CAAChB,MAAD,CAAP,CAAA;AACD,KAZiB,EAalB;MACEO,GAAG,EAAEX,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAAzB,IAAyC,uBADhD;AAEEU,MAAAA,KAAK,EAAE,MAAA;AAAA,QAAA,IAAA,sBAAA,CAAA;;QAAA,OAAMzB,CAAAA,sBAAAA,GAAAA,KAAK,CAAC0B,OAAN,CAAcC,QAApB,qCAAgC3B,KAAK,CAAC0B,OAAN,CAAcE,YAA9C,CAAA;AAAA,OAAA;KAfS,CAAA;GApBtB,CAAA;EAwCAX,MAAM,GAAGjB,KAAK,CAACkC,SAAN,CAAgBC,MAAhB,CAAuB,CAACC,GAAD,EAAMC,OAAN,KAAkB;AAChD,IAAA,OAAOC,MAAM,CAACC,MAAP,CAAcH,GAAd,EAAmBC,OAAO,CAACtC,YAA3B,IAAmBsC,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAACtC,YAAR,CAAuBkB,MAAvB,EAA+BjB,KAA/B,CAAnB,CAAP,CAAA;AACD,GAFQ,EAENiB,MAFM,CAAT,CA3EA;;AAgFA,EAAA,OAAOA,MAAP,CAAA;AACD;;;;"}

package/build/cjs/core/headers.js

@@ -15,7 +15,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var utils = require('../utils.js');
 
 //
-function createHeader(instance, column, options) {
+function createHeader(table, column, options) {
   var _options$id;
 
   const id = (_options$id = options.id) != null ? _options$id : column.id;
@@ -44,174 +44,169 @@ function createHeader(instance, column, options) {
       recurseHeader(header);
       return leafHeaders;
     },
-    renderHeader: () => column.columnDef.header ? instance._render(column.columnDef.header, {
-      instance,
+    getContext: () => ({
+      table,
       header: header,
       column
-    }) : null,
-    renderFooter: () => column.columnDef.footer ? instance._render(column.columnDef.footer, {
-      instance,
-      header: header,
-      column
-    }) : null
+    })
   };
 
-  instance._features.forEach(feature => {
-    Object.assign(header, feature.createHeader == null ? void 0 : feature.createHeader(header, instance));
+  table._features.forEach(feature => {
+    Object.assign(header, feature.createHeader == null ? void 0 : feature.createHeader(header, table));
   });
 
   return header;
 }
 
 const Headers = {
-  createInstance: instance => {
+  createTable: table => {
     return {
       // Header Groups
-      getHeaderGroups: utils.memo(() => [instance.getAllColumns(), instance.getVisibleLeafColumns(), instance.getState().columnPinning.left, instance.getState().columnPinning.right], (allColumns, leafColumns, left, right) => {
+      getHeaderGroups: utils.memo(() => [table.getAllColumns(), table.getVisibleLeafColumns(), table.getState().columnPinning.left, table.getState().columnPinning.right], (allColumns, leafColumns, left, right) => {
         var _left$map$filter, _right$map$filter;
 
         const leftColumns = (_left$map$filter = left == null ? void 0 : left.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) != null ? _left$map$filter : [];
         const rightColumns = (_right$map$filter = right == null ? void 0 : right.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) != null ? _right$map$filter : [];
         const centerColumns = leafColumns.filter(column => !(left != null && left.includes(column.id)) && !(right != null && right.includes(column.id)));
-        const headerGroups = buildHeaderGroups(allColumns, [...leftColumns, ...centerColumns, ...rightColumns], instance);
+        const headerGroups = buildHeaderGroups(allColumns, [...leftColumns, ...centerColumns, ...rightColumns], table);
         return headerGroups;
       }, {
         key: process.env.NODE_ENV === 'development' && 'getHeaderGroups',
         debug: () => {
-          var _instance$options$deb;
+          var _table$options$debugA;
 
-          return (_instance$options$deb = instance.options.debugAll) != null ? _instance$options$deb : instance.options.debugHeaders;
+          return (_table$options$debugA = table.options.debugAll) != null ? _table$options$debugA : table.options.debugHeaders;
         }
       }),
-      getCenterHeaderGroups: utils.memo(() => [instance.getAllColumns(), instance.getVisibleLeafColumns(), instance.getState().columnPinning.left, instance.getState().columnPinning.right], (allColumns, leafColumns, left, right) => {
+      getCenterHeaderGroups: utils.memo(() => [table.getAllColumns(), table.getVisibleLeafColumns(), table.getState().columnPinning.left, table.getState().columnPinning.right], (allColumns, leafColumns, left, right) => {
         leafColumns = leafColumns.filter(column => !(left != null && left.includes(column.id)) && !(right != null && right.includes(column.id)));
-        return buildHeaderGroups(allColumns, leafColumns, instance, 'center');
+        return buildHeaderGroups(allColumns, leafColumns, table, 'center');
       }, {
         key: process.env.NODE_ENV === 'development' && 'getCenterHeaderGroups',
         debug: () => {
-          var _instance$options$deb2;
+          var _table$options$debugA2;
 
-          return (_instance$options$deb2 = instance.options.debugAll) != null ? _instance$options$deb2 : instance.options.debugHeaders;
+          return (_table$options$debugA2 = table.options.debugAll) != null ? _table$options$debugA2 : table.options.debugHeaders;
         }
       }),
-      getLeftHeaderGroups: utils.memo(() => [instance.getAllColumns(), instance.getVisibleLeafColumns(), instance.getState().columnPinning.left], (allColumns, leafColumns, left) => {
+      getLeftHeaderGroups: utils.memo(() => [table.getAllColumns(), table.getVisibleLeafColumns(), table.getState().columnPinning.left], (allColumns, leafColumns, left) => {
         var _left$map$filter2;
 
         const orderedLeafColumns = (_left$map$filter2 = left == null ? void 0 : left.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) != null ? _left$map$filter2 : [];
-        return buildHeaderGroups(allColumns, orderedLeafColumns, instance, 'left');
+        return buildHeaderGroups(allColumns, orderedLeafColumns, table, 'left');
       }, {
         key: process.env.NODE_ENV === 'development' && 'getLeftHeaderGroups',
         debug: () => {
-          var _instance$options$deb3;
+          var _table$options$debugA3;
 
-          return (_instance$options$deb3 = instance.options.debugAll) != null ? _instance$options$deb3 : instance.options.debugHeaders;
+          return (_table$options$debugA3 = table.options.debugAll) != null ? _table$options$debugA3 : table.options.debugHeaders;
         }
       }),
-      getRightHeaderGroups: utils.memo(() => [instance.getAllColumns(), instance.getVisibleLeafColumns(), instance.getState().columnPinning.right], (allColumns, leafColumns, right) => {
+      getRightHeaderGroups: utils.memo(() => [table.getAllColumns(), table.getVisibleLeafColumns(), table.getState().columnPinning.right], (allColumns, leafColumns, right) => {
         var _right$map$filter2;
 
         const orderedLeafColumns = (_right$map$filter2 = right == null ? void 0 : right.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) != null ? _right$map$filter2 : [];
-        return buildHeaderGroups(allColumns, orderedLeafColumns, instance, 'right');
+        return buildHeaderGroups(allColumns, orderedLeafColumns, table, 'right');
       }, {
         key: process.env.NODE_ENV === 'development' && 'getRightHeaderGroups',
         debug: () => {
-          var _instance$options$deb4;
+          var _table$options$debugA4;
 
-          return (_instance$options$deb4 = instance.options.debugAll) != null ? _instance$options$deb4 : instance.options.debugHeaders;
+          return (_table$options$debugA4 = table.options.debugAll) != null ? _table$options$debugA4 : table.options.debugHeaders;
         }
       }),
       // Footer Groups
-      getFooterGroups: utils.memo(() => [instance.getHeaderGroups()], headerGroups => {
+      getFooterGroups: utils.memo(() => [table.getHeaderGroups()], headerGroups => {
         return [...headerGroups].reverse();
       }, {
         key: process.env.NODE_ENV === 'development' && 'getFooterGroups',
         debug: () => {
-          var _instance$options$deb5;
+          var _table$options$debugA5;
 
-          return (_instance$options$deb5 = instance.options.debugAll) != null ? _instance$options$deb5 : instance.options.debugHeaders;
+          return (_table$options$debugA5 = table.options.debugAll) != null ? _table$options$debugA5 : table.options.debugHeaders;
         }
       }),
-      getLeftFooterGroups: utils.memo(() => [instance.getLeftHeaderGroups()], headerGroups => {
+      getLeftFooterGroups: utils.memo(() => [table.getLeftHeaderGroups()], headerGroups => {
         return [...headerGroups].reverse();
       }, {
         key: process.env.NODE_ENV === 'development' && 'getLeftFooterGroups',
         debug: () => {
-          var _instance$options$deb6;
+          var _table$options$debugA6;
 
-          return (_instance$options$deb6 = instance.options.debugAll) != null ? _instance$options$deb6 : instance.options.debugHeaders;
+          return (_table$options$debugA6 = table.options.debugAll) != null ? _table$options$debugA6 : table.options.debugHeaders;
         }
       }),
-      getCenterFooterGroups: utils.memo(() => [instance.getCenterHeaderGroups()], headerGroups => {
+      getCenterFooterGroups: utils.memo(() => [table.getCenterHeaderGroups()], headerGroups => {
         return [...headerGroups].reverse();
       }, {
         key: process.env.NODE_ENV === 'development' && 'getCenterFooterGroups',
         debug: () => {
-          var _instance$options$deb7;
+          var _table$options$debugA7;
 
-          return (_instance$options$deb7 = instance.options.debugAll) != null ? _instance$options$deb7 : instance.options.debugHeaders;
+          return (_table$options$debugA7 = table.options.debugAll) != null ? _table$options$debugA7 : table.options.debugHeaders;
         }
       }),
-      getRightFooterGroups: utils.memo(() => [instance.getRightHeaderGroups()], headerGroups => {
+      getRightFooterGroups: utils.memo(() => [table.getRightHeaderGroups()], headerGroups => {
         return [...headerGroups].reverse();
       }, {
         key: process.env.NODE_ENV === 'development' && 'getRightFooterGroups',
         debug: () => {
-          var _instance$options$deb8;
+          var _table$options$debugA8;
 
-          return (_instance$options$deb8 = instance.options.debugAll) != null ? _instance$options$deb8 : instance.options.debugHeaders;
+          return (_table$options$debugA8 = table.options.debugAll) != null ? _table$options$debugA8 : table.options.debugHeaders;
         }
       }),
       // Flat Headers
-      getFlatHeaders: utils.memo(() => [instance.getHeaderGroups()], headerGroups => {
+      getFlatHeaders: utils.memo(() => [table.getHeaderGroups()], headerGroups => {
         return headerGroups.map(headerGroup => {
           return headerGroup.headers;
         }).flat();
       }, {
         key: process.env.NODE_ENV === 'development' && 'getFlatHeaders',
         debug: () => {
-          var _instance$options$deb9;
+          var _table$options$debugA9;
 
-          return (_instance$options$deb9 = instance.options.debugAll) != null ? _instance$options$deb9 : instance.options.debugHeaders;
+          return (_table$options$debugA9 = table.options.debugAll) != null ? _table$options$debugA9 : table.options.debugHeaders;
         }
       }),
-      getLeftFlatHeaders: utils.memo(() => [instance.getLeftHeaderGroups()], left => {
+      getLeftFlatHeaders: utils.memo(() => [table.getLeftHeaderGroups()], left => {
         return left.map(headerGroup => {
           return headerGroup.headers;
         }).flat();
       }, {
         key: process.env.NODE_ENV === 'development' && 'getLeftFlatHeaders',
         debug: () => {
-          var _instance$options$deb10;
+          var _table$options$debugA10;
 
-          return (_instance$options$deb10 = instance.options.debugAll) != null ? _instance$options$deb10 : instance.options.debugHeaders;
+          return (_table$options$debugA10 = table.options.debugAll) != null ? _table$options$debugA10 : table.options.debugHeaders;
         }
       }),
-      getCenterFlatHeaders: utils.memo(() => [instance.getCenterHeaderGroups()], left => {
+      getCenterFlatHeaders: utils.memo(() => [table.getCenterHeaderGroups()], left => {
         return left.map(headerGroup => {
           return headerGroup.headers;
         }).flat();
       }, {
         key: process.env.NODE_ENV === 'development' && 'getCenterFlatHeaders',
         debug: () => {
-          var _instance$options$deb11;
+          var _table$options$debugA11;
 
-          return (_instance$options$deb11 = instance.options.debugAll) != null ? _instance$options$deb11 : instance.options.debugHeaders;
+          return (_table$options$debugA11 = table.options.debugAll) != null ? _table$options$debugA11 : table.options.debugHeaders;
         }
       }),
-      getRightFlatHeaders: utils.memo(() => [instance.getRightHeaderGroups()], left => {
+      getRightFlatHeaders: utils.memo(() => [table.getRightHeaderGroups()], left => {
         return left.map(headerGroup => {
           return headerGroup.headers;
         }).flat();
       }, {
         key: process.env.NODE_ENV === 'development' && 'getRightFlatHeaders',
         debug: () => {
-          var _instance$options$deb12;
+          var _table$options$debugA12;
 
-          return (_instance$options$deb12 = instance.options.debugAll) != null ? _instance$options$deb12 : instance.options.debugHeaders;
+          return (_table$options$debugA12 = table.options.debugAll) != null ? _table$options$debugA12 : table.options.debugHeaders;
         }
       }),
       // Leaf Headers
-      getCenterLeafHeaders: utils.memo(() => [instance.getCenterFlatHeaders()], flatHeaders => {
+      getCenterLeafHeaders: utils.memo(() => [table.getCenterFlatHeaders()], flatHeaders => {
         return flatHeaders.filter(header => {
           var _header$subHeaders;
 
@@ -220,12 +215,12 @@ const Headers = {
       }, {
         key: process.env.NODE_ENV === 'development' && 'getCenterLeafHeaders',
         debug: () => {
-          var _instance$options$deb13;
+          var _table$options$debugA13;
 
-          return (_instance$options$deb13 = instance.options.debugAll) != null ? _instance$options$deb13 : instance.options.debugHeaders;
+          return (_table$options$debugA13 = table.options.debugAll) != null ? _table$options$debugA13 : table.options.debugHeaders;
         }
       }),
-      getLeftLeafHeaders: utils.memo(() => [instance.getLeftFlatHeaders()], flatHeaders => {
+      getLeftLeafHeaders: utils.memo(() => [table.getLeftFlatHeaders()], flatHeaders => {
         return flatHeaders.filter(header => {
           var _header$subHeaders2;
 
@@ -234,12 +229,12 @@ const Headers = {
       }, {
         key: process.env.NODE_ENV === 'development' && 'getLeftLeafHeaders',
         debug: () => {
-          var _instance$options$deb14;
+          var _table$options$debugA14;
 
-          return (_instance$options$deb14 = instance.options.debugAll) != null ? _instance$options$deb14 : instance.options.debugHeaders;
+          return (_table$options$debugA14 = table.options.debugAll) != null ? _table$options$debugA14 : table.options.debugHeaders;
         }
       }),
-      getRightLeafHeaders: utils.memo(() => [instance.getRightFlatHeaders()], flatHeaders => {
+      getRightLeafHeaders: utils.memo(() => [table.getRightFlatHeaders()], flatHeaders => {
         return flatHeaders.filter(header => {
           var _header$subHeaders3;
 
@@ -248,12 +243,12 @@ const Headers = {
       }, {
         key: process.env.NODE_ENV === 'development' && 'getRightLeafHeaders',
         debug: () => {
-          var _instance$options$deb15;
+          var _table$options$debugA15;
 
-          return (_instance$options$deb15 = instance.options.debugAll) != null ? _instance$options$deb15 : instance.options.debugHeaders;
+          return (_table$options$debugA15 = table.options.debugAll) != null ? _table$options$debugA15 : table.options.debugHeaders;
         }
       }),
-      getLeafHeaders: utils.memo(() => [instance.getLeftHeaderGroups(), instance.getCenterHeaderGroups(), instance.getRightHeaderGroups()], (left, center, right) => {
+      getLeafHeaders: utils.memo(() => [table.getLeftHeaderGroups(), table.getCenterHeaderGroups(), table.getRightHeaderGroups()], (left, center, right) => {
         var _left$0$headers, _left$, _center$0$headers, _center$, _right$0$headers, _right$;
 
         return [...((_left$0$headers = (_left$ = left[0]) == null ? void 0 : _left$.headers) != null ? _left$0$headers : []), ...((_center$0$headers = (_center$ = center[0]) == null ? void 0 : _center$.headers) != null ? _center$0$headers : []), ...((_right$0$headers = (_right$ = right[0]) == null ? void 0 : _right$.headers) != null ? _right$0$headers : [])].map(header => {
@@ -262,15 +257,15 @@ const Headers = {
       }, {
         key: process.env.NODE_ENV === 'development' && 'getLeafHeaders',
         debug: () => {
-          var _instance$options$deb16;
+          var _table$options$debugA16;
 
-          return (_instance$options$deb16 = instance.options.debugAll) != null ? _instance$options$deb16 : instance.options.debugHeaders;
+          return (_table$options$debugA16 = table.options.debugAll) != null ? _table$options$debugA16 : table.options.debugHeaders;
         }
       })
     };
   }
 };
-function buildHeaderGroups(allColumns, columnsToGroup, instance, headerFamily) {
+function buildHeaderGroups(allColumns, columnsToGroup, table, headerFamily) {
   var _headerGroups$0$heade, _headerGroups$;
 
   // Find the max depth of the columns:
@@ -324,12 +319,12 @@ function buildHeaderGroups(allColumns, columnsToGroup, instance, headerFamily) {
         isPlaceholder = true;
       }
 
-      if ((latestPendingParentHeader == null ? void 0 : latestPendingParentHeader.column) === column) {
+      if (latestPendingParentHeader && (latestPendingParentHeader == null ? void 0 : latestPendingParentHeader.column) === column) {
         // This column is repeated. Add it as a sub header to the next batch
         latestPendingParentHeader.subHeaders.push(headerToGroup);
       } else {
         // This is a new header. Let's create it
-        const header = createHeader(instance, column, {
+        const header = createHeader(table, column, {
           id: [headerFamily, depth, column.id, headerToGroup == null ? void 0 : headerToGroup.id].filter(Boolean).join('_'),
           isPlaceholder,
           placeholderId: isPlaceholder ? "" + pendingParentHeaders.filter(d => d.column === column).length : undefined,
@@ -353,7 +348,7 @@ function buildHeaderGroups(allColumns, columnsToGroup, instance, headerFamily) {
     }
   };
 
-  const bottomHeaders = columnsToGroup.map((column, index) => createHeader(instance, column, {
+  const bottomHeaders = columnsToGroup.map((column, index) => createHeader(table, column, {
     depth: maxDepth,
     index
   }));