@tanstack/svelte-table 8.1.4 → 8.2.2

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":"8281-159"},{"name":"svelte-table/src","children":[{"uid":"8281-161","name":"placeholder.svelte"},{"uid":"8281-163","name":"placeholder.ts"},{"uid":"8281-165","name":"render-component.ts"},{"uid":"8281-167","name":"index.ts"}]}]}]}],"isRoot":true},"nodeParts":{"8281-159":{"renderedLength":134456,"gzipLength":23088,"brotliLength":0,"mainUid":"8281-158"},"8281-161":{"renderedLength":927,"gzipLength":445,"brotliLength":0,"mainUid":"8281-160"},"8281-163":{"renderedLength":246,"gzipLength":184,"brotliLength":0,"mainUid":"8281-162"},"8281-165":{"renderedLength":1458,"gzipLength":539,"brotliLength":0,"mainUid":"8281-164"},"8281-167":{"renderedLength":2915,"gzipLength":958,"brotliLength":0,"mainUid":"8281-166"}},"nodeMetas":{"8281-158":{"id":"/packages/table-core/build/esm/index.js","moduleParts":{"index.production.js":"8281-159"},"imported":[],"importedBy":[{"uid":"8281-166"}]},"8281-160":{"id":"/packages/svelte-table/src/placeholder.svelte","moduleParts":{"index.production.js":"8281-161"},"imported":[{"uid":"8281-168"}],"importedBy":[{"uid":"8281-162"}]},"8281-162":{"id":"/packages/svelte-table/src/placeholder.ts","moduleParts":{"index.production.js":"8281-163"},"imported":[{"uid":"8281-168"},{"uid":"8281-160"}],"importedBy":[{"uid":"8281-166"}]},"8281-164":{"id":"/packages/svelte-table/src/render-component.ts","moduleParts":{"index.production.js":"8281-165"},"imported":[{"uid":"8281-168"}],"importedBy":[{"uid":"8281-166"}]},"8281-166":{"id":"/packages/svelte-table/src/index.ts","moduleParts":{"index.production.js":"8281-167"},"imported":[{"uid":"8281-158"},{"uid":"8281-162"},{"uid":"8281-168"},{"uid":"8281-169"},{"uid":"8281-164"}],"importedBy":[],"isEntry":true},"8281-168":{"id":"svelte/internal","moduleParts":{},"imported":[],"importedBy":[{"uid":"8281-166"},{"uid":"8281-162"},{"uid":"8281-164"},{"uid":"8281-160"}],"isExternal":true},"8281-169":{"id":"svelte/store","moduleParts":{},"imported":[],"importedBy":[{"uid":"8281-166"}],"isExternal":true}},"env":{"rollup":"2.75.7"},"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":"a9b1-159"},{"name":"svelte-table/src","children":[{"uid":"a9b1-161","name":"placeholder.svelte"},{"uid":"a9b1-163","name":"placeholder.ts"},{"uid":"a9b1-165","name":"render-component.ts"},{"uid":"a9b1-167","name":"index.ts"}]}]}]}],"isRoot":true},"nodeParts":{"a9b1-159":{"renderedLength":134594,"gzipLength":23188,"brotliLength":0,"mainUid":"a9b1-158"},"a9b1-161":{"renderedLength":927,"gzipLength":445,"brotliLength":0,"mainUid":"a9b1-160"},"a9b1-163":{"renderedLength":246,"gzipLength":184,"brotliLength":0,"mainUid":"a9b1-162"},"a9b1-165":{"renderedLength":1458,"gzipLength":539,"brotliLength":0,"mainUid":"a9b1-164"},"a9b1-167":{"renderedLength":2915,"gzipLength":958,"brotliLength":0,"mainUid":"a9b1-166"}},"nodeMetas":{"a9b1-158":{"id":"/packages/table-core/build/esm/index.js","moduleParts":{"index.production.js":"a9b1-159"},"imported":[],"importedBy":[{"uid":"a9b1-166"}]},"a9b1-160":{"id":"/packages/svelte-table/src/placeholder.svelte","moduleParts":{"index.production.js":"a9b1-161"},"imported":[{"uid":"a9b1-168"}],"importedBy":[{"uid":"a9b1-162"}]},"a9b1-162":{"id":"/packages/svelte-table/src/placeholder.ts","moduleParts":{"index.production.js":"a9b1-163"},"imported":[{"uid":"a9b1-168"},{"uid":"a9b1-160"}],"importedBy":[{"uid":"a9b1-166"}]},"a9b1-164":{"id":"/packages/svelte-table/src/render-component.ts","moduleParts":{"index.production.js":"a9b1-165"},"imported":[{"uid":"a9b1-168"}],"importedBy":[{"uid":"a9b1-166"}]},"a9b1-166":{"id":"/packages/svelte-table/src/index.ts","moduleParts":{"index.production.js":"a9b1-167"},"imported":[{"uid":"a9b1-158"},{"uid":"a9b1-162"},{"uid":"a9b1-168"},{"uid":"a9b1-169"},{"uid":"a9b1-164"}],"importedBy":[],"isEntry":true},"a9b1-168":{"id":"svelte/internal","moduleParts":{},"imported":[],"importedBy":[{"uid":"a9b1-166"},{"uid":"a9b1-162"},{"uid":"a9b1-164"},{"uid":"a9b1-160"}],"isExternal":true},"a9b1-169":{"id":"svelte/store","moduleParts":{},"imported":[],"importedBy":[{"uid":"a9b1-166"}],"isExternal":true}},"env":{"rollup":"2.76.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/build/stats-react.json

