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

package/build/stats-html.html

@@ -2669,7 +2669,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"name":"packages","children":[{"name":"table-core/build/esm/index.js","uid":"1e4f-127"},{"name":"react-table/src/index.tsx","uid":"1e4f-129"}]}]}],"isRoot":true},"nodeParts":{"1e4f-127":{"renderedLength":140238,"gzipLength":23954,"brotliLength":0,"mainUid":"1e4f-126"},"1e4f-129":{"renderedLength":2102,"gzipLength":836,"brotliLength":0,"mainUid":"1e4f-128"}},"nodeMetas":{"1e4f-126":{"id":"/packages/table-core/build/esm/index.js","moduleParts":{"index.production.js":"1e4f-127"},"imported":[],"importedBy":[{"uid":"1e4f-128"}]},"1e4f-128":{"id":"/packages/react-table/src/index.tsx","moduleParts":{"index.production.js":"1e4f-129"},"imported":[{"uid":"1e4f-130"},{"uid":"1e4f-126"}],"importedBy":[],"isEntry":true},"1e4f-130":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"1e4f-128"}],"isExternal":true}},"env":{"rollup":"2.70.2"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"name":"packages","children":[{"name":"table-core/build/esm/index.js","uid":"0e3b-127"},{"name":"react-table/src/index.tsx","uid":"0e3b-129"}]}]}],"isRoot":true},"nodeParts":{"0e3b-127":{"renderedLength":141152,"gzipLength":24072,"brotliLength":0,"mainUid":"0e3b-126"},"0e3b-129":{"renderedLength":2102,"gzipLength":836,"brotliLength":0,"mainUid":"0e3b-128"}},"nodeMetas":{"0e3b-126":{"id":"/packages/table-core/build/esm/index.js","moduleParts":{"index.production.js":"0e3b-127"},"imported":[],"importedBy":[{"uid":"0e3b-128"}]},"0e3b-128":{"id":"/packages/react-table/src/index.tsx","moduleParts":{"index.production.js":"0e3b-129"},"imported":[{"uid":"0e3b-130"},{"uid":"0e3b-126"}],"importedBy":[],"isEntry":true},"0e3b-130":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"0e3b-128"}],"isExternal":true}},"env":{"rollup":"2.70.2"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/build/stats-react.json

@@ -11,11 +11,11 @@
             "children": [
               {
                 "name": "table-core/build/esm/index.js",
-                "uid": "1e4f-132"
+                "uid": "0e3b-132"
               },
               {
                 "name": "react-table/src/index.tsx",
-                "uid": "1e4f-134"
+                "uid": "0e3b-134"
               }
             ]
           }
