@tanstack/vue-table 8.2.1 → 8.2.4

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":"5ea7-145"},{"name":"vue-table/src","children":[{"uid":"5ea7-147","name":"merge-proxy.ts"},{"uid":"5ea7-149","name":"index.ts"}]}]}]}],"isRoot":true},"nodeParts":{"5ea7-145":{"renderedLength":134397,"gzipLength":23086,"brotliLength":0,"mainUid":"5ea7-144"},"5ea7-147":{"renderedLength":1622,"gzipLength":660,"brotliLength":0,"mainUid":"5ea7-146"},"5ea7-149":{"renderedLength":1683,"gzipLength":677,"brotliLength":0,"mainUid":"5ea7-148"}},"nodeMetas":{"5ea7-144":{"id":"/packages/table-core/build/esm/index.js","moduleParts":{"index.production.js":"5ea7-145"},"imported":[],"importedBy":[{"uid":"5ea7-148"}]},"5ea7-146":{"id":"/packages/vue-table/src/merge-proxy.ts","moduleParts":{"index.production.js":"5ea7-147"},"imported":[],"importedBy":[{"uid":"5ea7-148"}]},"5ea7-148":{"id":"/packages/vue-table/src/index.ts","moduleParts":{"index.production.js":"5ea7-149"},"imported":[{"uid":"5ea7-144"},{"uid":"5ea7-150"},{"uid":"5ea7-146"}],"importedBy":[],"isEntry":true},"5ea7-150":{"id":"vue","moduleParts":{},"imported":[],"importedBy":[{"uid":"5ea7-148"}],"isExternal":true}},"env":{"rollup":"2.76.0"},"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":"cc9e-145"},{"name":"vue-table/src","children":[{"uid":"cc9e-147","name":"merge-proxy.ts"},{"uid":"cc9e-149","name":"index.ts"}]}]}]}],"isRoot":true},"nodeParts":{"cc9e-145":{"renderedLength":135089,"gzipLength":23288,"brotliLength":0,"mainUid":"cc9e-144"},"cc9e-147":{"renderedLength":1622,"gzipLength":660,"brotliLength":0,"mainUid":"cc9e-146"},"cc9e-149":{"renderedLength":1683,"gzipLength":677,"brotliLength":0,"mainUid":"cc9e-148"}},"nodeMetas":{"cc9e-144":{"id":"/packages/table-core/build/esm/index.js","moduleParts":{"index.production.js":"cc9e-145"},"imported":[],"importedBy":[{"uid":"cc9e-148"}]},"cc9e-146":{"id":"/packages/vue-table/src/merge-proxy.ts","moduleParts":{"index.production.js":"cc9e-147"},"imported":[],"importedBy":[{"uid":"cc9e-148"}]},"cc9e-148":{"id":"/packages/vue-table/src/index.ts","moduleParts":{"index.production.js":"cc9e-149"},"imported":[{"uid":"cc9e-144"},{"uid":"cc9e-150"},{"uid":"cc9e-146"}],"importedBy":[],"isEntry":true},"cc9e-150":{"id":"vue","moduleParts":{},"imported":[],"importedBy":[{"uid":"cc9e-148"}],"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,17 +11,17 @@
             "children": [
               {
                 "name": "table-core/build/esm/index.js",
-                "uid": "5ea7-152"
+                "uid": "cc9e-152"
               },
               {
                 "name": "vue-table/src",
                 "children": [
                   {
-                    "uid": "5ea7-154",
+                    "uid": "cc9e-154",
                     "name": "merge-proxy.ts"
                   },
                   {
-                    "uid": "5ea7-156",
+                    "uid": "cc9e-156",
                     "name": "index.ts"
                   }
                 ]
@@ -34,76 +34,76 @@
     "isRoot": true
   },
   "nodeParts": {
-    "5ea7-152": {
-      "renderedLength": 134397,
-      "gzipLength": 23086,
+    "cc9e-152": {
+      "renderedLength": 135089,
+      "gzipLength": 23288,
       "brotliLength": 0,
-      "mainUid": "5ea7-151"
+      "mainUid": "cc9e-151"
     },
-    "5ea7-154": {
+    "cc9e-154": {
       "renderedLength": 1622,
       "gzipLength": 660,
       "brotliLength": 0,
-      "mainUid": "5ea7-153"
+      "mainUid": "cc9e-153"
     },
-    "5ea7-156": {
+    "cc9e-156": {
       "renderedLength": 1683,
       "gzipLength": 677,
       "brotliLength": 0,
-      "mainUid": "5ea7-155"
+      "mainUid": "cc9e-155"
     }
   },
   "nodeMetas": {
-    "5ea7-151": {
+    "cc9e-151": {
       "id": "/packages/table-core/build/esm/index.js",
       "moduleParts": {
-        "index.production.js": "5ea7-152"
+        "index.production.js": "cc9e-152"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "5ea7-155"
+          "uid": "cc9e-155"
         }
       ]
     },
-    "5ea7-153": {
+    "cc9e-153": {
       "id": "/packages/vue-table/src/merge-proxy.ts",
       "moduleParts": {
-        "index.production.js": "5ea7-154"
+        "index.production.js": "cc9e-154"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "5ea7-155"
+          "uid": "cc9e-155"
         }
       ]
     },
-    "5ea7-155": {
+    "cc9e-155": {
       "id": "/packages/vue-table/src/index.ts",
       "moduleParts": {
-        "index.production.js": "5ea7-156"
+        "index.production.js": "cc9e-156"
       },
       "imported": [
         {
-          "uid": "5ea7-151"
+          "uid": "cc9e-151"
         },
         {
-          "uid": "5ea7-157"
+          "uid": "cc9e-157"
         },
         {
-          "uid": "5ea7-153"
+          "uid": "cc9e-153"
         }
       ],
       "importedBy": [],
       "isEntry": true
     },
-    "5ea7-157": {
+    "cc9e-157": {
       "id": "vue",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "5ea7-155"
+          "uid": "cc9e-155"
         }
       ],
       "isExternal": true

package/build/umd/index.development.js

@@ -1993,6 +1993,10 @@
 
             if (value) {
               preGroupedFlatRows.forEach(row => {
+                if (!row.getCanSelect()) {
+                  return;
+                }
+
                 rowSelection[row.id] = true;
               });
             } else {
@@ -2256,8 +2260,8 @@
   const mutateRowIsSelected = (selectedRowIds, id, value, table) => {
     var _row$subRows;
 
-    const row = table.getRow(id);
-    row.getIsGrouped(); // if ( // TODO: enforce grouping row selection rules
+    const row = table.getRow(id); // const isGrouped = row.getIsGrouped()
+    // if ( // TODO: enforce grouping row selection rules
     //   !isGrouped ||
     //   (isGrouped && table.options.enableGroupingRowSelection)
     // ) {
@@ -2267,7 +2271,9 @@
         Object.keys(selectedRowIds).forEach(key => delete selectedRowIds[key]);
       }
 
-      selectedRowIds[id] = true;
+      if (row.getCanSelect()) {
+        selectedRowIds[id] = true;
+      }
     } else {
       delete selectedRowIds[id];
     } // }
@@ -2363,7 +2369,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 +2535,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 +2563,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;
@@ -3556,9 +3574,20 @@
           depth = 0;
         }
 
-        // This is the last level, just return the rows
-        if (depth === existingGrouping.length) {
-          return rows;
+        // Grouping depth has been been met
+        // Stop grouping and simply rewrite thd depth and row relationships
+        if (depth >= existingGrouping.length) {
+          return rows.map(row => {
+            row.depth = depth;
+            groupedFlatRows.push(row);
+            groupedRowsById[row.id] = row;
+
+            if (row.subRows) {
+              row.subRows = groupUpRecursively(row.subRows, depth + 1);
+            }
+
+            return row;
+          });
         }
 
         const columnId = existingGrouping[depth]; // Group the rows together for this level