@tanstack/react-table 8.0.0-alpha.80 → 8.0.0-alpha.84

package/build/umd/index.development.js

@@ -121,327 +121,457 @@
     };
   }
 
+  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) {
+      {
+        throw new Error(columnDef.accessorFn ? "Columns require an id when using an accessorFn" : "Columns require an id when using a non-string header");
+      }
+    }
+
+    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: "development" === 'production' ,
+        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: "development" === 'production' ,
+        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: 'getHeaderGroups',
           debug: () => {
             var _instance$options$deb;
 
-            return (_instance$options$deb = instance.options.debugAll) != null ? _instance$options$deb : instance.options.debugColumns;
-          },
-          key: 'getDefaultColumn'
-        }),
-        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;
-
-          if (columnDef.accessorFn) {
-            accessorFn = columnDef.accessorFn;
-          } else if (columnDef.accessorKey) {
-            accessorFn = originalRow => originalRow[columnDef.accessorKey];
+            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: 'getCenterHeaderGroups',
+          debug: () => {
+            var _instance$options$deb2;
 
-          if (!id) {
-            {
-              throw new Error(columnDef.accessorFn ? "Columns require an id when using an accessorFn" : "Columns require an id when using a non-string header");
-            }
+            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;
 
-          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: "development" === 'production' ,
-              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: "development" === 'production' ,
-              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;
-            }
+          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: 'getLeftHeaderGroups',
+          debug: () => {
+            var _instance$options$deb3;
 
-            return columnDefs.map(columnDef => {
-              const column = instance.createColumn(columnDef, depth, parent);
-              column.columns = columnDef.columns ? recurseColumns(columnDef.columns, column, depth + 1) : [];
-              return column;
-            });
-          };
+            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;
 
-          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: 'getAllColumns',
+          key: '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: 'getAllFlatColumns',
+          key: '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: 'getAllFlatColumnsById',
+          key: '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: 'getAllLeafColumns',
+          key: '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) {
-            {
-              console.warn("[Table] Column with id " + columnId + " does not exist.");
-            }
+        getRightFooterGroups: memo(() => [instance.getRightHeaderGroups()], headerGroups => {
+          return [...headerGroups].reverse();
+        }, {
+          key: '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: '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)
-          };
-
-          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$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: 'getLeftFlatHeaders',
+          debug: () => {
+            var _instance$options$deb10;
 
-          return row;
-        },
-        getCoreRowModel: () => {
-          if (!instance._getCoreRowModel) {
-            instance._getCoreRowModel = instance.options.getCoreRowModel(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: 'getCenterFlatHeaders',
+          debug: () => {
+            var _instance$options$deb11;
 
-          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) {
-            {
-              throw new Error("getRow expected an ID, but got " + id);
-            }
+            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: 'getRightFlatHeaders',
+          debug: () => {
+            var _instance$options$deb12;
 
-          return row;
-        }
-      };
-    }
-  };
+            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;
 
-  //
-  const Cells = {
-    createRow: (row, instance) => {
-      return {
-        getAllCells: memo(() => [instance.getAllLeafColumns()], leafColumns => {
-          return leafColumns.map(column => {
-            return instance.createCell(row, column, column.id);
+            return !((_header$subHeaders = header.subHeaders) != null && _header$subHeaders.length);
           });
         }, {
-          key: 'row.getAllCells',
+          key: 'getCenterLeafHeaders',
           debug: () => {
-            var _instance$options$deb;
+            var _instance$options$deb13;
 
-            return (_instance$options$deb = instance.options.debugAll) != null ? _instance$options$deb : instance.options.debugRows;
+            return (_instance$options$deb13 = instance.options.debugAll) != null ? _instance$options$deb13 : instance.options.debugHeaders;
           }
         }),
-        getAllCellsByColumnId: memo(() => [row.getAllCells()], allCells => {
-          return allCells.reduce((acc, cell) => {
-            acc[cell.columnId] = cell;
-            return acc;
-          }, {});
+        getLeftLeafHeaders: memo(() => [instance.getLeftFlatHeaders()], flatHeaders => {
+          return flatHeaders.filter(header => {
+            var _header$subHeaders2;
+
+            return !((_header$subHeaders2 = header.subHeaders) != null && _header$subHeaders2.length);
+          });
         }, {
-          key: "development" === 'production' ,
+          key: 'getLeftLeafHeaders',
           debug: () => {
-            var _instance$options$deb2;
+            var _instance$options$deb14;
 
-            return (_instance$options$deb2 = instance.options.debugAll) != null ? _instance$options$deb2 : instance.options.debugRows;
+            return (_instance$options$deb14 = instance.options.debugAll) != null ? _instance$options$deb14 : 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));
-          }, {});
+        }),
+        getRightLeafHeaders: memo(() => [instance.getRightFlatHeaders()], flatHeaders => {
+          return flatHeaders.filter(header => {
+            var _header$subHeaders3;
 
-          return cell;
-        },
-        getCell: (rowId, columnId) => {
-          const row = instance.getRow(rowId);
+            return !((_header$subHeaders3 = header.subHeaders) != null && _header$subHeaders3.length);
+          });
+        }, {
+          key: 'getRightLeafHeaders',
+          debug: () => {
+            var _instance$options$deb15;
 
-          if (!row) {
-            {
-              throw new Error("[Table] could not find row with id " + rowId);
-            }
+            return (_instance$options$deb15 = instance.options.debugAll) != null ? _instance$options$deb15 : instance.options.debugHeaders;
           }
+        }),
+        getLeafHeaders: memo(() => [instance.getLeftHeaderGroups(), instance.getCenterHeaderGroups(), instance.getRightHeaderGroups()], (left, center, right) => {
+          var _left$0$headers, _left$, _center$0$headers, _center$, _right$0$headers, _right$;
 
-          const cell = row.getAllCellsByColumnId()[columnId];
+          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: 'getLeafHeaders',
+          debug: () => {
+            var _instance$options$deb16;
 
-          if (!cell) {
-            {
-              throw new Error("[Table] could not find cell " + columnId + " in row " + rowId);
-            }
+            return (_instance$options$deb16 = instance.options.debugAll) != null ? _instance$options$deb16 : instance.options.debugHeaders;
           }
-
-          return cell;
-        }
+        })
       };
     }
   };
+  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 = 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 = {
@@ -460,7 +590,7 @@
   });
 
   const ColumnSizing = {
-    getDefaultColumn: () => {
+    getDefaultColumnDef: () => {
       return defaultColumnSizing;
     },
     getInitialState: state => {
@@ -480,10 +610,10 @@
     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();
@@ -506,9 +636,9 @@
           });
         },
         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;
@@ -965,7 +1095,7 @@
 
   //
   const Filters = {
-    getDefaultColumn: () => {
+    getDefaultColumnDef: () => {
       return {
         filterFn: 'auto'
       };
@@ -988,7 +1118,7 @@
         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';
         }
       };
@@ -1008,6 +1138,10 @@
             return filterFns.inNumberRange;
           }
 
+          if (typeof value === 'boolean') {
+            return filterFns.equals;
+          }
+
           if (value !== null && typeof value === 'object') {
             return filterFns.equals;
           }
@@ -1025,14 +1159,14 @@
           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: () => {
@@ -1111,7 +1245,8 @@
     },
     createRow: (row, instance) => {
       return {
-        columnFilterMap: {},
+        columnFilters: {},
+        columnFiltersMeta: {},
         subRowsByFacetId: {}
       };
     },
@@ -1309,7 +1444,7 @@
 
   //
   const Grouping = {
-    getDefaultColumn: () => {
+    getDefaultColumnDef: () => {
       return {
         aggregationFn: 'auto'
       };
@@ -1339,9 +1474,9 @@
           });
         },
         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;
@@ -1425,9 +1560,9 @@
           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,
@@ -1734,9 +1869,9 @@
         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: () => {
@@ -1761,7 +1896,7 @@
       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: "development" === 'production' ,
           debug: () => {
@@ -1771,7 +1906,7 @@
           }
         }),
         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;
@@ -1784,7 +1919,7 @@
           }
         }),
         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;