@@ -25,55 +25,55 @@
     "isRoot": true
   },
   "nodeParts": {
-    "1e4f-132": {
-      "renderedLength": 140238,
-      "gzipLength": 23954,
+    "0e3b-132": {
+      "renderedLength": 141152,
+      "gzipLength": 24072,
       "brotliLength": 0,
-      "mainUid": "1e4f-131"
+      "mainUid": "0e3b-131"
     },
-    "1e4f-134": {
+    "0e3b-134": {
       "renderedLength": 2102,
       "gzipLength": 836,
       "brotliLength": 0,
-      "mainUid": "1e4f-133"
+      "mainUid": "0e3b-133"
     }
   },
   "nodeMetas": {
-    "1e4f-131": {
+    "0e3b-131": {
       "id": "/packages/table-core/build/esm/index.js",
       "moduleParts": {
-        "index.production.js": "1e4f-132"
+        "index.production.js": "0e3b-132"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "1e4f-133"
+          "uid": "0e3b-133"
         }
       ]
     },
-    "1e4f-133": {
+    "0e3b-133": {
       "id": "/packages/react-table/src/index.tsx",
       "moduleParts": {
-        "index.production.js": "1e4f-134"
+        "index.production.js": "0e3b-134"
       },
       "imported": [
         {
-          "uid": "1e4f-135"
+          "uid": "0e3b-135"
         },
         {
-          "uid": "1e4f-131"
+          "uid": "0e3b-131"
         }
       ],
       "importedBy": [],
       "isEntry": true
     },
-    "1e4f-135": {
+    "0e3b-135": {
       "id": "react",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "1e4f-133"
+          "uid": "0e3b-133"
         }
       ],
       "isExternal": true

package/build/types/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 export * from '@tanstack/table-core';
-import { TableOptions, TableInstance, Table, TableGenerics, Overwrite, PartialKeys } from '@tanstack/table-core';
+import { TableOptions, TableInstance, Table, TableGenerics, Overwrite } from '@tanstack/table-core';
 export declare type Renderable<TProps> = React.ReactNode | React.FunctionComponent<TProps> | React.Component<TProps>;
 export declare type Render = <TProps extends {}>(Comp: Renderable<TProps>, props: TProps) => React.ReactNode | JSX.Element;
 export declare type ReactTableGenerics = Overwrite<TableGenerics, {
@@ -12,5 +12,5 @@ export declare const createTable: () => Table<{
     Renderer: Render;
     Rendered: React.ReactNode | JSX.Element;
 }>;
-export declare type UseTableInstanceOptions<TGenerics extends ReactTableGenerics> = PartialKeys<Omit<TableOptions<TGenerics>, 'render'>, 'state' | 'onStateChange'>;
+export declare type UseTableInstanceOptions<TGenerics extends ReactTableGenerics> = TableOptions<TGenerics>;
 export declare function useTableInstance<TGenerics extends ReactTableGenerics>(table: Table<TGenerics>, options: UseTableInstanceOptions<TGenerics>): TableInstance<TGenerics>;

package/build/umd/index.development.js

@@ -125,7 +125,7 @@
   const Columns = {
     createInstance: instance => {
       return {
-        getDefaultColumn: memo(() => [instance.options.defaultColumn], defaultColumn => {
+        getDefaultColumnDef: memo(() => [instance.options.defaultColumnDef], defaultColumn => {
           var _defaultColumn;
 
           defaultColumn = (_defaultColumn = defaultColumn) != null ? _defaultColumn : {};
@@ -138,7 +138,7 @@
               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());
+              return Object.assign(obj, feature.getDefaultColumnDef == null ? void 0 : feature.getDefaultColumnDef());
             }, {}),
             ...defaultColumn
           };
@@ -148,13 +148,16 @@
 
             return (_instance$options$deb = instance.options.debugAll) != null ? _instance$options$deb : instance.options.debugColumns;
           },
-          key: 'getDefaultColumn'
+          key: 'getDefaultColumnDef'
         }),
         getColumnDefs: () => instance.options.columns,
         createColumn: (columnDef, depth, parent) => {
           var _ref, _columnDef$id;
 
-          const defaultColumn = instance.getDefaultColumn();
+          const defaultColumnDef = instance.getDefaultColumnDef();
+          columnDef = { ...defaultColumnDef,
+            ...columnDef
+          };
           let id = (_ref = (_columnDef$id = columnDef.id) != null ? _columnDef$id : columnDef.accessorKey) != null ? _ref : typeof columnDef.header === 'string' ? columnDef.header : undefined;
           let accessorFn;
 
@@ -170,8 +173,7 @@
             }
           }
 
-          let column = { ...defaultColumn,
-            ...columnDef,
+          let column = { ...columnDef,
             id: "" + id,
             accessorFn,
             parent: parent,
@@ -405,7 +407,7 @@
             row,
             column,
             getValue: () => row.getValue(columnId),
-            renderCell: () => column.cell ? instance._render(column.cell, {
+            renderCell: () => column.columnDef.cell ? instance._render(column.columnDef.cell, {
               instance,
               column,
               row,
@@ -460,7 +462,7 @@
   });
 
   const ColumnSizing = {
-    getDefaultColumn: () => {
+    getDefaultColumnDef: () => {
       return defaultColumnSizing;
     },
     getInitialState: state => {
@@ -480,10 +482,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 +508,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 +967,7 @@
 
   //
   const Filters = {
-    getDefaultColumn: () => {
+    getDefaultColumnDef: () => {
       return {
         filterFn: 'auto'
       };
@@ -1008,6 +1010,10 @@
             return filterFns.inNumberRange;
           }
 
+          if (typeof value === 'boolean') {
+            return filterFns.equals;
+          }
+
           if (value !== null && typeof value === 'object') {
             return filterFns.equals;
           }
@@ -1025,14 +1031,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: () => {
@@ -1310,7 +1316,7 @@
 
   //
   const Grouping = {
-    getDefaultColumn: () => {
+    getDefaultColumnDef: () => {
       return {
         aggregationFn: 'auto'
       };
@@ -1340,9 +1346,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;
@@ -1426,9 +1432,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,
@@ -1735,9 +1741,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: () => {
@@ -1807,12 +1813,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);
@@ -2338,7 +2350,7 @@
         ...state
       };
     },
-    getDefaultColumn: () => {
+    getDefaultColumnDef: () => {
       return {
         sortingFn: 'auto'
       };
@@ -2398,7 +2410,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) {
@@ -2410,7 +2422,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);
@@ -2437,7 +2449,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
@@ -2481,14 +2493,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;
@@ -2552,7 +2564,7 @@
         onColumnVisibilityChange: makeStateUpdater('columnVisibility', instance)
       };
     },
-    getDefaultColumn: () => {
+    getDefaultColumnDef: () => {
       return {
         defaultIsVisible: true
       };
@@ -2572,9 +2584,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 => {
@@ -2685,12 +2697,12 @@
               recurseHeader(header);
               return leafHeaders;
             },
-            renderHeader: () => column.header ? instance._render(column.header, {
+            renderHeader: () => column.columnDef.header ? instance._render(column.columnDef.header, {
               instance,
               header: header,
               column
             }) : null,
-            renderFooter: () => column.footer ? instance._render(column.footer, {
+            renderFooter: () => column.columnDef.footer ? instance._render(column.columnDef.footer, {
               instance,
               header: header,
               column
@@ -3198,7 +3210,7 @@
           throw new Error('');
         })()
       },
-      setGenerics: () => table,
+      // setGenerics: () => table as any,
       setRowType: () => table,
       setTableMetaType: () => table,
       setColumnMetaType: () => table,
@@ -3234,7 +3246,8 @@
         }
 
         throw new Error('Invalid accessor');
-      }
+      },
+      createOptions: options => options
     };
     return table;
   }
@@ -3631,8 +3644,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()
         };
       });
@@ -3780,8 +3793,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;