@tanstack/table-core 8.0.0-alpha.58 → 8.0.0-alpha.59

package/build/esm/index.js

@@ -98,13 +98,6 @@ function _toPropertyKey(arg) {
   return typeof key === "symbol" ? key : String(key);
 }
 
-// export type DefinedGenericKeys<T extends TableGenerics> = {
-//   [K in keyof T]: 0 extends 1 & T[K] ? never : T[K] extends {} ? K : never
-// }[keyof T]
-// export type DefinedGenerics<T extends TableGenerics> = Pick<
-//   T,
-//   DefinedGenericKeys<T>
-// >
 function functionalUpdate(updater, input) {
   return typeof updater === 'function' ? updater(input) : updater;
 }
@@ -165,14 +158,6 @@ function flattenBy(arr, getChildren) {
   recurse(arr);
   return flat;
 }
-// @ts-ignore // Just rely on the type, not the implementation
-var propGetter = function propGetter(initial, getter) {
-  if (isFunction(getter)) {
-    return getter(initial);
-  }
-
-  return _extends({}, initial, getter != null ? getter : {});
-};
 function memo(getDeps, fn, opts) {
   var deps = [];
   var result;
@@ -585,9 +570,6 @@ var Rows = {
             return flattenBy(row.subRows, function (d) {
               return d.subRows;
             });
-          },
-          getRowProps: function getRowProps(userProps) {
-            return instance.getRowProps(row.id, userProps);
           }
         };
 
@@ -622,18 +604,6 @@ var Rows = {
         }
 
         return row;
-      },
-      getRowProps: function getRowProps(rowId, userProps) {
-        var row = instance.getRow(rowId);
-
-        if (!row) {
-          return;
-        }
-
-        return propGetter({
-          key: row.id,
-          role: 'row'
-        }, userProps);
       }
     };
   }
