@tanstack/svelte-table 8.0.0-alpha.86 → 8.0.0-alpha.89

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":"74a1-163"},{"name":"svelte-table/src","children":[{"uid":"74a1-165","name":"placeholder.svelte"},{"uid":"74a1-167","name":"render-component.ts"},{"uid":"74a1-169","name":"index.ts"}]}]}]}],"isRoot":true},"nodeParts":{"74a1-163":{"renderedLength":137360,"gzipLength":23349,"brotliLength":0,"mainUid":"74a1-162"},"74a1-165":{"renderedLength":925,"gzipLength":444,"brotliLength":0,"mainUid":"74a1-164"},"74a1-167":{"renderedLength":1365,"gzipLength":519,"brotliLength":0,"mainUid":"74a1-166"},"74a1-169":{"renderedLength":2729,"gzipLength":868,"brotliLength":0,"mainUid":"74a1-168"}},"nodeMetas":{"74a1-162":{"id":"/packages/table-core/build/esm/index.js","moduleParts":{"index.production.js":"74a1-163"},"imported":[],"importedBy":[{"uid":"74a1-168"}]},"74a1-164":{"id":"/packages/svelte-table/src/placeholder.svelte","moduleParts":{"index.production.js":"74a1-165"},"imported":[{"uid":"74a1-170"}],"importedBy":[{"uid":"74a1-168"}]},"74a1-166":{"id":"/packages/svelte-table/src/render-component.ts","moduleParts":{"index.production.js":"74a1-167"},"imported":[{"uid":"74a1-170"}],"importedBy":[{"uid":"74a1-168"}]},"74a1-168":{"id":"/packages/svelte-table/src/index.ts","moduleParts":{"index.production.js":"74a1-169"},"imported":[{"uid":"74a1-162"},{"uid":"74a1-164"},{"uid":"74a1-170"},{"uid":"74a1-171"},{"uid":"74a1-166"}],"importedBy":[],"isEntry":true},"74a1-170":{"id":"svelte/internal","moduleParts":{},"imported":[],"importedBy":[{"uid":"74a1-168"},{"uid":"74a1-164"},{"uid":"74a1-166"}],"isExternal":true},"74a1-171":{"id":"svelte/store","moduleParts":{},"imported":[],"importedBy":[{"uid":"74a1-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":"756b-163"},{"name":"svelte-table/src","children":[{"uid":"756b-165","name":"placeholder.svelte"},{"uid":"756b-167","name":"render-component.ts"},{"uid":"756b-169","name":"index.ts"}]}]}]}],"isRoot":true},"nodeParts":{"756b-163":{"renderedLength":137944,"gzipLength":23474,"brotliLength":0,"mainUid":"756b-162"},"756b-165":{"renderedLength":925,"gzipLength":444,"brotliLength":0,"mainUid":"756b-164"},"756b-167":{"renderedLength":1365,"gzipLength":519,"brotliLength":0,"mainUid":"756b-166"},"756b-169":{"renderedLength":2729,"gzipLength":868,"brotliLength":0,"mainUid":"756b-168"}},"nodeMetas":{"756b-162":{"id":"/packages/table-core/build/esm/index.js","moduleParts":{"index.production.js":"756b-163"},"imported":[],"importedBy":[{"uid":"756b-168"}]},"756b-164":{"id":"/packages/svelte-table/src/placeholder.svelte","moduleParts":{"index.production.js":"756b-165"},"imported":[{"uid":"756b-170"}],"importedBy":[{"uid":"756b-168"}]},"756b-166":{"id":"/packages/svelte-table/src/render-component.ts","moduleParts":{"index.production.js":"756b-167"},"imported":[{"uid":"756b-170"}],"importedBy":[{"uid":"756b-168"}]},"756b-168":{"id":"/packages/svelte-table/src/index.ts","moduleParts":{"index.production.js":"756b-169"},"imported":[{"uid":"756b-162"},{"uid":"756b-164"},{"uid":"756b-170"},{"uid":"756b-171"},{"uid":"756b-166"}],"importedBy":[],"isEntry":true},"756b-170":{"id":"svelte/internal","moduleParts":{},"imported":[],"importedBy":[{"uid":"756b-168"},{"uid":"756b-164"},{"uid":"756b-166"}],"isExternal":true},"756b-171":{"id":"svelte/store","moduleParts":{},"imported":[],"importedBy":[{"uid":"756b-168"}],"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,21 @@
             "children": [
               {
                 "name": "table-core/build/esm/index.js",
-                "uid": "74a1-173"
+                "uid": "756b-173"
               },
               {
                 "name": "svelte-table/src",
                 "children": [
                   {
-                    "uid": "74a1-175",
+                    "uid": "756b-175",
                     "name": "placeholder.svelte"
                   },
                   {
-                    "uid": "74a1-177",
+                    "uid": "756b-177",
                     "name": "render-component.ts"
                   },
                   {
-                    "uid": "74a1-179",
+                    "uid": "756b-179",
                     "name": "index.ts"
                   }
                 ]
@@ -38,125 +38,125 @@
     "isRoot": true
   },
   "nodeParts": {
-    "74a1-173": {
-      "renderedLength": 137360,
-      "gzipLength": 23349,
+    "756b-173": {
+      "renderedLength": 137944,
+      "gzipLength": 23474,
       "brotliLength": 0,
-      "mainUid": "74a1-172"
+      "mainUid": "756b-172"
     },
-    "74a1-175": {
+    "756b-175": {
       "renderedLength": 925,
       "gzipLength": 444,
       "brotliLength": 0,
-      "mainUid": "74a1-174"
+      "mainUid": "756b-174"
     },
-    "74a1-177": {
+    "756b-177": {
       "renderedLength": 1365,
       "gzipLength": 519,
       "brotliLength": 0,
-      "mainUid": "74a1-176"
+      "mainUid": "756b-176"
     },
-    "74a1-179": {
+    "756b-179": {
       "renderedLength": 2729,
       "gzipLength": 868,
       "brotliLength": 0,
-      "mainUid": "74a1-178"
+      "mainUid": "756b-178"
     }
   },
   "nodeMetas": {
-    "74a1-172": {
+    "756b-172": {
       "id": "/packages/table-core/build/esm/index.js",
       "moduleParts": {
-        "index.production.js": "74a1-173"
+        "index.production.js": "756b-173"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "74a1-178"
+          "uid": "756b-178"
         }
       ]
     },
-    "74a1-174": {
+    "756b-174": {
       "id": "/packages/svelte-table/src/placeholder.svelte",
       "moduleParts": {
-        "index.production.js": "74a1-175"
+        "index.production.js": "756b-175"
       },
       "imported": [
         {
-          "uid": "74a1-180"
+          "uid": "756b-180"
         }
       ],
       "importedBy": [
         {
-          "uid": "74a1-178"
+          "uid": "756b-178"
         }
       ]
     },
-    "74a1-176": {
+    "756b-176": {
       "id": "/packages/svelte-table/src/render-component.ts",
       "moduleParts": {
-        "index.production.js": "74a1-177"
+        "index.production.js": "756b-177"
       },
       "imported": [
         {
-          "uid": "74a1-180"
+          "uid": "756b-180"
         }
       ],
       "importedBy": [
         {
-          "uid": "74a1-178"
+          "uid": "756b-178"
         }
       ]
     },
-    "74a1-178": {
+    "756b-178": {
       "id": "/packages/svelte-table/src/index.ts",
       "moduleParts": {
-        "index.production.js": "74a1-179"
+        "index.production.js": "756b-179"
       },
       "imported": [
         {
-          "uid": "74a1-172"
+          "uid": "756b-172"
         },
         {
-          "uid": "74a1-174"
+          "uid": "756b-174"
         },
         {
-          "uid": "74a1-180"
+          "uid": "756b-180"
         },
         {
-          "uid": "74a1-181"
+          "uid": "756b-181"
         },
         {
-          "uid": "74a1-176"
+          "uid": "756b-176"
         }
       ],
       "importedBy": [],
       "isEntry": true
     },
-    "74a1-180": {
+    "756b-180": {
       "id": "svelte/internal",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "74a1-178"
+          "uid": "756b-178"
         },
         {
-          "uid": "74a1-174"
+          "uid": "756b-174"
         },
         {
-          "uid": "74a1-176"
+          "uid": "756b-176"
         }
       ],
       "isExternal": true
     },
-    "74a1-181": {
+    "756b-181": {
       "id": "svelte/store",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "74a1-178"
+          "uid": "756b-178"
         }
       ],
       "isExternal": true

package/build/umd/index.development.js

@@ -124,7 +124,7 @@
       }
     }
 
-    let column = { ...columnDef,
+    let column = {
       id: "" + id,
       accessorFn,
       parent: parent,
@@ -888,8 +888,12 @@
         getIsAllRowsExpanded: () => {
           const expanded = instance.getState().expanded; // If expanded is true, save some cycles and return true
 
-          if (expanded === true) {
-            return true;
+          if (typeof expanded === 'boolean') {
+            return expanded === true;
+          }
+
+          if (!Object.keys(expanded).length) {
+            return false;
           } // If any row is not expanded, return false
 
 
@@ -2344,21 +2348,54 @@
   }
 
   const reSplitAlphaNumeric = /([0-9]+)/gm;
-  const sortingFns = {
-    alphanumeric,
-    alphanumericCaseSensitive,
-    text,
-    textCaseSensitive,
-    datetime,
-    basic
-  };
 
-  function alphanumeric(rowA, rowB, columnId) {
+  const alphanumeric = (rowA, rowB, columnId) => {
     return compareAlphanumeric(toString(rowA.getValue(columnId)).toLowerCase(), toString(rowB.getValue(columnId)).toLowerCase());
-  }
+  };
 
-  function alphanumericCaseSensitive(rowA, rowB, columnId) {
+  const alphanumericCaseSensitive = (rowA, rowB, columnId) => {
     return compareAlphanumeric(toString(rowA.getValue(columnId)), toString(rowB.getValue(columnId)));
+  }; // The text filter is more basic (less numeric support)
+  // but is much faster
+
+
+  const text = (rowA, rowB, columnId) => {
+    return compareBasic(toString(rowA.getValue(columnId)).toLowerCase(), toString(rowB.getValue(columnId)).toLowerCase());
+  }; // The text filter is more basic (less numeric support)
+  // but is much faster
+
+
+  const textCaseSensitive = (rowA, rowB, columnId) => {
+    return compareBasic(toString(rowA.getValue(columnId)), toString(rowB.getValue(columnId)));
+  };
+
+  const datetime = (rowA, rowB, columnId) => {
+    return compareBasic(rowA.getValue(columnId).getTime(), rowB.getValue(columnId).getTime());
+  };
+
+  const basic = (rowA, rowB, columnId) => {
+    return compareBasic(rowA.getValue(columnId), rowB.getValue(columnId));
+  }; // Utils
+
+
+  function compareBasic(a, b) {
+    return a === b ? 0 : a > b ? 1 : -1;
+  }
+
+  function toString(a) {
+    if (typeof a === 'number') {
+      if (isNaN(a) || a === Infinity || a === -Infinity) {
+        return '';
+      }
+
+      return String(a);
+    }
+
+    if (typeof a === 'string') {
+      return a;
+    }
+
+    return '';
   } // Mixed sorting is slow, but very inclusive of many edge cases.
   // It handles numbers, mixed alphanumeric combinations, and even
   // null, undefined, and Infinity
@@ -2405,48 +2442,17 @@
     }
 
     return a.length - b.length;
-  } // The text filter is more basic (less numeric support)
-  // but is much faster
-
-
-  function text(rowA, rowB, columnId) {
-    return compareBasic(toString(rowA.getValue(columnId)).toLowerCase(), toString(rowB.getValue(columnId)).toLowerCase());
-  } // The text filter is more basic (less numeric support)
-  // but is much faster
-
-
-  function textCaseSensitive(rowA, rowB, columnId) {
-    return compareBasic(toString(rowA.getValue(columnId)), toString(rowB.getValue(columnId)));
-  }
-
-  function datetime(rowA, rowB, columnId) {
-    return compareBasic(rowA.getValue(columnId).getTime(), rowB.getValue(columnId).getTime());
-  }
-
-  function basic(rowA, rowB, columnId) {
-    return compareBasic(rowA.getValue(columnId), rowB.getValue(columnId));
-  } // Utils
-
-
-  function compareBasic(a, b) {
-    return a === b ? 0 : a > b ? 1 : -1;
-  }
+  } // Exports
 
-  function toString(a) {
-    if (typeof a === 'number') {
-      if (isNaN(a) || a === Infinity || a === -Infinity) {
-        return '';
-      }
-
-      return String(a);
-    }
 
-    if (typeof a === 'string') {
-      return a;
-    }
-
-    return '';
-  }
+  const sortingFns = {
+    alphanumeric,
+    alphanumericCaseSensitive,
+    text,
+    textCaseSensitive,
+    datetime,
+    basic
+  };
 
   //
   const Sorting = {
@@ -2527,8 +2533,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);
@@ -2553,30 +2561,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));
@@ -2585,7 +2592,7 @@
               newSorting = old.map(d => {
                 if (d.id === column.id) {
                   return { ...d,
-                    desc: hasDescDefined ? desc : !(existingSorting != null && existingSorting.desc)
+                    desc: hasDescDefined ? desc : nextSortingOrder === 'desc'
                   };
                 }
 
@@ -2598,6 +2605,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;
 
@@ -2698,8 +2722,8 @@
     },
     createRow: (row, instance) => {
       return {
-        _getAllVisibleCells: memo(() => [row.getAllCells().filter(cell => cell.column.getIsVisible()).map(d => d.id).join('_')], _ => {
-          return row.getAllCells().filter(cell => cell.column.getIsVisible());
+        _getAllVisibleCells: memo(() => [row.getAllCells(), instance.getState().columnVisibility], cells => {
+          return cells.filter(cell => cell.column.getIsVisible());
         }, {
           key: "development" === 'production' ,
           debug: () => {
@@ -3050,13 +3074,15 @@
       row,
       column,
       getValue: () => row.getValue(columnId),
-      renderCell: () => column.columnDef.cell ? instance._render(column.columnDef.cell, {
-        instance,
-        column,
-        row,
-        cell: cell,
-        getValue: cell.getValue
-      }) : null
+      renderCell: () => {
+        return column.columnDef.cell ? instance._render(column.columnDef.cell, {
+          instance,
+          column,
+          row,
+          cell: cell,
+          getValue: cell.getValue
+        }) : null;
+      }
     };
 
     instance._features.forEach(feature => {
@@ -3131,27 +3157,23 @@
         flatRows: [],
         rowsById: {}
       };
-      let rows;
-      let row;
-      let originalRow;
 
       const accessRows = function (originalRows, depth, parent) {
         if (depth === void 0) {
           depth = 0;
         }
 
-        rows = [];
+        const rows = [];
 
         for (let i = 0; i < originalRows.length; i++) {
-          originalRow = originalRows[i]; // This could be an expensive check at scale, so we should move it somewhere else, but where?
+          // This could be an expensive check at scale, so we should move it somewhere else, but where?
           // if (!id) {
           //   if ("development" !== 'production') {
           //     throw new Error(`getRowId expected an ID, but got ${id}`)
           //   }
           // }
           // Make the row
-
-          row = createRow(instance, instance._getRowId(originalRow, i, parent), originalRow, i, depth); // Keep track of every row in a flat array
+          const row = createRow(instance, instance._getRowId(originalRows[i], i, parent), originalRows[i], i, depth); // Keep track of every row in a flat array
 
           rowModel.flatRows.push(row); // Also keep track of every row by its ID
 
@@ -3162,7 +3184,7 @@
           if (instance.options.getSubRows) {
             var _row$originalSubRows;
 
-            row.originalSubRows = instance.options.getSubRows(originalRow, i); // Then recursively access them
+            row.originalSubRows = instance.options.getSubRows(originalRows[i], i); // Then recursively access them
 
             if ((_row$originalSubRows = row.originalSubRows) != null && _row$originalSubRows.length) {
               row.subRows = accessRows(row.originalSubRows, depth + 1, row);