@tanstack/react-table 8.0.0-alpha.74 → 8.0.0-alpha.79

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":"0ced-127"},{"name":"react-table/src/index.tsx","uid":"0ced-129"}]}]}],"isRoot":true},"nodeParts":{"0ced-127":{"renderedLength":139332,"gzipLength":23812,"brotliLength":0,"mainUid":"0ced-126"},"0ced-129":{"renderedLength":2102,"gzipLength":836,"brotliLength":0,"mainUid":"0ced-128"}},"nodeMetas":{"0ced-126":{"id":"/packages/table-core/build/esm/index.js","moduleParts":{"index.production.js":"0ced-127"},"imported":[],"importedBy":[{"uid":"0ced-128"}]},"0ced-128":{"id":"/packages/react-table/src/index.tsx","moduleParts":{"index.production.js":"0ced-129"},"imported":[{"uid":"0ced-130"},{"uid":"0ced-126"}],"importedBy":[],"isEntry":true},"0ced-130":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"0ced-128"}],"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":"3880-127"},{"name":"react-table/src/index.tsx","uid":"3880-129"}]}]}],"isRoot":true},"nodeParts":{"3880-127":{"renderedLength":139809,"gzipLength":23893,"brotliLength":0,"mainUid":"3880-126"},"3880-129":{"renderedLength":2102,"gzipLength":836,"brotliLength":0,"mainUid":"3880-128"}},"nodeMetas":{"3880-126":{"id":"/packages/table-core/build/esm/index.js","moduleParts":{"index.production.js":"3880-127"},"imported":[],"importedBy":[{"uid":"3880-128"}]},"3880-128":{"id":"/packages/react-table/src/index.tsx","moduleParts":{"index.production.js":"3880-129"},"imported":[{"uid":"3880-130"},{"uid":"3880-126"}],"importedBy":[],"isEntry":true},"3880-130":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"3880-128"}],"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,11 +11,11 @@
             "children": [
               {
                 "name": "table-core/build/esm/index.js",
-                "uid": "0ced-132"
+                "uid": "3880-132"
               },
               {
                 "name": "react-table/src/index.tsx",
-                "uid": "0ced-134"
+                "uid": "3880-134"
               }
             ]
           }
@@ -25,55 +25,55 @@
     "isRoot": true
   },
   "nodeParts": {
-    "0ced-132": {
-      "renderedLength": 139332,
-      "gzipLength": 23812,
+    "3880-132": {
+      "renderedLength": 139809,
+      "gzipLength": 23893,
       "brotliLength": 0,
-      "mainUid": "0ced-131"
+      "mainUid": "3880-131"
     },
-    "0ced-134": {
+    "3880-134": {
       "renderedLength": 2102,
       "gzipLength": 836,
       "brotliLength": 0,
-      "mainUid": "0ced-133"
+      "mainUid": "3880-133"
     }
   },
   "nodeMetas": {
-    "0ced-131": {
+    "3880-131": {
       "id": "/packages/table-core/build/esm/index.js",
       "moduleParts": {
-        "index.production.js": "0ced-132"
+        "index.production.js": "3880-132"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "0ced-133"
+          "uid": "3880-133"
         }
       ]
     },
-    "0ced-133": {
+    "3880-133": {
       "id": "/packages/react-table/src/index.tsx",
       "moduleParts": {
-        "index.production.js": "0ced-134"
+        "index.production.js": "3880-134"
       },
       "imported": [
         {
-          "uid": "0ced-135"
+          "uid": "3880-135"
         },
         {
-          "uid": "0ced-131"
+          "uid": "3880-131"
         }
       ],
       "importedBy": [],
       "isEntry": true
     },
-    "0ced-135": {
+    "3880-135": {
       "id": "react",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "0ced-133"
+          "uid": "3880-133"
         }
       ],
       "isExternal": true

package/build/umd/index.development.js

@@ -557,7 +557,7 @@
               }
             }
 
-            const startSize = column.getSize();
+            const startSize = header.getSize();
             const columnSizingStart = header ? header.getLeafHeaders().map(d => [d.column.id, d.column.getSize()]) : [[column.id, column.getSize()]];
             const clientX = isTouchStartEvent(e) ? Math.round(e.touches[0].clientX) : e.clientX;
 
@@ -2704,8 +2704,10 @@
         },
         // Header Groups
         getHeaderGroups: memo(() => [instance.getAllColumns(), instance.getVisibleLeafColumns(), instance.getState().columnPinning.left, instance.getState().columnPinning.right], (allColumns, leafColumns, left, right) => {
-          const leftColumns = leafColumns.filter(column => left == null ? void 0 : left.includes(column.id));
-          const rightColumns = leafColumns.filter(column => right == null ? void 0 : right.includes(column.id));
+          var _left$map$filter, _right$map$filter;
+
+          const leftColumns = (_left$map$filter = left == null ? void 0 : left.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) != null ? _left$map$filter : [];
+          const rightColumns = (_right$map$filter = right == null ? void 0 : right.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) != null ? _right$map$filter : [];
           const centerColumns = leafColumns.filter(column => !(left != null && left.includes(column.id)) && !(right != null && right.includes(column.id)));
           const headerGroups = buildHeaderGroups(allColumns, [...leftColumns, ...centerColumns, ...rightColumns], instance);
           return headerGroups;
@@ -2729,8 +2731,10 @@
           }
         }),
         getLeftHeaderGroups: memo(() => [instance.getAllColumns(), instance.getVisibleLeafColumns(), instance.getState().columnPinning.left], (allColumns, leafColumns, left) => {
-          leafColumns = leafColumns.filter(column => left == null ? void 0 : left.includes(column.id));
-          return buildHeaderGroups(allColumns, leafColumns, instance, 'left');
+          var _left$map$filter2;
+
+          const orderedLeafColumns = (_left$map$filter2 = left == null ? void 0 : left.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) != null ? _left$map$filter2 : [];
+          return buildHeaderGroups(allColumns, orderedLeafColumns, instance, 'left');
         }, {
           key: 'getLeftHeaderGroups',
           debug: () => {
@@ -2740,8 +2744,10 @@
           }
         }),
         getRightHeaderGroups: memo(() => [instance.getAllColumns(), instance.getVisibleLeafColumns(), instance.getState().columnPinning.right], (allColumns, leafColumns, right) => {
-          leafColumns = leafColumns.filter(column => right == null ? void 0 : right.includes(column.id));
-          return buildHeaderGroups(allColumns, leafColumns, instance, 'right');
+          var _right$map$filter2;
+
+          const orderedLeafColumns = (_right$map$filter2 = right == null ? void 0 : right.map(columnId => leafColumns.find(d => d.id === columnId)).filter(Boolean)) != null ? _right$map$filter2 : [];
+          return buildHeaderGroups(allColumns, orderedLeafColumns, instance, 'right');
         }, {
           key: 'getRightHeaderGroups',
           debug: () => {