@mezzanine-ui/react 1.2.0 → 1.3.0

package/Table/components/TableResizeHandle.js

@@ -53,10 +53,19 @@ const TableResizeHandle = memo(function TableResizeHandle({ column, columnIndex,
             // If there's no next column, we can't do adjacent resize
             return;
         }
+        const lastColumnIndex = columns.length - 1;
+        const lastColumn = columns[lastColumnIndex];
+        // When resizing the second-to-last column, nextColumn === lastColumn.
+        // We collapse to the legacy adjacent-compensation path to avoid
+        // double-writing the same key.
+        const isAdjacentToLast = columnIndex + 1 === lastColumnIndex;
         // Get the actual rendered widths from the DOM
         const currentWidth = getColumnActualWidth(columnIndex);
         const nextWidth = getColumnActualWidth(columnIndex + 1);
-        if (currentWidth === 0 || nextWidth === 0) {
+        const lastWidth = isAdjacentToLast
+            ? nextWidth
+            : getColumnActualWidth(lastColumnIndex);
+        if (currentWidth === 0 || nextWidth === 0 || lastWidth === 0) {
             return;
         }
         startXRef.current = event.clientX;
@@ -66,32 +75,59 @@ const TableResizeHandle = memo(function TableResizeHandle({ column, columnIndex,
         const maxWidth = column.maxWidth;
         const nextMinWidth = nextColumn.minWidth;
         const nextMaxWidth = nextColumn.maxWidth;
+        const lastMinWidth = lastColumn.minWidth;
+        const lastMaxWidth = lastColumn.maxWidth;
+        // Slack the last column can absorb (signed against `diff`):
+        // - positive `diff` shrinks last → capped by lastShrinkBudget
+        // - negative `diff` grows last → capped by lastGrowBudget
+        const lastShrinkBudget = lastWidth - (lastMinWidth !== null && lastMinWidth !== void 0 ? lastMinWidth : 0);
+        const lastGrowBudget = lastMaxWidth !== undefined ? lastMaxWidth - lastWidth : Infinity;
         const handleMouseMove = (moveEvent) => {
             const diff = moveEvent.clientX - startXRef.current;
             const newWidth = startWidthRef.current + diff;
-            const newNextWidth = nextStartWidthRef.current - diff;
-            let isConstrained = false;
-            // Check current column constraints
-            if (minWidth !== undefined && newWidth < minWidth) {
-                isConstrained = true;
-            }
-            if (maxWidth !== undefined && newWidth > maxWidth) {
-                isConstrained = true;
+            // Current column constraint checks
+            if (minWidth !== undefined && newWidth < minWidth)
+                return;
+            if (maxWidth !== undefined && newWidth > maxWidth)
+                return;
+            if (newWidth < 0)
+                return;
+            if (isAdjacentToLast) {
+                // Legacy adjacent compensation: donor === N+1 === last
+                const newNextWidth = nextStartWidthRef.current - diff;
+                if (nextMinWidth !== undefined && newNextWidth < nextMinWidth)
+                    return;
+                if (nextMaxWidth !== undefined && newNextWidth > nextMaxWidth)
+                    return;
+                if (newNextWidth < 0)
+                    return;
+                setResizedColumnWidth === null || setResizedColumnWidth === void 0 ? void 0 : setResizedColumnWidth(column.key, newWidth);
+                setResizedColumnWidth === null || setResizedColumnWidth === void 0 ? void 0 : setResizedColumnWidth(nextColumn.key, newNextWidth);
+                return;
             }
-            // Check next column constraints
-            if (nextMinWidth !== undefined && newNextWidth < nextMinWidth) {
-                isConstrained = true;
+            // Last-column donor strategy:
+            // Project `diff` onto the last column first (clamped to its budget).
+            // Any overflow falls back to the adjacent column (N+1).
+            let toLast;
+            if (diff >= 0) {
+                toLast = Math.min(diff, lastShrinkBudget);
             }
-            if (nextMaxWidth !== undefined && newNextWidth > nextMaxWidth) {
-                isConstrained = true;
+            else {
+                toLast = Math.max(diff, -lastGrowBudget);
             }
-            if (isConstrained) {
+            const overflow = diff - toLast;
+            const newLastWidth = lastWidth - toLast;
+            // Always write N+1 too — when overflow returns to 0 on the return
+            // drag, this restores N+1 to its start width (LIFO donor restoration).
+            const newNextWidth = nextStartWidthRef.current - overflow;
+            if (nextMinWidth !== undefined && newNextWidth < nextMinWidth)
                 return;
-            }
-            if (newWidth < 0 || newNextWidth < 0) {
+            if (nextMaxWidth !== undefined && newNextWidth > nextMaxWidth)
+                return;
+            if (newNextWidth < 0)
                 return;
-            }
             setResizedColumnWidth === null || setResizedColumnWidth === void 0 ? void 0 : setResizedColumnWidth(column.key, newWidth);
+            setResizedColumnWidth === null || setResizedColumnWidth === void 0 ? void 0 : setResizedColumnWidth(lastColumn.key, newLastWidth);
             setResizedColumnWidth === null || setResizedColumnWidth === void 0 ? void 0 : setResizedColumnWidth(nextColumn.key, newNextWidth);
         };
         const handleMouseUp = () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mezzanine-ui/react",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "React components for mezzanine-ui",
   "author": "Mezzanine",
   "repository": {
@@ -57,6 +57,5 @@
     "moment": "^2.30.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0"
-  },
-  "gitHead": "f5fa136dac936a0debafff9ea5a3815ff0b5c040"
+  }
 }