@@ -1806,12 +1941,18 @@
 
           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);
@@ -2337,7 +2478,7 @@
         ...state
       };
     },
-    getDefaultColumn: () => {
+    getDefaultColumnDef: () => {
       return {
         sortingFn: 'auto'
       };
@@ -2353,7 +2494,7 @@
     createColumn: (column, instance) => {
       return {
         getAutoSortingFn: () => {
-          const firstRows = instance.getFilteredRowModel().flatRows.slice(100);
+          const firstRows = instance.getFilteredRowModel().flatRows.slice(10);
           let isString = false;
 
           for (const row of firstRows) {
@@ -2397,7 +2538,7 @@
             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) {
@@ -2409,7 +2550,7 @@
           //   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);
@@ -2436,7 +2577,7 @@
               }
             }
 
-            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
@@ -2480,14 +2621,14 @@
           });
         },
         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;
@@ -2551,7 +2692,7 @@
         onColumnVisibilityChange: makeStateUpdater('columnVisibility', instance)
       };
     },
-    getDefaultColumn: () => {
+    getDefaultColumnDef: () => {
       return {
         defaultIsVisible: true
       };
@@ -2571,9 +2712,9 @@
           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 => {
@@ -2589,475 +2730,70 @@
         }, {
           key: "development" === 'production' ,
           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: '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: '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: '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: '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: '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: '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: '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: '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: '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: '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: '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: '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: '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: '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: '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: '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: '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: '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) {
-            {
-              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;
 
@@ -3066,7 +2802,7 @@
     }
 
     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) => {
@@ -3083,8 +2819,7 @@
       };
     };
 
-    const coreInitialState = {// coreProgress: 1,
-    };
+    const coreInitialState = {};
     let initialState = { ...coreInitialState,
       ...((_options$initialState = options.initialState) != null ? _options$initialState : {})
     };
@@ -3097,16 +2832,8 @@
 
     const queued = [];
     let queuedTimeout = false;
-    const midInstance = { ...instance,
-      // init: () => {
-      //   startWork()
-      // },
-      // willUpdate: () => {
-      //   startWork()
-      // },
-      // destroy: () => {
-      //   stopWork()
-      // },
+    const coreInstance = {
+      _features: features,
       options: { ...defaultOptions,
         ...options
       },
@@ -3152,29 +2879,134 @@
       },
       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) {
+          {
+            throw new Error("getRow expected an ID, but got " + id);
+          }
+        }
+
+        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: '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: '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: '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: '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: '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) {
+          {
+            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));
@@ -3197,10 +3029,11 @@
           throw new Error('');
         })()
       },