@@ -684,9 +654,6 @@ var Cells = {
           row: row,
           column: column,
           value: value,
-          getCellProps: function getCellProps(userProps) {
-            return instance.getCellProps(row.id, column.id, userProps);
-          },
           renderCell: function renderCell() {
             return column.cell ? instance.render(column.cell, {
               instance: instance,
@@ -726,18 +693,6 @@ var Cells = {
         }
 
         return cell;
-      },
-      getCellProps: function getCellProps(rowId, columnId, userProps) {
-        var cell = instance.getCell(rowId, columnId);
-
-        if (!cell) {
-          return;
-        }
-
-        return propGetter({
-          key: cell.id,
-          role: 'gridcell'
-        }, userProps);
       }
     };
   }
@@ -803,8 +758,8 @@ var ColumnSizing = {
       resetSize: function resetSize() {
         return instance.resetColumnSize(header.column.id);
       },
-      getResizerProps: function getResizerProps(userProps) {
-        return instance.getHeaderResizerProps(header.id, userProps);
+      getResizeHandler: function getResizeHandler() {
+        return instance.getResizeHandler(header.id);
       }
     };
   },
@@ -907,12 +862,16 @@ var ColumnSizing = {
 
         return instance.getColumnIsResizing(header.column.id);
       },
-      getHeaderResizerProps: function getHeaderResizerProps(headerId, userProps) {
+      getResizeHandler: function getResizeHandler(headerId) {
         var header = instance.getHeader(headerId);
         var column = instance.getColumn(header.column.id);
         var canResize = column.getCanResize();
+        return function (e) {
+          if (!canResize) {
+            return;
+          }
+          e.persist == null ? void 0 : e.persist();
 
-        var onResizeStart = function onResizeStart(e) {
           if (isTouchStartEvent(e)) {
             // lets not respond to multiple touches (e.g. 2 or 3 fingers)
             if (e.touches && e.touches.length > 1) {
@@ -1029,21 +988,6 @@ var ColumnSizing = {
             });
           });
         };
-
-        var initialProps = canResize ? {
-          title: 'Toggle Grouping',
-          draggable: false,
-          role: 'separator',
-          onMouseDown: function onMouseDown(e) {
-            e.persist == null ? void 0 : e.persist();
-            onResizeStart(e);
-          },
-          onTouchStart: function onTouchStart(e) {
-            e.persist == null ? void 0 : e.persist();
-            onResizeStart(e);
-          }
-        } : {};
-        return propGetter(initialProps, userProps);
       },
       getTotalSize: function getTotalSize() {
         var _instance$getHeaderGr, _instance$getHeaderGr2;
@@ -1226,7 +1170,7 @@ var Expanding = {
           return instance.getRowCanExpand(id);
         });
       },
-      getToggleExpandedProps: function getToggleExpandedProps(rowId, userProps) {
+      getToggleExpandedHandler: function getToggleExpandedHandler(rowId) {
         var row = instance.getRow(rowId);
 
         if (!row) {
@@ -1234,24 +1178,16 @@ var Expanding = {
         }
 
         var canExpand = instance.getRowCanExpand(rowId);
-        var initialProps = {
-          title: canExpand ? 'Toggle Expanded' : undefined,
-          onClick: canExpand ? function (e) {
-            e.persist == null ? void 0 : e.persist();
-            instance.toggleRowExpanded(rowId);
-          } : undefined
+        return function () {
+          if (!canExpand) return;
+          instance.toggleRowExpanded(rowId);
         };
-        return propGetter(initialProps, userProps);
-      },
-      getToggleAllRowsExpandedProps: function getToggleAllRowsExpandedProps(userProps) {
-        var initialProps = {
-          title: 'Toggle All Expanded',
-          onClick: function onClick(e) {
-            e.persist == null ? void 0 : e.persist();
-            instance.toggleAllRowsExpanded();
-          }
+      },
+      getToggleAllRowsExpandedHandler: function getToggleAllRowsExpandedHandler() {
+        return function (e) {
+          e.persist == null ? void 0 : e.persist();
+          instance.toggleAllRowsExpanded();
         };
-        return propGetter(initialProps, userProps);
       },
       getIsSomeRowsExpanded: function getIsSomeRowsExpanded() {
         var expanded = instance.getState().expanded;
@@ -1310,8 +1246,8 @@ var Expanding = {
       getCanExpand: function getCanExpand() {
         return row.subRows && !!row.subRows.length;
       },
-      getToggleExpandedProps: function getToggleExpandedProps(userProps) {
-        return instance.getToggleExpandedProps(row.id, userProps);
+      getToggleExpandedHandler: function getToggleExpandedHandler() {
+        return instance.getToggleExpandedHandler(row.id);
       }
     };
   }
@@ -1324,6 +1260,7 @@ var filterFns = {
   equalsStringSensitive: equalsStringSensitive,
   arrIncludes: arrIncludes,
   arrIncludesAll: arrIncludesAll,
+  arrIncludesSome: arrIncludesSome,
   equals: equals,
   weakEquals: weakEquals,
   betweenNumberRange: betweenNumberRange
@@ -1413,6 +1350,21 @@ arrIncludesAll.autoRemove = function (val) {
   return testFalsey(val) || !(val != null && val.length);
 };
 
+function arrIncludesSome(rows, columnIds, filterValue) {
+  return rows.filter(function (row) {
+    return columnIds.some(function (id) {
+      var rowValue = row.values[id];
+      return rowValue && rowValue.length && filterValue.some(function (val) {
+        return rowValue.includes(val);
+      });
+    });
+  });
+}
+
+arrIncludesSome.autoRemove = function (val) {
+  return testFalsey(val) || !(val != null && val.length);
+};
+
 function equals(rows, columnIds, filterValue) {
   return rows.filter(function (row) {
     return columnIds.some(function (id) {
@@ -1957,8 +1909,8 @@ var Grouping = {
       toggleGrouping: function toggleGrouping() {
         return instance.toggleColumnGrouping(column.id);
       },
-      getToggleGroupingProps: function getToggleGroupingProps(userProps) {
-        return instance.getToggleGroupingProps(column.id, userProps);
+      getToggleGroupingHandler: function getToggleGroupingHandler() {
+        return instance.getToggleGroupingHandler(column.id);
       }
     };
   },
@@ -2048,16 +2000,13 @@ var Grouping = {
 
         instance.setGrouping((_instance$initialStat = (_instance$initialStat2 = instance.initialState) == null ? void 0 : _instance$initialStat2.grouping) != null ? _instance$initialStat : []);
       },
-      getToggleGroupingProps: function getToggleGroupingProps(columnId, userProps) {
+      getToggleGroupingHandler: function getToggleGroupingHandler(columnId) {
         var column = instance.getColumn(columnId);
         var canGroup = column.getCanGroup();
-        var initialProps = {
-          title: canGroup ? 'Toggle Grouping' : undefined,
-          onClick: canGroup ? function (e) {
-            column.toggleGrouping == null ? void 0 : column.toggleGrouping();
-          } : undefined
+        return function () {
+          if (!canGroup) return;
+          column.toggleGrouping == null ? void 0 : column.toggleGrouping();
         };
-        return propGetter(initialProps, userProps);
       },
       getRowIsGrouped: function getRowIsGrouped(rowId) {
         var _instance$getRow;
@@ -2205,13 +2154,13 @@ var Ordering = {
 
 //
 var Pagination = {
-  getInitialState: function getInitialState() {
+  getInitialState: function getInitialState(initialState) {
     return {
-      pagination: {
+      pagination: _extends({
         pageCount: -1,
         pageIndex: 0,
         pageSize: 10
-      }
+      }, initialState == null ? void 0 : initialState.pagination)
     };
   },
   getDefaultOptions: function getDefaultOptions(instance) {
@@ -3021,59 +2970,27 @@ var RowSelection = {
         var paginationFlatRows = instance.getPaginationRowModel().flatRows;
         return instance.getIsAllPageRowsSelected() ? false : !!(paginationFlatRows != null && paginationFlatRows.length);
       },
-      getToggleRowSelectedProps: function getToggleRowSelectedProps(rowId, userProps) {
+      getToggleRowSelectedHandler: function getToggleRowSelectedHandler(rowId) {
         var row = instance.getRow(rowId);
-        var isSelected = row.getIsSelected();
-        var isSomeSelected = row.getIsSomeSelected();
+        row.getIsSelected();
+        row.getIsSomeSelected();
         var canSelect = row.getCanSelect();
-        var initialProps = {
-          onChange: canSelect ? function (e) {
-            row.toggleSelected(e.target.checked);
-          } : undefined,
-          checked: isSelected,
-          title: 'Toggle Row Selected',
-          indeterminate: isSomeSelected // onChange: forInput
-          //   ? (e: Event) => e.stopPropagation()
-          //   : (e: Event) => {
-          //       if (instance.options.isAdditiveSelectEvent(e)) {
-          //         row.toggleSelected()
-          //       } else if (instance.options.isInclusiveSelectEvent(e)) {
-          //         instance.addRowSelectionRange(row.id)
-          //       } else {
-          //         instance.setRowSelection({})
-          //         row.toggleSelected()
-          //       }
-          //       if (props.onClick) props.onClick(e)
-          //     },
+        return function (e) {
+          var _target;
 
+          if (!canSelect) return;
+          row.toggleSelected((_target = e.target) == null ? void 0 : _target.checked);
         };
-        return propGetter(initialProps, userProps);
-      },
-      getToggleAllRowsSelectedProps: function getToggleAllRowsSelectedProps(userProps) {
-        var isSomeRowsSelected = instance.getIsSomeRowsSelected();
-        var isAllRowsSelected = instance.getIsAllRowsSelected();
-        var initialProps = {
-          onChange: function onChange(e) {
-            instance.toggleAllRowsSelected(e.target.checked);
-          },
-          checked: isAllRowsSelected,
-          title: 'Toggle All Rows Selected',
-          indeterminate: isSomeRowsSelected
+      },
+      getToggleAllRowsSelectedHandler: function getToggleAllRowsSelectedHandler() {
+        return function (e) {
+          instance.toggleAllRowsSelected(e.target.checked);
         };
-        return propGetter(initialProps, userProps);
-      },
-      getToggleAllPageRowsSelectedProps: function getToggleAllPageRowsSelectedProps(userProps) {
-        var isSomePageRowsSelected = instance.getIsSomePageRowsSelected();
-        var isAllPageRowsSelected = instance.getIsAllPageRowsSelected();
-        var initialProps = {
-          onChange: function onChange(e) {
-            instance.toggleAllPageRowsSelected(e.target.checked);
-          },
-          checked: isAllPageRowsSelected,
-          title: 'Toggle All Current Page Rows Selected',
-          indeterminate: isSomePageRowsSelected
+      },
+      getToggleAllPageRowsSelectedHandler: function getToggleAllPageRowsSelectedHandler() {
+        return function (e) {
+          instance.toggleAllPageRowsSelected(e.target.checked);
         };
-        return propGetter(initialProps, userProps);
       }
     };
   },
@@ -3088,8 +3005,8 @@ var RowSelection = {
       toggleSelected: function toggleSelected(value) {
         return instance.toggleRowSelected(row.id, value);
       },
-      getToggleSelectedProps: function getToggleSelectedProps(userProps) {
-        return instance.getToggleRowSelectedProps(row.id, userProps);
+      getToggleSelectedHandler: function getToggleSelectedHandler() {
+        return instance.getToggleRowSelectedHandler(row.id);
       },
       getCanMultiSelect: function getCanMultiSelect() {
         return instance.getRowCanMultiSelect(row.id);
@@ -3332,8 +3249,8 @@ var Sorting = {
       toggleSorting: function toggleSorting(desc, isMulti) {
         return instance.toggleColumnSorting(column.id, desc, isMulti);
       },
-      getToggleSortingProps: function getToggleSortingProps(userProps) {
-        return instance.getToggleSortingProps(column.id, userProps);
+      getToggleSortingHandler: function getToggleSortingHandler() {
+        return instance.getToggleSortingHandler(column.id);
       }
     };
   },
@@ -3553,7 +3470,7 @@ var Sorting = {
           instance.setSorting((_instance$initialStat = (_instance$initialStat2 = instance.initialState) == null ? void 0 : _instance$initialStat2.sorting) != null ? _instance$initialStat : []);
         }
       },
-      getToggleSortingProps: function getToggleSortingProps(columnId, userProps) {
+      getToggleSortingHandler: function getToggleSortingHandler(columnId) {
         var column = instance.getColumn(columnId);
 
         if (!column) {
@@ -3561,14 +3478,11 @@ var Sorting = {
         }
 
         var canSort = column.getCanSort();
-        var initialProps = {
-          title: canSort ? 'Toggle Sorting' : undefined,
-          onClick: canSort ? function (e) {
-            e.persist == null ? void 0 : e.persist();
-            column.toggleSorting == null ? void 0 : column.toggleSorting(undefined, column.getCanMultiSort() ? instance.options.isMultiSortEvent == null ? void 0 : instance.options.isMultiSortEvent(e) : false);
-          } : undefined
+        return function (e) {
+          if (!canSort) return;
+          e.persist == null ? void 0 : e.persist();
+          column.toggleSorting == null ? void 0 : column.toggleSorting(undefined, column.getCanMultiSort() ? instance.options.isMultiSortEvent == null ? void 0 : instance.options.isMultiSortEvent(e) : false);
         };
-        return propGetter(initialProps, userProps);
       },
       getPreSortedRowModel: function getPreSortedRowModel() {
         return instance.getGlobalFilteredRowModel();
@@ -3616,16 +3530,10 @@ var Visibility = {
       toggleVisibility: function toggleVisibility(value) {
         return instance.toggleColumnVisibility(column.id, value);
       },
-      getToggleVisibilityProps: function getToggleVisibilityProps(userProps) {
-        var props = {
-          type: 'checkbox',
-          checked: column.getIsVisible == null ? void 0 : column.getIsVisible(),
-          title: 'Toggle Column Visibility',
-          onChange: function onChange(e) {
-            column.toggleVisibility == null ? void 0 : column.toggleVisibility(e.target.checked);
-          }
+      getToggleVisibilityHandler: function getToggleVisibilityHandler() {
+        return function (e) {
+          column.toggleVisibility == null ? void 0 : column.toggleVisibility(e.target.checked);
         };
-        return propGetter(props, userProps);
       }
     };
   },
@@ -3757,19 +3665,12 @@ var Visibility = {
           return column.getIsVisible == null ? void 0 : column.getIsVisible();
         });
       },
-      getToggleAllColumnsVisibilityProps: function getToggleAllColumnsVisibilityProps(userProps) {
-        var props = {
-          onChange: function onChange(e) {
-            var _e$target;
+      getToggleAllColumnsVisibilityHandler: function getToggleAllColumnsVisibilityHandler() {
+        return function (e) {
+          var _target;
 
-            instance.toggleAllColumnsVisible((_e$target = e.target) == null ? void 0 : _e$target.checked);
-          },
-          type: 'checkbox',
-          title: 'Toggle visibility for all columns',
-          checked: instance.getIsAllColumnsVisible(),
-          indeterminate: !instance.getIsAllColumnsVisible() && instance.getIsSomeColumnsVisible() ? 'indeterminate' : undefined
+          instance.toggleAllColumnsVisible((_target = e.target) == null ? void 0 : _target.checked);
         };
-        return propGetter(props, userProps);
       }
     };
   }
@@ -3832,12 +3733,6 @@ var Headers = {
             recurseHeader(header);
             return leafHeaders;
           },
-          getHeaderProps: function getHeaderProps(userProps) {
-            return instance.getHeaderProps(header.id, userProps);
-          },
-          getFooterProps: function getFooterProps(userProps) {
-            return instance.getFooterProps(header.id, userProps);
-          },
           renderHeader: function renderHeader() {
             return column.header ? instance.render(column.header, {
               instance: instance,
@@ -4113,60 +4008,6 @@ var Headers = {
         }
 
         return header;
-      },
-      getHeaderGroupProps: function getHeaderGroupProps(id, userProps) {
-        var headerGroup = instance.getHeaderGroups().find(function (d) {
-          return d.id === id;
-        });
-
-        if (!headerGroup) {
-          return;
-        }
-
-        return propGetter({
-          key: headerGroup.id,
-          role: 'row'
-        }, userProps);
-      },
-      getFooterGroupProps: function getFooterGroupProps(id, userProps) {
-        var headerGroup = instance.getFooterGroups().find(function (d) {
-          return d.id === id;
-        });
-
-        if (!headerGroup) {
-          return;
-        }
-
-        var initialProps = {
-          key: headerGroup.id,
-          role: 'row'
-        };
-        return propGetter(initialProps, userProps);
-      },
-      getHeaderProps: function getHeaderProps(id, userProps) {
-        var header = instance.getHeader(id);
-
-        if (!header) {
-          throw new Error();
-        }
-
-        var initialProps = {
-          key: header.id,
-          role: 'columnheader',
-          colSpan: header.colSpan,
-          rowSpan: header.rowSpan
-        };
-        return propGetter(initialProps, userProps);
-      },
-      getFooterProps: function getFooterProps(id, userProps) {
-        var header = instance.getHeader(id);
-        var initialProps = {
-          key: header.id,
-          role: 'columnfooter',
-          colSpan: header.colSpan,
-          rowSpan: header.rowSpan
-        };
-        return propGetter(initialProps, userProps);
       }
     };
   }
@@ -4206,13 +4047,7 @@ function buildHeaderGroups(allColumns, columnsToGroup, instance, headerFamily) {
     var headerGroup = {
       depth: depth,
       id: [headerFamily, "" + depth].filter(Boolean).join('_'),
-      headers: [],
-      getHeaderGroupProps: function getHeaderGroupProps(getterValue) {
-        return instance.getHeaderGroupProps("" + depth, getterValue);
-      },
-      getFooterGroupProps: function getFooterGroupProps(getterValue) {
-        return instance.getFooterGroupProps("" + depth, getterValue);
-      }
+      headers: []
     }; // The parent columns we're going to scan next
 
     var pendingParentHeaders = []; // Scan each column for parents
@@ -4325,18 +4160,22 @@ function createTableInstance(options) {
     return Object.assign(obj, feature.getDefaultOptions == null ? void 0 : feature.getDefaultOptions(instance));
   }, {});
 
-  var buildOptions = function buildOptions(options) {
+  var mergeOptions = function mergeOptions(options) {
+    if (instance.options.mergeOptions) {
+      return instance.options.mergeOptions(defaultOptions, options);
+    }
+
     return _extends({}, defaultOptions, options);
   };
 
-  instance.options = buildOptions(options);
+  instance.options = _extends({}, defaultOptions, options);
   var coreInitialState = {
     coreProgress: 1
   };
 
-  var initialState = _extends({}, coreInitialState, instance._features.reduce(function (obj, feature) {
-    return Object.assign(obj, feature.getInitialState == null ? void 0 : feature.getInitialState());
-  }, {}), (_options$initialState = options.initialState) != null ? _options$initialState : {});
+  var initialState = _extends({}, coreInitialState, (_options$initialState = options.initialState) != null ? _options$initialState : {}, instance._features.reduce(function (obj, feature) {
+    return Object.assign(obj, feature.getInitialState == null ? void 0 : feature.getInitialState(options.initialState));
+  }, {}));
 
   var queued = [];
   var queuedTimeout;
@@ -4368,12 +4207,7 @@ function createTableInstance(options) {
     },
     setOptions: function setOptions(updater) {
       var newOptions = functionalUpdate(updater, instance.options);
-
-      if (instance.options.mergeOptions) {
-        instance.options = instance.options.mergeOptions(defaultOptions, newOptions);
-      } else {
-        instance.options = buildOptions(newOptions);
-      }
+      instance.options = mergeOptions(newOptions);
     },
     render: function render(template, props) {
       if (typeof instance.options.render === 'function') {
@@ -4392,16 +4226,6 @@ function createTableInstance(options) {
     setState: function setState(updater) {
       instance.options.onStateChange == null ? void 0 : instance.options.onStateChange(updater);
     },
-    getTableProps: function getTableProps(userProps) {
-      return propGetter({
-        role: 'table'
-      }, userProps);
-    },
-    getTableBodyProps: function getTableBodyProps(userProps) {
-      return propGetter({
-        role: 'rowgroup'
-      }, userProps);
-    },
     getOverallProgress: function getOverallProgress() {
       var _instance$getState = instance.getState(),
           coreProgress = _instance$getState.coreProgress,
@@ -4436,6 +4260,9 @@ function createTable(_, __, options) {
         throw new Error('');
       }()
     },
+    setGenerics: function setGenerics() {
+      return table;
+    },
     setRowType: function setRowType() {
       return table;
     },
@@ -4448,9 +4275,6 @@ function createTable(_, __, options) {
     setOptions: function setOptions(newOptions) {
       return createTable(_, __, _extends({}, options, newOptions));
     },
-    createColumns: function createColumns(columns) {
-      return columns;
-    },
     createDisplayColumn: function createDisplayColumn(column) {
       return _extends({}, column, {
         columnDefType: 'display'
@@ -5273,5 +5097,5 @@ function getPaginationRowModel(opts) {
   };
 }
 
-export { ColumnSizing, Expanding, Filters, Grouping, Headers, Ordering, Pagination, Pinning, RowSelection, Sorting, Visibility, buildHeaderGroups, createTableFactory, createTableInstance, defaultColumnSizing, expandRows, flattenBy, functionalUpdate, getBatchGroups, getColumnFilteredRowModelSync, getCoreRowModelAsync, getCoreRowModelSync, getExpandedRowModel, getGlobalFilteredRowModelSync, getGroupedRowModelSync, getPaginationRowModel, getSortedRowModelSync, incrementalMemo, isFunction, isRowSelected, makeStateUpdater, memo, noop, passiveEventSupported, propGetter, selectRowsFn, shouldAutoRemoveFilter };
+export { ColumnSizing, Expanding, Filters, Grouping, Headers, Ordering, Pagination, Pinning, RowSelection, Sorting, Visibility, buildHeaderGroups, createTableFactory, createTableInstance, defaultColumnSizing, expandRows, flattenBy, functionalUpdate, getBatchGroups, getColumnFilteredRowModelSync, getCoreRowModelAsync, getCoreRowModelSync, getExpandedRowModel, getGlobalFilteredRowModelSync, getGroupedRowModelSync, getPaginationRowModel, getSortedRowModelSync, incrementalMemo, isFunction, isRowSelected, makeStateUpdater, memo, noop, passiveEventSupported, selectRowsFn, shouldAutoRemoveFilter };
 //# sourceMappingURL=index.js.map