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

package/build/umd/index.development.js

@@ -104,13 +104,6 @@
     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;
   }
@@ -171,14 +164,6 @@
     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;
@@ -589,9 +574,6 @@
               return flattenBy(row.subRows, function (d) {
                 return d.subRows;
               });
-            },
-            getRowProps: function getRowProps(userProps) {
-              return instance.getRowProps(row.id, userProps);
             }
           };
 
@@ -624,18 +606,6 @@
           }
 
           return row;
-        },
-        getRowProps: function getRowProps(rowId, userProps) {
-          var row = instance.getRow(rowId);
-
-          if (!row) {
-            return;
-          }
-
-          return propGetter({
-            key: row.id,
-            role: 'row'
-          }, userProps);
         }
       };
     }
@@ -686,9 +656,6 @@
             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,
@@ -724,18 +691,6 @@
           }
 
           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);
         }
       };
     }
@@ -801,8 +756,8 @@
         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);
         }
       };
     },
@@ -905,12 +860,16 @@
 
           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) {
@@ -1027,21 +986,6 @@
               });
             });
           };
-
-          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;
@@ -1224,7 +1168,7 @@
             return instance.getRowCanExpand(id);
           });
         },
-        getToggleExpandedProps: function getToggleExpandedProps(rowId, userProps) {
+        getToggleExpandedHandler: function getToggleExpandedHandler(rowId) {
           var row = instance.getRow(rowId);
 
           if (!row) {
@@ -1232,24 +1176,16 @@
           }
 
           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;
@@ -1308,8 +1244,8 @@
         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);
         }
       };
     }
@@ -1322,6 +1258,7 @@
     equalsStringSensitive: equalsStringSensitive,
     arrIncludes: arrIncludes,
     arrIncludesAll: arrIncludesAll,
+    arrIncludesSome: arrIncludesSome,
     equals: equals,
     weakEquals: weakEquals,
     betweenNumberRange: betweenNumberRange
@@ -1411,6 +1348,21 @@
     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) {
@@ -1955,8 +1907,8 @@
         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);
         }
       };
     },
@@ -2046,16 +1998,13 @@
 
           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;
@@ -2203,13 +2152,13 @@
 
   //
   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) {
@@ -3019,59 +2968,27 @@
           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);
         }
       };
     },
@@ -3086,8 +3003,8 @@
         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);
@@ -3330,8 +3247,8 @@
         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);
         }
       };
     },
@@ -3551,7 +3468,7 @@
             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) {
@@ -3559,14 +3476,11 @@
           }
 
           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();
@@ -3614,16 +3528,10 @@
         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);
         }
       };
     },
@@ -3755,19 +3663,12 @@
             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);
         }
       };
     }
@@ -3830,12 +3731,6 @@
               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,
@@ -4111,60 +4006,6 @@
           }
 
           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);
         }
       };
     }
@@ -4204,13 +4045,7 @@
       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
@@ -4323,18 +4158,22 @@
       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;
@@ -4366,12 +4205,7 @@
       },
       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') {
@@ -4390,16 +4224,6 @@
       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,
@@ -4434,6 +4258,9 @@
           throw new Error('');
         }()
       },
+      setGenerics: function setGenerics() {
+        return table;
+      },
       setRowType: function setRowType() {
         return table;
       },
@@ -4446,9 +4273,6 @@
       setOptions: function setOptions(newOptions) {
         return createTable(_, __, _extends({}, options, newOptions));
       },
-      createColumns: function createColumns(columns) {
-        return columns;
-      },
       createDisplayColumn: function createDisplayColumn(column) {
         return _extends({}, column, {
           columnDefType: 'display'
@@ -5305,7 +5129,6 @@
   exports.memo = memo;
   exports.noop = noop;
   exports.passiveEventSupported = passiveEventSupported;
-  exports.propGetter = propGetter;
   exports.selectRowsFn = selectRowsFn;
   exports.shouldAutoRemoveFilter = shouldAutoRemoveFilter;