@tanstack/react-table 8.0.0-alpha.82 → 8.0.0-alpha.85

package/build/esm/index.js

@@ -97,335 +97,459 @@ function memo(getDeps, fn, opts) {
   };
 }
 
+function createColumn(instance, columnDef, depth, parent) {
+  var _ref, _columnDef$id;
+
+  const defaultColumn = instance._getDefaultColumnDef();
+
+  columnDef = { ...defaultColumn,
+    ...columnDef
+  };
+  let id = (_ref = (_columnDef$id = columnDef.id) != null ? _columnDef$id : columnDef.accessorKey) != null ? _ref : typeof columnDef.header === 'string' ? columnDef.header : undefined;
+  let accessorFn;
+
+  if (columnDef.accessorFn) {
+    accessorFn = columnDef.accessorFn;
+  } else if (columnDef.accessorKey) {
+    accessorFn = originalRow => originalRow[columnDef.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();
+  }
+
+  let column = { ...columnDef,
+    id: "" + id,
+    accessorFn,
+    parent: parent,
+    depth,
+    columnDef,
+    columnDefType: columnDef.columnDefType,
+    columns: [],
+    getFlatColumns: memo(() => [true], () => {
+      var _column$columns;
+
+      return [column, ...((_column$columns = column.columns) == null ? void 0 : _column$columns.flatMap(d => d.getFlatColumns()))];
+    }, {
+      key: process.env.NODE_ENV === 'production' && 'column.getFlatColumns',
+      debug: () => {
+        var _instance$options$deb;
+
+        return (_instance$options$deb = instance.options.debugAll) != null ? _instance$options$deb : instance.options.debugColumns;
+      }
+    }),
+    getLeafColumns: memo(() => [instance._getOrderColumnsFn()], orderColumns => {
+      var _column$columns2;
+
+      if ((_column$columns2 = column.columns) != null && _column$columns2.length) {
+        let leafColumns = column.columns.flatMap(column => column.getLeafColumns());
+        return orderColumns(leafColumns);
+      }
+
+      return [column];
+    }, {
+      key: process.env.NODE_ENV === 'production' && 'column.getLeafColumns',
+      debug: () => {
+        var _instance$options$deb2;
+
+        return (_instance$options$deb2 = instance.options.debugAll) != null ? _instance$options$deb2 : instance.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.
+
+  return column;
+}
+
 //
-const Columns = {
+function createHeader(instance, column, options) {
+  var _options$id;
+
+  const id = (_options$id = options.id) != null ? _options$id : column.id;
+  let header = {
+    id,
+    column,
+    index: options.index,
+    isPlaceholder: !!options.isPlaceholder,
+    placeholderId: options.placeholderId,
+    depth: options.depth,
+    subHeaders: [],
+    colSpan: 0,
+    rowSpan: 0,
+    headerGroup: null,
+    getLeafHeaders: () => {
+      const leafHeaders = [];
+
+      const recurseHeader = h => {
+        if (h.subHeaders && h.subHeaders.length) {
+          h.subHeaders.map(recurseHeader);
+        }
+
+        leafHeaders.push(h);
+      };
+
+      recurseHeader(header);
+      return leafHeaders;
+    },
+    renderHeader: () => column.columnDef.header ? instance._render(column.columnDef.header, {
+      instance,
+      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));
+  });
+
+  return header;
+}
+
+const Headers = {
   createInstance: instance => {
     return {
-      getDefaultColumn: memo(() => [instance.options.defaultColumn], defaultColumn => {
-        var _defaultColumn;
-
-        defaultColumn = (_defaultColumn = defaultColumn) != null ? _defaultColumn : {};
-        return {
-          header: props => props.header.column.id,
-          footer: props => props.header.column.id,
-          cell: props => {
-            var _props$getValue$toStr, _props$getValue$toStr2, _props$getValue;
-
-            return (_props$getValue$toStr = (_props$getValue$toStr2 = (_props$getValue = props.getValue()).toString) == null ? void 0 : _props$getValue$toStr2.call(_props$getValue)) != null ? _props$getValue$toStr : null;
-          },
-          ...instance._features.reduce((obj, feature) => {
-            return Object.assign(obj, feature.getDefaultColumn == null ? void 0 : feature.getDefaultColumn());
-          }, {}),
-          ...defaultColumn
-        };
+      // Header Groups
+      getHeaderGroups: memo(() => [instance.getAllColumns(), instance.getVisibleLeafColumns(), instance.getState().columnPinning.left, instance.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);
+        return headerGroups;
       }, {
+        key: process.env.NODE_ENV === 'development' && 'getHeaderGroups',
         debug: () => {
           var _instance$options$deb;
 
-          return (_instance$options$deb = instance.options.debugAll) != null ? _instance$options$deb : instance.options.debugColumns;
-        },
-        key: process.env.NODE_ENV === 'development' && 'getDefaultColumn'
+          return (_instance$options$deb = instance.options.debugAll) != null ? _instance$options$deb : instance.options.debugHeaders;
+        }
       }),
-      getColumnDefs: () => instance.options.columns,
-      createColumn: (columnDef, depth, parent) => {
-        var _ref, _columnDef$id;
-
-        const defaultColumn = instance.getDefaultColumn();
-        let id = (_ref = (_columnDef$id = columnDef.id) != null ? _columnDef$id : columnDef.accessorKey) != null ? _ref : typeof columnDef.header === 'string' ? columnDef.header : undefined;
-        let accessorFn;
+      getCenterHeaderGroups: memo(() => [instance.getAllColumns(), instance.getVisibleLeafColumns(), instance.getState().columnPinning.left, instance.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');
+      }, {
+        key: process.env.NODE_ENV === 'development' && 'getCenterHeaderGroups',
+        debug: () => {
+          var _instance$options$deb2;
 
-        if (columnDef.accessorFn) {
-          accessorFn = columnDef.accessorFn;
-        } else if (columnDef.accessorKey) {
-          accessorFn = originalRow => originalRow[columnDef.accessorKey];
+          return (_instance$options$deb2 = instance.options.debugAll) != null ? _instance$options$deb2 : instance.options.debugHeaders;
         }
+      }),
+      getLeftHeaderGroups: memo(() => [instance.getAllColumns(), instance.getVisibleLeafColumns(), instance.getState().columnPinning.left], (allColumns, leafColumns, left) => {
+        var _left$map$filter2;
 
-        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");
-          }
+        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');
+      }, {
+        key: process.env.NODE_ENV === 'development' && 'getLeftHeaderGroups',
+        debug: () => {
+          var _instance$options$deb3;
 
-          throw new Error();
+          return (_instance$options$deb3 = instance.options.debugAll) != null ? _instance$options$deb3 : instance.options.debugHeaders;
         }
+      }),
+      getRightHeaderGroups: memo(() => [instance.getAllColumns(), instance.getVisibleLeafColumns(), instance.getState().columnPinning.right], (allColumns, leafColumns, right) => {
+        var _right$map$filter2;
 
-        let column = { ...defaultColumn,
-          ...columnDef,
-          id: "" + id,
-          accessorFn,
-          parent: parent,
-          depth,
-          columnDef,
-          columnDefType: columnDef.columnDefType,
-          columns: [],
-          getFlatColumns: memo(() => [true], () => {
-            var _column$columns;
-
-            return [column, ...((_column$columns = column.columns) == null ? void 0 : _column$columns.flatMap(d => d.getFlatColumns()))];
-          }, {
-            key: process.env.NODE_ENV === 'production' && 'column.getFlatColumns',
-            debug: () => {
-              var _instance$options$deb2;
-
-              return (_instance$options$deb2 = instance.options.debugAll) != null ? _instance$options$deb2 : instance.options.debugColumns;
-            }
-          }),
-          getLeafColumns: memo(() => [instance._getOrderColumnsFn()], orderColumns => {
-            var _column$columns2;
-
-            if ((_column$columns2 = column.columns) != null && _column$columns2.length) {
-              let leafColumns = column.columns.flatMap(column => column.getLeafColumns());
-              return orderColumns(leafColumns);
-            }
-
-            return [column];
-          }, {
-            key: process.env.NODE_ENV === 'production' && 'column.getLeafColumns',
-            debug: () => {
-              var _instance$options$deb3;
-
-              return (_instance$options$deb3 = instance.options.debugAll) != null ? _instance$options$deb3 : instance.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.
-
-        return column;
-      },
-      getAllColumns: memo(() => [instance.getColumnDefs()], columnDefs => {
-        const recurseColumns = function (columnDefs, parent, depth) {
-          if (depth === void 0) {
-            depth = 0;
-          }
-
-          return columnDefs.map(columnDef => {
-            const column = instance.createColumn(columnDef, depth, parent);
-            column.columns = columnDef.columns ? recurseColumns(columnDef.columns, column, depth + 1) : [];
-            return column;
-          });
-        };
-
-        return recurseColumns(columnDefs);
+        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');
       }, {
-        key: process.env.NODE_ENV === 'development' && 'getAllColumns',
+        key: process.env.NODE_ENV === 'development' && 'getRightHeaderGroups',
         debug: () => {
           var _instance$options$deb4;
 
-          return (_instance$options$deb4 = instance.options.debugAll) != null ? _instance$options$deb4 : instance.options.debugColumns;
+          return (_instance$options$deb4 = instance.options.debugAll) != null ? _instance$options$deb4 : instance.options.debugHeaders;
         }
       }),
-      getAllFlatColumns: memo(() => [instance.getAllColumns()], allColumns => {
-        return allColumns.flatMap(column => {
-          return column.getFlatColumns();
-        });
+      // Footer Groups
+      getFooterGroups: memo(() => [instance.getHeaderGroups()], headerGroups => {
+        return [...headerGroups].reverse();
       }, {
-        key: process.env.NODE_ENV === 'development' && 'getAllFlatColumns',
+        key: process.env.NODE_ENV === 'development' && 'getFooterGroups',
         debug: () => {
           var _instance$options$deb5;
 
-          return (_instance$options$deb5 = instance.options.debugAll) != null ? _instance$options$deb5 : instance.options.debugColumns;
+          return (_instance$options$deb5 = instance.options.debugAll) != null ? _instance$options$deb5 : instance.options.debugHeaders;
         }
       }),
-      getAllFlatColumnsById: memo(() => [instance.getAllFlatColumns()], flatColumns => {
-        return flatColumns.reduce((acc, column) => {
-          acc[column.id] = column;
-          return acc;
-        }, {});
+      getLeftFooterGroups: memo(() => [instance.getLeftHeaderGroups()], headerGroups => {
+        return [...headerGroups].reverse();
       }, {
-        key: process.env.NODE_ENV === 'development' && 'getAllFlatColumnsById',
+        key: process.env.NODE_ENV === 'development' && 'getLeftFooterGroups',
         debug: () => {
           var _instance$options$deb6;
 
-          return (_instance$options$deb6 = instance.options.debugAll) != null ? _instance$options$deb6 : instance.options.debugColumns;
+          return (_instance$options$deb6 = instance.options.debugAll) != null ? _instance$options$deb6 : instance.options.debugHeaders;
         }
       }),
-      getAllLeafColumns: memo(() => [instance.getAllColumns(), instance._getOrderColumnsFn()], (allColumns, orderColumns) => {
-        let leafColumns = allColumns.flatMap(column => column.getLeafColumns());
-        return orderColumns(leafColumns);
+      getCenterFooterGroups: memo(() => [instance.getCenterHeaderGroups()], headerGroups => {
+        return [...headerGroups].reverse();
       }, {
-        key: process.env.NODE_ENV === 'development' && 'getAllLeafColumns',
+        key: process.env.NODE_ENV === 'development' && 'getCenterFooterGroups',
         debug: () => {
           var _instance$options$deb7;
 
-          return (_instance$options$deb7 = instance.options.debugAll) != null ? _instance$options$deb7 : instance.options.debugColumns;
+          return (_instance$options$deb7 = instance.options.debugAll) != null ? _instance$options$deb7 : instance.options.debugHeaders;
         }
       }),
-      getColumn: columnId => {
-        const column = instance.getAllFlatColumnsById()[columnId];
-
-        if (!column) {
-          if (process.env.NODE_ENV !== 'production') {
-            console.warn("[Table] Column with id " + columnId + " does not exist.");
-          }
+      getRightFooterGroups: memo(() => [instance.getRightHeaderGroups()], headerGroups => {
+        return [...headerGroups].reverse();
+      }, {
+        key: process.env.NODE_ENV === 'development' && 'getRightFooterGroups',
+        debug: () => {
+          var _instance$options$deb8;
 
-          throw new Error();
+          return (_instance$options$deb8 = instance.options.debugAll) != null ? _instance$options$deb8 : instance.options.debugHeaders;
         }
+      }),
+      // Flat Headers
+      getFlatHeaders: memo(() => [instance.getHeaderGroups()], headerGroups => {
+        return headerGroups.map(headerGroup => {
+          return headerGroup.headers;
+        }).flat();
+      }, {
+        key: process.env.NODE_ENV === 'development' && 'getFlatHeaders',
+        debug: () => {
+          var _instance$options$deb9;
 
-        return column;
-      }
-    };
-  }
-};
-
-//
-const Rows = {
-  // createRow: <TGenerics extends TableGenerics>(
-  //   row: Row<TGenerics>,
-  //   instance: TableInstance<TGenerics>
-  // ): CellsRow<TGenerics> => {
-  //   return {}
-  // },
-  createInstance: instance => {
-    return {
-      getRowId: (row, index, parent) => {
-        var _instance$options$get;
-
-        return (_instance$options$get = instance.options.getRowId == null ? void 0 : instance.options.getRowId(row, index, parent)) != null ? _instance$options$get : "" + (parent ? [parent.id, index].join('.') : index);
-      },
-      createRow: (id, original, rowIndex, depth, subRows) => {
-        let row = {
-          id,
-          index: rowIndex,
-          original,
-          depth,
-          valuesCache: {},
-          getValue: columnId => {
-            if (row.valuesCache.hasOwnProperty(columnId)) {
-              return row.valuesCache[columnId];
-            }
-
-            const column = instance.getColumn(columnId);
-
-            if (!column.accessorFn) {
-              return undefined;
-            }
-
-            row.valuesCache[columnId] = column.accessorFn(row.original, rowIndex);
-            return row.valuesCache[columnId];
-          },
-          subRows: subRows != null ? subRows : [],
-          getLeafRows: () => flattenBy(row.subRows, d => d.subRows)
-        };
+          return (_instance$options$deb9 = instance.options.debugAll) != null ? _instance$options$deb9 : instance.options.debugHeaders;
+        }
+      }),
+      getLeftFlatHeaders: memo(() => [instance.getLeftHeaderGroups()], left => {
+        return left.map(headerGroup => {
+          return headerGroup.headers;
+        }).flat();
+      }, {
+        key: process.env.NODE_ENV === 'development' && 'getLeftFlatHeaders',
+        debug: () => {
+          var _instance$options$deb10;
 
-        for (let i = 0; i < instance._features.length; i++) {
-          const feature = instance._features[i];
-          Object.assign(row, feature == null ? void 0 : feature.createRow == null ? void 0 : feature.createRow(row, instance));
+          return (_instance$options$deb10 = instance.options.debugAll) != null ? _instance$options$deb10 : instance.options.debugHeaders;
         }
+      }),
+      getCenterFlatHeaders: memo(() => [instance.getCenterHeaderGroups()], left => {
+        return left.map(headerGroup => {
+          return headerGroup.headers;
+        }).flat();
+      }, {
+        key: process.env.NODE_ENV === 'development' && 'getCenterFlatHeaders',
+        debug: () => {
+          var _instance$options$deb11;
 
-        return row;
-      },
-      getCoreRowModel: () => {
-        if (!instance._getCoreRowModel) {
-          instance._getCoreRowModel = instance.options.getCoreRowModel(instance);
+          return (_instance$options$deb11 = instance.options.debugAll) != null ? _instance$options$deb11 : instance.options.debugHeaders;
         }
+      }),
+      getRightFlatHeaders: memo(() => [instance.getRightHeaderGroups()], left => {
+        return left.map(headerGroup => {
+          return headerGroup.headers;
+        }).flat();
+      }, {
+        key: process.env.NODE_ENV === 'development' && 'getRightFlatHeaders',
+        debug: () => {
+          var _instance$options$deb12;
 
-        return instance._getCoreRowModel();
-      },
-      // The final calls start at the bottom of the model,
-      // expanded rows, which then work their way up
-      getRowModel: () => {
-        return instance.getPaginationRowModel();
-      },
-      getRow: id => {
-        const row = instance.getRowModel().rowsById[id];
+          return (_instance$options$deb12 = instance.options.debugAll) != null ? _instance$options$deb12 : instance.options.debugHeaders;
+        }
+      }),
+      // Leaf Headers
+      getCenterLeafHeaders: memo(() => [instance.getCenterFlatHeaders()], flatHeaders => {
+        return flatHeaders.filter(header => {
+          var _header$subHeaders;
 
-        if (!row) {
-          if (process.env.NODE_ENV !== 'production') {
-            throw new Error("getRow expected an ID, but got " + id);
-          }
+          return !((_header$subHeaders = header.subHeaders) != null && _header$subHeaders.length);
+        });
+      }, {
+        key: process.env.NODE_ENV === 'development' && 'getCenterLeafHeaders',
+        debug: () => {
+          var _instance$options$deb13;
 
-          throw new Error();
+          return (_instance$options$deb13 = instance.options.debugAll) != null ? _instance$options$deb13 : instance.options.debugHeaders;
         }
+      }),
+      getLeftLeafHeaders: memo(() => [instance.getLeftFlatHeaders()], flatHeaders => {
+        return flatHeaders.filter(header => {
+          var _header$subHeaders2;
 
-        return row;
-      }
-    };
-  }
-};
+          return !((_header$subHeaders2 = header.subHeaders) != null && _header$subHeaders2.length);
+        });
+      }, {
+        key: process.env.NODE_ENV === 'development' && 'getLeftLeafHeaders',
+        debug: () => {
+          var _instance$options$deb14;
 
-//
-const Cells = {
-  createRow: (row, instance) => {
-    return {
-      getAllCells: memo(() => [instance.getAllLeafColumns()], leafColumns => {
-        return leafColumns.map(column => {
-          return instance.createCell(row, column, column.id);
+          return (_instance$options$deb14 = instance.options.debugAll) != null ? _instance$options$deb14 : instance.options.debugHeaders;
+        }
+      }),
+      getRightLeafHeaders: memo(() => [instance.getRightFlatHeaders()], flatHeaders => {
+        return flatHeaders.filter(header => {
+          var _header$subHeaders3;
+
+          return !((_header$subHeaders3 = header.subHeaders) != null && _header$subHeaders3.length);
         });
       }, {
-        key: process.env.NODE_ENV === 'development' && 'row.getAllCells',
+        key: process.env.NODE_ENV === 'development' && 'getRightLeafHeaders',
         debug: () => {
-          var _instance$options$deb;
+          var _instance$options$deb15;
 
-          return (_instance$options$deb = instance.options.debugAll) != null ? _instance$options$deb : instance.options.debugRows;
+          return (_instance$options$deb15 = instance.options.debugAll) != null ? _instance$options$deb15 : instance.options.debugHeaders;
         }
       }),
-      getAllCellsByColumnId: memo(() => [row.getAllCells()], allCells => {
-        return allCells.reduce((acc, cell) => {
-          acc[cell.columnId] = cell;
-          return acc;
-        }, {});
+      getLeafHeaders: memo(() => [instance.getLeftHeaderGroups(), instance.getCenterHeaderGroups(), instance.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 => {
+          return header.getLeafHeaders();
+        }).flat();
       }, {
-        key: process.env.NODE_ENV === 'production' && 'row.getAllCellsByColumnId',
+        key: process.env.NODE_ENV === 'development' && 'getLeafHeaders',
         debug: () => {
-          var _instance$options$deb2;
+          var _instance$options$deb16;
 
-          return (_instance$options$deb2 = instance.options.debugAll) != null ? _instance$options$deb2 : instance.options.debugRows;
+          return (_instance$options$deb16 = instance.options.debugAll) != null ? _instance$options$deb16 : instance.options.debugHeaders;
         }
       })
     };
-  },
-  createInstance: instance => {
-    return {
-      createCell: (row, column, columnId) => {
-        const cell = {
-          id: row.id + "_" + column.id,
-          rowId: row.id,
-          columnId,
-          row,
-          column,
-          getValue: () => row.getValue(columnId),
-          renderCell: () => column.cell ? instance._render(column.cell, {
-            instance,
-            column,
-            row,
-            cell: cell,
-            getValue: cell.getValue
-          }) : null
-        };
-
-        instance._features.forEach(feature => {
-          Object.assign(cell, feature.createCell == null ? void 0 : feature.createCell(cell, column, row, instance));
-        }, {});
+  }
+};
+function buildHeaderGroups(allColumns, columnsToGroup, instance, headerFamily) {
+  var _headerGroups$0$heade, _headerGroups$;
 
-        return cell;
-      },
-      getCell: (rowId, columnId) => {
-        const row = instance.getRow(rowId);
+  // Find the max depth of the columns:
+  // build the leaf column row
+  // build each buffer row going up
+  //    placeholder for non-existent level
+  //    real column for existing level
+  let maxDepth = 0;
 
-        if (!row) {
-          if (process.env.NODE_ENV !== 'production') {
-            throw new Error("[Table] could not find row with id " + rowId);
-          }
+  const findMaxDepth = function (columns, depth) {
+    if (depth === void 0) {
+      depth = 1;
+    }
 
-          throw new Error();
-        }
+    maxDepth = Math.max(maxDepth, depth);
+    columns.filter(column => column.getIsVisible()).forEach(column => {
+      var _column$columns;
 
-        const cell = row.getAllCellsByColumnId()[columnId];
+      if ((_column$columns = column.columns) != null && _column$columns.length) {
+        findMaxDepth(column.columns, depth + 1);
+      }
+    }, 0);
+  };
 
-        if (!cell) {
-          if (process.env.NODE_ENV !== 'production') {
-            throw new Error("[Table] could not find cell " + columnId + " in row " + rowId);
-          }
+  findMaxDepth(allColumns);
+  let headerGroups = [];
 
-          throw new Error();
-        }
+  const createHeaderGroup = (headersToGroup, depth) => {
+    // The header group we are creating
+    const headerGroup = {
+      depth,
+      id: [headerFamily, "" + depth].filter(Boolean).join('_'),
+      headers: []
+    }; // The parent columns we're going to scan next
+
+    const pendingParentHeaders = []; // Scan each column for parents
+
+    headersToGroup.forEach(headerToGroup => {
+      // What is the latest (last) parent column?
+      const latestPendingParentHeader = [...pendingParentHeaders].reverse()[0];
+      const isLeafHeader = headerToGroup.column.depth === headerGroup.depth;
+      let column;
+      let isPlaceholder = false;
 
-        return cell;
+      if (isLeafHeader && headerToGroup.column.parent) {
+        // The parent header is new
+        column = headerToGroup.column.parent;
+      } else {
+        // The parent header is repeated
+        column = headerToGroup.column;
+        isPlaceholder = true;
       }
-    };
-  }
-};
+
+      if ((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, {
+          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,
+          depth,
+          index: pendingParentHeaders.length
+        }); // Add the headerToGroup as a subHeader of the new header
+
+        header.subHeaders.push(headerToGroup); // Add the new header to the pendingParentHeaders to get grouped
+        // in the next batch
+
+        pendingParentHeaders.push(header);
+      }
+
+      headerGroup.headers.push(headerToGroup);
+      headerToGroup.headerGroup = headerGroup;
+    });
+    headerGroups.push(headerGroup);
+
+    if (depth > 0) {
+      createHeaderGroup(pendingParentHeaders, depth - 1);
+    }
+  };
+
+  const bottomHeaders = columnsToGroup.map((column, index) => createHeader(instance, column, {
+    depth: maxDepth,
+    index
+  }));
+  createHeaderGroup(bottomHeaders, maxDepth - 1);
+  headerGroups.reverse(); // headerGroups = headerGroups.filter(headerGroup => {
+  //   return !headerGroup.headers.every(header => header.isPlaceholder)
+  // })
+
+  const recurseHeadersForSpans = headers => {
+    const filteredHeaders = headers.filter(header => header.column.getIsVisible());
+    return filteredHeaders.map(header => {
+      let colSpan = 0;
+      let rowSpan = 0;
+      let childRowSpans = [0];
+
+      if (header.subHeaders && header.subHeaders.length) {
+        childRowSpans = [];
+        recurseHeadersForSpans(header.subHeaders).forEach(_ref => {
+          let {
+            colSpan: childColSpan,
+            rowSpan: childRowSpan
+          } = _ref;
+          colSpan += childColSpan;
+          childRowSpans.push(childRowSpan);
+        });
+      } else {
+        colSpan = 1;
+      }
+
+      const minChildRowSpan = Math.min(...childRowSpans);
+      rowSpan = rowSpan + minChildRowSpan;
+      header.colSpan = colSpan;
+      header.rowSpan = rowSpan;
+      return {
+        colSpan,
+        rowSpan
+      };
+    });
+  };
+
+  recurseHeadersForSpans((_headerGroups$0$heade = (_headerGroups$ = headerGroups[0]) == null ? void 0 : _headerGroups$.headers) != null ? _headerGroups$0$heade : []);
+  return headerGroups;
+}
 
 //
 const defaultColumnSizing = {
@@ -444,7 +568,7 @@ const getDefaultColumnSizingInfoState = () => ({
 });
 
 const ColumnSizing = {
-  getDefaultColumn: () => {
+  getDefaultColumnDef: () => {
     return defaultColumnSizing;
   },
   getInitialState: state => {
@@ -464,10 +588,10 @@ const ColumnSizing = {
   createColumn: (column, instance) => {
     return {
       getSize: () => {
-        var _column$minSize, _ref, _column$maxSize;
+        var _column$columnDef$min, _ref, _column$columnDef$max;
 
         const columnSize = instance.getState().columnSizing[column.id];
-        return Math.min(Math.max((_column$minSize = column.minSize) != null ? _column$minSize : defaultColumnSizing.minSize, (_ref = columnSize != null ? columnSize : column.size) != null ? _ref : defaultColumnSizing.size), (_column$maxSize = column.maxSize) != null ? _column$maxSize : defaultColumnSizing.maxSize);
+        return Math.min(Math.max((_column$columnDef$min = column.columnDef.minSize) != null ? _column$columnDef$min : defaultColumnSizing.minSize, (_ref = columnSize != null ? columnSize : column.columnDef.size) != null ? _ref : defaultColumnSizing.size), (_column$columnDef$max = column.columnDef.maxSize) != null ? _column$columnDef$max : defaultColumnSizing.maxSize);
       },
       getStart: position => {
         const columns = !position ? instance.getVisibleLeafColumns() : position === 'left' ? instance.getLeftVisibleLeafColumns() : instance.getRightVisibleLeafColumns();
@@ -490,9 +614,9 @@ const ColumnSizing = {
         });
       },
       getCanResize: () => {
-        var _column$enableResizin, _instance$options$ena;
+        var _column$columnDef$ena, _instance$options$ena;
 
-        return ((_column$enableResizin = column.enableResizing) != null ? _column$enableResizin : true) && ((_instance$options$ena = instance.options.enableColumnResizing) != null ? _instance$options$ena : true);
+        return ((_column$columnDef$ena = column.columnDef.enableResizing) != null ? _column$columnDef$ena : true) && ((_instance$options$ena = instance.options.enableColumnResizing) != null ? _instance$options$ena : true);
       },
       getIsResizing: () => {
         return instance.getState().columnSizingInfo.isResizingColumn === column.id;
@@ -949,7 +1073,7 @@ function testFalsey(val) {
 
 //
 const Filters = {
-  getDefaultColumn: () => {
+  getDefaultColumnDef: () => {
     return {
       filterFn: 'auto'
     };
@@ -972,7 +1096,7 @@ const Filters = {
       getColumnCanGlobalFilter: column => {
         var _instance$getCoreRowM, _instance$getCoreRowM2;
 
-        const value = (_instance$getCoreRowM = instance.getCoreRowModel().flatRows[0]) == null ? void 0 : (_instance$getCoreRowM2 = _instance$getCoreRowM.getAllCellsByColumnId()[column.id]) == null ? void 0 : _instance$getCoreRowM2.getValue();
+        const value = (_instance$getCoreRowM = instance.getCoreRowModel().flatRows[0]) == null ? void 0 : (_instance$getCoreRowM2 = _instance$getCoreRowM._getAllCellsByColumnId()[column.id]) == null ? void 0 : _instance$getCoreRowM2.getValue();
         return typeof value === 'string';
       }
     };
@@ -992,6 +1116,10 @@ const Filters = {
           return filterFns.inNumberRange;
         }
 
+        if (typeof value === 'boolean') {
+          return filterFns.equals;
+        }
+
         if (value !== null && typeof value === 'object') {
           return filterFns.equals;
         }
@@ -1009,14 +1137,14 @@ const Filters = {
         return isFunction(column.filterFn) ? column.filterFn : column.filterFn === 'auto' ? column.getAutoFilterFn() : (_ref = userFilterFns == null ? void 0 : userFilterFns[column.filterFn]) != null ? _ref : filterFns[column.filterFn];
       },
       getCanFilter: () => {
-        var _column$enableColumnF, _instance$options$ena, _instance$options$ena2;
+        var _column$columnDef$ena, _instance$options$ena, _instance$options$ena2;
 
-        return ((_column$enableColumnF = column.enableColumnFilter) != null ? _column$enableColumnF : true) && ((_instance$options$ena = instance.options.enableColumnFilters) != null ? _instance$options$ena : true) && ((_instance$options$ena2 = instance.options.enableFilters) != null ? _instance$options$ena2 : true) && !!column.accessorFn;
+        return ((_column$columnDef$ena = column.columnDef.enableColumnFilter) != null ? _column$columnDef$ena : true) && ((_instance$options$ena = instance.options.enableColumnFilters) != null ? _instance$options$ena : true) && ((_instance$options$ena2 = instance.options.enableFilters) != null ? _instance$options$ena2 : true) && !!column.accessorFn;
       },
       getCanGlobalFilter: () => {
-        var _column$enableGlobalF, _instance$options$ena3, _instance$options$ena4, _instance$options$get;
+        var _column$columnDef$ena2, _instance$options$ena3, _instance$options$ena4, _instance$options$get;
 
-        return ((_column$enableGlobalF = column.enableGlobalFilter) != null ? _column$enableGlobalF : true) && ((_instance$options$ena3 = instance.options.enableGlobalFilter) != null ? _instance$options$ena3 : true) && ((_instance$options$ena4 = instance.options.enableFilters) != null ? _instance$options$ena4 : true) && ((_instance$options$get = instance.options.getColumnCanGlobalFilter == null ? void 0 : instance.options.getColumnCanGlobalFilter(column)) != null ? _instance$options$get : true) && !!column.accessorFn;
+        return ((_column$columnDef$ena2 = column.columnDef.enableGlobalFilter) != null ? _column$columnDef$ena2 : true) && ((_instance$options$ena3 = instance.options.enableGlobalFilter) != null ? _instance$options$ena3 : true) && ((_instance$options$ena4 = instance.options.enableFilters) != null ? _instance$options$ena4 : true) && ((_instance$options$get = instance.options.getColumnCanGlobalFilter == null ? void 0 : instance.options.getColumnCanGlobalFilter(column)) != null ? _instance$options$get : true) && !!column.accessorFn;
       },
       getIsFiltered: () => column.getFilterIndex() > -1,
       getFilterValue: () => {
@@ -1096,8 +1224,7 @@ const Filters = {
   createRow: (row, instance) => {
     return {
       columnFilters: {},
-      columnFiltersMeta: {},
-      subRowsByFacetId: {}
+      columnFiltersMeta: {}
     };
   },
   createInstance: instance => {
@@ -1188,53 +1315,42 @@ function shouldAutoRemoveFilter(filterFn, value, column) {
   return (filterFn && filterFn.autoRemove ? filterFn.autoRemove(value, column) : false) || typeof value === 'undefined' || typeof value === 'string' && !value;
 }
 
-const aggregationFns = {
-  sum,
-  min,
-  max,
-  extent,
-  mean,
-  median,
-  unique,
-  uniqueCount,
-  count
-};
-
-function sum(_getLeafValues, getChildValues) {
+const sum = (columnId, _leafRows, childRows) => {
   // It's faster to just add the aggregations together instead of
   // process leaf nodes individually
-  return getChildValues().reduce((sum, next) => sum + (typeof next === 'number' ? next : 0), 0);
-}
+  return childRows.reduce((sum, next) => sum + (typeof next === 'number' ? next : 0), 0);
+};
 
-function min(_getLeafValues, getChildValues) {
+const min = (columnId, _leafRows, childRows) => {
   let min;
+  childRows.forEach(row => {
+    const value = row.getValue(columnId);
 
-  for (const value of getChildValues()) {
     if (value != null && (min > value || min === undefined && value >= value)) {
       min = value;
     }
-  }
-
+  });
   return min;
-}
+};
 
-function max(_getLeafValues, getChildValues) {
+const max = (columnId, _leafRows, childRows) => {
   let max;
+  childRows.forEach(row => {
+    const value = row.getValue(columnId);
 
-  for (const value of getChildValues()) {
     if (value != null && (max < value || max === undefined && value >= value)) {
       max = value;
     }
-  }
-
+  });
   return max;
-}
+};
 
-function extent(_getLeafValues, getChildValues) {
+const extent = (columnId, _leafRows, childRows) => {
   let min;
   let max;
+  childRows.forEach(row => {
+    const value = row.getValue(columnId);
 
-  for (const value of getChildValues()) {
     if (value != null) {
       if (min === undefined) {
         if (value >= value) min = max = value;
@@ -1243,58 +1359,69 @@ function extent(_getLeafValues, getChildValues) {
         if (max < value) max = value;
       }
     }
-  }
-
+  });
   return [min, max];
-}
+};
 
-function mean(getLeafValues) {
+const mean = (columnId, leafRows) => {
   let count = 0;
   let sum = 0;
+  leafRows.forEach(row => {
+    let value = row.getValue(columnId);
 
-  for (let value of getLeafValues()) {
     if (value != null && (value = +value) >= value) {
       ++count, sum += value;
     }
-  }
-
+  });
   if (count) return sum / count;
   return;
-}
-
-function median(getLeafValues) {
-  const leafValues = getLeafValues();
+};
 
-  if (!leafValues.length) {
+const median = (columnId, leafRows) => {
+  if (!leafRows.length) {
     return;
   }
 
   let min = 0;
   let max = 0;
-  leafValues.forEach(value => {
+  leafRows.forEach(row => {
+    let value = row.getValue(columnId);
+
     if (typeof value === 'number') {
       min = Math.min(min, value);
       max = Math.max(max, value);
     }
   });
   return (min + max) / 2;
-}
+};
 
-function unique(getLeafValues) {
-  return Array.from(new Set(getLeafValues()).values());
-}
+const unique = (columnId, leafRows) => {
+  return Array.from(new Set(leafRows.map(d => d.getValue(columnId))).values());
+};
 
-function uniqueCount(getLeafValues) {
-  return new Set(getLeafValues()).size;
-}
+const uniqueCount = (columnId, leafRows) => {
+  return new Set(leafRows.map(d => d.getValue(columnId))).size;
+};
 
-function count(getLeafValues) {
-  return getLeafValues().length;
-}
+const count = (_columnId, leafRows) => {
+  return leafRows.length;
+};
+
+const aggregationFns = {
+  sum,
+  min,
+  max,
+  extent,
+  mean,
+  median,
+  unique,
+  uniqueCount,
+  count
+};
 
 //
 const Grouping = {
-  getDefaultColumn: () => {
+  getDefaultColumnDef: () => {
     return {
       aggregationFn: 'auto'
     };
@@ -1324,9 +1451,9 @@ const Grouping = {
         });
       },
       getCanGroup: () => {
-        var _ref, _ref2, _ref3, _column$enableGroupin;
+        var _ref, _ref2, _ref3, _column$columnDef$ena;
 
-        return (_ref = (_ref2 = (_ref3 = (_column$enableGroupin = column.enableGrouping) != null ? _column$enableGroupin : true) != null ? _ref3 : instance.options.enableGrouping) != null ? _ref2 : true) != null ? _ref : !!column.accessorFn;
+        return (_ref = (_ref2 = (_ref3 = (_column$columnDef$ena = column.columnDef.enableGrouping) != null ? _column$columnDef$ena : true) != null ? _ref3 : instance.options.enableGrouping) != null ? _ref2 : true) != null ? _ref : !!column.accessorFn;
       },
       getIsGrouped: () => {
         var _instance$getState$gr;
@@ -1345,7 +1472,7 @@ const Grouping = {
           column.toggleGrouping();
         };
       },
-      getColumnAutoAggregationFn: () => {
+      getAutoAggregationFn: () => {
         const firstRow = instance.getCoreRowModel().flatRows[0];
         const value = firstRow == null ? void 0 : firstRow.getValue(column.id);
 
@@ -1359,7 +1486,7 @@ const Grouping = {
 
         return aggregationFns.count;
       },
-      getColumnAggregationFn: () => {
+      getAggregationFn: () => {
         var _ref4;
 
         const userAggregationFns = instance.options.aggregationFns;
@@ -1368,7 +1495,7 @@ const Grouping = {
           throw new Error();
         }
 
-        return isFunction(column.aggregationFn) ? column.aggregationFn : column.aggregationFn === 'auto' ? column.getColumnAutoAggregationFn() : (_ref4 = userAggregationFns == null ? void 0 : userAggregationFns[column.aggregationFn]) != null ? _ref4 : aggregationFns[column.aggregationFn];
+        return isFunction(column.aggregationFn) ? column.aggregationFn : column.aggregationFn === 'auto' ? column.getAutoAggregationFn() : (_ref4 = userAggregationFns == null ? void 0 : userAggregationFns[column.aggregationFn]) != null ? _ref4 : aggregationFns[column.aggregationFn];
       }
     };
   },
@@ -1394,10 +1521,10 @@ const Grouping = {
       }
     };
   },
-  createRow: (row, instance) => {
+  createRow: row => {
     return {
       getIsGrouped: () => !!row.groupingColumnId,
-      groupingValuesCache: {}
+      _groupingValuesCache: {}
     };
   },
   createCell: (cell, column, row, instance) => {
@@ -1410,9 +1537,9 @@ const Grouping = {
         return !cell.getIsGrouped() && !cell.getIsPlaceholder() && ((_row$subRows = row.subRows) == null ? void 0 : _row$subRows.length) > 1;
       },
       renderAggregatedCell: () => {
-        var _column$aggregatedCel;
+        var _column$columnDef$agg;
 
-        const template = (_column$aggregatedCel = column.aggregatedCell) != null ? _column$aggregatedCel : column.cell;
+        const template = (_column$columnDef$agg = column.columnDef.aggregatedCell) != null ? _column$columnDef$agg : column.columnDef.cell;
         return template ? instance._render(template, {
           instance,
           column,
@@ -1719,9 +1846,9 @@ const Pinning = {
       getCanPin: () => {
         const leafColumns = column.getLeafColumns();
         return leafColumns.some(d => {
-          var _d$enablePinning, _instance$options$ena;
+          var _d$columnDef$enablePi, _instance$options$ena;
 
-          return ((_d$enablePinning = d.enablePinning) != null ? _d$enablePinning : true) && ((_instance$options$ena = instance.options.enablePinning) != null ? _instance$options$ena : true);
+          return ((_d$columnDef$enablePi = d.columnDef.enablePinning) != null ? _d$columnDef$enablePi : true) && ((_instance$options$ena = instance.options.enablePinning) != null ? _instance$options$ena : true);
         });
       },
       getIsPinned: () => {
@@ -1746,7 +1873,7 @@ const Pinning = {
     return {
       getCenterVisibleCells: memo(() => [row._getAllVisibleCells(), instance.getState().columnPinning.left, instance.getState().columnPinning.right], (allCells, left, right) => {
         const leftAndRight = [...(left != null ? left : []), ...(right != null ? right : [])];
-        return allCells.filter(d => !leftAndRight.includes(d.columnId));
+        return allCells.filter(d => !leftAndRight.includes(d.column.id));
       }, {
         key: process.env.NODE_ENV === 'production' && 'row.getCenterVisibleCells',
         debug: () => {
@@ -1756,7 +1883,7 @@ const Pinning = {
         }
       }),
       getLeftVisibleCells: memo(() => [row._getAllVisibleCells(), instance.getState().columnPinning.left,,], (allCells, left) => {
-        const cells = (left != null ? left : []).map(columnId => allCells.find(cell => cell.columnId === columnId)).filter(Boolean).map(d => ({ ...d,
+        const cells = (left != null ? left : []).map(columnId => allCells.find(cell => cell.column.id === columnId)).filter(Boolean).map(d => ({ ...d,
           position: 'left'
         }));
         return cells;
@@ -1769,7 +1896,7 @@ const Pinning = {
         }
       }),
       getRightVisibleCells: memo(() => [row._getAllVisibleCells(), instance.getState().columnPinning.right], (allCells, right) => {
-        const cells = (right != null ? right : []).map(columnId => allCells.find(cell => cell.columnId === columnId)).filter(Boolean).map(d => ({ ...d,
+        const cells = (right != null ? right : []).map(columnId => allCells.find(cell => cell.column.id === columnId)).filter(Boolean).map(d => ({ ...d,
           position: 'left'
         }));
         return cells;
@@ -1791,12 +1918,18 @@ const Pinning = {
 
         return instance.setColumnPinning(defaultState ? getDefaultPinningState() : (_instance$initialStat = (_instance$initialStat2 = instance.initialState) == null ? void 0 : _instance$initialStat2.columnPinning) != null ? _instance$initialStat : getDefaultPinningState());
       },
-      getIsSomeColumnsPinned: () => {
-        const {
-          left,
-          right
-        } = instance.getState().columnPinning;
-        return Boolean((left == null ? void 0 : left.length) || (right == null ? void 0 : right.length));
+      getIsSomeColumnsPinned: position => {
+        var _pinningState$positio;
+
+        const pinningState = instance.getState().columnPinning;
+
+        if (!position) {
+          var _pinningState$left, _pinningState$right;
+
+          return Boolean(((_pinningState$left = pinningState.left) == null ? void 0 : _pinningState$left.length) || ((_pinningState$right = pinningState.right) == null ? void 0 : _pinningState$right.length));
+        }
+
+        return Boolean((_pinningState$positio = pinningState[position]) == null ? void 0 : _pinningState$positio.length);
       },
       getLeftLeafColumns: memo(() => [instance.getAllLeafColumns(), instance.getState().columnPinning.left], (allColumns, left) => {
         return (left != null ? left : []).map(columnId => allColumns.find(column => column.id === columnId)).filter(Boolean);
@@ -2322,7 +2455,7 @@ const Sorting = {
       ...state
     };
   },
-  getDefaultColumn: () => {
+  getDefaultColumnDef: () => {
     return {
       sortingFn: 'auto'
     };
@@ -2382,7 +2515,7 @@ const Sorting = {
           throw new Error();
         }
 
-        return isFunction(column.sortingFn) ? column.sortingFn : column.sortingFn === 'auto' ? column.getAutoSortingFn() : (_ref = userSortingFn == null ? void 0 : userSortingFn[column.sortingFn]) != null ? _ref : sortingFns[column.sortingFn];
+        return isFunction(column.columnDef.sortingFn) ? column.columnDef.sortingFn : column.columnDef.sortingFn === 'auto' ? column.getAutoSortingFn() : (_ref = userSortingFn == null ? void 0 : userSortingFn[column.columnDef.sortingFn]) != null ? _ref : sortingFns[column.columnDef.sortingFn];
       },
       toggleSorting: (desc, multi) => {
         // if (column.columns.length) {
@@ -2394,7 +2527,7 @@ const Sorting = {
         //   return
         // }
         instance.setSorting(old => {
-          var _ref2, _column$sortDescFirst, _instance$options$ena, _instance$options$ena2;
+          var _ref2, _column$columnDef$sor, _instance$options$ena, _instance$options$ena2;
 
           // Find any existing sorting for this column
           const existingSorting = old == null ? void 0 : old.find(d => d.id === column.id);
@@ -2421,7 +2554,7 @@ const Sorting = {
             }
           }
 
-          const sortDescFirst = (_ref2 = (_column$sortDescFirst = column.sortDescFirst) != null ? _column$sortDescFirst : instance.options.sortDescFirst) != null ? _ref2 : column.getAutoSortDir() === 'desc'; // Handle toggle states that will remove the sorting
+          const sortDescFirst = (_ref2 = (_column$columnDef$sor = column.columnDef.sortDescFirst) != null ? _column$columnDef$sor : instance.options.sortDescFirst) != null ? _ref2 : column.getAutoSortDir() === 'desc'; // Handle toggle states that will remove the sorting
 
           if (sortAction === 'toggle' && ( // Must be toggling
           (_instance$options$ena = instance.options.enableSortingRemoval) != null ? _instance$options$ena : true) && // If enableSortRemove, enable in general
@@ -2465,14 +2598,14 @@ const Sorting = {
         });
       },
       getCanSort: () => {
-        var _column$enableSorting, _instance$options$ena3;
+        var _column$columnDef$ena, _instance$options$ena3;
 
-        return ((_column$enableSorting = column.enableSorting) != null ? _column$enableSorting : true) && ((_instance$options$ena3 = instance.options.enableSorting) != null ? _instance$options$ena3 : true) && !!column.accessorFn;
+        return ((_column$columnDef$ena = column.columnDef.enableSorting) != null ? _column$columnDef$ena : true) && ((_instance$options$ena3 = instance.options.enableSorting) != null ? _instance$options$ena3 : true) && !!column.accessorFn;
       },
       getCanMultiSort: () => {
-        var _ref3, _column$enableMultiSo;
+        var _ref3, _column$columnDef$ena2;
 
-        return (_ref3 = (_column$enableMultiSo = column.enableMultiSort) != null ? _column$enableMultiSo : instance.options.enableMultiSort) != null ? _ref3 : !!column.accessorFn;
+        return (_ref3 = (_column$columnDef$ena2 = column.columnDef.enableMultiSort) != null ? _column$columnDef$ena2 : instance.options.enableMultiSort) != null ? _ref3 : !!column.accessorFn;
       },
       getIsSorted: () => {
         var _instance$getState$so;
@@ -2536,7 +2669,7 @@ const Visibility = {
       onColumnVisibilityChange: makeStateUpdater('columnVisibility', instance)
     };
   },
-  getDefaultColumn: () => {
+  getDefaultColumnDef: () => {
     return {
       defaultIsVisible: true
     };
@@ -2556,9 +2689,9 @@ const Visibility = {
         return (_instance$getState$co = (_instance$getState$co2 = instance.getState().columnVisibility) == null ? void 0 : _instance$getState$co2[column.id]) != null ? _instance$getState$co : true;
       },
       getCanHide: () => {
-        var _column$enableHiding, _instance$options$ena;
+        var _column$columnDef$ena, _instance$options$ena;
 
-        return ((_column$enableHiding = column.enableHiding) != null ? _column$enableHiding : true) && ((_instance$options$ena = instance.options.enableHiding) != null ? _instance$options$ena : true);
+        return ((_column$columnDef$ena = column.columnDef.enableHiding) != null ? _column$columnDef$ena : true) && ((_instance$options$ena = instance.options.enableHiding) != null ? _instance$options$ena : true);
       },
       getToggleVisibilityHandler: () => {
         return e => {
@@ -2574,475 +2707,70 @@ const Visibility = {
       }, {
         key: process.env.NODE_ENV === 'production' && 'row._getAllVisibleCells',
         debug: () => {
-          var _instance$options$deb;
-
-          return (_instance$options$deb = instance.options.debugAll) != null ? _instance$options$deb : instance.options.debugRows;
-        }
-      }),
-      getVisibleCells: memo(() => [row.getLeftVisibleCells(), row.getCenterVisibleCells(), row.getRightVisibleCells()], (left, center, right) => [...left, ...center, ...right], {
-        key: process.env.NODE_ENV === 'development' && 'row.getVisibleCells',
-        debug: () => {
-          var _instance$options$deb2;
-
-          return (_instance$options$deb2 = instance.options.debugAll) != null ? _instance$options$deb2 : instance.options.debugRows;
-        }
-      })
-    };
-  },
-  createInstance: instance => {
-    const makeVisibleColumnsMethod = (key, getColumns) => {
-      return memo(() => [getColumns(), getColumns().filter(d => d.getIsVisible()).map(d => d.id).join('_')], columns => {
-        return columns.filter(d => d.getIsVisible == null ? void 0 : d.getIsVisible());
-      }, {
-        key,
-        debug: () => {
-          var _instance$options$deb3;
-
-          return (_instance$options$deb3 = instance.options.debugAll) != null ? _instance$options$deb3 : instance.options.debugColumns;
-        }
-      });
-    };
-
-    return {
-      getVisibleFlatColumns: makeVisibleColumnsMethod('getVisibleFlatColumns', () => instance.getAllFlatColumns()),
-      getVisibleLeafColumns: makeVisibleColumnsMethod('getVisibleLeafColumns', () => instance.getAllLeafColumns()),
-      getLeftVisibleLeafColumns: makeVisibleColumnsMethod('getLeftVisibleLeafColumns', () => instance.getLeftLeafColumns()),
-      getRightVisibleLeafColumns: makeVisibleColumnsMethod('getRightVisibleLeafColumns', () => instance.getRightLeafColumns()),
-      getCenterVisibleLeafColumns: makeVisibleColumnsMethod('getCenterVisibleLeafColumns', () => instance.getCenterLeafColumns()),
-      setColumnVisibility: updater => instance.options.onColumnVisibilityChange == null ? void 0 : instance.options.onColumnVisibilityChange(updater),
-      resetColumnVisibility: defaultState => {
-        var _instance$initialStat;
-
-        instance.setColumnVisibility(defaultState ? {} : (_instance$initialStat = instance.initialState.columnVisibility) != null ? _instance$initialStat : {});
-      },
-      toggleAllColumnsVisible: value => {
-        var _value;
-
-        value = (_value = value) != null ? _value : !instance.getIsAllColumnsVisible();
-        instance.setColumnVisibility(instance.getAllLeafColumns().reduce((obj, column) => ({ ...obj,
-          [column.id]: !value ? !(column.getCanHide != null && column.getCanHide()) : value
-        }), {}));
-      },
-      getIsAllColumnsVisible: () => !instance.getAllLeafColumns().some(column => !(column.getIsVisible != null && column.getIsVisible())),
-      getIsSomeColumnsVisible: () => instance.getAllLeafColumns().some(column => column.getIsVisible == null ? void 0 : column.getIsVisible()),
-      getToggleAllColumnsVisibilityHandler: () => {
-        return e => {
-          var _target;
-
-          instance.toggleAllColumnsVisible((_target = e.target) == null ? void 0 : _target.checked);
-        };
-      }
-    };
-  }
-};
-
-//
-const Headers = {
-  createInstance: instance => {
-    return {
-      createHeader: (column, options) => {
-        var _options$id;
-
-        const id = (_options$id = options.id) != null ? _options$id : column.id;
-        let header = {
-          id,
-          column,
-          index: options.index,
-          isPlaceholder: options.isPlaceholder,
-          placeholderId: options.placeholderId,
-          depth: options.depth,
-          subHeaders: [],
-          colSpan: 0,
-          rowSpan: 0,
-          headerGroup: null,
-          getLeafHeaders: () => {
-            const leafHeaders = [];
-
-            const recurseHeader = h => {
-              if (h.subHeaders && h.subHeaders.length) {
-                h.subHeaders.map(recurseHeader);
-              }
-
-              leafHeaders.push(h);
-            };
-
-            recurseHeader(header);
-            return leafHeaders;
-          },
-          renderHeader: () => column.header ? instance._render(column.header, {
-            instance,
-            header: header,
-            column
-          }) : null,
-          renderFooter: () => column.footer ? instance._render(column.footer, {
-            instance,
-            header: header,
-            column
-          }) : null
-        };
-
-        instance._features.forEach(feature => {
-          Object.assign(header, feature.createHeader == null ? void 0 : feature.createHeader(header, instance));
-        });
-
-        return header;
-      },
-      // Header Groups
-      getHeaderGroups: memo(() => [instance.getAllColumns(), instance.getVisibleLeafColumns(), instance.getState().columnPinning.left, instance.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);
-        return headerGroups;
-      }, {
-        key: process.env.NODE_ENV === 'development' && 'getHeaderGroups',
-        debug: () => {
-          var _instance$options$deb;
-
-          return (_instance$options$deb = instance.options.debugAll) != null ? _instance$options$deb : instance.options.debugHeaders;
-        }
-      }),
-      getCenterHeaderGroups: memo(() => [instance.getAllColumns(), instance.getVisibleLeafColumns(), instance.getState().columnPinning.left, instance.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');
-      }, {
-        key: process.env.NODE_ENV === 'development' && 'getCenterHeaderGroups',
-        debug: () => {
-          var _instance$options$deb2;
-
-          return (_instance$options$deb2 = instance.options.debugAll) != null ? _instance$options$deb2 : instance.options.debugHeaders;
-        }
-      }),
-      getLeftHeaderGroups: memo(() => [instance.getAllColumns(), instance.getVisibleLeafColumns(), instance.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');
-      }, {
-        key: process.env.NODE_ENV === 'development' && 'getLeftHeaderGroups',
-        debug: () => {
-          var _instance$options$deb3;
-
-          return (_instance$options$deb3 = instance.options.debugAll) != null ? _instance$options$deb3 : instance.options.debugHeaders;
-        }
-      }),
-      getRightHeaderGroups: memo(() => [instance.getAllColumns(), instance.getVisibleLeafColumns(), instance.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');
-      }, {
-        key: process.env.NODE_ENV === 'development' && 'getRightHeaderGroups',
-        debug: () => {
-          var _instance$options$deb4;
-
-          return (_instance$options$deb4 = instance.options.debugAll) != null ? _instance$options$deb4 : instance.options.debugHeaders;
-        }
-      }),
-      // Footer Groups
-      getFooterGroups: memo(() => [instance.getHeaderGroups()], headerGroups => {
-        return [...headerGroups].reverse();
-      }, {
-        key: process.env.NODE_ENV === 'development' && 'getFooterGroups',
-        debug: () => {
-          var _instance$options$deb5;
-
-          return (_instance$options$deb5 = instance.options.debugAll) != null ? _instance$options$deb5 : instance.options.debugHeaders;
-        }
-      }),
-      getLeftFooterGroups: memo(() => [instance.getLeftHeaderGroups()], headerGroups => {
-        return [...headerGroups].reverse();
-      }, {
-        key: process.env.NODE_ENV === 'development' && 'getLeftFooterGroups',
-        debug: () => {
-          var _instance$options$deb6;
-
-          return (_instance$options$deb6 = instance.options.debugAll) != null ? _instance$options$deb6 : instance.options.debugHeaders;
-        }
-      }),
-      getCenterFooterGroups: memo(() => [instance.getCenterHeaderGroups()], headerGroups => {
-        return [...headerGroups].reverse();
-      }, {
-        key: process.env.NODE_ENV === 'development' && 'getCenterFooterGroups',
-        debug: () => {
-          var _instance$options$deb7;
-
-          return (_instance$options$deb7 = instance.options.debugAll) != null ? _instance$options$deb7 : instance.options.debugHeaders;
-        }
-      }),
-      getRightFooterGroups: memo(() => [instance.getRightHeaderGroups()], headerGroups => {
-        return [...headerGroups].reverse();
-      }, {
-        key: process.env.NODE_ENV === 'development' && 'getRightFooterGroups',
-        debug: () => {
-          var _instance$options$deb8;
-
-          return (_instance$options$deb8 = instance.options.debugAll) != null ? _instance$options$deb8 : instance.options.debugHeaders;
-        }
-      }),
-      // Flat Headers
-      getFlatHeaders: memo(() => [instance.getHeaderGroups()], headerGroups => {
-        return headerGroups.map(headerGroup => {
-          return headerGroup.headers;
-        }).flat();
-      }, {
-        key: process.env.NODE_ENV === 'development' && 'getFlatHeaders',
-        debug: () => {
-          var _instance$options$deb9;
-
-          return (_instance$options$deb9 = instance.options.debugAll) != null ? _instance$options$deb9 : instance.options.debugHeaders;
-        }
-      }),
-      getLeftFlatHeaders: memo(() => [instance.getLeftHeaderGroups()], left => {
-        return left.map(headerGroup => {
-          return headerGroup.headers;
-        }).flat();
-      }, {
-        key: process.env.NODE_ENV === 'development' && 'getLeftFlatHeaders',
-        debug: () => {
-          var _instance$options$deb10;
-
-          return (_instance$options$deb10 = instance.options.debugAll) != null ? _instance$options$deb10 : instance.options.debugHeaders;
-        }
-      }),
-      getCenterFlatHeaders: memo(() => [instance.getCenterHeaderGroups()], left => {
-        return left.map(headerGroup => {
-          return headerGroup.headers;
-        }).flat();
-      }, {
-        key: process.env.NODE_ENV === 'development' && 'getCenterFlatHeaders',
-        debug: () => {
-          var _instance$options$deb11;
-
-          return (_instance$options$deb11 = instance.options.debugAll) != null ? _instance$options$deb11 : instance.options.debugHeaders;
-        }
-      }),
-      getRightFlatHeaders: memo(() => [instance.getRightHeaderGroups()], left => {
-        return left.map(headerGroup => {
-          return headerGroup.headers;
-        }).flat();
-      }, {
-        key: process.env.NODE_ENV === 'development' && 'getRightFlatHeaders',
-        debug: () => {
-          var _instance$options$deb12;
-
-          return (_instance$options$deb12 = instance.options.debugAll) != null ? _instance$options$deb12 : instance.options.debugHeaders;
-        }
-      }),
-      // Leaf Headers
-      getCenterLeafHeaders: memo(() => [instance.getCenterFlatHeaders()], flatHeaders => {
-        return flatHeaders.filter(header => {
-          var _header$subHeaders;
-
-          return !((_header$subHeaders = header.subHeaders) != null && _header$subHeaders.length);
-        });
-      }, {
-        key: process.env.NODE_ENV === 'development' && 'getCenterLeafHeaders',
-        debug: () => {
-          var _instance$options$deb13;
-
-          return (_instance$options$deb13 = instance.options.debugAll) != null ? _instance$options$deb13 : instance.options.debugHeaders;
-        }
-      }),
-      getLeftLeafHeaders: memo(() => [instance.getLeftFlatHeaders()], flatHeaders => {
-        return flatHeaders.filter(header => {
-          var _header$subHeaders2;
-
-          return !((_header$subHeaders2 = header.subHeaders) != null && _header$subHeaders2.length);
-        });
-      }, {
-        key: process.env.NODE_ENV === 'development' && 'getLeftLeafHeaders',
-        debug: () => {
-          var _instance$options$deb14;
-
-          return (_instance$options$deb14 = instance.options.debugAll) != null ? _instance$options$deb14 : instance.options.debugHeaders;
-        }
-      }),
-      getRightLeafHeaders: memo(() => [instance.getRightFlatHeaders()], flatHeaders => {
-        return flatHeaders.filter(header => {
-          var _header$subHeaders3;
-
-          return !((_header$subHeaders3 = header.subHeaders) != null && _header$subHeaders3.length);
-        });
-      }, {
-        key: process.env.NODE_ENV === 'development' && 'getRightLeafHeaders',
-        debug: () => {
-          var _instance$options$deb15;
+          var _instance$options$deb;
 
-          return (_instance$options$deb15 = instance.options.debugAll) != null ? _instance$options$deb15 : instance.options.debugHeaders;
+          return (_instance$options$deb = instance.options.debugAll) != null ? _instance$options$deb : instance.options.debugRows;
         }
       }),
-      getLeafHeaders: memo(() => [instance.getLeftHeaderGroups(), instance.getCenterHeaderGroups(), instance.getRightHeaderGroups()], (left, center, right) => {
-        var _left$0$headers, _left$, _center$0$headers, _center$, _right$0$headers, _right$;
+      getVisibleCells: memo(() => [row.getLeftVisibleCells(), row.getCenterVisibleCells(), row.getRightVisibleCells()], (left, center, right) => [...left, ...center, ...right], {
+        key: process.env.NODE_ENV === 'development' && 'row.getVisibleCells',
+        debug: () => {
+          var _instance$options$deb2;
 
-        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 => {
-          return header.getLeafHeaders();
-        }).flat();
+          return (_instance$options$deb2 = instance.options.debugAll) != null ? _instance$options$deb2 : instance.options.debugRows;
+        }
+      })
+    };
+  },
+  createInstance: instance => {
+    const makeVisibleColumnsMethod = (key, getColumns) => {
+      return memo(() => [getColumns(), getColumns().filter(d => d.getIsVisible()).map(d => d.id).join('_')], columns => {
+        return columns.filter(d => d.getIsVisible == null ? void 0 : d.getIsVisible());
       }, {
-        key: process.env.NODE_ENV === 'development' && 'getLeafHeaders',
+        key,
         debug: () => {
-          var _instance$options$deb16;
+          var _instance$options$deb3;
 
-          return (_instance$options$deb16 = instance.options.debugAll) != null ? _instance$options$deb16 : instance.options.debugHeaders;
+          return (_instance$options$deb3 = instance.options.debugAll) != null ? _instance$options$deb3 : instance.options.debugColumns;
         }
-      }),
-      getHeader: id => {
-        const header = [...instance.getFlatHeaders(), ...instance.getCenterFlatHeaders(), ...instance.getLeftFlatHeaders(), ...instance.getRightFlatHeaders()].find(d => d.id === id);
+      });
+    };
 
-        if (!header) {
-          if (process.env.NODE_ENV !== 'production') {
-            console.warn("Could not find header with id: " + id);
-          }
+    return {
+      getVisibleFlatColumns: makeVisibleColumnsMethod('getVisibleFlatColumns', () => instance.getAllFlatColumns()),
+      getVisibleLeafColumns: makeVisibleColumnsMethod('getVisibleLeafColumns', () => instance.getAllLeafColumns()),
+      getLeftVisibleLeafColumns: makeVisibleColumnsMethod('getLeftVisibleLeafColumns', () => instance.getLeftLeafColumns()),
+      getRightVisibleLeafColumns: makeVisibleColumnsMethod('getRightVisibleLeafColumns', () => instance.getRightLeafColumns()),
+      getCenterVisibleLeafColumns: makeVisibleColumnsMethod('getCenterVisibleLeafColumns', () => instance.getCenterLeafColumns()),
+      setColumnVisibility: updater => instance.options.onColumnVisibilityChange == null ? void 0 : instance.options.onColumnVisibilityChange(updater),
+      resetColumnVisibility: defaultState => {
+        var _instance$initialStat;
 
-          throw new Error();
-        }
+        instance.setColumnVisibility(defaultState ? {} : (_instance$initialStat = instance.initialState.columnVisibility) != null ? _instance$initialStat : {});
+      },
+      toggleAllColumnsVisible: value => {
+        var _value;
+
+        value = (_value = value) != null ? _value : !instance.getIsAllColumnsVisible();
+        instance.setColumnVisibility(instance.getAllLeafColumns().reduce((obj, column) => ({ ...obj,
+          [column.id]: !value ? !(column.getCanHide != null && column.getCanHide()) : value
+        }), {}));
+      },
+      getIsAllColumnsVisible: () => !instance.getAllLeafColumns().some(column => !(column.getIsVisible != null && column.getIsVisible())),
+      getIsSomeColumnsVisible: () => instance.getAllLeafColumns().some(column => column.getIsVisible == null ? void 0 : column.getIsVisible()),
+      getToggleAllColumnsVisibilityHandler: () => {
+        return e => {
+          var _target;
 
-        return header;
+          instance.toggleAllColumnsVisible((_target = e.target) == null ? void 0 : _target.checked);
+        };
       }
     };
   }
 };
-function buildHeaderGroups(allColumns, columnsToGroup, instance, headerFamily) {
-  var _headerGroups$0$heade, _headerGroups$;
-
-  // Find the max depth of the columns:
-  // build the leaf column row
-  // build each buffer row going up
-  //    placeholder for non-existent level
-  //    real column for existing level
-  let maxDepth = 0;
-
-  const findMaxDepth = function (columns, depth) {
-    if (depth === void 0) {
-      depth = 1;
-    }
-
-    maxDepth = Math.max(maxDepth, depth);
-    columns.filter(column => column.getIsVisible()).forEach(column => {
-      var _column$columns;
-
-      if ((_column$columns = column.columns) != null && _column$columns.length) {
-        findMaxDepth(column.columns, depth + 1);
-      }
-    }, 0);
-  };
-
-  findMaxDepth(allColumns);
-  let headerGroups = [];
-
-  const createHeaderGroup = (headersToGroup, depth) => {
-    // The header group we are creating
-    const headerGroup = {
-      depth,
-      id: [headerFamily, "" + depth].filter(Boolean).join('_'),
-      headers: []
-    }; // The parent columns we're going to scan next
-
-    const pendingParentHeaders = []; // Scan each column for parents
-
-    headersToGroup.forEach(headerToGroup => {
-      // What is the latest (last) parent column?
-      const latestPendingParentHeader = [...pendingParentHeaders].reverse()[0];
-      const isLeafHeader = headerToGroup.column.depth === headerGroup.depth;
-      let column;
-      let isPlaceholder = false;
-
-      if (isLeafHeader && headerToGroup.column.parent) {
-        // The parent header is new
-        column = headerToGroup.column.parent;
-      } else {
-        // The parent header is repeated
-        column = headerToGroup.column;
-        isPlaceholder = true;
-      }
-
-      if ((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 = instance.createHeader(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,
-          depth,
-          index: pendingParentHeaders.length
-        }); // Add the headerToGroup as a subHeader of the new header
-
-        header.subHeaders.push(headerToGroup); // Add the new header to the pendingParentHeaders to get grouped
-        // in the next batch
 
-        pendingParentHeaders.push(header);
-      }
-
-      headerGroup.headers.push(headerToGroup);
-      headerToGroup.headerGroup = headerGroup;
-    });
-    headerGroups.push(headerGroup);
-
-    if (depth > 0) {
-      createHeaderGroup(pendingParentHeaders, depth - 1);
-    }
-  };
-
-  const bottomHeaders = columnsToGroup.map((column, index) => instance.createHeader(column, {
-    depth: maxDepth,
-    index
-  }));
-  createHeaderGroup(bottomHeaders, maxDepth - 1);
-  headerGroups.reverse(); // headerGroups = headerGroups.filter(headerGroup => {
-  //   return !headerGroup.headers.every(header => header.isPlaceholder)
-  // })
-
-  const recurseHeadersForSpans = headers => {
-    const filteredHeaders = headers.filter(header => header.column.getIsVisible());
-    return filteredHeaders.map(header => {
-      let colSpan = 0;
-      let rowSpan = 0;
-      let childRowSpans = [0];
-
-      if (header.subHeaders && header.subHeaders.length) {
-        childRowSpans = [];
-        recurseHeadersForSpans(header.subHeaders).forEach(_ref => {
-          let {
-            colSpan: childColSpan,
-            rowSpan: childRowSpan
-          } = _ref;
-          colSpan += childColSpan;
-          childRowSpans.push(childRowSpan);
-        });
-      } else {
-        colSpan = 1;
-      }
-
-      const minChildRowSpan = Math.min(...childRowSpans);
-      rowSpan = rowSpan + minChildRowSpan;
-      header.colSpan = colSpan > 0 ? colSpan : undefined;
-      header.rowSpan = rowSpan > 0 ? rowSpan : undefined;
-      return {
-        colSpan,
-        rowSpan
-      };
-    });
-  };
-
-  recurseHeadersForSpans((_headerGroups$0$heade = (_headerGroups$ = headerGroups[0]) == null ? void 0 : _headerGroups$.headers) != null ? _headerGroups$0$heade : []);
-  return headerGroups;
-}
+const features = [Headers, Visibility, Ordering, Pinning, Filters, Sorting, Grouping, Expanding, Pagination, RowSelection, ColumnSizing]; //
 
-// export type Batch = {
-//   id: number
-//   priority: keyof CoreBatches
-//   tasks: (() => void)[]
-//   schedule: (cb: () => void) => void
-//   cancel: () => void
-// }
-// type CoreBatches = {
-//   data: Batch[]
-//   facets: Batch[]
-// }
 function createTableInstance(options) {
   var _options$initialState;
 
@@ -3051,7 +2779,7 @@ function createTableInstance(options) {
   }
 
   let instance = {
-    _features: [Columns, Rows, Cells, Headers, Visibility, Ordering, Pinning, Filters, Sorting, Grouping, Expanding, Pagination, RowSelection, ColumnSizing]
+    _features: features
   };
 
   const defaultOptions = instance._features.reduce((obj, feature) => {
@@ -3068,8 +2796,7 @@ function createTableInstance(options) {
     };
   };
 
-  const coreInitialState = {// coreProgress: 1,
-  };
+  const coreInitialState = {};
   let initialState = { ...coreInitialState,
     ...((_options$initialState = options.initialState) != null ? _options$initialState : {})
   };
@@ -3082,16 +2809,8 @@ function createTableInstance(options) {
 
   const queued = [];
   let queuedTimeout = false;
-  const midInstance = { ...instance,
-    // init: () => {
-    //   startWork()
-    // },
-    // willUpdate: () => {
-    //   startWork()
-    // },
-    // destroy: () => {
-    //   stopWork()
-    // },
+  const coreInstance = {
+    _features: features,
     options: { ...defaultOptions,
       ...options
     },
@@ -3137,29 +2856,136 @@ function createTableInstance(options) {
     },
     setState: updater => {
       instance.options.onStateChange == null ? void 0 : instance.options.onStateChange(updater);
-    } // getOverallProgress: () => {
-    //   const { coreProgress, filtersProgress, facetProgress } =
-    //     instance.getState()
-    //   return mean(() =>
-    //     [coreProgress, filtersProgress].filter(d => d < 1)
-    //   ) as number
-    // },
-    // getProgressStage: () => {
-    //   const { coreProgress, filtersProgress, facetProgress } =
-    //     instance.getState()
-    //   if (coreProgress < 1) {
-    //     return 'coreRowModel'
-    //   }
-    //   if (filtersProgress < 1) {
-    //     return 'filteredRowModel'
-    //   }
-    //   if (Object.values(facetProgress).some(d => d < 1)) {
-    //     return 'facetedRowModel'
-    //   }
-    // },
+    },
+    _getRowId: (row, index, parent) => {
+      var _instance$options$get;
+
+      return (_instance$options$get = instance.options.getRowId == null ? void 0 : instance.options.getRowId(row, index, parent)) != null ? _instance$options$get : "" + (parent ? [parent.id, index].join('.') : index);
+    },
+    getCoreRowModel: () => {
+      if (!instance._getCoreRowModel) {
+        instance._getCoreRowModel = instance.options.getCoreRowModel(instance);
+      }
+
+      return instance._getCoreRowModel();
+    },
+    // The final calls start at the bottom of the model,
+    // expanded rows, which then work their way up
+    getRowModel: () => {
+      return instance.getPaginationRowModel();
+    },
+    getRow: id => {
+      const row = instance.getRowModel().rowsById[id];
+
+      if (!row) {
+        if (process.env.NODE_ENV !== 'production') {
+          throw new Error("getRow expected an ID, but got " + id);
+        }
+
+        throw new Error();
+      }
+
+      return row;
+    },
+    _getDefaultColumnDef: memo(() => [instance.options.defaultColumn], defaultColumn => {
+      var _defaultColumn;
+
+      defaultColumn = (_defaultColumn = defaultColumn) != null ? _defaultColumn : {};
+      return {
+        header: props => props.header.column.id,
+        footer: props => props.header.column.id,
+        cell: props => {
+          var _props$getValue$toStr, _props$getValue$toStr2, _props$getValue;
+
+          return (_props$getValue$toStr = (_props$getValue$toStr2 = (_props$getValue = props.getValue()).toString) == null ? void 0 : _props$getValue$toStr2.call(_props$getValue)) != null ? _props$getValue$toStr : null;
+        },
+        ...instance._features.reduce((obj, feature) => {
+          return Object.assign(obj, feature.getDefaultColumnDef == null ? void 0 : feature.getDefaultColumnDef());
+        }, {}),
+        ...defaultColumn
+      };
+    }, {
+      debug: () => {
+        var _instance$options$deb;
+
+        return (_instance$options$deb = instance.options.debugAll) != null ? _instance$options$deb : instance.options.debugColumns;
+      },
+      key: process.env.NODE_ENV === 'development' && 'getDefaultColumnDef'
+    }),
+    _getColumnDefs: () => instance.options.columns,
+    getAllColumns: memo(() => [instance._getColumnDefs()], columnDefs => {
+      const recurseColumns = function (columnDefs, parent, depth) {
+        if (depth === void 0) {
+          depth = 0;
+        }
+
+        return columnDefs.map(columnDef => {
+          const column = createColumn(instance, columnDef, depth, parent);
+          column.columns = columnDef.columns ? recurseColumns(columnDef.columns, column, depth + 1) : [];
+          return column;
+        });
+      };
+
+      return recurseColumns(columnDefs);
+    }, {
+      key: process.env.NODE_ENV === 'development' && 'getAllColumns',
+      debug: () => {
+        var _instance$options$deb2;
+
+        return (_instance$options$deb2 = instance.options.debugAll) != null ? _instance$options$deb2 : instance.options.debugColumns;
+      }
+    }),
+    getAllFlatColumns: memo(() => [instance.getAllColumns()], allColumns => {
+      return allColumns.flatMap(column => {
+        return column.getFlatColumns();
+      });
+    }, {
+      key: process.env.NODE_ENV === 'development' && 'getAllFlatColumns',
+      debug: () => {
+        var _instance$options$deb3;
+
+        return (_instance$options$deb3 = instance.options.debugAll) != null ? _instance$options$deb3 : instance.options.debugColumns;
+      }
+    }),
+    _getAllFlatColumnsById: memo(() => [instance.getAllFlatColumns()], flatColumns => {
+      return flatColumns.reduce((acc, column) => {
+        acc[column.id] = column;
+        return acc;
+      }, {});
+    }, {
+      key: process.env.NODE_ENV === 'development' && 'getAllFlatColumnsById',
+      debug: () => {
+        var _instance$options$deb4;
+
+        return (_instance$options$deb4 = instance.options.debugAll) != null ? _instance$options$deb4 : instance.options.debugColumns;
+      }
+    }),
+    getAllLeafColumns: memo(() => [instance.getAllColumns(), instance._getOrderColumnsFn()], (allColumns, orderColumns) => {
+      let leafColumns = allColumns.flatMap(column => column.getLeafColumns());
+      return orderColumns(leafColumns);
+    }, {
+      key: process.env.NODE_ENV === 'development' && 'getAllLeafColumns',
+      debug: () => {
+        var _instance$options$deb5;
+
+        return (_instance$options$deb5 = instance.options.debugAll) != null ? _instance$options$deb5 : instance.options.debugColumns;
+      }
+    }),
+    getColumn: columnId => {
+      const column = instance._getAllFlatColumnsById()[columnId];
+
+      if (!column) {
+        if (process.env.NODE_ENV !== 'production') {
+          console.warn("[Table] Column with id " + columnId + " does not exist.");
+        }
+
+        throw new Error();
+      }
 
+      return column;
+    }
   };
-  instance = Object.assign(instance, midInstance);
+  Object.assign(instance, coreInstance);
 
   instance._features.forEach(feature => {
     return Object.assign(instance, feature.createInstance == null ? void 0 : feature.createInstance(instance));
@@ -3182,7 +3008,7 @@ function createTable$1(_, __, options) {
         throw new Error('');
       })()
     },
-    setGenerics: () => table,
+    // setGenerics: () => table as any,
     setRowType: () => table,
     setTableMetaType: () => table,
     setColumnMetaType: () => table,
@@ -3218,11 +3044,92 @@ function createTable$1(_, __, options) {
       }
 
       throw new Error('Invalid accessor');
-    }
+    },
+    createOptions: options => options
   };
   return table;
 }
 
+function createCell(instance, row, column, columnId) {
+  const cell = {
+    id: row.id + "_" + column.id,
+    row,
+    column,
+    getValue: () => row.getValue(columnId),
+    renderCell: () => column.columnDef.cell ? instance._render(column.columnDef.cell, {
+      instance,
+      column,
+      row,
+      cell: cell,
+      getValue: cell.getValue
+    }) : null
+  };
+
+  instance._features.forEach(feature => {
+    Object.assign(cell, feature.createCell == null ? void 0 : feature.createCell(cell, column, row, instance));
+  }, {});
+
+  return cell;
+}
+
+const createRow = (instance, id, original, rowIndex, depth, subRows) => {
+  let row = {
+    id,
+    index: rowIndex,
+    original,
+    depth,
+    _valuesCache: {},
+    getValue: columnId => {
+      if (row._valuesCache.hasOwnProperty(columnId)) {
+        return row._valuesCache[columnId];
+      }
+
+      const column = instance.getColumn(columnId);
+
+      if (!column.accessorFn) {
+        return undefined;
+      }
+
+      row._valuesCache[columnId] = column.accessorFn(row.original, rowIndex);
+      return row._valuesCache[columnId];
+    },
+    subRows: subRows != null ? subRows : [],
+    getLeafRows: () => flattenBy(row.subRows, d => d.subRows),
+    getAllCells: memo(() => [instance.getAllLeafColumns()], leafColumns => {
+      return leafColumns.map(column => {
+        return createCell(instance, row, column, column.id);
+      });
+    }, {
+      key: process.env.NODE_ENV === 'development' && 'row.getAllCells',
+      debug: () => {
+        var _instance$options$deb;
+
+        return (_instance$options$deb = instance.options.debugAll) != null ? _instance$options$deb : instance.options.debugRows;
+      }
+    }),
+    _getAllCellsByColumnId: memo(() => [row.getAllCells()], allCells => {
+      return allCells.reduce((acc, cell) => {
+        acc[cell.column.id] = cell;
+        return acc;
+      }, {});
+    }, {
+      key: process.env.NODE_ENV === 'production' && 'row.getAllCellsByColumnId',
+      debug: () => {
+        var _instance$options$deb2;
+
+        return (_instance$options$deb2 = instance.options.debugAll) != null ? _instance$options$deb2 : instance.options.debugRows;
+      }
+    })
+  };
+
+  for (let i = 0; i < instance._features.length; i++) {
+    const feature = instance._features[i];
+    Object.assign(row, feature == null ? void 0 : feature.createRow == null ? void 0 : feature.createRow(row, instance));
+  }
+
+  return row;
+};
+
 function getCoreRowModel() {
   return instance => memo(() => [instance.options.data], data => {
     const rowModel = {
@@ -3250,7 +3157,7 @@ function getCoreRowModel() {
         // }
         // Make the row
 
-        row = instance.createRow(instance.getRowId(originalRow, i, parent), originalRow, i, depth); // Keep track of every row in a flat array
+        row = createRow(instance, instance._getRowId(originalRow, i, parent), originalRow, i, depth); // Keep track of every row in a flat array
 
         rowModel.flatRows.push(row); // Also keep track of every row by its ID
 
@@ -3313,7 +3220,7 @@ function filterRowModelFromLeafs(rowsToFilter, filterRow, instance) {
       row = rowsToFilter[i];
 
       if ((_row$subRows = row.subRows) != null && _row$subRows.length) {
-        newRow = instance.createRow(row.id, row.original, row.index, row.depth);
+        newRow = createRow(instance, row.id, row.original, row.index, row.depth);
         newRow.columnFilters = row.columnFilters;
         newRow.subRows = recurseFilterRows(row.subRows, depth + 1);
 
@@ -3363,7 +3270,7 @@ function filterRowModelFromRoot(rowsToFilter, filterRow, instance) {
         var _row$subRows2;
 
         if ((_row$subRows2 = row.subRows) != null && _row$subRows2.length) {
-          newRow = instance.createRow(row.id, row.original, row.index, row.depth);
+          newRow = createRow(instance, row.id, row.original, row.index, row.depth);
           newRow.subRows = recurseFilterRows(row.subRows, depth + 1);
           row = newRow;
         }
@@ -3615,8 +3522,8 @@ function getSortedRowModel() {
     availableSorting.forEach(sortEntry => {
       const column = instance.getColumn(sortEntry.id);
       columnInfoById[sortEntry.id] = {
-        sortUndefined: column.sortUndefined,
-        invertSorting: column.invertSorting,
+        sortUndefined: column.columnDef.sortUndefined,
+        invertSorting: column.columnDef.invertSorting,
         sortingFn: column.getSortingFn()
       };
     });
@@ -3730,7 +3637,7 @@ function getGroupedRowModel() {
         const subRows = groupUpRecursively(groupedRows, depth + 1, id); // Flatten the leaf rows of the rows in this group
 
         const leafRows = depth ? flattenBy(groupedRows, row => row.subRows) : groupedRows;
-        const row = instance.createRow(id, undefined, index, depth);
+        const row = createRow(instance, id, undefined, index, depth);
         Object.assign(row, {
           groupingColumnId: columnId,
           groupingValue,
@@ -3739,38 +3646,30 @@ function getGroupedRowModel() {
           getValue: columnId => {
             // Don't aggregate columns that are in the grouping
             if (existingGrouping.includes(columnId)) {
-              if (row.valuesCache.hasOwnProperty(columnId)) {
-                return row.valuesCache[columnId];
+              if (row._valuesCache.hasOwnProperty(columnId)) {
+                return row._valuesCache[columnId];
               }
 
               if (groupedRows[0]) {
                 var _groupedRows$0$getVal;
 
-                row.valuesCache[columnId] = (_groupedRows$0$getVal = groupedRows[0].getValue(columnId)) != null ? _groupedRows$0$getVal : undefined;
+                row._valuesCache[columnId] = (_groupedRows$0$getVal = groupedRows[0].getValue(columnId)) != null ? _groupedRows$0$getVal : undefined;
               }
 
-              return row.valuesCache[columnId];
+              return row._valuesCache[columnId];
             }
 
-            if (row.groupingValuesCache.hasOwnProperty(columnId)) {
-              return row.groupingValuesCache[columnId];
+            if (row._groupingValuesCache.hasOwnProperty(columnId)) {
+              return row._groupingValuesCache[columnId];
             } // Aggregate the values
 
 
             const column = instance.getColumn(columnId);
-            const aggregateFn = column.getColumnAggregationFn();
+            const aggregateFn = column.getAggregationFn();
 
             if (aggregateFn) {
-              row.groupingValuesCache[columnId] = aggregateFn(() => leafRows.map(row => {
-                let columnValue = row.getValue(columnId);
-
-                if (!depth && column.aggregateValue) {
-                  columnValue = column.aggregateValue(columnValue);
-                }
-
-                return columnValue;
-              }), () => groupedRows.map(row => row.getValue(columnId)));
-              return row.groupingValuesCache[columnId];
+              row._groupingValuesCache[columnId] = aggregateFn(columnId, leafRows, groupedRows);
+              return row._groupingValuesCache[columnId];
             } else if (column.aggregationFn) {
               console.info({
                 column
@@ -3979,5 +3878,5 @@ function useTableInstance(table, options) {
   return instanceRef.current;
 }
 
-export { ColumnSizing, Expanding, Filters, Grouping, Headers, Ordering, Pagination, Pinning, RowSelection, Sorting, Visibility, aggregationFns, buildHeaderGroups, createTable, createTableFactory, createTableInstance, defaultColumnSizing, expandRows, filterFns, flattenBy, functionalUpdate, getCoreRowModel, getExpandedRowModel, getFacetedMinMaxValues, getFacetedRowModel, getFacetedUniqueValues, getFilteredRowModel, getGroupedRowModel, getPaginationRowModel, getSortedRowModel, isFunction, isRowSelected, makeStateUpdater, mean, memo, noop, orderColumns, passiveEventSupported, reSplitAlphaNumeric, render, selectRowsFn, shouldAutoRemoveFilter, sortingFns, useTableInstance };
+export { ColumnSizing, Expanding, Filters, Grouping, Headers, Ordering, Pagination, Pinning, RowSelection, Sorting, Visibility, aggregationFns, buildHeaderGroups, createColumn, createRow, createTable, createTableFactory, createTableInstance, defaultColumnSizing, expandRows, filterFns, flattenBy, functionalUpdate, getCoreRowModel, getExpandedRowModel, getFacetedMinMaxValues, getFacetedRowModel, getFacetedUniqueValues, getFilteredRowModel, getGroupedRowModel, getPaginationRowModel, getSortedRowModel, isFunction, isRowSelected, makeStateUpdater, memo, noop, orderColumns, passiveEventSupported, reSplitAlphaNumeric, render, selectRowsFn, shouldAutoRemoveFilter, sortingFns, useTableInstance };
 //# sourceMappingURL=index.js.map