@tanstack/table-core 8.0.0-alpha.12 → 8.0.0-alpha.16

package/build/types/core.d.ts

@@ -1,11 +1,12 @@
 import { RequiredKeys } from './utils';
-import { Updater, PropGetterValue, Options, TableState, ColumnDef, Row, Column, Cell, Header, AccessorFn, TableProps, TableBodyProps, PropGetter, Getter, RowProps, CellProps, TableInstance, RowValues, Renderable, Please_use_the_create_table_column_utilities_to_define_columns, PartialGenerics } from './types';
+import { Updater, PropGetterValue, Options, TableState, ColumnDef, Row, Column, Cell, Header, AccessorFn, TableProps, TableBodyProps, PropGetter, Getter, RowProps, CellProps, TableInstance, RowValues, Please_use_the_create_table_column_utilities_to_define_columns, PartialGenerics, Renderable, UseRenderer } from './types';
 import { RowModel } from '.';
 export declare type CoreOptions<TGenerics extends PartialGenerics> = {
     data: TGenerics['Row'][];
     columns: ColumnDef<TGenerics>[];
     state: Partial<TableState>;
     onStateChange: (updater: Updater<TableState>) => void;
+    render: TGenerics['Render'];
     debugAll?: boolean;
     debugTable?: boolean;
     debugHeaders?: boolean;
@@ -49,6 +50,7 @@ export declare type TableCore<TGenerics extends PartialGenerics> = {
     getLeftTableWidth: () => number;
     getCenterTableWidth: () => number;
     getRightTableWidth: () => number;
+    render: <TProps>(template: Renderable<TGenerics, TProps>, props: TProps) => string | null | ReturnType<UseRenderer<TGenerics>>;
 };
 export declare type CoreRow<TGenerics extends PartialGenerics> = {
     id: string;
@@ -67,28 +69,28 @@ export declare type CoreColumnDef<TGenerics extends PartialGenerics> = {
     id: string;
     accessorKey?: string & keyof TGenerics['Row'];
     accessorFn?: AccessorFn<TGenerics['Row']>;
-    header?: string | Renderable<{
-        instance: TableInstance<TGenerics>;
-        header: Header<TGenerics>;
-        column: Column<TGenerics>;
-    }>;
     width?: number;
     minWidth?: number;
     maxWidth?: number;
     columns?: ColumnDef<TGenerics>[];
-    footer?: Renderable<{
+    header?: Renderable<TGenerics, {
+        instance: TableInstance<TGenerics>;
+        header: Header<TGenerics>;
+        column: Column<TGenerics>;
+    }>;
+    footer?: Renderable<TGenerics, {
         instance: TableInstance<TGenerics>;
         header: Header<TGenerics>;
         column: Column<TGenerics>;
     }>;
-    cell?: Renderable<{
+    cell?: Renderable<TGenerics, {
         instance: TableInstance<TGenerics>;
         row: Row<TGenerics>;
         column: Column<TGenerics>;
         cell: Cell<TGenerics>;
         value: TGenerics['Value'];
     }>;
-    defaultIsVisible?: boolean;
+    meta?: TGenerics['ColumnMeta'];
     [Please_use_the_create_table_column_utilities_to_define_columns]: true;
 };
 export declare type CoreColumn<TGenerics extends PartialGenerics> = {

package/build/types/createTable.d.ts

@@ -1,23 +1,23 @@
 import { CustomFilterTypes } from './features/Filters';
 import { CustomAggregationTypes } from './features/Grouping';
 import { CustomSortingTypes } from './features/Sorting';
-import { ColumnDef, AccessorFn, DefaultGenerics, PartialGenerics, _NonGenerated } from './types';
+import { ColumnDef, AccessorFn, PartialGenerics, _NonGenerated, AnyRender } from './types';
 import { Overwrite, PartialKeys } from './utils';
-export declare type CreatTableFactory<TGenerics extends Partial<DefaultGenerics>> = <TRow>() => TableFactory<Overwrite<TGenerics, {
-    Row: TRow;
+export declare type CreateTableFactory<TGenerics extends PartialGenerics> = <TSubGenerics extends {
+    Row: any;
+    ColumnMeta?: object;
+}>() => Table<Overwrite<TGenerics, {
+    Row: TSubGenerics['Row'];
+    ColumnMeta: TSubGenerics['ColumnMeta'];
 }>>;
-export declare type CreateTableFactoryOptions<TFilterFns extends CustomFilterTypes<any>, TSortingFns extends CustomSortingTypes<any>, TAggregationFns extends CustomAggregationTypes<any>> = {
+export declare type CreateTableFactoryOptions<TRender extends AnyRender, TFilterFns extends CustomFilterTypes<any>, TSortingFns extends CustomSortingTypes<any>, TAggregationFns extends CustomAggregationTypes<any>> = {
+    render: TRender;
     filterFns?: TFilterFns;
     sortingFns?: TSortingFns;
     aggregationFns?: TAggregationFns;
 };
-export declare function createTableFactory<TFilterFns extends CustomFilterTypes<any>, TSortingFns extends CustomSortingTypes<any>, TAggregationFns extends CustomAggregationTypes<any>>(opts: CreateTableFactoryOptions<TFilterFns, TSortingFns, TAggregationFns>): CreatTableFactory<Overwrite<PartialGenerics, {
-    FilterFns: TFilterFns;
-    SortingFns: TSortingFns;
-    AggregationFns: TAggregationFns;
-}>>;
-export declare type TableFactory<TGenerics extends Partial<DefaultGenerics>> = {
-    __options: CreateTableFactoryOptions<any, any, any>;
+export declare type Table<TGenerics extends PartialGenerics> = {
+    __options: CreateTableFactoryOptions<any, any, any, any>;
     createColumns: (columns: ColumnDef<TGenerics>[]) => ColumnDef<TGenerics>[];
     createGroup: (column: Overwrite<Overwrite<_NonGenerated<ColumnDef<TGenerics>>, {
         header: string;
@@ -28,15 +28,31 @@ export declare type TableFactory<TGenerics extends Partial<DefaultGenerics>> = {
     }>, {
         accessorFn?: never;
         accessorKey?: never;
+        columns?: ColumnDef<any>[];
     }>) => ColumnDef<TGenerics>;
     createDisplayColumn: (column: PartialKeys<_NonGenerated<ColumnDef<TGenerics>>, 'accessorFn' | 'accessorKey'>) => ColumnDef<TGenerics>;
-    createDataColumn: <TAccessor extends AccessorFn<TGenerics['Row']> | keyof TGenerics['Row']>(accessor: TAccessor, column: Overwrite<TAccessor extends (...args: any[]) => any ? _NonGenerated<ColumnDef<TGenerics>> : TAccessor extends keyof TGenerics['Row'] ? Overwrite<_NonGenerated<ColumnDef<TGenerics>>, {
+    createDataColumn: <TAccessor extends AccessorFn<TGenerics['Row']> | keyof TGenerics['Row']>(accessor: TAccessor, column: Overwrite<TAccessor extends (...args: any[]) => any ? _NonGenerated<ColumnDef<Overwrite<TGenerics, {
+        Value: ReturnType<TAccessor>;
+    }>>> : TAccessor extends keyof TGenerics['Row'] ? Overwrite<_NonGenerated<ColumnDef<Overwrite<TGenerics, {
+        Value: TGenerics['Row'][TAccessor];
+    }>>>, {
         id?: string;
     }> : never, {
         accessorFn?: never;
         accessorKey?: never;
-    }>) => ColumnDef<TGenerics>;
+    }>) => ColumnDef<Overwrite<TGenerics, {
+        Value: TAccessor extends (...args: any[]) => any ? ReturnType<TAccessor> : TAccessor extends keyof TGenerics['Row'] ? TGenerics['Row'][TAccessor] : never;
+    }>>;
 };
-export declare function createTable<TRow>(): TableFactory<Overwrite<Partial<DefaultGenerics>, {
-    Row: TRow;
-}>>;
+declare type InitTable<TRender extends AnyRender> = {
+    createTableFactory: <TGenerics extends PartialGenerics>(options?: CreateTableFactoryOptions<TRender, any, any, any>) => CreateTableFactory<Overwrite<TGenerics, {
+        Render: TRender;
+    }>>;
+    createTable: CreateTableFactory<Overwrite<PartialGenerics, {
+        Render: TRender;
+    }>>;
+};
+export declare function init<TRender extends AnyRender>(opts: {
+    render: TRender;
+}): InitTable<TRender>;
+export {};

package/build/types/features/ColumnSizing.d.ts

@@ -1,4 +1,3 @@
-import { MouseEvent as ReactMouseEvent, TouchEvent as ReactTouchEvent } from 'react';
 import { Column, Getter, Header, OnChangeFn, PartialGenerics, PropGetterValue, TableInstance, Updater } from '../types';
 export declare type ColumnSizing = Record<string, number>;
 export declare type ColumnSizingInfoState = {
@@ -27,8 +26,8 @@ export declare type ColumnSizingDefaultOptions = {
 };
 export declare type ColumnResizerProps = {
     title?: string;
-    onMouseDown?: (e: ReactMouseEvent) => void;
-    onTouchStart?: (e: ReactTouchEvent) => void;
+    onMouseDown?: (e: MouseEvent) => void;
+    onTouchStart?: (e: TouchEvent) => void;
     draggable?: boolean;
     role?: string;
 };

package/build/types/features/Grouping.d.ts

@@ -1,7 +1,6 @@
-import React, { MouseEvent, TouchEvent } from 'react';
 import { RowModel } from '..';
 import { BuiltInAggregationType } from '../aggregationTypes';
-import { Cell, Column, Getter, OnChangeFn, PropGetterValue, TableInstance, Row, Updater, PartialGenerics } from '../types';
+import { Cell, Column, Getter, OnChangeFn, PropGetterValue, TableInstance, Row, Updater, PartialGenerics, Renderable, UseRenderer } from '../types';
 import { Overwrite } from '../utils';
 export declare type GroupingState = string[];
 export declare type AggregationFn<TGenerics extends PartialGenerics> = (leafValues: TGenerics['Row'][], childValues: TGenerics['Row'][]) => any;
@@ -15,7 +14,13 @@ export declare type GroupingColumnDef<TGenerics extends PartialGenerics> = {
         Value: any;
     }>>;
     aggregateValue?: (columnValue: unknown) => any;
-    renderAggregatedCell?: () => React.ReactNode;
+    aggregatedCell?: Renderable<TGenerics, {
+        instance: TableInstance<TGenerics>;
+        row: Row<TGenerics>;
+        column: Column<TGenerics>;
+        cell: Cell<TGenerics>;
+        value: TGenerics['Value'];
+    }>;
     enableGrouping?: boolean;
     defaultCanGroup?: boolean;
 };
@@ -34,10 +39,11 @@ export declare type GroupingRow = {
     groupingValue?: any;
     getIsGrouped: () => boolean;
 };
-export declare type GroupingCell = {
+export declare type GroupingCell<TGenerics extends PartialGenerics> = {
     getIsGrouped: () => boolean;
     getIsPlaceholder: () => boolean;
     getIsAggregated: () => boolean;
+    renderAggregatedCell: () => string | null | ReturnType<UseRenderer<TGenerics>>;
 };
 export declare type ColumnDefaultOptions = {
     onGroupingChange: OnChangeFn<GroupingState>;
@@ -80,6 +86,6 @@ export declare const Grouping: {
     createColumn: <TGenerics_2 extends Partial<import("..").DefaultGenerics>>(column: Column<TGenerics_2>, instance: TableInstance<TGenerics_2>) => GroupingColumn<TGenerics_2>;
     getInstance: <TGenerics_3 extends Partial<import("..").DefaultGenerics>>(instance: TableInstance<TGenerics_3>) => GroupingInstance<TGenerics_3>;
     createRow: <TGenerics_4 extends Partial<import("..").DefaultGenerics>>(row: Row<TGenerics_4>, instance: TableInstance<TGenerics_4>) => GroupingRow;
-    createCell: <TGenerics_5 extends Partial<import("..").DefaultGenerics>>(cell: Cell<TGenerics_5> & GroupingCell, column: Column<TGenerics_5>, row: Row<TGenerics_5>, _instance: TableInstance<TGenerics_5>) => GroupingCell;
+    createCell: <TGenerics_5 extends Partial<import("..").DefaultGenerics>>(cell: Cell<TGenerics_5>, column: Column<TGenerics_5>, row: Row<TGenerics_5>, instance: TableInstance<TGenerics_5>) => GroupingCell<TGenerics_5>;
     orderColumns: <TGenerics_6 extends Partial<import("..").DefaultGenerics>>(leafColumns: Column<TGenerics_6>[], grouping: string[], groupedColumnMode?: GroupingColumnMode | undefined) => Column<TGenerics_6>[];
 };

package/build/types/features/RowSelection.d.ts

@@ -1,5 +1,4 @@
-import { MouseEvent, TouchEvent } from 'react';
-import { Getter, OnChangeFn, PartialGenerics, PropGetterValue, TableInstance, Row, RowModel, Updater } from '../types';
+import { Getter, OnChangeFn, PartialGenerics, PropGetterValue, TableInstance, Row, RowModel, Updater, AnyGenerics } from '../types';
 export declare type RowSelectionState = Record<string, boolean>;
 export declare type RowSelectionTableState = {
     rowSelection: RowSelectionState;
@@ -55,6 +54,6 @@ export declare const RowSelection: {
     getInstance: <TGenerics_1 extends Partial<import("../types").DefaultGenerics>>(instance: TableInstance<TGenerics_1>) => RowSelectionInstance<TGenerics_1>;
     createRow: <TGenerics_2 extends Partial<import("../types").DefaultGenerics>>(row: Row<TGenerics_2>, instance: TableInstance<TGenerics_2>) => RowSelectionRow;
 };
-export declare function selectRowsFn<TGenerics extends PartialGenerics>(instance: TableInstance<TGenerics>, rowModel: RowModel<TGenerics>): RowModel<TGenerics>;
+export declare function selectRowsFn<TGenerics extends AnyGenerics>(instance: TableInstance<TGenerics>, rowModel: RowModel<TGenerics>): RowModel<TGenerics>;
 export declare function isRowSelected<TGenerics extends PartialGenerics>(row: Row<TGenerics>, selection: Record<string, boolean>, instance: TableInstance<TGenerics>): boolean | 'some';
 export {};

package/build/types/features/Visibility.d.ts

@@ -27,6 +27,7 @@ declare type ToggleAllColumnsVisibilityProps = {};
 export declare type VisibilityColumnDef = {
     enableHiding?: boolean;
     defaultCanHide?: boolean;
+    defaultIsVisible?: boolean;
 };
 export declare type VisibilityRow<TGenerics extends PartialGenerics> = {
     getVisibleCells: () => Cell<TGenerics>[];

package/build/types/types.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { CoreColumn, CoreColumnDef, CoreOptions, CoreRow, TableCore } from './core';
 import { VisibilityInstance, VisibilityTableState, VisibilityColumn as ColumnVisibilityColumn, VisibilityOptions, VisibilityColumnDef, VisibilityRow } from './features/Visibility';
 import { ColumnOrderInstance, ColumnOrderOptions, ColumnOrderTableState } from './features/Ordering';
@@ -6,7 +5,7 @@ import { ColumnPinningColumn, ColumnPinningColumnDef, ColumnPinningInstance, Col
 import { HeadersInstance, HeadersRow } from './features/Headers';
 import { FiltersColumn, FiltersColumnDef, FiltersInstance, FiltersOptions, FiltersTableState } from './features/Filters';
 import { SortingColumn, SortingColumnDef, SortingInstance, SortingOptions, SortingTableState } from './features/Sorting';
-import { GroupingColumn, GroupingColumnDef, GroupingInstance, GroupingOptions, GroupingRow, GroupingTableState } from './features/Grouping';
+import { GroupingCell, GroupingColumn, GroupingColumnDef, GroupingInstance, GroupingOptions, GroupingRow, GroupingTableState } from './features/Grouping';
 import { ExpandedInstance, ExpandedOptions, ExpandedTableState, ExpandedRow } from './features/Expanding';
 import { Overwrite } from './utils';
 import { ColumnSizingColumn, ColumnSizingColumnDef, ColumnSizingHeader, ColumnSizingInstance, ColumnSizingOptions, ColumnSizingTableState } from './features/ColumnSizing';
@@ -18,10 +17,16 @@ export declare type DefaultGenerics = {
     FilterFns: object;
     SortingFns: object;
     AggregationFns: object;
+    Render: unknown;
+    ColumnMeta: object;
 };
+export declare type AnyRender = (Comp: any, props: any) => any;
+export declare type UseRenderer<TGenerics extends PartialGenerics> = TGenerics['Render'] extends (...args: any) => any ? TGenerics['Render'] : any;
 export declare type PartialGenerics = Partial<DefaultGenerics>;
+export declare type AnyGenerics = {
+    [TKey in keyof PartialGenerics]: any;
+};
 export declare type TableInstance<TGenerics extends PartialGenerics> = TableCore<TGenerics> & VisibilityInstance<TGenerics> & ColumnOrderInstance<TGenerics> & ColumnPinningInstance<TGenerics> & HeadersInstance<TGenerics> & FiltersInstance<TGenerics> & SortingInstance<TGenerics> & GroupingInstance<TGenerics> & ColumnSizingInstance<TGenerics> & ExpandedInstance<TGenerics> & PaginationInstance<TGenerics> & RowSelectionInstance<TGenerics>;
-export declare type Renderable<TProps> = React.ReactNode | React.FunctionComponent<TProps> | React.Component<TProps>;
 export declare type Options<TGenerics extends PartialGenerics> = CoreOptions<TGenerics> & VisibilityOptions & ColumnOrderOptions & ColumnPinningOptions & FiltersOptions<TGenerics> & SortingOptions<TGenerics> & GroupingOptions<TGenerics> & ExpandedOptions<TGenerics> & ColumnSizingOptions & PaginationOptions<TGenerics> & RowSelectionOptions<TGenerics>;
 export declare type Updater<T> = T | ((old: T) => T);
 export declare type OnChangeFn<T> = (updaterOrValue: Updater<T>, value: T) => void;
@@ -40,9 +45,11 @@ export declare const Please_use_the_create_table_column_utilities_to_define_colu
 export declare type _NonGenerated<T> = Overwrite<T, {
     [Please_use_the_create_table_column_utilities_to_define_columns]?: never;
 }>;
+export declare type Renderable<TGenerics extends PartialGenerics, TProps> = string | ((props: TProps) => ReturnType<UseRenderer<TGenerics>>);
 export declare type ColumnDef<TGenerics extends PartialGenerics> = CoreColumnDef<TGenerics> & VisibilityColumnDef & ColumnPinningColumnDef & FiltersColumnDef<TGenerics> & SortingColumnDef<TGenerics> & GroupingColumnDef<TGenerics> & ColumnSizingColumnDef;
 export declare type Column<TGenerics extends PartialGenerics> = ColumnDef<TGenerics> & CoreColumn<TGenerics> & ColumnVisibilityColumn & ColumnPinningColumn & FiltersColumn<TGenerics> & SortingColumn<TGenerics> & GroupingColumn<TGenerics> & ColumnSizingColumn<TGenerics>;
-export declare type Cell<TGenerics extends PartialGenerics> = {
+export declare type Cell<TGenerics extends PartialGenerics> = CoreCell<TGenerics> & GroupingCell<TGenerics>;
+export declare type CoreCell<TGenerics extends PartialGenerics> = {
     id: string;
     rowId: string;
     columnId: string;
@@ -50,7 +57,7 @@ export declare type Cell<TGenerics extends PartialGenerics> = {
     row: Row<TGenerics>;
     column: Column<TGenerics>;
     getCellProps: PropGetter<CellProps>;
-    renderCell: () => React.ReactNode;
+    renderCell: () => string | null | ReturnType<UseRenderer<TGenerics>>;
 };
 export declare type Header<TGenerics extends PartialGenerics> = CoreHeader<TGenerics> & ColumnSizingHeader<TGenerics>;
 export declare type CoreHeader<TGenerics extends PartialGenerics> = {
@@ -68,10 +75,10 @@ export declare type CoreHeader<TGenerics extends PartialGenerics> = {
     placeholderId?: string;
     renderHeader: (options?: {
         renderPlaceholder?: boolean;
-    }) => React.ReactNode;
+    }) => string | null | ReturnType<UseRenderer<TGenerics>>;
     renderFooter: (options?: {
         renderPlaceholder?: boolean;
-    }) => React.ReactNode;
+    }) => string | null | ReturnType<UseRenderer<TGenerics>>;
 };
 export declare type HeaderGroup<TGenerics extends PartialGenerics> = {
     id: string;

package/build/types/utils/columnFilterRowsFn.d.ts

@@ -1,2 +1,2 @@
-import { PartialGenerics, TableInstance, RowModel } from '../types';
-export declare function columnFilterRowsFn<TGenerics extends PartialGenerics>(instance: TableInstance<TGenerics>, rowModel: RowModel<TGenerics>): RowModel<TGenerics>;
+import { AnyGenerics, TableInstance, RowModel } from '../types';
+export declare function columnFilterRowsFn<TGenerics extends AnyGenerics>(instance: TableInstance<TGenerics>, rowModel: RowModel<TGenerics>): RowModel<TGenerics>;

package/build/types/utils/expandRowsFn.d.ts

@@ -1,2 +1,2 @@
-import { PartialGenerics, TableInstance, RowModel } from '../types';
-export declare function expandRowsFn<TGenerics extends PartialGenerics>(instance: TableInstance<TGenerics>, sortedRowModel: RowModel<TGenerics>): RowModel<TGenerics>;
+import { TableInstance, RowModel, AnyGenerics } from '../types';
+export declare function expandRowsFn<TGenerics extends AnyGenerics>(instance: TableInstance<TGenerics>, sortedRowModel: RowModel<TGenerics>): RowModel<TGenerics>;

package/build/types/utils/globalFilterRowsFn.d.ts

@@ -1,2 +1,2 @@
-import { PartialGenerics, TableInstance, RowModel } from '../types';
-export declare function globalFilterRowsFn<TGenerics extends PartialGenerics>(instance: TableInstance<TGenerics>, rowModel: RowModel<TGenerics>): RowModel<TGenerics>;
+import { TableInstance, RowModel, AnyGenerics } from '../types';
+export declare function globalFilterRowsFn<TGenerics extends AnyGenerics>(instance: TableInstance<TGenerics>, rowModel: RowModel<TGenerics>): RowModel<TGenerics>;

package/build/types/utils/groupRowsFn.d.ts

@@ -1,2 +1,2 @@
-import { PartialGenerics, TableInstance, RowModel } from '../types';
-export declare function groupRowsFn<TGenerics extends PartialGenerics>(instance: TableInstance<TGenerics>, sortedRowModel: RowModel<TGenerics>): RowModel<TGenerics>;
+import { TableInstance, RowModel, AnyGenerics } from '../types';
+export declare function groupRowsFn<TGenerics extends AnyGenerics>(instance: TableInstance<TGenerics>, sortedRowModel: RowModel<TGenerics>): RowModel<TGenerics>;

package/build/types/utils/paginateRowsFn.d.ts

@@ -1,2 +1,2 @@
-import { PartialGenerics, TableInstance, RowModel } from '../types';
-export declare function paginateRowsFn<TGenerics extends PartialGenerics>(instance: TableInstance<TGenerics>, rowModel: RowModel<TGenerics>): RowModel<TGenerics>;
+import { TableInstance, RowModel, AnyGenerics } from '../types';
+export declare function paginateRowsFn<TGenerics extends AnyGenerics>(instance: TableInstance<TGenerics>, rowModel: RowModel<TGenerics>): RowModel<TGenerics>;

package/build/types/utils/sortRowsFn.d.ts

@@ -1,2 +1,2 @@
-import { PartialGenerics, TableInstance, RowModel } from '../types';
-export declare function sortRowsFn<TGenerics extends PartialGenerics>(instance: TableInstance<TGenerics>, rowModel: RowModel<TGenerics>): RowModel<TGenerics>;
+import { TableInstance, RowModel, AnyGenerics } from '../types';
+export declare function sortRowsFn<TGenerics extends AnyGenerics>(instance: TableInstance<TGenerics>, rowModel: RowModel<TGenerics>): RowModel<TGenerics>;

package/build/types/utils.d.ts

@@ -1,9 +1,10 @@
-import React from 'react';
-import { Getter, NoInfer, PropGetterValue, Renderable, TableState, Updater } from './types';
+import { Getter, NoInfer, PropGetterValue, TableState, Updater } from './types';
 export declare type IsAny<T> = 0 extends 1 & T ? true : false;
 export declare type PartialKeys<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
 export declare type RequiredKeys<T, K extends keyof T> = Omit<T, K> & Required<Pick<T, K>>;
-export declare type Overwrite<T, U> = Omit<T, keyof U> & U;
+export declare type Overwrite<T, U extends {
+    [TKey in keyof T]?: any;
+}> = Omit<T, keyof U> & U;
 export declare type DataUpdateFunction<T> = (input: T) => T;
 export declare function functionalUpdate<T>(updater: Updater<T>, input: T): T;
 export declare function noop(): void;
@@ -18,6 +19,4 @@ export declare function memo<TDeps extends readonly any[], TResult>(getDeps: ()
     debug?: () => any;
     onChange?: (result: TResult, previousResult?: TResult) => void;
 }): () => TResult;
-export declare type Render = typeof flexRender;
-export declare function flexRender<TProps extends {}>(Comp: Renderable<TProps>, props: TProps): React.ReactNode;
 export {};

package/build/umd/index.development.js

@@ -9,14 +9,10 @@
  * @license MIT
  */
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.TableCore = {}, global.React));
-})(this, (function (exports, React) { 'use strict';
-
-  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.TableCore = {}));
+})(this, (function (exports) { 'use strict';
 
   function _extends() {
     _extends = Object.assign || function (target) {
@@ -210,24 +206,6 @@
 
       return result;
     };
-  }
-  function flexRender(Comp, props) {
-    return !Comp ? null : isReactComponent(Comp) ? /*#__PURE__*/React__default["default"].createElement(Comp, props) : Comp;
-  }
-
-  function isReactComponent(component) {
-    return isClassComponent(component) || typeof component === 'function' || isExoticComponent(component);
-  }
-
-  function isClassComponent(component) {
-    return typeof component === 'function' && function () {
-      var proto = Object.getPrototypeOf(component);
-      return proto.prototype && proto.prototype.isReactComponent;
-    }();
-  }
-
-  function isExoticComponent(component) {
-    return typeof component === 'object' && typeof component.$$typeof === 'symbol' && ['react.memo', 'react.forward_ref'].includes(component.$$typeof.description);
   } // export function hashString(str: string, seed = 0): string {
   //   let h1 = 0xdeadbeef ^ seed,
   //     h2 = 0x41c6ce57 ^ seed
@@ -245,9 +223,6 @@
   //   return (4294967296 * (2097151 & h2) + (h1 >>> 0)).toString()
   // }
 
-  // declare global {
-  //   const "development" !== 'production': boolean
-  // }
   //
   var Please_use_the_create_table_column_utilities_to_define_columns = Symbol();
 
@@ -645,7 +620,6 @@
           var initialProps = {
             title: canGroup ? 'Toggle Grouping' : undefined,
             onClick: canGroup ? function (e) {
-              e.persist();
               column.toggleGrouping == null ? void 0 : column.toggleGrouping();
             } : undefined
           };
@@ -687,7 +661,7 @@
         }
       };
     },
-    createCell: function createCell(cell, column, row, _instance) {
+    createCell: function createCell(cell, column, row, instance) {
       return {
         getIsGrouped: function getIsGrouped() {
           return column.getIsGrouped() && column.id === row.groupingColumnId;
@@ -699,6 +673,18 @@
           var _row$subRows;
 
           return !cell.getIsGrouped() && !cell.getIsPlaceholder() && ((_row$subRows = row.subRows) == null ? void 0 : _row$subRows.length) > 1;
+        },
+        renderAggregatedCell: function renderAggregatedCell() {
+          var _column$aggregatedCel;
+
+          var template = (_column$aggregatedCel = column.aggregatedCell) != null ? _column$aggregatedCel : column.cell;
+          return template ? instance.render(template, {
+            instance: instance,
+            column: column,
+            row: row,
+            cell: cell,
+            value: cell.value
+          }) : null;
         }
       };
     },
@@ -1144,11 +1130,11 @@
             draggable: false,
             role: 'separator',
             onMouseDown: function onMouseDown(e) {
-              e.persist();
+              e.persist == null ? void 0 : e.persist();
               onResizeStart(e);
             },
             onTouchStart: function onTouchStart(e) {
-              e.persist();
+              e.persist == null ? void 0 : e.persist();
               onResizeStart(e);
             }
           } : {};
@@ -1353,18 +1339,18 @@
               return instance.getFooterProps(header.id, userProps);
             },
             renderHeader: function renderHeader() {
-              return flexRender(column.header, {
+              return column.header ? instance.render(column.header, {
                 instance: instance,
                 header: header,
                 column: column
-              });
+              }) : null;
             },
             renderFooter: function renderFooter() {
-              return flexRender(column.footer, {
+              return column.footer ? instance.render(column.footer, {
                 instance: instance,
                 header: header,
                 column: column
-              });
+              }) : null;
             }
           }; // Yes, we have to convert instance to unknown, because we know more than the compiler here.
 
@@ -2234,7 +2220,7 @@
 
             if (!column) {
               {
-                console.warn("React-Table: Could not find a column with id: " + columnId);
+                console.warn("Table: Could not find a column with id: " + columnId);
               }
 
               throw new Error();
@@ -2875,7 +2861,7 @@
 
           if (!row) {
             {
-              console.warn("[ReactTable] getIsRowExpanded: no row found with id " + rowId);
+              console.warn("[Table] getIsRowExpanded: no row found with id " + rowId);
             }
 
             throw new Error();
@@ -2891,7 +2877,7 @@
 
           if (!row) {
             {
-              console.warn("[ReactTable] getRowCanExpand: no row found with id " + rowId);
+              console.warn("[Table] getRowCanExpand: no row found with id " + rowId);
             }
 
             throw new Error();
@@ -3685,7 +3671,7 @@
     var _options$initialState;
 
     if (options.debugAll || options.debugTable) {
-      console.info('Creating React Table Instance...');
+      console.info('Creating Table Instance...');
     }
 
     var instance = {};
@@ -3713,6 +3699,17 @@
       setOptions: function setOptions(updater) {
         instance.options = buildOptions(functionalUpdate(updater, instance.options));
       },
+      render: function render(template, props) {
+        if (typeof instance.options.render === 'function') {
+          return instance.options.render(template, props);
+        }
+
+        if (typeof template === 'function') {
+          return template(props);
+        }
+
+        return template;
+      },
       getRowId: function getRowId(_, index, parent) {
         return "" + (parent ? [parent.id, index].join('.') : index);
       },
@@ -3903,7 +3900,7 @@
 
         if (!column) {
           {
-            console.warn("[React Table] Column with id " + columnId + " does not exist.");
+            console.warn("[Table] Column with id " + columnId + " does not exist.");
           }
 
           throw new Error();
@@ -3935,13 +3932,13 @@
             return instance.getCellProps(row.id, column.id, userProps);
           },
           renderCell: function renderCell() {
-            return flexRender(column.cell, {
+            return column.cell ? instance.render(column.cell, {
               instance: instance,
               column: column,
               row: row,
               cell: cell,
               value: value
-            });
+            }) : null;
           }
         };
         features.forEach(function (feature) {
@@ -4105,7 +4102,7 @@
 
         if (!row) {
           {
-            throw new Error("[React Table] could not find row with id " + rowId);
+            throw new Error("[Table] could not find row with id " + rowId);
           }
         }
 
@@ -4113,7 +4110,7 @@
 
         if (!cell) {
           {
-            throw new Error("[React Table] could not find cell " + columnId + " in row " + rowId);
+            throw new Error("[Table] could not find cell " + columnId + " in row " + rowId);
           }
         }
 
@@ -4187,18 +4184,27 @@
     return instance;
   }
 
-  function createTableFactory(opts) {
-    return function () {
-      return _createTable(undefined, undefined, opts);
+  //
+  function init(opts) {
+    return {
+      createTableFactory: function createTableFactory(options) {
+        return function () {
+          return _createTable(undefined, undefined, _extends({}, options, opts));
+        };
+      },
+      createTable: function createTable() {
+        return _createTable(undefined, undefined, opts);
+      }
     };
   }
-  function createTable() {
-    return _createTable();
-  }
 
   function _createTable(_, __, __options) {
     return {
-      __options: __options || {},
+      __options: __options != null ? __options : {
+        render: function render() {
+          throw new Error();
+        }
+      },
       createColumns: function createColumns(columns) {
         return columns;
       },
@@ -4248,7 +4254,7 @@
 
         if (!column) {
           {
-            console.warn("React-Table: Could not find a column with id: " + columnId);
+            console.warn("Table: Could not find a column with id: " + columnId);
           }
 
           throw new Error();
@@ -4551,7 +4557,7 @@
           console.info({
             column: column
           });
-          throw new Error("React Table: Invalid column.aggregateType option for column listed above" );
+          throw new Error("Table: Invalid column.aggregateType option for column listed above" );
         } else {
           values[column.id] = null;
         }
@@ -4710,17 +4716,15 @@
   exports.Visibility = Visibility;
   exports.buildHeaderGroups = buildHeaderGroups;
   exports.columnFilterRowsFn = columnFilterRowsFn;
-  exports.createTable = createTable;
-  exports.createTableFactory = createTableFactory;
   exports.createTableInstance = createTableInstance;
   exports.defaultColumnSizing = defaultColumnSizing;
   exports.expandRowsFn = expandRowsFn;
   exports.flattenBy = flattenBy;
-  exports.flexRender = flexRender;
   exports.functionalUpdate = functionalUpdate;
   exports.getDefaultColumn = getDefaultColumn;
   exports.globalFilterRowsFn = globalFilterRowsFn;
   exports.groupRowsFn = groupRowsFn;
+  exports.init = init;
   exports.isFunction = isFunction;
   exports.isRowSelected = isRowSelected;
   exports.makeStateUpdater = makeStateUpdater;