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

package/build/esm/index.js

@@ -541,7 +541,7 @@ const ColumnSizing = {
             }
           }
 
-          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;
 
@@ -2688,8 +2688,10 @@ const Headers = {
       },
       // 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;
@@ -2713,8 +2715,10 @@ const Headers = {
         }
       }),
       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: process.env.NODE_ENV === 'development' && 'getLeftHeaderGroups',
         debug: () => {
@@ -2724,8 +2728,10 @@ const Headers = {
         }
       }),
       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: process.env.NODE_ENV === 'development' && 'getRightHeaderGroups',
         debug: () => {