@tanstack/svelte-table 8.0.0-alpha.79 → 8.0.0-alpha.83

package/build/umd/index.development.js

@@ -105,7 +105,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 : {};
@@ -118,7 +118,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
           };
@@ -128,13 +128,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;
 
@@ -150,8 +153,7 @@
             }
           }
 
-          let column = { ...defaultColumn,
-            ...columnDef,
+          let column = { ...columnDef,
             id: "" + id,
             accessorFn,
             parent: parent,
@@ -300,7 +302,7 @@
               const column = instance.getColumn(columnId);
 
               if (!column.accessorFn) {
-                throw new Error();
+                return undefined;
               }
 
               row.valuesCache[columnId] = column.accessorFn(row.original, rowIndex);
@@ -385,7 +387,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,
@@ -440,7 +442,7 @@
   });
 
   const ColumnSizing = {
-    getDefaultColumn: () => {
+    getDefaultColumnDef: () => {
       return defaultColumnSizing;
     },
     getInitialState: state => {
@@ -460,10 +462,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();
@@ -486,9 +488,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;
@@ -945,7 +947,7 @@
 
   //
   const Filters = {
-    getDefaultColumn: () => {
+    getDefaultColumnDef: () => {
       return {
         filterFn: 'auto'
       };
@@ -988,6 +990,10 @@
             return filterFns.inNumberRange;
           }
 
+          if (typeof value === 'boolean') {
+            return filterFns.equals;
+          }
+
           if (value !== null && typeof value === 'object') {
             return filterFns.equals;
           }
@@ -1005,14 +1011,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: () => {
@@ -1091,7 +1097,8 @@
     },
     createRow: (row, instance) => {
       return {
-        columnFilterMap: {},
+        columnFilters: {},
+        columnFiltersMeta: {},
         subRowsByFacetId: {}
       };
     },
@@ -1289,7 +1296,7 @@
 
   //
   const Grouping = {
-    getDefaultColumn: () => {
+    getDefaultColumnDef: () => {
       return {
         aggregationFn: 'auto'
       };
@@ -1319,9 +1326,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;
@@ -1405,9 +1412,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,
@@ -1714,9 +1721,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: () => {
@@ -1786,12 +1793,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);
@@ -2317,7 +2330,7 @@
         ...state
       };
     },
-    getDefaultColumn: () => {
+    getDefaultColumnDef: () => {
       return {
         sortingFn: 'auto'
       };
@@ -2333,7 +2346,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) {
@@ -2377,7 +2390,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) {
@@ -2389,7 +2402,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);
@@ -2416,7 +2429,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
@@ -2460,14 +2473,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;
@@ -2531,7 +2544,7 @@
         onColumnVisibilityChange: makeStateUpdater('columnVisibility', instance)
       };
     },
-    getDefaultColumn: () => {
+    getDefaultColumnDef: () => {
       return {
         defaultIsVisible: true
       };
@@ -2551,9 +2564,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 => {
@@ -2664,12 +2677,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
@@ -3177,10 +3190,11 @@
           throw new Error('');
         })()
       },
-      setGenerics: () => table,
+      // setGenerics: () => table as any,
       setRowType: () => table,
       setTableMetaType: () => table,
       setColumnMetaType: () => table,
+      setFilterMetaType: () => table,
       setOptions: newOptions => createTable$1(_, __, { ...options,
         ...newOptions
       }),
@@ -3212,7 +3226,8 @@
         }
 
         throw new Error('Invalid accessor');
-      }
+      },
+      createOptions: options => options
     };
     return table;
   }
@@ -3308,7 +3323,7 @@
 
         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.columnFilters = row.columnFilters;
           newRow.subRows = recurseFilterRows(row.subRows, depth + 1);
 
           if (!newRow.subRows.length) {
@@ -3381,6 +3396,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;
       }
 
@@ -3435,28 +3455,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;
           }
         }
       }
@@ -3464,7 +3490,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;
           }
         }
@@ -3498,7 +3524,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;
           }
         }
@@ -3598,8 +3624,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()
         };
       });
@@ -3747,8 +3773,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;
@@ -4113,12 +4139,14 @@
   exports.RowSelection = RowSelection;
   exports.Sorting = Sorting;
   exports.Visibility = Visibility;
+  exports.aggregationFns = aggregationFns;
   exports.buildHeaderGroups = buildHeaderGroups;
   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;
@@ -4133,14 +4161,17 @@
   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.renderComponent = renderComponent;
   exports.selectRowsFn = selectRowsFn;
   exports.shouldAutoRemoveFilter = shouldAutoRemoveFilter;
+  exports.sortingFns = sortingFns;
 
   Object.defineProperty(exports, '__esModule', { value: true });