-      setGenerics: () => table,
+      // setGenerics: () => table as any,
       setRowType: () => table,
       setTableMetaType: () => table,
       setColumnMetaType: () => table,
+      setFilterMetaType: () => table,
       setOptions: newOptions => createTable$1(_, __, { ...options,
         ...newOptions
       }),
@@ -3232,11 +3065,92 @@
         }
 
         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: '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: "development" === 'production' ,
+        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 = {
@@ -3264,7 +3178,7 @@
           // }
           // 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
 
@@ -3327,8 +3241,8 @@
         row = rowsToFilter[i];
 
         if ((_row$subRows = row.subRows) != null && _row$subRows.length) {
-          newRow = instance.createRow(row.id, row.original, row.index, row.depth);
-          newRow.columnFilterMap = row.columnFilterMap;
+          newRow = createRow(instance, row.id, row.original, row.index, row.depth);
+          newRow.columnFilters = row.columnFilters;
           newRow.subRows = recurseFilterRows(row.subRows, depth + 1);
 
           if (!newRow.subRows.length) {
@@ -3377,7 +3291,7 @@
           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;
           }
@@ -3401,6 +3315,11 @@
   function getFilteredRowModel() {
     return instance => memo(() => [instance.getPreFilteredRowModel(), instance.getState().columnFilters, instance.getState().globalFilter], (rowModel, columnFilters, globalFilter) => {
       if (!rowModel.rows.length || !(columnFilters != null && columnFilters.length) && !globalFilter) {
+        for (let i = 0; i < rowModel.flatRows.length; i++) {
+          rowModel.flatRows[i].columnFilters = {};
+          rowModel.flatRows[i].columnFiltersMeta = {};
+        }
+
         return rowModel;
       }
 
@@ -3455,28 +3374,34 @@
 
       for (let j = 0; j < rowModel.flatRows.length; j++) {
         const row = rowModel.flatRows[j];
-        row.columnFilterMap = {};
+        row.columnFilters = {};
 
         if (resolvedColumnFilters.length) {
           for (let i = 0; i < resolvedColumnFilters.length; i++) {
-            currentColumnFilter = resolvedColumnFilters[i]; // Tag the row with the column filter state
+            currentColumnFilter = resolvedColumnFilters[i];
+            const id = currentColumnFilter.id; // Tag the row with the column filter state
 
-            row.columnFilterMap[currentColumnFilter.id] = currentColumnFilter.filterFn(row, currentColumnFilter.id, currentColumnFilter.resolvedValue);
+            row.columnFilters[id] = currentColumnFilter.filterFn(row, id, currentColumnFilter.resolvedValue, filterMeta => {
+              row.columnFiltersMeta[id] = filterMeta;
+            });
           }
         }
 
         if (resolvedGlobalFilters.length) {
           for (let i = 0; i < resolvedGlobalFilters.length; i++) {
-            currentGlobalFilter = resolvedGlobalFilters[i]; // Tag the row with the first truthy global filter state
+            currentGlobalFilter = resolvedGlobalFilters[i];
+            const id = currentGlobalFilter.id; // Tag the row with the first truthy global filter state
 
-            if (currentGlobalFilter.filterFn(row, currentGlobalFilter.id, currentGlobalFilter.resolvedValue)) {
-              row.columnFilterMap.__global__ = true;
+            if (currentGlobalFilter.filterFn(row, id, currentGlobalFilter.resolvedValue, filterMeta => {
+              row.columnFiltersMeta[id] = filterMeta;
+            })) {
+              row.columnFilters.__global__ = true;
               break;
             }
           }
 
-          if (row.columnFilterMap.__global__ !== true) {
-            row.columnFilterMap.__global__ = false;
+          if (row.columnFilters.__global__ !== true) {
+            row.columnFilters.__global__ = false;
           }
         }
       }
@@ -3484,7 +3409,7 @@
       const filterRowsImpl = row => {
         // Horizontally filter rows through each column
         for (let i = 0; i < filterableIds.length; i++) {
-          if (row.columnFilterMap[filterableIds[i]] === false) {
+          if (row.columnFilters[filterableIds[i]] === false) {
             return false;
           }
         }
@@ -3518,7 +3443,7 @@
       const filterRowsImpl = row => {
         // Horizontally filter rows through each column
         for (let i = 0; i < filterableIds.length; i++) {
-          if (row.columnFilterMap[filterableIds[i]] === false) {
+          if (row.columnFilters[filterableIds[i]] === false) {
             return false;
           }
         }
@@ -3618,8 +3543,8 @@
       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()
         };
       });
@@ -3733,7 +3658,7 @@
           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,
@@ -3742,17 +3667,17 @@
             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)) {
@@ -3767,8 +3692,8 @@
                 row.groupingValuesCache[columnId] = aggregateFn(() => leafRows.map(row => {
                   let columnValue = row.getValue(columnId);
 
-                  if (!depth && column.aggregateValue) {
-                    columnValue = column.aggregateValue(columnValue);
+                  if (!depth && column.columnDef.aggregateValue) {
+                    columnValue = column.columnDef.aggregateValue(columnValue);
                   }
 
                   return columnValue;
@@ -3993,12 +3918,16 @@
   exports.RowSelection = RowSelection;
   exports.Sorting = Sorting;
   exports.Visibility = Visibility;
+  exports.aggregationFns = aggregationFns;
   exports.buildHeaderGroups = buildHeaderGroups;
+  exports.createColumn = createColumn;
+  exports.createRow = createRow;
   exports.createTable = createTable;
   exports.createTableFactory = createTableFactory;
   exports.createTableInstance = createTableInstance;
   exports.defaultColumnSizing = defaultColumnSizing;
   exports.expandRows = expandRows;
+  exports.filterFns = filterFns;
   exports.flattenBy = flattenBy;
   exports.functionalUpdate = functionalUpdate;
   exports.getCoreRowModel = getCoreRowModel;
@@ -4013,13 +3942,16 @@
   exports.isFunction = isFunction;
   exports.isRowSelected = isRowSelected;
   exports.makeStateUpdater = makeStateUpdater;
+  exports.mean = mean;
   exports.memo = memo;
   exports.noop = noop;
   exports.orderColumns = orderColumns;
   exports.passiveEventSupported = passiveEventSupported;
+  exports.reSplitAlphaNumeric = reSplitAlphaNumeric;
   exports.render = render;
   exports.selectRowsFn = selectRowsFn;
   exports.shouldAutoRemoveFilter = shouldAutoRemoveFilter;
+  exports.sortingFns = sortingFns;
   exports.useTableInstance = useTableInstance;
 
   Object.defineProperty(exports, '__esModule', { value: true });