@tanstack/svelte-table 8.0.0-alpha.68 → 8.0.0-alpha.71

package/build/esm/index.js

@@ -434,6 +434,16 @@ const defaultColumnSizing = {
   minSize: 20,
   maxSize: Number.MAX_SAFE_INTEGER
 };
+
+const getDefaultColumnSizingInfoState = () => ({
+  startOffset: null,
+  startSize: null,
+  deltaOffset: null,
+  deltaPercentage: null,
+  isResizingColumn: false,
+  columnSizingStart: []
+});
+
 const ColumnSizing = {
   getDefaultColumn: () => {
     return defaultColumnSizing;
@@ -441,14 +451,7 @@ const ColumnSizing = {
   getInitialState: state => {
     return {
       columnSizing: {},
-      columnSizingInfo: {
-        startOffset: null,
-        startSize: null,
-        deltaOffset: null,
-        deltaPercentage: null,
-        isResizingColumn: false,
-        columnSizingStart: []
-      },
+      columnSizingInfo: getDefaultColumnSizingInfoState(),
       ...state
     };
   },
@@ -618,42 +621,42 @@ const ColumnSizing = {
     return {
       setColumnSizing: updater => instance.options.onColumnSizingChange == null ? void 0 : instance.options.onColumnSizingChange(updater),
       setColumnSizingInfo: updater => instance.options.onColumnSizingInfoChange == null ? void 0 : instance.options.onColumnSizingInfoChange(updater),
-      resetColumnSizing: () => {
+      resetColumnSizing: defaultState => {
         var _instance$initialStat;
 
-        instance.setColumnSizing((_instance$initialStat = instance.initialState.columnSizing) != null ? _instance$initialStat : {});
+        instance.setColumnSizing(defaultState ? {} : (_instance$initialStat = instance.initialState.columnSizing) != null ? _instance$initialStat : {});
       },
-      resetHeaderSizeInfo: () => {
+      resetHeaderSizeInfo: defaultState => {
         var _instance$initialStat2;
 
-        instance.setColumnSizingInfo((_instance$initialStat2 = instance.initialState.columnSizingInfo) != null ? _instance$initialStat2 : {});
+        instance.setColumnSizingInfo(defaultState ? getDefaultColumnSizingInfoState() : (_instance$initialStat2 = instance.initialState.columnSizingInfo) != null ? _instance$initialStat2 : getDefaultColumnSizingInfoState());
       },
       getTotalSize: () => {
         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;
       }
     };
@@ -707,10 +710,13 @@ const Expanding = {
   },
   createInstance: instance => {
     let registered = false;
+    let queued = false;
     return {
       _autoResetExpanded: () => {
         if (!registered) {
-          registered = true;
+          instance.queue(() => {
+            registered = true;
+          });
           return;
         }
 
@@ -719,7 +725,12 @@ 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),
@@ -730,10 +741,10 @@ const Expanding = {
           instance.setExpanded({});
         }
       },
-      resetExpanded: () => {
+      resetExpanded: defaultState => {
         var _instance$initialStat, _instance$initialStat2;
 
-        instance.setExpanded((_instance$initialStat = (_instance$initialStat2 = instance.initialState) == null ? void 0 : _instance$initialStat2.expanded) != null ? _instance$initialStat : {});
+        instance.setExpanded(defaultState ? {} : (_instance$initialStat = (_instance$initialStat2 = instance.initialState) == null ? void 0 : _instance$initialStat2.expanded) != null ? _instance$initialStat : {});
       },
       getCanSomeRowsExpand: () => {
         return instance.getRowModel().flatRows.some(row => row.getCanExpand());
@@ -1072,7 +1083,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();
@@ -1127,13 +1138,13 @@ const Filters = {
       setGlobalFilter: updater => {
         instance.options.onGlobalFilterChange == null ? void 0 : instance.options.onGlobalFilterChange(updater);
       },
-      resetGlobalFilter: () => {
-        instance.setGlobalFilter(instance.initialState.globalFilter);
+      resetGlobalFilter: defaultState => {
+        instance.setGlobalFilter(defaultState ? undefined : instance.initialState.globalFilter);
       },
-      resetColumnFilters: () => {
+      resetColumnFilters: defaultState => {
         var _instance$initialStat, _instance$initialStat2;
 
-        instance.setColumnFilters((_instance$initialStat = (_instance$initialStat2 = instance.initialState) == null ? void 0 : _instance$initialStat2.columnFilters) != null ? _instance$initialStat : []);
+        instance.setColumnFilters(defaultState ? [] : (_instance$initialStat = (_instance$initialStat2 = instance.initialState) == null ? void 0 : _instance$initialStat2.columnFilters) != null ? _instance$initialStat : []);
       },
       getPreFilteredRowModel: () => instance.getCoreRowModel(),
       _getFilteredRowModel: instance.options.getFilteredRowModel && instance.options.getFilteredRowModel(instance),
@@ -1163,7 +1174,7 @@ const Filters = {
       _getGlobalFacetedMinMaxValues: instance.options.getFacetedMinMaxValues && instance.options.getFacetedMinMaxValues(instance, '__global__'),
       getGlobalFacetedMinMaxValues: () => {
         if (!instance._getGlobalFacetedMinMaxValues) {
-          return [NaN, NaN];
+          return;
         }
 
         return instance._getGlobalFacetedMinMaxValues();
@@ -1362,10 +1373,10 @@ const Grouping = {
   createInstance: instance => {
     return {
       setGrouping: updater => instance.options.onGroupingChange == null ? void 0 : instance.options.onGroupingChange(updater),
-      resetGrouping: () => {
+      resetGrouping: defaultState => {
         var _instance$initialStat, _instance$initialStat2;
 
-        instance.setGrouping((_instance$initialStat = (_instance$initialStat2 = instance.initialState) == null ? void 0 : _instance$initialStat2.grouping) != null ? _instance$initialStat : []);
+        instance.setGrouping(defaultState ? [] : (_instance$initialStat = (_instance$initialStat2 = instance.initialState) == null ? void 0 : _instance$initialStat2.grouping) != null ? _instance$initialStat : []);
       },
       getPreGroupedRowModel: () => instance.getSortedRowModel(),
       getGroupedRowModel: () => {
@@ -1442,10 +1453,10 @@ const Ordering = {
   createInstance: instance => {
     return {
       setColumnOrder: updater => instance.options.onColumnOrderChange == null ? void 0 : instance.options.onColumnOrderChange(updater),
-      resetColumnOrder: () => {
+      resetColumnOrder: defaultState => {
         var _instance$initialStat;
 
-        instance.setColumnOrder((_instance$initialStat = instance.initialState.columnOrder) != null ? _instance$initialStat : []);
+        instance.setColumnOrder(defaultState ? [] : (_instance$initialStat = instance.initialState.columnOrder) != null ? _instance$initialStat : []);
       },
       _getOrderColumnsFn: memo(() => [instance.getState().columnOrder, instance.getState().grouping, instance.options.groupedColumnMode], (columnOrder, grouping, groupedColumnMode) => columns => {
         // Sort grouped columns to the start of the column list
@@ -1483,13 +1494,18 @@ const Ordering = {
 };
 
 //
+const defaultPageIndex = 0;
+const defaultPageSize = 10;
+
+const getDefaultPaginationState = () => ({
+  pageIndex: defaultPageIndex,
+  pageSize: defaultPageSize
+});
+
 const Pagination = {
   getInitialState: state => {
     return { ...state,
-      pagination: {
-        pageCount: -1,
-        pageIndex: 0,
-        pageSize: 10,
+      pagination: { ...getDefaultPaginationState(),
         ...(state == null ? void 0 : state.pagination)
       }
     };
@@ -1502,10 +1518,13 @@ const Pagination = {
   },
   createInstance: instance => {
     let registered = false;
+    let queued = false;
     return {
       _autoResetPageIndex: () => {
         if (!registered) {
-          registered = true;
+          instance.queue(() => {
+            registered = true;
+          });
           return;
         }
 
@@ -1514,7 +1533,12 @@ const Pagination = {
         }
 
         if (instance.options.autoResetAll === true || instance.options.autoResetPageIndex) {
-          instance.resetPageIndex();
+          if (queued) return;
+          queued = true;
+          instance.queue(() => {
+            instance.resetPageIndex();
+            queued = false;
+          });
         }
       },
       setPagination: updater => {
@@ -1525,14 +1549,10 @@ const Pagination = {
 
         return instance.options.onPaginationChange == null ? void 0 : instance.options.onPaginationChange(safeUpdater);
       },
-      resetPagination: () => {
+      resetPagination: defaultState => {
         var _instance$initialStat;
 
-        instance.setPagination((_instance$initialStat = instance.initialState.pagination) != null ? _instance$initialStat : {
-          pageIndex: 0,
-          pageSize: 10,
-          pageCount: -1
-        });
+        instance.setPagination(defaultState ? getDefaultPaginationState() : (_instance$initialStat = instance.initialState.pagination) != null ? _instance$initialStat : getDefaultPaginationState());
       },
       setPageIndex: updater => {
         instance.setPagination(old => {
@@ -1544,13 +1564,15 @@ const Pagination = {
           };
         });
       },
-      resetPageIndex: () => {
-        instance.setPageIndex(0);
-      },
-      resetPageSize: () => {
+      resetPageIndex: defaultState => {
         var _instance$initialStat2, _instance$initialStat3, _instance$initialStat4;
 
-        instance.setPageSize((_instance$initialStat2 = (_instance$initialStat3 = instance.initialState) == null ? void 0 : (_instance$initialStat4 = _instance$initialStat3.pagination) == null ? void 0 : _instance$initialStat4.pageSize) != null ? _instance$initialStat2 : 10);
+        instance.setPageIndex(defaultState ? defaultPageIndex : (_instance$initialStat2 = (_instance$initialStat3 = instance.initialState) == null ? void 0 : (_instance$initialStat4 = _instance$initialStat3.pagination) == null ? void 0 : _instance$initialStat4.pageIndex) != null ? _instance$initialStat2 : defaultPageIndex);
+      },
+      resetPageSize: defaultState => {
+        var _instance$initialStat5, _instance$initialStat6, _instance$initialStat7;
+
+        instance.setPageSize(defaultState ? defaultPageSize : (_instance$initialStat5 = (_instance$initialStat6 = instance.initialState) == null ? void 0 : (_instance$initialStat7 = _instance$initialStat6.pagination) == null ? void 0 : _instance$initialStat7.pageSize) != null ? _instance$initialStat5 : defaultPageSize);
       },
       setPageSize: updater => {
         instance.setPagination(old => {
@@ -1564,7 +1586,9 @@ const Pagination = {
         });
       },
       setPageCount: updater => instance.setPagination(old => {
-        let newPageCount = functionalUpdate(updater, old.pageCount);
+        var _old$pageCount;
+
+        let newPageCount = functionalUpdate(updater, (_old$pageCount = old.pageCount) != null ? _old$pageCount : -1);
 
         if (typeof newPageCount === 'number') {
           newPageCount = Math.max(-1, newPageCount);
@@ -1632,7 +1656,7 @@ const Pagination = {
           pageCount
         } = instance.getState().pagination;
 
-        if (pageCount > 0) {
+        if (typeof pageCount !== 'undefined') {
           return pageCount;
         }
 
@@ -1643,13 +1667,15 @@ const Pagination = {
 };
 
 //
+const getDefaultPinningState = () => ({
+  left: [],
+  right: []
+});
+
 const Pinning = {
   getInitialState: state => {
     return {
-      columnPinning: {
-        left: [],
-        right: []
-      },
+      columnPinning: getDefaultPinningState(),
       ...state
     };
   },
@@ -1759,10 +1785,10 @@ const Pinning = {
   createInstance: instance => {
     return {
       setColumnPinning: updater => instance.options.onColumnPinningChange == null ? void 0 : instance.options.onColumnPinningChange(updater),
-      resetColumnPinning: () => {
+      resetColumnPinning: defaultState => {
         var _instance$initialStat, _instance$initialStat2;
 
-        return instance.setColumnPinning((_instance$initialStat = (_instance$initialStat2 = instance.initialState) == null ? void 0 : _instance$initialStat2.columnPinning) != null ? _instance$initialStat : {});
+        return instance.setColumnPinning(defaultState ? getDefaultPinningState() : (_instance$initialStat = (_instance$initialStat2 = instance.initialState) == null ? void 0 : _instance$initialStat2.columnPinning) != null ? _instance$initialStat : getDefaultPinningState());
       },
       getIsSomeColumnsPinned: () => {
         const {
@@ -1828,10 +1854,10 @@ const RowSelection = {
   createInstance: instance => {
     return {
       setRowSelection: updater => instance.options.onRowSelectionChange == null ? void 0 : instance.options.onRowSelectionChange(updater),
-      resetRowSelection: () => {
+      resetRowSelection: defaultState => {
         var _instance$initialStat;
 
-        return instance.setRowSelection((_instance$initialStat = instance.initialState.rowSelection) != null ? _instance$initialStat : {});
+        return instance.setRowSelection(defaultState ? {} : (_instance$initialStat = instance.initialState.rowSelection) != null ? _instance$initialStat : {});
       },
       toggleAllRowsSelected: value => {
         instance.setRowSelection(old => {
@@ -2458,14 +2484,9 @@ const Sorting = {
 
         return (_instance$getState$so2 = (_instance$getState$so3 = instance.getState().sorting) == null ? void 0 : _instance$getState$so3.findIndex(d => d.id === column.id)) != null ? _instance$getState$so2 : -1;
       },
-      resetSorting: columnId => {
-        if (columnId) {
-          instance.setSorting(old => old != null && old.length ? old.filter(d => d.id !== columnId) : []);
-        } else {
-          var _instance$initialStat, _instance$initialStat2;
-
-          instance.setSorting((_instance$initialStat = (_instance$initialStat2 = instance.initialState) == null ? void 0 : _instance$initialStat2.sorting) != null ? _instance$initialStat : []);
-        }
+      clearSorting: () => {
+        //clear sorting for just 1 column
+        instance.setSorting(old => old != null && old.length ? old.filter(d => d.id !== column.id) : []);
       },
       getToggleSortingHandler: () => {
         const canSort = column.getCanSort();
@@ -2480,6 +2501,11 @@ const Sorting = {
   createInstance: instance => {
     return {
       setSorting: updater => instance.options.onSortingChange == null ? void 0 : instance.options.onSortingChange(updater),
+      resetSorting: defaultState => {
+        var _instance$initialStat, _instance$initialStat2;
+
+        instance.setSorting(defaultState ? [] : (_instance$initialStat = (_instance$initialStat2 = instance.initialState) == null ? void 0 : _instance$initialStat2.sorting) != null ? _instance$initialStat : []);
+      },
       getPreSortedRowModel: () => instance.getFilteredRowModel(),
       getSortedRowModel: () => {
         if (!instance._getSortedRowModel && instance.options.getSortedRowModel) {
@@ -2583,6 +2609,11 @@ const Visibility = {
       getRightVisibleLeafColumns: makeVisibleColumnsMethod('getRightVisibleLeafColumns', () => instance.getRightLeafColumns()),
       getCenterVisibleLeafColumns: makeVisibleColumnsMethod('getCenterVisibleLeafColumns', () => instance.getCenterLeafColumns()),
       setColumnVisibility: updater => instance.options.onColumnVisibilityChange == null ? void 0 : instance.options.onColumnVisibilityChange(updater),
+      resetColumnVisibility: defaultState => {
+        var _instance$initialStat;
+
+        instance.setColumnVisibility(defaultState ? {} : (_instance$initialStat = instance.initialState.columnVisibility) != null ? _instance$initialStat : {});
+      },
       toggleAllColumnsVisible: value => {
         var _value;
 
@@ -3348,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();
     }
   });
 }
@@ -3556,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();
     }
   });
 }
@@ -3626,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;
+
+    const firstValue = (_facetedRowModel$flat = facetedRowModel.flatRows[0]) == null ? void 0 : _facetedRowModel$flat.getValue(columnId);
 
-    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];
+    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;
@@ -3741,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();
     }
   });
 }