@tanstack/vue-table 8.5.0 → 8.5.3

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

@@ -1302,8 +1302,11 @@
           table.setColumnFilters(defaultState ? [] : (_table$initialState$c = (_table$initialState = table.initialState) == null ? void 0 : _table$initialState.columnFilters) != null ? _table$initialState$c : []);
         },
         getPreFilteredRowModel: () => table.getCoreRowModel(),
-        _getFilteredRowModel: table.options.getFilteredRowModel && table.options.getFilteredRowModel(table),
         getFilteredRowModel: () => {
+          if (!table._getFilteredRowModel && table.options.getFilteredRowModel) {
+            table._getFilteredRowModel = table.options.getFilteredRowModel(table);
+          }
+
           if (table.options.manualFiltering || !table._getFilteredRowModel) {
             return table.getPreFilteredRowModel();
           }
@@ -2157,14 +2160,14 @@
         //   return table.options.enableGroupingRowSelection ?? false
         // },
         getIsAllRowsSelected: () => {
-          const preFilteredFlatRows = table.getPreFilteredRowModel().flatRows;
+          const preGroupedFlatRows = table.getPreGroupedRowModel().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;
             }
           }
@@ -2932,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;
 
@@ -2961,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;
           });
         };
@@ -3945,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: {},
@@ -3995,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;
@@ -4024,7 +4041,6 @@
   exports.expandRows = expandRows;
   exports.filterFns = filterFns;
   exports.flattenBy = flattenBy;
-  exports.flexRender = flexRender;
   exports.functionalUpdate = functionalUpdate;
   exports.getCoreRowModel = getCoreRowModel;
   exports.getExpandedRowModel = getExpandedRowModel;