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

package/build/esm/index.js

@@ -101,7 +101,7 @@ function memo(getDeps, fn, opts) {
 const Columns = {
   createInstance: instance => {
     return {
-      getDefaultColumn: memo(() => [instance.options.defaultColumn], defaultColumn => {
+      getDefaultColumnDef: memo(() => [instance.options.defaultColumnDef], defaultColumn => {
         var _defaultColumn;
 
         defaultColumn = (_defaultColumn = defaultColumn) != null ? _defaultColumn : {};
@@ -114,7 +114,7 @@ const Columns = {
             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
         };
@@ -124,13 +124,16 @@ const Columns = {
 
           return (_instance$options$deb = instance.options.debugAll) != null ? _instance$options$deb : instance.options.debugColumns;
         },
-        key: process.env.NODE_ENV === 'development' && 'getDefaultColumn'
+        key: process.env.NODE_ENV === 'development' && '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;
 
@@ -148,8 +151,7 @@ const Columns = {
           throw new Error();
         }
 
-        let column = { ...defaultColumn,
-          ...columnDef,
+        let column = { ...columnDef,
           id: "" + id,
           accessorFn,
           parent: parent,
@@ -385,7 +387,7 @@ const Cells = {
           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,
@@ -444,7 +446,7 @@ const getDefaultColumnSizingInfoState = () => ({
 });
 
 const ColumnSizing = {
-  getDefaultColumn: () => {
+  getDefaultColumnDef: () => {
     return defaultColumnSizing;
   },
   getInitialState: state => {
@@ -464,10 +466,10 @@ const ColumnSizing = {
   createColumn: (column, instance) => {
     return {
       getSize: () => {
-        var _column$minSize, _ref, _column$maxSize;
+        var _column$columnDef$min, _ref, _column$columnDef$max;
 
         const columnSize = instance.getState().columnSizing[column.id];
-        return Math.min(Math.max((_column$minSize = column.minSize) != null ? _column$minSize : defaultColumnSizing.minSize, (_ref = columnSize != null ? columnSize : column.size) != null ? _ref : defaultColumnSizing.size), (_column$maxSize = column.maxSize) != null ? _column$maxSize : defaultColumnSizing.maxSize);
+        return Math.min(Math.max((_column$columnDef$min = column.columnDef.minSize) != null ? _column$columnDef$min : defaultColumnSizing.minSize, (_ref = columnSize != null ? columnSize : column.columnDef.size) != null ? _ref : defaultColumnSizing.size), (_column$columnDef$max = column.columnDef.maxSize) != null ? _column$columnDef$max : defaultColumnSizing.maxSize);
       },
       getStart: position => {
         const columns = !position ? instance.getVisibleLeafColumns() : position === 'left' ? instance.getLeftVisibleLeafColumns() : instance.getRightVisibleLeafColumns();
@@ -490,9 +492,9 @@ const ColumnSizing = {
         });
       },
       getCanResize: () => {
-        var _column$enableResizin, _instance$options$ena;
+        var _column$columnDef$ena, _instance$options$ena;
 
-        return ((_column$enableResizin = column.enableResizing) != null ? _column$enableResizin : true) && ((_instance$options$ena = instance.options.enableColumnResizing) != null ? _instance$options$ena : true);
+        return ((_column$columnDef$ena = column.columnDef.enableResizing) != null ? _column$columnDef$ena : true) && ((_instance$options$ena = instance.options.enableColumnResizing) != null ? _instance$options$ena : true);
       },
       getIsResizing: () => {
         return instance.getState().columnSizingInfo.isResizingColumn === column.id;
@@ -949,7 +951,7 @@ function testFalsey(val) {
 
 //
 const Filters = {
-  getDefaultColumn: () => {
+  getDefaultColumnDef: () => {
     return {
       filterFn: 'auto'
     };
@@ -992,6 +994,10 @@ const Filters = {
           return filterFns.inNumberRange;
         }
 
+        if (typeof value === 'boolean') {
+          return filterFns.equals;
+        }
+
         if (value !== null && typeof value === 'object') {
           return filterFns.equals;
         }
@@ -1009,14 +1015,14 @@ const Filters = {
         return isFunction(column.filterFn) ? column.filterFn : column.filterFn === 'auto' ? column.getAutoFilterFn() : (_ref = userFilterFns == null ? void 0 : userFilterFns[column.filterFn]) != null ? _ref : filterFns[column.filterFn];
       },
       getCanFilter: () => {
-        var _column$enableColumnF, _instance$options$ena, _instance$options$ena2;
+        var _column$columnDef$ena, _instance$options$ena, _instance$options$ena2;
 
-        return ((_column$enableColumnF = column.enableColumnFilter) != null ? _column$enableColumnF : true) && ((_instance$options$ena = instance.options.enableColumnFilters) != null ? _instance$options$ena : true) && ((_instance$options$ena2 = instance.options.enableFilters) != null ? _instance$options$ena2 : true) && !!column.accessorFn;
+        return ((_column$columnDef$ena = column.columnDef.enableColumnFilter) != null ? _column$columnDef$ena : true) && ((_instance$options$ena = instance.options.enableColumnFilters) != null ? _instance$options$ena : true) && ((_instance$options$ena2 = instance.options.enableFilters) != null ? _instance$options$ena2 : true) && !!column.accessorFn;
       },
       getCanGlobalFilter: () => {
-        var _column$enableGlobalF, _instance$options$ena3, _instance$options$ena4, _instance$options$get;
+        var _column$columnDef$ena2, _instance$options$ena3, _instance$options$ena4, _instance$options$get;
 
-        return ((_column$enableGlobalF = column.enableGlobalFilter) != null ? _column$enableGlobalF : true) && ((_instance$options$ena3 = instance.options.enableGlobalFilter) != null ? _instance$options$ena3 : true) && ((_instance$options$ena4 = instance.options.enableFilters) != null ? _instance$options$ena4 : true) && ((_instance$options$get = instance.options.getColumnCanGlobalFilter == null ? void 0 : instance.options.getColumnCanGlobalFilter(column)) != null ? _instance$options$get : true) && !!column.accessorFn;
+        return ((_column$columnDef$ena2 = column.columnDef.enableGlobalFilter) != null ? _column$columnDef$ena2 : true) && ((_instance$options$ena3 = instance.options.enableGlobalFilter) != null ? _instance$options$ena3 : true) && ((_instance$options$ena4 = instance.options.enableFilters) != null ? _instance$options$ena4 : true) && ((_instance$options$get = instance.options.getColumnCanGlobalFilter == null ? void 0 : instance.options.getColumnCanGlobalFilter(column)) != null ? _instance$options$get : true) && !!column.accessorFn;
       },
       getIsFiltered: () => column.getFilterIndex() > -1,
       getFilterValue: () => {
@@ -1294,7 +1300,7 @@ function count(getLeafValues) {
 
 //
 const Grouping = {
-  getDefaultColumn: () => {
+  getDefaultColumnDef: () => {
     return {
       aggregationFn: 'auto'
     };
@@ -1324,9 +1330,9 @@ const Grouping = {
         });
       },
       getCanGroup: () => {
-        var _ref, _ref2, _ref3, _column$enableGroupin;
+        var _ref, _ref2, _ref3, _column$columnDef$ena;
 
-        return (_ref = (_ref2 = (_ref3 = (_column$enableGroupin = column.enableGrouping) != null ? _column$enableGroupin : true) != null ? _ref3 : instance.options.enableGrouping) != null ? _ref2 : true) != null ? _ref : !!column.accessorFn;
+        return (_ref = (_ref2 = (_ref3 = (_column$columnDef$ena = column.columnDef.enableGrouping) != null ? _column$columnDef$ena : true) != null ? _ref3 : instance.options.enableGrouping) != null ? _ref2 : true) != null ? _ref : !!column.accessorFn;
       },
       getIsGrouped: () => {
         var _instance$getState$gr;
@@ -1410,9 +1416,9 @@ const Grouping = {
         return !cell.getIsGrouped() && !cell.getIsPlaceholder() && ((_row$subRows = row.subRows) == null ? void 0 : _row$subRows.length) > 1;
       },
       renderAggregatedCell: () => {
-        var _column$aggregatedCel;
+        var _column$columnDef$agg;
 
-        const template = (_column$aggregatedCel = column.aggregatedCell) != null ? _column$aggregatedCel : column.cell;
+        const template = (_column$columnDef$agg = column.columnDef.aggregatedCell) != null ? _column$columnDef$agg : column.columnDef.cell;
         return template ? instance._render(template, {
           instance,
           column,
@@ -1719,9 +1725,9 @@ const Pinning = {
       getCanPin: () => {
         const leafColumns = column.getLeafColumns();
         return leafColumns.some(d => {
-          var _d$enablePinning, _instance$options$ena;
+          var _d$columnDef$enablePi, _instance$options$ena;
 
-          return ((_d$enablePinning = d.enablePinning) != null ? _d$enablePinning : true) && ((_instance$options$ena = instance.options.enablePinning) != null ? _instance$options$ena : true);
+          return ((_d$columnDef$enablePi = d.columnDef.enablePinning) != null ? _d$columnDef$enablePi : true) && ((_instance$options$ena = instance.options.enablePinning) != null ? _instance$options$ena : true);
         });
       },
       getIsPinned: () => {
@@ -1791,12 +1797,18 @@ const Pinning = {
 
         return instance.setColumnPinning(defaultState ? getDefaultPinningState() : (_instance$initialStat = (_instance$initialStat2 = instance.initialState) == null ? void 0 : _instance$initialStat2.columnPinning) != null ? _instance$initialStat : getDefaultPinningState());
       },
-      getIsSomeColumnsPinned: () => {
-        const {
-          left,
-          right
-        } = instance.getState().columnPinning;
-        return Boolean((left == null ? void 0 : left.length) || (right == null ? void 0 : right.length));
+      getIsSomeColumnsPinned: position => {
+        var _pinningState$positio;
+
+        const pinningState = instance.getState().columnPinning;
+
+        if (!position) {
+          var _pinningState$left, _pinningState$right;
+
+          return Boolean(((_pinningState$left = pinningState.left) == null ? void 0 : _pinningState$left.length) || ((_pinningState$right = pinningState.right) == null ? void 0 : _pinningState$right.length));
+        }
+
+        return Boolean((_pinningState$positio = pinningState[position]) == null ? void 0 : _pinningState$positio.length);
       },
       getLeftLeafColumns: memo(() => [instance.getAllLeafColumns(), instance.getState().columnPinning.left], (allColumns, left) => {
         return (left != null ? left : []).map(columnId => allColumns.find(column => column.id === columnId)).filter(Boolean);
@@ -2322,7 +2334,7 @@ const Sorting = {
       ...state
     };
   },
-  getDefaultColumn: () => {
+  getDefaultColumnDef: () => {
     return {
       sortingFn: 'auto'
     };
@@ -2382,7 +2394,7 @@ const Sorting = {
           throw new Error();
         }
 
-        return isFunction(column.sortingFn) ? column.sortingFn : column.sortingFn === 'auto' ? column.getAutoSortingFn() : (_ref = userSortingFn == null ? void 0 : userSortingFn[column.sortingFn]) != null ? _ref : sortingFns[column.sortingFn];
+        return isFunction(column.columnDef.sortingFn) ? column.columnDef.sortingFn : column.columnDef.sortingFn === 'auto' ? column.getAutoSortingFn() : (_ref = userSortingFn == null ? void 0 : userSortingFn[column.columnDef.sortingFn]) != null ? _ref : sortingFns[column.columnDef.sortingFn];
       },
       toggleSorting: (desc, multi) => {
         // if (column.columns.length) {
@@ -2394,7 +2406,7 @@ const Sorting = {
         //   return
         // }
         instance.setSorting(old => {
-          var _ref2, _column$sortDescFirst, _instance$options$ena, _instance$options$ena2;
+          var _ref2, _column$columnDef$sor, _instance$options$ena, _instance$options$ena2;
 
           // Find any existing sorting for this column
           const existingSorting = old == null ? void 0 : old.find(d => d.id === column.id);
@@ -2421,7 +2433,7 @@ const Sorting = {
             }
           }
 
-          const sortDescFirst = (_ref2 = (_column$sortDescFirst = column.sortDescFirst) != null ? _column$sortDescFirst : instance.options.sortDescFirst) != null ? _ref2 : column.getAutoSortDir() === 'desc'; // Handle toggle states that will remove the sorting
+          const sortDescFirst = (_ref2 = (_column$columnDef$sor = column.columnDef.sortDescFirst) != null ? _column$columnDef$sor : instance.options.sortDescFirst) != null ? _ref2 : column.getAutoSortDir() === 'desc'; // Handle toggle states that will remove the sorting
 
           if (sortAction === 'toggle' && ( // Must be toggling
           (_instance$options$ena = instance.options.enableSortingRemoval) != null ? _instance$options$ena : true) && // If enableSortRemove, enable in general
@@ -2465,14 +2477,14 @@ const Sorting = {
         });
       },
       getCanSort: () => {
-        var _column$enableSorting, _instance$options$ena3;
+        var _column$columnDef$ena, _instance$options$ena3;
 
-        return ((_column$enableSorting = column.enableSorting) != null ? _column$enableSorting : true) && ((_instance$options$ena3 = instance.options.enableSorting) != null ? _instance$options$ena3 : true) && !!column.accessorFn;
+        return ((_column$columnDef$ena = column.columnDef.enableSorting) != null ? _column$columnDef$ena : true) && ((_instance$options$ena3 = instance.options.enableSorting) != null ? _instance$options$ena3 : true) && !!column.accessorFn;
       },
       getCanMultiSort: () => {
-        var _ref3, _column$enableMultiSo;
+        var _ref3, _column$columnDef$ena2;
 
-        return (_ref3 = (_column$enableMultiSo = column.enableMultiSort) != null ? _column$enableMultiSo : instance.options.enableMultiSort) != null ? _ref3 : !!column.accessorFn;
+        return (_ref3 = (_column$columnDef$ena2 = column.columnDef.enableMultiSort) != null ? _column$columnDef$ena2 : instance.options.enableMultiSort) != null ? _ref3 : !!column.accessorFn;
       },
       getIsSorted: () => {
         var _instance$getState$so;
@@ -2536,7 +2548,7 @@ const Visibility = {
       onColumnVisibilityChange: makeStateUpdater('columnVisibility', instance)
     };
   },
-  getDefaultColumn: () => {
+  getDefaultColumnDef: () => {
     return {
       defaultIsVisible: true
     };
@@ -2556,9 +2568,9 @@ const Visibility = {
         return (_instance$getState$co = (_instance$getState$co2 = instance.getState().columnVisibility) == null ? void 0 : _instance$getState$co2[column.id]) != null ? _instance$getState$co : true;
       },
       getCanHide: () => {
-        var _column$enableHiding, _instance$options$ena;
+        var _column$columnDef$ena, _instance$options$ena;
 
-        return ((_column$enableHiding = column.enableHiding) != null ? _column$enableHiding : true) && ((_instance$options$ena = instance.options.enableHiding) != null ? _instance$options$ena : true);
+        return ((_column$columnDef$ena = column.columnDef.enableHiding) != null ? _column$columnDef$ena : true) && ((_instance$options$ena = instance.options.enableHiding) != null ? _instance$options$ena : true);
       },
       getToggleVisibilityHandler: () => {
         return e => {
@@ -2669,12 +2681,12 @@ const Headers = {
             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
@@ -3182,7 +3194,7 @@ function createTable$1(_, __, options) {
         throw new Error('');
       })()
     },
-    setGenerics: () => table,
+    // setGenerics: () => table as any,
     setRowType: () => table,
     setTableMetaType: () => table,
     setColumnMetaType: () => table,
@@ -3218,7 +3230,8 @@ function createTable$1(_, __, options) {
       }
 
       throw new Error('Invalid accessor');
-    }
+    },
+    createOptions: options => options
   };
   return table;
 }
@@ -3615,8 +3628,8 @@ function getSortedRowModel() {
     availableSorting.forEach(sortEntry => {
       const column = instance.getColumn(sortEntry.id);
       columnInfoById[sortEntry.id] = {
-        sortUndefined: column.sortUndefined,
-        invertSorting: column.invertSorting,
+        sortUndefined: column.columnDef.sortUndefined,
+        invertSorting: column.columnDef.invertSorting,
         sortingFn: column.getSortingFn()
       };
     });
@@ -3764,8 +3777,8 @@ function getGroupedRowModel() {
               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;