@tanstack/react-table 8.0.0-alpha.70 → 8.0.0-alpha.73

package/build/esm/index.js

@@ -385,7 +385,7 @@ const Cells = {
           row,
           column,
           getValue: () => row.getValue(columnId),
-          renderCell: () => column.cell ? instance.render(column.cell, {
+          renderCell: () => column.cell ? instance._render(column.cell, {
             instance,
             column,
             row,
@@ -634,28 +634,28 @@ const ColumnSizing = {
         var _instance$getHeaderGr, _instance$getHeaderGr2;
 
         return (_instance$getHeaderGr = (_instance$getHeaderGr2 = instance.getHeaderGroups()[0]) == null ? void 0 : _instance$getHeaderGr2.headers.reduce((sum, header) => {
-          return sum + header.column.getSize();
+          return sum + header.getSize();
         }, 0)) != null ? _instance$getHeaderGr : 0;
       },
       getLeftTotalSize: () => {
         var _instance$getLeftHead, _instance$getLeftHead2;
 
         return (_instance$getLeftHead = (_instance$getLeftHead2 = instance.getLeftHeaderGroups()[0]) == null ? void 0 : _instance$getLeftHead2.headers.reduce((sum, header) => {
-          return sum + header.column.getSize();
+          return sum + header.getSize();
         }, 0)) != null ? _instance$getLeftHead : 0;
       },
       getCenterTotalSize: () => {
         var _instance$getCenterHe, _instance$getCenterHe2;
 
         return (_instance$getCenterHe = (_instance$getCenterHe2 = instance.getCenterHeaderGroups()[0]) == null ? void 0 : _instance$getCenterHe2.headers.reduce((sum, header) => {
-          return sum + header.column.getSize();
+          return sum + header.getSize();
         }, 0)) != null ? _instance$getCenterHe : 0;
       },
       getRightTotalSize: () => {
         var _instance$getRightHea, _instance$getRightHea2;
 
         return (_instance$getRightHea = (_instance$getRightHea2 = instance.getRightHeaderGroups()[0]) == null ? void 0 : _instance$getRightHea2.headers.reduce((sum, header) => {
-          return sum + header.column.getSize();
+          return sum + header.getSize();
         }, 0)) != null ? _instance$getRightHea : 0;
       }
     };
@@ -709,10 +709,14 @@ const Expanding = {
   },
   createInstance: instance => {
     let registered = false;
+    let queued = false;
     return {
       _autoResetExpanded: () => {
         if (!registered) {
-          registered = true;
+          instance._queue(() => {
+            registered = true;
+          });
+
           return;
         }
 
@@ -721,7 +725,13 @@ const Expanding = {
         }
 
         if (instance.options.autoResetAll === true || instance.options.autoResetExpanded) {
-          instance.resetExpanded();
+          if (queued) return;
+          queued = true;
+
+          instance._queue(() => {
+            instance.resetExpanded();
+            queued = false;
+          });
         }
       },
       setExpanded: updater => instance.options.onExpandedChange == null ? void 0 : instance.options.onExpandedChange(updater),
@@ -1074,7 +1084,7 @@ const Filters = {
       _getFacetedMinMaxValues: instance.options.getFacetedMinMaxValues && instance.options.getFacetedMinMaxValues(instance, column.id),
       getFacetedMinMaxValues: () => {
         if (!column._getFacetedMinMaxValues) {
-          return [NaN, NaN];
+          return undefined;
         }
 
         return column._getFacetedMinMaxValues();
@@ -1165,7 +1175,7 @@ const Filters = {
       _getGlobalFacetedMinMaxValues: instance.options.getFacetedMinMaxValues && instance.options.getFacetedMinMaxValues(instance, '__global__'),
       getGlobalFacetedMinMaxValues: () => {
         if (!instance._getGlobalFacetedMinMaxValues) {
-          return [NaN, NaN];
+          return;
         }
 
         return instance._getGlobalFacetedMinMaxValues();
@@ -1402,7 +1412,7 @@ const Grouping = {
         var _column$aggregatedCel;
 
         const template = (_column$aggregatedCel = column.aggregatedCell) != null ? _column$aggregatedCel : column.cell;
-        return template ? instance.render(template, {
+        return template ? instance._render(template, {
           instance,
           column,
           row,
@@ -1503,25 +1513,32 @@ const Pagination = {
   },
   getDefaultOptions: instance => {
     return {
-      onPaginationChange: makeStateUpdater('pagination', instance),
-      autoResetPageIndex: true
+      onPaginationChange: makeStateUpdater('pagination', instance)
     };
   },
   createInstance: instance => {
     let registered = false;
+    let queued = false;
     return {
       _autoResetPageIndex: () => {
+        var _ref, _instance$options$aut;
+
         if (!registered) {
-          registered = true;
-          return;
-        }
+          instance._queue(() => {
+            registered = true;
+          });
 
-        if (instance.options.autoResetAll === false) {
           return;
         }
 
-        if (instance.options.autoResetAll === true || instance.options.autoResetPageIndex) {
-          instance.resetPageIndex();
+        if ((_ref = (_instance$options$aut = instance.options.autoResetAll) != null ? _instance$options$aut : instance.options.autoResetPageIndex) != null ? _ref : !instance.options.manualPagination) {
+          if (queued) return;
+          queued = true;
+
+          instance._queue(() => {
+            instance.resetPageIndex();
+            queued = false;
+          });
         }
       },
       setPagination: updater => {
@@ -1540,7 +1557,7 @@ const Pagination = {
       setPageIndex: updater => {
         instance.setPagination(old => {
           let pageIndex = functionalUpdate(updater, old.pageIndex);
-          const maxPageIndex = old.pageCount && old.pageCount > 0 ? old.pageCount - 1 : Number.MAX_SAFE_INTEGER;
+          const maxPageIndex = typeof old.pageCount !== 'undefined' ? old.pageCount - 1 : Number.MAX_SAFE_INTEGER;
           pageIndex = Math.min(Math.max(0, pageIndex), maxPageIndex);
           return { ...old,
             pageIndex
@@ -2651,12 +2668,12 @@ const Headers = {
             recurseHeader(header);
             return leafHeaders;
           },
-          renderHeader: () => column.header ? instance.render(column.header, {
+          renderHeader: () => column.header ? instance._render(column.header, {
             instance,
             header: header,
             column
           }) : null,
-          renderFooter: () => column.footer ? instance.render(column.footer, {
+          renderFooter: () => column.footer ? instance._render(column.footer, {
             instance,
             header: header,
             column
@@ -3130,7 +3147,7 @@ function createTableInstance(options) {
       ...options
     },
     initialState,
-    queue: cb => {
+    _queue: cb => {
       queued.push(cb);
 
       if (!queuedTimeout) {
@@ -3188,7 +3205,7 @@ function createTableInstance(options) {
       const newOptions = functionalUpdate(updater, instance.options);
       instance.options = mergeOptions(newOptions);
     },
-    render: (template, props) => {
+    _render: (template, props) => {
       if (typeof instance.options.render === 'function') {
         return instance.options.render(template, props);
       }
@@ -3362,9 +3379,7 @@ function getCoreRowModel() {
       return (_instance$options$deb = instance.options.debugAll) != null ? _instance$options$deb : instance.options.debugTable;
     },
     onChange: () => {
-      instance.queue(() => {
-        instance._autoResetPageIndex();
-      });
+      instance._autoResetPageIndex();
     }
   });
 }
@@ -3570,9 +3585,7 @@ function getFilteredRowModel() {
       return (_instance$options$deb = instance.options.debugAll) != null ? _instance$options$deb : instance.options.debugTable;
     },
     onChange: () => {
-      instance.queue(() => {
-        instance._autoResetPageIndex();
-      });
+      instance._autoResetPageIndex();
     }
   });
 }
@@ -3640,14 +3653,20 @@ function getFacetedUniqueValues() {
 
 function getFacetedMinMaxValues() {
   return (instance, columnId) => memo(() => [instance.getColumn(columnId).getFacetedRowModel()], facetedRowModel => {
-    var _facetedRowModel$flat, _facetedRowModel$flat2, _facetedRowModel$flat3, _facetedRowModel$flat4;
+    var _facetedRowModel$flat;
 
-    let facetedMinMaxValues = [(_facetedRowModel$flat = (_facetedRowModel$flat2 = facetedRowModel.flatRows[0]) == null ? void 0 : _facetedRowModel$flat2.getValue(columnId)) != null ? _facetedRowModel$flat : null, (_facetedRowModel$flat3 = (_facetedRowModel$flat4 = facetedRowModel.flatRows[0]) == null ? void 0 : _facetedRowModel$flat4.getValue(columnId)) != null ? _facetedRowModel$flat3 : null];
+    const firstValue = (_facetedRowModel$flat = facetedRowModel.flatRows[0]) == null ? void 0 : _facetedRowModel$flat.getValue(columnId);
+
+    if (typeof firstValue === 'undefined') {
+      return undefined;
+    }
+
+    let facetedMinMaxValues = [firstValue, firstValue];
 
     for (let i = 0; i < facetedRowModel.flatRows.length; i++) {
-      var _facetedRowModel$flat5;
+      var _facetedRowModel$flat2;
 
-      const value = (_facetedRowModel$flat5 = facetedRowModel.flatRows[i]) == null ? void 0 : _facetedRowModel$flat5.getValue(columnId);
+      const value = (_facetedRowModel$flat2 = facetedRowModel.flatRows[i]) == null ? void 0 : _facetedRowModel$flat2.getValue(columnId);
 
       if (value < facetedMinMaxValues[0]) {
         facetedMinMaxValues[0] = value;
@@ -3755,9 +3774,7 @@ function getSortedRowModel() {
       return (_instance$options$deb = instance.options.debugAll) != null ? _instance$options$deb : instance.options.debugTable;
     },
     onChange: () => {
-      instance.queue(() => {
-        instance._autoResetPageIndex();
-      });
+      instance._autoResetPageIndex();
     }
   });
 }
@@ -3887,7 +3904,7 @@ function getGroupedRowModel() {
       return (_instance$options$deb = instance.options.debugAll) != null ? _instance$options$deb : instance.options.debugTable;
     },
     onChange: () => {
-      instance.queue(() => {
+      instance._queue(() => {
         instance._autoResetExpanded();
 
         instance._autoResetPageIndex();