@tanstack/vue-table 8.5.1 → 8.5.4

package/build/stats-html.html

@@ -4014,7 +4014,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":"fb70-149"},{"name":"vue-table/src","children":[{"uid":"fb70-151","name":"merge-proxy.ts"},{"uid":"fb70-153","name":"index.ts"}]}]}]}],"isRoot":true},"nodeParts":{"fb70-149":{"renderedLength":137857,"gzipLength":23944,"brotliLength":0,"mainUid":"fb70-148"},"fb70-151":{"renderedLength":1622,"gzipLength":660,"brotliLength":0,"mainUid":"fb70-150"},"fb70-153":{"renderedLength":1683,"gzipLength":677,"brotliLength":0,"mainUid":"fb70-152"}},"nodeMetas":{"fb70-148":{"id":"/packages/table-core/build/esm/index.js","moduleParts":{"index.production.js":"fb70-149"},"imported":[],"importedBy":[{"uid":"fb70-152"}]},"fb70-150":{"id":"/packages/vue-table/src/merge-proxy.ts","moduleParts":{"index.production.js":"fb70-151"},"imported":[],"importedBy":[{"uid":"fb70-152"}]},"fb70-152":{"id":"/packages/vue-table/src/index.ts","moduleParts":{"index.production.js":"fb70-153"},"imported":[{"uid":"fb70-148"},{"uid":"fb70-154"},{"uid":"fb70-150"}],"importedBy":[],"isEntry":true},"fb70-154":{"id":"vue","moduleParts":{},"imported":[],"importedBy":[{"uid":"fb70-152"}],"isExternal":true}},"env":{"rollup":"2.77.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":"6204-149"},{"name":"vue-table/src","children":[{"uid":"6204-151","name":"merge-proxy.ts"},{"uid":"6204-153","name":"index.ts"}]}]}]}],"isRoot":true},"nodeParts":{"6204-149":{"renderedLength":138231,"gzipLength":23986,"brotliLength":0,"mainUid":"6204-148"},"6204-151":{"renderedLength":1622,"gzipLength":660,"brotliLength":0,"mainUid":"6204-150"},"6204-153":{"renderedLength":1748,"gzipLength":687,"brotliLength":0,"mainUid":"6204-152"}},"nodeMetas":{"6204-148":{"id":"/packages/table-core/build/esm/index.js","moduleParts":{"index.production.js":"6204-149"},"imported":[],"importedBy":[{"uid":"6204-152"}]},"6204-150":{"id":"/packages/vue-table/src/merge-proxy.ts","moduleParts":{"index.production.js":"6204-151"},"imported":[],"importedBy":[{"uid":"6204-152"}]},"6204-152":{"id":"/packages/vue-table/src/index.ts","moduleParts":{"index.production.js":"6204-153"},"imported":[{"uid":"6204-148"},{"uid":"6204-154"},{"uid":"6204-150"}],"importedBy":[],"isEntry":true},"6204-154":{"id":"vue","moduleParts":{},"imported":[],"importedBy":[{"uid":"6204-152"}],"isExternal":true}},"env":{"rollup":"2.77.2"},"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": "fb70-156"
+                "uid": "6204-156"
               },
               {
                 "name": "vue-table/src",
                 "children": [
                   {
-                    "uid": "fb70-158",
+                    "uid": "6204-158",
                     "name": "merge-proxy.ts"
                   },
                   {
-                    "uid": "fb70-160",
+                    "uid": "6204-160",
                     "name": "index.ts"
                   }
                 ]
@@ -34,76 +34,76 @@
     "isRoot": true
   },
   "nodeParts": {
-    "fb70-156": {
-      "renderedLength": 137857,
-      "gzipLength": 23944,
+    "6204-156": {
+      "renderedLength": 138231,
+      "gzipLength": 23986,
       "brotliLength": 0,
-      "mainUid": "fb70-155"
+      "mainUid": "6204-155"
     },
-    "fb70-158": {
+    "6204-158": {
       "renderedLength": 1622,
       "gzipLength": 660,
       "brotliLength": 0,
-      "mainUid": "fb70-157"
+      "mainUid": "6204-157"
     },
-    "fb70-160": {
-      "renderedLength": 1683,
-      "gzipLength": 677,
+    "6204-160": {
+      "renderedLength": 1748,
+      "gzipLength": 687,
       "brotliLength": 0,
-      "mainUid": "fb70-159"
+      "mainUid": "6204-159"
     }
   },
   "nodeMetas": {
-    "fb70-155": {
+    "6204-155": {
       "id": "/packages/table-core/build/esm/index.js",
       "moduleParts": {
-        "index.production.js": "fb70-156"
+        "index.production.js": "6204-156"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "fb70-159"
+          "uid": "6204-159"
         }
       ]
     },
-    "fb70-157": {
+    "6204-157": {
       "id": "/packages/vue-table/src/merge-proxy.ts",
       "moduleParts": {
-        "index.production.js": "fb70-158"
+        "index.production.js": "6204-158"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "fb70-159"
+          "uid": "6204-159"
         }
       ]
     },
-    "fb70-159": {
+    "6204-159": {
       "id": "/packages/vue-table/src/index.ts",
       "moduleParts": {
-        "index.production.js": "fb70-160"
+        "index.production.js": "6204-160"
       },
       "imported": [
         {
-          "uid": "fb70-155"
+          "uid": "6204-155"
         },
         {
-          "uid": "fb70-161"
+          "uid": "6204-161"
         },
         {
-          "uid": "fb70-157"
+          "uid": "6204-157"
         }
       ],
       "importedBy": [],
       "isEntry": true
     },
-    "fb70-161": {
+    "6204-161": {
       "id": "vue",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "fb70-159"
+          "uid": "6204-159"
         }
       ],
       "isExternal": true

package/build/types/index.d.ts

@@ -11,9 +11,14 @@
 import * as _tanstack_table_core from '@tanstack/table-core';
 import { RowData, TableOptions } from '@tanstack/table-core';
 export * from '@tanstack/table-core';
-import { VNode } from 'vue';
 
-declare function flexRender<TProps extends {}>(Comp: any, props: TProps): VNode | string | number | boolean | null;
+declare const FlexRender: {
+    props: string[];
+    setup: (props: {
+        render: any;
+        props: any;
+    }) => () => any;
+};
 declare function useVueTable<TData extends RowData>(options: TableOptions<TData>): _tanstack_table_core.Table<TData>;
 
-export { flexRender, useVueTable };
+export { FlexRender, useVueTable };

package/build/umd/index.development.js

@@ -2160,14 +2160,14 @@
         //   return table.options.enableGroupingRowSelection ?? false
         // },
         getIsAllRowsSelected: () => {
-          const preFilteredFlatRows = table.getPreFilteredRowModel().flatRows;
+          const preGroupedFlatRows = table.getFilteredRowModel().flatRows;
           const {
             rowSelection
           } = table.getState();
-          let isAllRowsSelected = Boolean(preFilteredFlatRows.length && Object.keys(rowSelection).length);
+          let isAllRowsSelected = Boolean(preGroupedFlatRows.length && Object.keys(rowSelection).length);
 
           if (isAllRowsSelected) {
-            if (preFilteredFlatRows.some(row => row.getCanSelect() && !rowSelection[row.id])) {
+            if (preGroupedFlatRows.some(row => row.getCanSelect() && !rowSelection[row.id])) {
               isAllRowsSelected = false;
             }
           }
@@ -2191,7 +2191,7 @@
           var _table$getState$rowSe;
 
           const totalSelected = Object.keys((_table$getState$rowSe = table.getState().rowSelection) != null ? _table$getState$rowSe : {}).length;
-          return totalSelected > 0 && totalSelected < table.getCoreRowModel().flatRows.length;
+          return totalSelected > 0 && totalSelected < table.getFilteredRowModel().flatRows.length;
         },
         getIsSomePageRowsSelected: () => {
           const paginationFlatRows = table.getPaginationRowModel().flatRows;
@@ -2935,8 +2935,20 @@
 
         defaultColumn = (_defaultColumn = defaultColumn) != null ? _defaultColumn : {};
         return {
-          header: props => props.header.column.id,
-          footer: props => props.header.column.id,
+          header: props => {
+            const resolvedColumnDef = props.header.column.columnDef;
+
+            if (resolvedColumnDef.accessorKey) {
+              return resolvedColumnDef.accessorKey;
+            }
+
+            if (resolvedColumnDef.accessorFn) {
+              return resolvedColumnDef.id;
+            }
+
+            return null;
+          },
+          // footer: props => props.header.column.id,
           cell: props => {
             var _props$renderValue$to, _props$renderValue;
 
@@ -2964,7 +2976,8 @@
 
           return columnDefs.map(columnDef => {
             const column = createColumn(table, columnDef, depth, parent);
-            column.columns = columnDef.columns ? recurseColumns(columnDef.columns, column, depth + 1) : [];
+            const groupingColumnDef = columnDef;
+            column.columns = groupingColumnDef.columns ? recurseColumns(groupingColumnDef.columns, column, depth + 1) : [];
             return column;
           });
         };
@@ -3948,15 +3961,18 @@
     }, propTraps);
   }
 
-  function flexRender(Comp, props) {
-    if (!Comp) return null;
+  const FlexRender = {
+    props: ['render', 'props'],
+    setup: props => {
+      return () => {
+        if (typeof props.render === 'function' || typeof props.render === 'object') {
+          return vue.h(props.render, props.props);
+        }
 
-    if (typeof Comp === 'function') {
-      return vue.h(Comp, props);
+        return props.render;
+      };
     }
-
-    return Comp;
-  }
+  };
   function useVueTable(options) {
     const resolvedOptions = mergeProxy({
       state: {},
@@ -3998,16 +4014,14 @@
           }
         });
       });
-    }); // onBeforeUpdate(() => {
-    //   table.willUpdate()
-    // })
-
+    });
     return table;
   }
 
   exports.ColumnSizing = ColumnSizing;
   exports.Expanding = Expanding;
   exports.Filters = Filters;
+  exports.FlexRender = FlexRender;
   exports.Grouping = Grouping;
   exports.Headers = Headers;
   exports.Ordering = Ordering;
@@ -4027,7 +4041,6 @@
   exports.expandRows = expandRows;
   exports.filterFns = filterFns;
   exports.flattenBy = flattenBy;
-  exports.flexRender = flexRender;
   exports.functionalUpdate = functionalUpdate;
   exports.getCoreRowModel = getCoreRowModel;
   exports.getExpandedRowModel = getExpandedRowModel;