@tanstack/svelte-table 8.0.0-beta.3 → 8.0.0-beta.6

package/build/stats-html.html

@@ -2669,7 +2669,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"name":"packages","children":[{"name":"table-core/build/esm/index.js","uid":"6d83-163"},{"name":"svelte-table/src","children":[{"uid":"6d83-165","name":"placeholder.svelte"},{"uid":"6d83-167","name":"render-component.ts"},{"uid":"6d83-169","name":"index.ts"}]}]}]}],"isRoot":true},"nodeParts":{"6d83-163":{"renderedLength":137572,"gzipLength":23395,"brotliLength":0,"mainUid":"6d83-162"},"6d83-165":{"renderedLength":925,"gzipLength":444,"brotliLength":0,"mainUid":"6d83-164"},"6d83-167":{"renderedLength":1365,"gzipLength":519,"brotliLength":0,"mainUid":"6d83-166"},"6d83-169":{"renderedLength":2729,"gzipLength":868,"brotliLength":0,"mainUid":"6d83-168"}},"nodeMetas":{"6d83-162":{"id":"/packages/table-core/build/esm/index.js","moduleParts":{"index.production.js":"6d83-163"},"imported":[],"importedBy":[{"uid":"6d83-168"}]},"6d83-164":{"id":"/packages/svelte-table/src/placeholder.svelte","moduleParts":{"index.production.js":"6d83-165"},"imported":[{"uid":"6d83-170"}],"importedBy":[{"uid":"6d83-168"}]},"6d83-166":{"id":"/packages/svelte-table/src/render-component.ts","moduleParts":{"index.production.js":"6d83-167"},"imported":[{"uid":"6d83-170"}],"importedBy":[{"uid":"6d83-168"}]},"6d83-168":{"id":"/packages/svelte-table/src/index.ts","moduleParts":{"index.production.js":"6d83-169"},"imported":[{"uid":"6d83-162"},{"uid":"6d83-164"},{"uid":"6d83-170"},{"uid":"6d83-171"},{"uid":"6d83-166"}],"importedBy":[],"isEntry":true},"6d83-170":{"id":"svelte/internal","moduleParts":{},"imported":[],"importedBy":[{"uid":"6d83-168"},{"uid":"6d83-164"},{"uid":"6d83-166"}],"isExternal":true},"6d83-171":{"id":"svelte/store","moduleParts":{},"imported":[],"importedBy":[{"uid":"6d83-168"}],"isExternal":true}},"env":{"rollup":"2.70.2"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"name":"packages","children":[{"name":"table-core/build/esm/index.js","uid":"c1f5-163"},{"name":"svelte-table/src","children":[{"uid":"c1f5-165","name":"placeholder.svelte"},{"uid":"c1f5-167","name":"placeholder.ts"},{"uid":"c1f5-169","name":"render-component.ts"},{"uid":"c1f5-171","name":"index.ts"}]}]}]}],"isRoot":true},"nodeParts":{"c1f5-163":{"renderedLength":138814,"gzipLength":23636,"brotliLength":0,"mainUid":"c1f5-162"},"c1f5-165":{"renderedLength":927,"gzipLength":445,"brotliLength":0,"mainUid":"c1f5-164"},"c1f5-167":{"renderedLength":246,"gzipLength":184,"brotliLength":0,"mainUid":"c1f5-166"},"c1f5-169":{"renderedLength":1458,"gzipLength":539,"brotliLength":0,"mainUid":"c1f5-168"},"c1f5-171":{"renderedLength":3046,"gzipLength":993,"brotliLength":0,"mainUid":"c1f5-170"}},"nodeMetas":{"c1f5-162":{"id":"/packages/table-core/build/esm/index.js","moduleParts":{"index.production.js":"c1f5-163"},"imported":[],"importedBy":[{"uid":"c1f5-170"}]},"c1f5-164":{"id":"/packages/svelte-table/src/placeholder.svelte","moduleParts":{"index.production.js":"c1f5-165"},"imported":[{"uid":"c1f5-172"}],"importedBy":[{"uid":"c1f5-166"}]},"c1f5-166":{"id":"/packages/svelte-table/src/placeholder.ts","moduleParts":{"index.production.js":"c1f5-167"},"imported":[{"uid":"c1f5-172"},{"uid":"c1f5-164"}],"importedBy":[{"uid":"c1f5-170"}]},"c1f5-168":{"id":"/packages/svelte-table/src/render-component.ts","moduleParts":{"index.production.js":"c1f5-169"},"imported":[{"uid":"c1f5-172"}],"importedBy":[{"uid":"c1f5-170"}]},"c1f5-170":{"id":"/packages/svelte-table/src/index.ts","moduleParts":{"index.production.js":"c1f5-171"},"imported":[{"uid":"c1f5-162"},{"uid":"c1f5-166"},{"uid":"c1f5-172"},{"uid":"c1f5-173"},{"uid":"c1f5-168"}],"importedBy":[],"isEntry":true},"c1f5-172":{"id":"svelte/internal","moduleParts":{},"imported":[],"importedBy":[{"uid":"c1f5-170"},{"uid":"c1f5-166"},{"uid":"c1f5-168"},{"uid":"c1f5-164"}],"isExternal":true},"c1f5-173":{"id":"svelte/store","moduleParts":{},"imported":[],"importedBy":[{"uid":"c1f5-170"}],"isExternal":true}},"env":{"rollup":"2.70.2"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/build/stats-react.json

@@ -11,21 +11,25 @@
             "children": [
               {
                 "name": "table-core/build/esm/index.js",
-                "uid": "6d83-173"
+                "uid": "c1f5-175"
               },
               {
                 "name": "svelte-table/src",
                 "children": [
                   {
-                    "uid": "6d83-175",
+                    "uid": "c1f5-177",
                     "name": "placeholder.svelte"
                   },
                   {
-                    "uid": "6d83-177",
+                    "uid": "c1f5-179",
+                    "name": "placeholder.ts"
+                  },
+                  {
+                    "uid": "c1f5-181",
                     "name": "render-component.ts"
                   },
                   {
-                    "uid": "6d83-179",
+                    "uid": "c1f5-183",
                     "name": "index.ts"
                   }
                 ]
@@ -38,125 +42,153 @@
     "isRoot": true
   },
   "nodeParts": {
-    "6d83-173": {
-      "renderedLength": 137572,
-      "gzipLength": 23395,
+    "c1f5-175": {
+      "renderedLength": 138814,
+      "gzipLength": 23636,
       "brotliLength": 0,
-      "mainUid": "6d83-172"
+      "mainUid": "c1f5-174"
     },
-    "6d83-175": {
-      "renderedLength": 925,
-      "gzipLength": 444,
+    "c1f5-177": {
+      "renderedLength": 927,
+      "gzipLength": 445,
       "brotliLength": 0,
-      "mainUid": "6d83-174"
+      "mainUid": "c1f5-176"
     },
-    "6d83-177": {
-      "renderedLength": 1365,
-      "gzipLength": 519,
+    "c1f5-179": {
+      "renderedLength": 246,
+      "gzipLength": 184,
       "brotliLength": 0,
-      "mainUid": "6d83-176"
+      "mainUid": "c1f5-178"
     },
-    "6d83-179": {
-      "renderedLength": 2729,
-      "gzipLength": 868,
+    "c1f5-181": {
+      "renderedLength": 1458,
+      "gzipLength": 539,
       "brotliLength": 0,
-      "mainUid": "6d83-178"
+      "mainUid": "c1f5-180"
+    },
+    "c1f5-183": {
+      "renderedLength": 3046,
+      "gzipLength": 993,
+      "brotliLength": 0,
+      "mainUid": "c1f5-182"
     }
   },
   "nodeMetas": {
-    "6d83-172": {
+    "c1f5-174": {
       "id": "/packages/table-core/build/esm/index.js",
       "moduleParts": {
-        "index.production.js": "6d83-173"
+        "index.production.js": "c1f5-175"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "6d83-178"
+          "uid": "c1f5-182"
         }
       ]
     },
-    "6d83-174": {
+    "c1f5-176": {
       "id": "/packages/svelte-table/src/placeholder.svelte",
       "moduleParts": {
-        "index.production.js": "6d83-175"
+        "index.production.js": "c1f5-177"
       },
       "imported": [
         {
-          "uid": "6d83-180"
+          "uid": "c1f5-184"
         }
       ],
       "importedBy": [
         {
-          "uid": "6d83-178"
+          "uid": "c1f5-178"
         }
       ]
     },
-    "6d83-176": {
+    "c1f5-178": {
+      "id": "/packages/svelte-table/src/placeholder.ts",
+      "moduleParts": {
+        "index.production.js": "c1f5-179"
+      },
+      "imported": [
+        {
+          "uid": "c1f5-184"
+        },
+        {
+          "uid": "c1f5-176"
+        }
+      ],
+      "importedBy": [
+        {
+          "uid": "c1f5-182"
+        }
+      ]
+    },
+    "c1f5-180": {
       "id": "/packages/svelte-table/src/render-component.ts",
       "moduleParts": {
-        "index.production.js": "6d83-177"
+        "index.production.js": "c1f5-181"
       },
       "imported": [
         {
-          "uid": "6d83-180"
+          "uid": "c1f5-184"
         }
       ],
       "importedBy": [
         {
-          "uid": "6d83-178"
+          "uid": "c1f5-182"
         }
       ]
     },
-    "6d83-178": {
+    "c1f5-182": {
       "id": "/packages/svelte-table/src/index.ts",
       "moduleParts": {
-        "index.production.js": "6d83-179"
+        "index.production.js": "c1f5-183"
       },
       "imported": [
         {
-          "uid": "6d83-172"
+          "uid": "c1f5-174"
         },
         {
-          "uid": "6d83-174"
+          "uid": "c1f5-178"
         },
         {
-          "uid": "6d83-180"
+          "uid": "c1f5-184"
         },
         {
-          "uid": "6d83-181"
+          "uid": "c1f5-185"
         },
         {
-          "uid": "6d83-176"
+          "uid": "c1f5-180"
         }
       ],
       "importedBy": [],
       "isEntry": true
     },
-    "6d83-180": {
+    "c1f5-184": {
       "id": "svelte/internal",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "6d83-178"
+          "uid": "c1f5-182"
+        },
+        {
+          "uid": "c1f5-178"
         },
         {
-          "uid": "6d83-174"
+          "uid": "c1f5-180"
         },
         {
-          "uid": "6d83-176"
+          "uid": "c1f5-176"
         }
       ],
       "isExternal": true
     },
-    "6d83-181": {
+    "c1f5-185": {
       "id": "svelte/store",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "6d83-178"
+          "uid": "c1f5-182"
         }
       ],
       "isExternal": true

package/build/types/placeholder.d.ts

@@ -0,0 +1,3 @@
+import type { SvelteComponentDev } from 'svelte/internal';
+declare const _default: typeof SvelteComponentDev;
+export default _default;

package/build/umd/index.development.js

@@ -828,7 +828,6 @@
     getDefaultOptions: instance => {
       return {
         onExpandedChange: makeStateUpdater('expanded', instance),
-        autoResetExpanded: true,
         paginateExpandedRows: true
       };
     },
@@ -837,6 +836,8 @@
       let queued = false;
       return {
         _autoResetExpanded: () => {
+          var _ref, _instance$options$aut;
+
           if (!registered) {
             instance._queue(() => {
               registered = true;
@@ -845,11 +846,7 @@
             return;
           }
 
-          if (instance.options.autoResetAll === false) {
-            return;
-          }
-
-          if (instance.options.autoResetAll === true || instance.options.autoResetExpanded) {
+          if ((_ref = (_instance$options$aut = instance.options.autoResetAll) != null ? _instance$options$aut : instance.options.autoResetExpanded) != null ? _ref : !instance.options.manualExpanding) {
             if (queued) return;
             queued = true;
 
@@ -913,7 +910,7 @@
           });
           return maxDepth;
         },
-        getPreExpandedRowModel: () => instance.getGroupedRowModel(),
+        getPreExpandedRowModel: () => instance.getSortedRowModel(),
         getExpandedRowModel: () => {
           if (!instance._getExpandedRowModel && instance.options.getExpandedRowModel) {
             instance._getExpandedRowModel = instance.options.getExpandedRowModel(instance);
@@ -1514,7 +1511,7 @@
 
           instance.setGrouping(defaultState ? [] : (_instance$initialStat = (_instance$initialStat2 = instance.initialState) == null ? void 0 : _instance$initialStat2.grouping) != null ? _instance$initialStat : []);
         },
-        getPreGroupedRowModel: () => instance.getSortedRowModel(),
+        getPreGroupedRowModel: () => instance.getFilteredRowModel(),
         getGroupedRowModel: () => {
           if (!instance._getGroupedRowModel && instance.options.getGroupedRowModel) {
             instance._getGroupedRowModel = instance.options.getGroupedRowModel(instance);
@@ -1535,6 +1532,12 @@
       };
     },
     createCell: (cell, column, row, instance) => {
+      const getRenderValue = () => {
+        var _cell$getValue;
+
+        return (_cell$getValue = cell.getValue()) != null ? _cell$getValue : instance.options.renderFallbackValue;
+      };
+
       return {
         getIsGrouped: () => column.getIsGrouped() && column.id === row.groupingColumnId,
         getIsPlaceholder: () => !cell.getIsGrouped() && column.getIsGrouped(),
@@ -1544,15 +1547,19 @@
           return !cell.getIsGrouped() && !cell.getIsPlaceholder() && ((_row$subRows = row.subRows) == null ? void 0 : _row$subRows.length) > 1;
         },
         renderAggregatedCell: () => {
-          var _column$columnDef$agg;
+          {
+            if (!column.columnDef.aggregatedCell) {
+              console.warn('A columnDef.aggregatedCell template is recommended for displaying aggregated values.');
+            }
+          }
 
-          const template = (_column$columnDef$agg = column.columnDef.aggregatedCell) != null ? _column$columnDef$agg : column.columnDef.cell;
+          const template = column.columnDef.aggregatedCell || column.columnDef.cell;
           return template ? instance._render(template, {
             instance,
             column,
             row,
             cell,
-            getValue: cell.getValue
+            getValue: getRenderValue
           }) : null;
         }
       };
@@ -2022,11 +2029,11 @@
           });
         },
         toggleAllPageRowsSelected: value => instance.setRowSelection(old => {
-          typeof value !== 'undefined' ? value : !instance.getIsAllPageRowsSelected();
+          const resolvedValue = typeof value !== 'undefined' ? value : !instance.getIsAllPageRowsSelected();
           const rowSelection = { ...old
           };
           instance.getRowModel().rows.forEach(row => {
-            mutateRowIsSelected(rowSelection, row.id, value, instance);
+            mutateRowIsSelected(rowSelection, row.id, resolvedValue, instance);
           });
           return rowSelection;
         }),
@@ -2117,7 +2124,7 @@
             return (_instance$options$deb2 = instance.options.debugAll) != null ? _instance$options$deb2 : instance.options.debugTable;
           }
         }),
-        getGroupedSelectedRowModel: memo(() => [instance.getState().rowSelection, instance.getGroupedRowModel()], (rowSelection, rowModel) => {
+        getGroupedSelectedRowModel: memo(() => [instance.getState().rowSelection, instance.getSortedRowModel()], (rowSelection, rowModel) => {
           if (!Object.keys(rowSelection).length) {
             return {
               rows: [],
@@ -2181,7 +2188,7 @@
         },
         getIsSomePageRowsSelected: () => {
           const paginationFlatRows = instance.getPaginationRowModel().flatRows;
-          return instance.getIsAllPageRowsSelected() ? false : !!(paginationFlatRows != null && paginationFlatRows.length);
+          return instance.getIsAllPageRowsSelected() ? false : paginationFlatRows.some(d => d.getIsSelected() || d.getIsSomeSelected());
         },
         getToggleAllRowsSelectedHandler: () => {
           return e => {
@@ -2535,8 +2542,10 @@
           //   })
           //   return
           // }
+          // this needs to be outside of instance.setSorting to be in sync with rerender
+          const nextSortingOrder = column.getNextSortingOrder();
           instance.setSorting(old => {
-            var _ref2, _column$columnDef$sor, _instance$options$ena, _instance$options$ena2;
+            var _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);
@@ -2561,30 +2570,29 @@
               } else {
                 sortAction = 'replace';
               }
-            }
+            } // 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
             !hasDescDefined && ( // Must not be setting desc
-            multi ? (_instance$options$ena2 = instance.options.enableMultiRemove) != null ? _instance$options$ena2 : true : true) && ( // If multi, don't allow if enableMultiRemove
-            existingSorting != null && existingSorting.desc // Finally, detect if it should indeed be removed
-            ? !sortDescFirst : sortDescFirst)) {
+            multi ? (_instance$options$ena2 = instance.options.enableMultiRemove) != null ? _instance$options$ena2 : true : true) && // If multi, don't allow if enableMultiRemove
+            !nextSortingOrder // Finally, detect if it should indeed be removed
+            ) {
               sortAction = 'remove';
             }
 
             if (sortAction === 'replace') {
               newSorting = [{
                 id: column.id,
-                desc: hasDescDefined ? desc : !!sortDescFirst
+                desc: hasDescDefined ? desc : nextSortingOrder === 'desc'
               }];
             } else if (sortAction === 'add' && old != null && old.length) {
               var _instance$options$max;
 
               newSorting = [...old, {
                 id: column.id,
-                desc: hasDescDefined ? desc : !!sortDescFirst
+                desc: hasDescDefined ? desc : nextSortingOrder === 'desc'
               }]; // Take latest n columns
 
               newSorting.splice(0, newSorting.length - ((_instance$options$max = instance.options.maxMultiSortColCount) != null ? _instance$options$max : Number.MAX_SAFE_INTEGER));
@@ -2593,7 +2601,7 @@
               newSorting = old.map(d => {
                 if (d.id === column.id) {
                   return { ...d,
-                    desc: hasDescDefined ? desc : !(existingSorting != null && existingSorting.desc)
+                    desc: hasDescDefined ? desc : nextSortingOrder === 'desc'
                   };
                 }
 
@@ -2606,6 +2614,23 @@
             return newSorting;
           });
         },
+        getNextSortingOrder: () => {
+          var _ref2, _column$columnDef$sor;
+
+          const sortDescFirst = (_ref2 = (_column$columnDef$sor = column.columnDef.sortDescFirst) != null ? _column$columnDef$sor : instance.options.sortDescFirst) != null ? _ref2 : column.getAutoSortDir() === 'desc';
+          const firstSortDirection = sortDescFirst ? 'desc' : 'asc';
+          const isSorted = column.getIsSorted();
+
+          if (!isSorted) {
+            return firstSortDirection;
+          }
+
+          if (isSorted === firstSortDirection) {
+            return isSorted === 'desc' ? 'asc' : 'desc';
+          } else {
+            return false;
+          }
+        },
         getCanSort: () => {
           var _column$columnDef$ena, _instance$options$ena3;
 
@@ -2649,7 +2674,7 @@
 
           instance.setSorting(defaultState ? [] : (_instance$initialStat = (_instance$initialStat2 = instance.initialState) == null ? void 0 : _instance$initialStat2.sorting) != null ? _instance$initialStat : []);
         },
-        getPreSortedRowModel: () => instance.getFilteredRowModel(),
+        getPreSortedRowModel: () => instance.getGroupedRowModel(),
         getSortedRowModel: () => {
           if (!instance._getSortedRowModel && instance.options.getSortedRowModel) {
             instance._getSortedRowModel = instance.options.getSortedRowModel(instance);
@@ -3053,6 +3078,12 @@
   }
 
   function createCell(instance, row, column, columnId) {
+    const getRenderValue = () => {
+      var _cell$getValue;
+
+      return (_cell$getValue = cell.getValue()) != null ? _cell$getValue : instance.options.renderFallbackValue;
+    };
+
     const cell = {
       id: row.id + "_" + column.id,
       row,
@@ -3064,7 +3095,7 @@
           column,
           row,
           cell: cell,
-          getValue: cell.getValue
+          getValue: getRenderValue
         }) : null;
       }
     };
@@ -3793,20 +3824,34 @@
       const pageStart = pageSize * pageIndex;
       const pageEnd = pageStart + pageSize;
       rows = rows.slice(pageStart, pageEnd);
+      let paginatedRowModel;
 
       if (!instance.options.paginateExpandedRows) {
-        return expandRows({
+        paginatedRowModel = expandRows({
           rows,
           flatRows,
           rowsById
         });
+      } else {
+        paginatedRowModel = {
+          rows,
+          flatRows,
+          rowsById
+        };
       }
 
-      return {
-        rows,
-        flatRows,
-        rowsById
+      paginatedRowModel.flatRows = [];
+
+      const handleRow = row => {
+        paginatedRowModel.flatRows.push(row);
+
+        if (row.subRows.length) {
+          row.subRows.forEach(handleRow);
+        }
       };
+
+      paginatedRowModel.rows.forEach(handleRow);
+      return paginatedRowModel;
     }, {
       key: 'getPaginationRowModel',
       debug: () => {
@@ -3850,13 +3895,18 @@
   	return [content];
   }
 
-  class Placeholder extends internal.SvelteComponent {
+  class Placeholder$1 extends internal.SvelteComponent {
   	constructor(options) {
   		super();
   		internal.init(this, options, instance, create_fragment$1, internal.safe_not_equal, { content: 0 });
   	}
   }
 
+  const PlaceholderServer = internal.create_ssr_component(($$result, $$props, $$bindings, slots) => {
+    return "" + internal.escape($$props.content);
+  });
+  var Placeholder = typeof document === 'undefined' ? PlaceholderServer : Placeholder$1;
+
   function create_fragment(ctx, Comp, props) {
     let c;
     let current;
@@ -3869,6 +3919,10 @@
         internal.create_component(c.$$.fragment);
       },
 
+      l(nodes) {
+        internal.claim_component(c.$$.fragment, nodes);
+      },
+
       m(target, anchor) {
         // @ts-ignore
         internal.mount_component(c, target, anchor);
@@ -3907,7 +3961,7 @@
 
   function renderServer(Comp, props) {
     const WrapperComp = internal.create_ssr_component(($$result, $$props, $$bindings, slots) => {
-      return "" + internal.validate_component(Comp, 'Comp').$$render($$result, props, {}, {});
+      return "" + internal.validate_component(Comp, 'TableComponent').$$render($$result, props, {}, {});
     });
     return WrapperComp;
   }
@@ -3919,7 +3973,10 @@
   }
 
   function isSvelteClientComponent(component) {
-    return component.prototype instanceof internal.SvelteComponent;
+    var _component$name, _component$name2;
+
+    let isHMR = ('__SVELTE_HMR' in window);
+    return component.prototype instanceof internal.SvelteComponent || isHMR && ((_component$name = component.name) == null ? void 0 : _component$name.startsWith('Proxy<')) && ((_component$name2 = component.name) == null ? void 0 : _component$name2.endsWith('>'));
   }
 
   function isSvelteComponent(component) {
@@ -3973,6 +4030,7 @@
       onStateChange: () => {},
       // noop
       render,
+      renderFallbackValue: null,
       ...store.get(optionsStore)
     };
     let instance = createTableInstance$1(resolvedOptions);