@@ -11,25 +11,25 @@
             "children": [
               {
                 "name": "table-core/build/esm/index.js",
-                "uid": "8281-171"
+                "uid": "a9b1-171"
               },
               {
                 "name": "svelte-table/src",
                 "children": [
                   {
-                    "uid": "8281-173",
+                    "uid": "a9b1-173",
                     "name": "placeholder.svelte"
                   },
                   {
-                    "uid": "8281-175",
+                    "uid": "a9b1-175",
                     "name": "placeholder.ts"
                   },
                   {
-                    "uid": "8281-177",
+                    "uid": "a9b1-177",
                     "name": "render-component.ts"
                   },
                   {
-                    "uid": "8281-179",
+                    "uid": "a9b1-179",
                     "name": "index.ts"
                   }
                 ]
@@ -42,160 +42,160 @@
     "isRoot": true
   },
   "nodeParts": {
-    "8281-171": {
-      "renderedLength": 134456,
-      "gzipLength": 23088,
+    "a9b1-171": {
+      "renderedLength": 134594,
+      "gzipLength": 23188,
       "brotliLength": 0,
-      "mainUid": "8281-170"
+      "mainUid": "a9b1-170"
     },
-    "8281-173": {
+    "a9b1-173": {
       "renderedLength": 927,
       "gzipLength": 445,
       "brotliLength": 0,
-      "mainUid": "8281-172"
+      "mainUid": "a9b1-172"
     },
-    "8281-175": {
+    "a9b1-175": {
       "renderedLength": 246,
       "gzipLength": 184,
       "brotliLength": 0,
-      "mainUid": "8281-174"
+      "mainUid": "a9b1-174"
     },
-    "8281-177": {
+    "a9b1-177": {
       "renderedLength": 1458,
       "gzipLength": 539,
       "brotliLength": 0,
-      "mainUid": "8281-176"
+      "mainUid": "a9b1-176"
     },
-    "8281-179": {
+    "a9b1-179": {
       "renderedLength": 2915,
       "gzipLength": 958,
       "brotliLength": 0,
-      "mainUid": "8281-178"
+      "mainUid": "a9b1-178"
     }
   },
   "nodeMetas": {
-    "8281-170": {
+    "a9b1-170": {
       "id": "/packages/table-core/build/esm/index.js",
       "moduleParts": {
-        "index.production.js": "8281-171"
+        "index.production.js": "a9b1-171"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "8281-178"
+          "uid": "a9b1-178"
         }
       ]
     },
-    "8281-172": {
+    "a9b1-172": {
       "id": "/packages/svelte-table/src/placeholder.svelte",
       "moduleParts": {
-        "index.production.js": "8281-173"
+        "index.production.js": "a9b1-173"
       },
       "imported": [
         {
-          "uid": "8281-180"
+          "uid": "a9b1-180"
         }
       ],
       "importedBy": [
         {
-          "uid": "8281-174"
+          "uid": "a9b1-174"
         }
       ]
     },
-    "8281-174": {
+    "a9b1-174": {
       "id": "/packages/svelte-table/src/placeholder.ts",
       "moduleParts": {
-        "index.production.js": "8281-175"
+        "index.production.js": "a9b1-175"
       },
       "imported": [
         {
-          "uid": "8281-180"
+          "uid": "a9b1-180"
         },
         {
-          "uid": "8281-172"
+          "uid": "a9b1-172"
         }
       ],
       "importedBy": [
         {
-          "uid": "8281-178"
+          "uid": "a9b1-178"
         }
       ]
     },
-    "8281-176": {
+    "a9b1-176": {
       "id": "/packages/svelte-table/src/render-component.ts",
       "moduleParts": {
-        "index.production.js": "8281-177"
+        "index.production.js": "a9b1-177"
       },
       "imported": [
         {
-          "uid": "8281-180"
+          "uid": "a9b1-180"
         }
       ],
       "importedBy": [
         {
-          "uid": "8281-178"
+          "uid": "a9b1-178"
         }
       ]
     },
-    "8281-178": {
+    "a9b1-178": {
       "id": "/packages/svelte-table/src/index.ts",
       "moduleParts": {
-        "index.production.js": "8281-179"
+        "index.production.js": "a9b1-179"
       },
       "imported": [
         {
-          "uid": "8281-170"
+          "uid": "a9b1-170"
         },
         {
-          "uid": "8281-174"
+          "uid": "a9b1-174"
         },
         {
-          "uid": "8281-180"
+          "uid": "a9b1-180"
         },
         {
-          "uid": "8281-181"
+          "uid": "a9b1-181"
         },
         {
-          "uid": "8281-176"
+          "uid": "a9b1-176"
         }
       ],
       "importedBy": [],
       "isEntry": true
     },
-    "8281-180": {
+    "a9b1-180": {
       "id": "svelte/internal",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "8281-178"
+          "uid": "a9b1-178"
         },
         {
-          "uid": "8281-174"
+          "uid": "a9b1-174"
         },
         {
-          "uid": "8281-176"
+          "uid": "a9b1-176"
         },
         {
-          "uid": "8281-172"
+          "uid": "a9b1-172"
         }
       ],
       "isExternal": true
     },
-    "8281-181": {
+    "a9b1-181": {
       "id": "svelte/store",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "8281-178"
+          "uid": "a9b1-178"
         }
       ],
       "isExternal": true
     }
   },
   "env": {
-    "rollup": "2.75.7"
+    "rollup": "2.76.0"
   },
   "options": {
     "gzip": true,

package/build/umd/index.development.js

@@ -2363,7 +2363,12 @@
   };
 
   const datetime = (rowA, rowB, columnId) => {
-    return compareBasic(rowA.getValue(columnId).getTime(), rowB.getValue(columnId).getTime());
+    const a = rowA.getValue(columnId);
+    const b = rowB.getValue(columnId); // Can handle nullish values
+    // Use > and < because == (and ===) doesn't work with
+    // Date objects (would require calling getTime()).
+
+    return a > b ? 1 : a < b ? -1 : 0;
   };
 
   const basic = (rowA, rowB, columnId) => {
@@ -2524,18 +2529,17 @@
           // }
           // this needs to be outside of table.setSorting to be in sync with rerender
           const nextSortingOrder = column.getNextSortingOrder();
+          const hasManualValue = typeof desc !== 'undefined' && desc !== null;
           table.setSorting(old => {
-            var _table$options$enable, _table$options$enable2;
-
             // Find any existing sorting for this column
             const existingSorting = old == null ? void 0 : old.find(d => d.id === column.id);
             const existingIndex = old == null ? void 0 : old.findIndex(d => d.id === column.id);
-            const hasDescDefined = typeof desc !== 'undefined' && desc !== null;
             let newSorting = []; // What should we do with this sort action?
 
             let sortAction;
+            let nextDesc = hasManualValue ? desc : nextSortingOrder === 'desc'; // Multi-mode
 
-            if (column.getCanMultiSort() && multi) {
+            if (old != null && old.length && column.getCanMultiSort() && multi) {
               if (existingSorting) {
                 sortAction = 'toggle';
               } else {
@@ -2553,63 +2557,71 @@
             } // Handle toggle states that will remove the sorting
 
 
-            if (sortAction === 'toggle' && ( // Must be toggling
-            (_table$options$enable = table.options.enableSortingRemoval) != null ? _table$options$enable : true) && // If enableSortRemove, enable in general
-            !hasDescDefined && ( // Must not be setting desc
-            multi ? (_table$options$enable2 = table.options.enableMultiRemove) != null ? _table$options$enable2 : true : true) && // If multi, don't allow if enableMultiRemove
-            !nextSortingOrder // Finally, detect if it should indeed be removed
-            ) {
-              sortAction = 'remove';
+            if (sortAction === 'toggle') {
+              // If we are "actually" toggling (not a manual set value), should we remove the sorting?
+              if (!hasManualValue) {
+                // Is our intention to remove?
+                if (!nextSortingOrder) {
+                  sortAction = 'remove';
+                }
+              }
             }
 
-            if (sortAction === 'replace') {
-              newSorting = [{
-                id: column.id,
-                desc: hasDescDefined ? desc : nextSortingOrder === 'desc'
-              }];
-            } else if (sortAction === 'add' && old != null && old.length) {
+            if (sortAction === 'add') {
               var _table$options$maxMul;
 
               newSorting = [...old, {
                 id: column.id,
-                desc: hasDescDefined ? desc : nextSortingOrder === 'desc'
+                desc: nextDesc
               }]; // Take latest n columns
 
               newSorting.splice(0, newSorting.length - ((_table$options$maxMul = table.options.maxMultiSortColCount) != null ? _table$options$maxMul : Number.MAX_SAFE_INTEGER));
-            } else if (sortAction === 'toggle' && old != null && old.length) {
+            } else if (sortAction === 'toggle') {
               // This flips (or sets) the
               newSorting = old.map(d => {
                 if (d.id === column.id) {
                   return { ...d,
-                    desc: hasDescDefined ? desc : nextSortingOrder === 'desc'
+                    desc: nextDesc
                   };
                 }
 
                 return d;
               });
-            } else if (sortAction === 'remove' && old != null && old.length) {
+            } else if (sortAction === 'remove') {
               newSorting = old.filter(d => d.id !== column.id);
+            } else {
+              newSorting = [{
+                id: column.id,
+                desc: nextDesc
+              }];
             }
 
             return newSorting;
           });
         },
-        getNextSortingOrder: () => {
+        getFirstSortDir: () => {
           var _ref, _column$columnDef$sor;
 
           const sortDescFirst = (_ref = (_column$columnDef$sor = column.columnDef.sortDescFirst) != null ? _column$columnDef$sor : table.options.sortDescFirst) != null ? _ref : column.getAutoSortDir() === 'desc';
-          const firstSortDirection = sortDescFirst ? 'desc' : 'asc';
+          return sortDescFirst ? 'desc' : 'asc';
+        },
+        getNextSortingOrder: multi => {
+          var _table$options$enable, _table$options$enable2;
+
+          const firstSortDirection = column.getFirstSortDir();
           const isSorted = column.getIsSorted();
 
           if (!isSorted) {
             return firstSortDirection;
           }
 
-          if (isSorted === firstSortDirection) {
-            return isSorted === 'desc' ? 'asc' : 'desc';
-          } else {
+          if (isSorted !== firstSortDirection && ((_table$options$enable = table.options.enableSortingRemoval) != null ? _table$options$enable : true) && ( // If enableSortRemove, enable in general
+          multi ? (_table$options$enable2 = table.options.enableMultiRemove) != null ? _table$options$enable2 : true : true) // If multi, don't allow if enableMultiRemove))
+          ) {
             return false;
           }
+
+          return isSorted === 'desc' ? 'asc' : 'desc';
         },
         getCanSort: () => {
           var _column$columnDef$ena, _table$options$enable3;
@@ -2891,9 +2903,9 @@
           header: props => props.header.column.id,
           footer: props => props.header.column.id,
           cell: props => {
-            var _toString, _props$renderValue;
+            var _props$renderValue$to, _props$renderValue;
 
-            return (_toString = (_props$renderValue = props.renderValue()) == null ? void 0 : _props$renderValue.toString == null ? void 0 : _props$renderValue.toString()) != null ? _toString : null;
+            return (_props$renderValue$to = (_props$renderValue = props.renderValue()) == null ? void 0 : _props$renderValue.toString == null ? void 0 : _props$renderValue.toString()) != null ? _props$renderValue$to : null;
           },
           ...table._features.reduce((obj, feature) => {
             return Object.assign(obj, feature.getDefaultColumnDef == null ? void 0 : feature.getDefaultColumnDef());
@@ -3423,9 +3435,7 @@
       let facetedMinMaxValues = [firstValue, firstValue];
 
       for (let i = 0; i < facetedRowModel.flatRows.length; i++) {
-        var _facetedRowModel$flat2;
-
-        const value = (_facetedRowModel$flat2 = facetedRowModel.flatRows[i]) == null ? void 0 : _facetedRowModel$flat2.getValue(columnId);
+        const value = facetedRowModel.flatRows[i].getValue(columnId);
 
         if (value < facetedMinMaxValues[0]) {
           facetedMinMaxValues[0] = value;
@@ -3575,7 +3585,7 @@
           const subRows = groupUpRecursively(groupedRows, depth + 1, id); // Flatten the leaf rows of the rows in this group
 
           const leafRows = depth ? flattenBy(groupedRows, row => row.subRows) : groupedRows;
-          const row = createRow(table, id, undefined, index, depth);
+          const row = createRow(table, id, leafRows[0].original, index, depth);
           Object.assign(row, {
             groupingColumnId: columnId,
             groupingValue,
@@ -3769,7 +3779,7 @@
     });
   }
 
-  /* packages/svelte-table/src/placeholder.svelte generated by Svelte v3.48.0 */
+  /* packages/svelte-table/src/placeholder.svelte generated by Svelte v3.49.0 */
 
   function create_fragment$1(ctx) {
   	let t;