@trops/dash-core 0.1.21 → 0.1.23

package/dist/index.js

@@ -10592,6 +10592,18 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
     } catch (e) {
     }
   }
+  function handleChangeRowMode(gridContainerId, rowNumber, mode) {
+    try {
+      var dashboard = new DashboardModel(currentWorkspace);
+      var result = dashboard.changeRowMode(gridContainerId, rowNumber, mode);
+      if (result) {
+        var newWorkspace = dashboard.workspace();
+        setCurrentWorkspace(newWorkspace);
+      } else {
+      }
+    } catch (e) {
+    }
+  }
 
   /**
    * handle the click of a cell in a grid that does not contain a widget yet
@@ -10677,6 +10689,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
             onAddGridColumn: handleAddGridColumn,
             onDeleteGridColumn: handleDeleteGridColumn,
             onChangeRowHeight: handleChangeRowHeight,
+            onChangeRowMode: handleChangeRowMode,
             onMoveWidgetToCell: handleMoveWidgetToCell
           }, "layout-drag-".concat(dashboardId)), preview === false && editMode === "all" && /*#__PURE__*/jsxRuntime.jsx(LayoutDragBuilderEdit, {
             dashboardId: dashboardId,
@@ -10721,6 +10734,7 @@ var LayoutBuilder = function LayoutBuilder(_ref) {
             onAddGridColumn: handleAddGridColumn,
             onDeleteGridColumn: handleDeleteGridColumn,
             onChangeRowHeight: handleChangeRowHeight,
+            onChangeRowMode: handleChangeRowMode,
             onMoveWidgetToCell: handleMoveWidgetToCell,
             onDropWidgetFromSidebar: handleDropWidgetFromSidebar
           }, "layout-drag-edit-".concat(dashboardId))]
@@ -10810,7 +10824,9 @@ var LayoutDragBuilder = function LayoutDragBuilder(_ref) {
     _ref$onDeleteGridColu = _ref.onDeleteGridColumn,
     onDeleteGridColumn = _ref$onDeleteGridColu === void 0 ? null : _ref$onDeleteGridColu,
     _ref$onChangeRowHeigh = _ref.onChangeRowHeight,
-    onChangeRowHeight = _ref$onChangeRowHeigh === void 0 ? null : _ref$onChangeRowHeigh;
+    onChangeRowHeight = _ref$onChangeRowHeigh === void 0 ? null : _ref$onChangeRowHeigh,
+    _ref$onChangeRowMode = _ref.onChangeRowMode,
+    onChangeRowMode = _ref$onChangeRowMode === void 0 ? null : _ref$onChangeRowMode;
   return isDraggable === true ? /*#__PURE__*/jsxRuntime.jsx(reactDnd.DndProvider, {
     backend: reactDndHtml5Backend.HTML5Backend,
     children: _renderLayout({
@@ -10840,7 +10856,8 @@ var LayoutDragBuilder = function LayoutDragBuilder(_ref) {
       onDeleteGridRow: onDeleteGridRow,
       onAddGridColumn: onAddGridColumn,
       onDeleteGridColumn: onDeleteGridColumn,
-      onChangeRowHeight: onChangeRowHeight
+      onChangeRowHeight: onChangeRowHeight,
+      onChangeRowMode: onChangeRowMode
     })
   }, "dnd-provider") : _renderLayout({
     dashboardId: dashboardId,
@@ -10869,7 +10886,8 @@ var LayoutDragBuilder = function LayoutDragBuilder(_ref) {
     onDeleteGridRow: onDeleteGridRow,
     onAddGridColumn: onAddGridColumn,
     onDeleteGridColumn: onDeleteGridColumn,
-    onChangeRowHeight: onChangeRowHeight
+    onChangeRowHeight: onChangeRowHeight,
+    onChangeRowMode: onChangeRowMode
   });
 };
 
@@ -10917,6 +10935,8 @@ var LayoutDragBuilderEdit = function LayoutDragBuilderEdit(_ref) {
     onDeleteGridColumn = _ref$onDeleteGridColu === void 0 ? null : _ref$onDeleteGridColu,
     _ref$onChangeRowHeigh = _ref.onChangeRowHeight,
     onChangeRowHeight = _ref$onChangeRowHeigh === void 0 ? null : _ref$onChangeRowHeigh,
+    _ref$onChangeRowMode = _ref.onChangeRowMode,
+    onChangeRowMode = _ref$onChangeRowMode === void 0 ? null : _ref$onChangeRowMode,
     _ref$onMoveWidgetToCe = _ref.onMoveWidgetToCell,
     onMoveWidgetToCell = _ref$onMoveWidgetToCe === void 0 ? null : _ref$onMoveWidgetToCe,
     _ref$onDropWidgetFrom = _ref.onDropWidgetFromSidebar,
@@ -10955,6 +10975,7 @@ var LayoutDragBuilderEdit = function LayoutDragBuilderEdit(_ref) {
     onAddGridColumn: onAddGridColumn,
     onDeleteGridColumn: onDeleteGridColumn,
     onChangeRowHeight: onChangeRowHeight,
+    onChangeRowMode: onChangeRowMode,
     onMoveWidgetToCell: onMoveWidgetToCell,
     onDropWidgetFromSidebar: onDropWidgetFromSidebar
   });
@@ -13185,6 +13206,8 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
     onDeleteGridColumn = _ref3$onDeleteGridCol === void 0 ? null : _ref3$onDeleteGridCol,
     _ref3$onChangeRowHeig = _ref3.onChangeRowHeight,
     onChangeRowHeight = _ref3$onChangeRowHeig === void 0 ? null : _ref3$onChangeRowHeig,
+    _ref3$onChangeRowMode = _ref3.onChangeRowMode,
+    onChangeRowMode = _ref3$onChangeRowMode === void 0 ? null : _ref3$onChangeRowMode,
     _ref3$onMoveWidgetToC = _ref3.onMoveWidgetToCell,
     onMoveWidgetToCell = _ref3$onMoveWidgetToC === void 0 ? null : _ref3$onMoveWidgetToC,
     _ref3$onDropWidgetFro = _ref3.onDropWidgetFromSidebar,
@@ -13215,18 +13238,39 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
   var GRID_PAD = 16; // px — matches p-4 (1rem)
   var GRID_GAP = 20; // px — matches gap-5 (1.25rem)
 
-  // Compute fixed row heights for scrollable mode
+  // Compute row template tracks respecting rowModes and rowHeights
   function getRowTemplate(grid) {
     var unit = grid.rowUnit || 300;
     var heights = grid.rowHeights || {};
+    var modes = grid.rowModes || {};
     var tracks = [];
     for (var r = 1; r <= grid.rows; r++) {
-      var mult = heights[String(r)] || 1;
-      tracks.push("".concat(unit * mult, "px"));
+      var mode = modes[String(r)] || "fixed";
+      switch (mode) {
+        case "shrink":
+          tracks.push("auto");
+          break;
+        case "grow":
+          tracks.push("minmax(0, 1fr)");
+          break;
+        default:
+          {
+            var mult = heights[String(r)] || 1;
+            tracks.push("".concat(unit * mult, "px"));
+            break;
+          }
+      }
     }
     return tracks.join(" ");
   }
 
+  // Check if any row has an explicit mode set
+  function hasExplicitRowModes() {
+    if (!hasGrid) return false;
+    var modes = item.grid.rowModes;
+    return modes && Object.keys(modes).length > 0;
+  }
+
   // Get the current multiplier for a row
   function getRowMultiplier(row) {
     var _item$grid$rowHeights;
@@ -13234,15 +13278,54 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
     return ((_item$grid$rowHeights = item.grid.rowHeights) === null || _item$grid$rowHeights === void 0 ? void 0 : _item$grid$rowHeights[String(row)]) || 1;
   }
 
-  // Cycle multiplier: 1 → 2 → 3 → 1
-  function handleCycleRowHeight(row) {
-    var current = getRowMultiplier(row);
-    var next = current >= 3 ? 1 : current + 1;
-    if (onChangeRowHeight) {
-      onChangeRowHeight(id, row, next);
+  // Get the current mode for a row
+  function getRowMode(row) {
+    var _item$grid$rowModes;
+    if (!hasGrid) return "fixed";
+    return ((_item$grid$rowModes = item.grid.rowModes) === null || _item$grid$rowModes === void 0 ? void 0 : _item$grid$rowModes[String(row)]) || "fixed";
+  }
+
+  // Unified cycle: shrink → grow → fixed 1x → fixed 2x → fixed 3x → shrink
+  function handleCycleRowSizing(row) {
+    var mode = getRowMode(row);
+    var mult = getRowMultiplier(row);
+    if (mode === "shrink") {
+      // shrink → grow
+      if (onChangeRowMode) onChangeRowMode(id, row, "grow");
+    } else if (mode === "grow") {
+      // grow → fixed 1x
+      if (onChangeRowMode) onChangeRowMode(id, row, "fixed");
+    } else {
+      // fixed: cycle 1x → 2x → 3x → shrink
+      if (mult >= 3) {
+        if (onChangeRowMode) onChangeRowMode(id, row, "shrink");
+      } else {
+        if (onChangeRowHeight) onChangeRowHeight(id, row, mult + 1);
+      }
     }
   }
 
+  // Get display label and color for current row sizing
+  function getRowSizingDisplay(row) {
+    var mode = getRowMode(row);
+    if (mode === "shrink") return {
+      label: "S",
+      color: "text-amber-400",
+      hoverBg: "hover:bg-amber-400/10"
+    };
+    if (mode === "grow") return {
+      label: "G",
+      color: "text-green-400",
+      hoverBg: "hover:bg-green-400/10"
+    };
+    var mult = getRowMultiplier(row);
+    return {
+      label: "".concat(mult, "x"),
+      color: mult > 1 ? "text-blue-400" : "text-gray-500",
+      hoverBg: mult > 1 ? "hover:bg-blue-400/10" : "hover:bg-gray-400/10"
+    };
+  }
+
   // Modal state for grid operations
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -13543,14 +13626,23 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
           }), /*#__PURE__*/jsxRuntime.jsxs("span", {
             className: "text-[11px] text-gray-400 group-hover:text-gray-200 select-none font-mono font-medium",
             children: ["R", row]
-          }), scrollable && /*#__PURE__*/jsxRuntime.jsxs("button", {
-            className: "w-5 h-5 flex items-center justify-center rounded text-[10px] text-gray-500 opacity-40 hover:opacity-100 hover:text-blue-400 hover:bg-blue-400/10 transition-all font-mono font-bold select-none",
-            onClick: function onClick() {
-              return handleCycleRowHeight(row);
-            },
-            title: "Row height: ".concat(getRowMultiplier(row), "x (click to cycle)"),
-            children: [getRowMultiplier(row), "x"]
-          }), /*#__PURE__*/jsxRuntime.jsx("button", {
+          }), function () {
+            var _getRowSizingDisplay = getRowSizingDisplay(row),
+              label = _getRowSizingDisplay.label,
+              color = _getRowSizingDisplay.color,
+              hoverBg = _getRowSizingDisplay.hoverBg;
+            var mode = getRowMode(row);
+            var mult = getRowMultiplier(row);
+            var titleParts = mode === "shrink" ? "Shrink (auto)" : mode === "grow" ? "Grow (1fr)" : "Fixed ".concat(mult, "x");
+            return /*#__PURE__*/jsxRuntime.jsx("button", {
+              className: "w-5 h-5 flex items-center justify-center rounded text-[10px] ".concat(color, " opacity-40 hover:opacity-100 ").concat(hoverBg, " transition-all font-mono font-bold select-none"),
+              onClick: function onClick() {
+                return handleCycleRowSizing(row);
+              },
+              title: "Row sizing: ".concat(titleParts, " (click to cycle)"),
+              children: label
+            });
+          }(), /*#__PURE__*/jsxRuntime.jsx("button", {
             className: "w-5 h-5 flex items-center justify-center rounded text-[10px] text-gray-600 opacity-40 hover:opacity-100 hover:text-green-400 hover:bg-green-400/10 transition-all",
             onClick: function onClick() {
               return handleAddRow(row);
@@ -13587,7 +13679,7 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
       }), /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "grid ".concat(scrollable ? "" : "flex-1"),
         style: {
-          gridTemplateRows: scrollable ? getRowTemplate(item.grid) : "repeat(".concat(rows, ", minmax(0, 1fr))"),
+          gridTemplateRows: scrollable ? getRowTemplate(item.grid) : hasExplicitRowModes() ? getRowTemplate(item.grid) : "repeat(".concat(rows, ", minmax(0, 1fr))"),
           gap: GRID_GAP
         },
         children: rowItems
@@ -13721,8 +13813,11 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
           }
         }
         var isCellSelected = selectedCellsForMerge.includes(cellNumber);
+        var rowModes = item.grid.rowModes || {};
+        var rowMode = rowModes[String(row)] || "fixed";
+        var heightClass = rowMode === "shrink" ? "" : "h-full";
         cells.push(/*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "flex w-full h-full min-h-0 min-w-0 overflow-hidden relative ".concat(isCellSelected ? "ring-2 ring-blue-500 ring-inset rounded" : ""),
+          className: "flex w-full ".concat(heightClass, " min-h-0 min-w-0 overflow-hidden relative ").concat(isCellSelected ? "ring-2 ring-blue-500 ring-inset rounded" : ""),
           "data-cell": cellNumber,
           style: spanStyle,
           children: preview ? cellDef.component ? renderCellComponent(cellDef.component) : renderPreviewEmptyCell(cellNumber) : renderEditCell(cellNumber, cellDef, selectableSet)
@@ -13982,7 +14077,7 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
             id: "grid-container-".concat(id),
             className: "grid flex-1 p-4 gap-5",
             style: {
-              gridTemplateRows: "repeat(".concat(item.grid.rows, ", minmax(0, 1fr))"),
+              gridTemplateRows: hasExplicitRowModes() ? getRowTemplate(item.grid) : "repeat(".concat(item.grid.rows, ", minmax(0, 1fr))"),
               gridTemplateColumns: "repeat(".concat(item.grid.cols, ", 1fr)"),
               overflow: "hidden"
             },
@@ -14093,7 +14188,7 @@ var LayoutGridContainer = /*#__PURE__*/React.memo(function (_ref3) {
       id: "grid-container-".concat(id),
       className: "absolute inset-0 grid p-3 ".concat(item.grid.gap || "gap-2"),
       style: {
-        gridTemplateRows: "repeat(".concat(item.grid.rows, ", minmax(0, 1fr))"),
+        gridTemplateRows: hasExplicitRowModes() ? getRowTemplate(item.grid) : "repeat(".concat(item.grid.rows, ", minmax(0, 1fr))"),
         gridTemplateColumns: "repeat(".concat(item.grid.cols, ", 1fr)"),
         overflow: "hidden"
       },
@@ -14186,6 +14281,8 @@ var _renderLayout = function renderLayout(_ref) {
     onDeleteGridColumn = _ref$onDeleteGridColu === void 0 ? null : _ref$onDeleteGridColu,
     _ref$onChangeRowHeigh = _ref.onChangeRowHeight,
     onChangeRowHeight = _ref$onChangeRowHeigh === void 0 ? null : _ref$onChangeRowHeigh,
+    _ref$onChangeRowMode = _ref.onChangeRowMode,
+    onChangeRowMode = _ref$onChangeRowMode === void 0 ? null : _ref$onChangeRowMode,
     _ref$onMoveWidgetToCe = _ref.onMoveWidgetToCell,
     onMoveWidgetToCell = _ref$onMoveWidgetToCe === void 0 ? null : _ref$onMoveWidgetToCe,
     _ref$onDropWidgetFrom = _ref.onDropWidgetFromSidebar,
@@ -14253,6 +14350,7 @@ var _renderLayout = function renderLayout(_ref) {
         onAddGridColumn: onAddGridColumn,
         onDeleteGridColumn: onDeleteGridColumn,
         onChangeRowHeight: onChangeRowHeight,
+        onChangeRowMode: onChangeRowMode,
         onMoveWidgetToCell: onMoveWidgetToCell,
         onDropWidgetFromSidebar: onDropWidgetFromSidebar,
         children: id > 0 && _renderLayout({
@@ -14289,6 +14387,7 @@ var _renderLayout = function renderLayout(_ref) {
           onAddGridColumn: onAddGridColumn,
           onDeleteGridColumn: onDeleteGridColumn,
           onChangeRowHeight: onChangeRowHeight,
+          onChangeRowMode: onChangeRowMode,
           onMoveWidgetToCell: onMoveWidgetToCell,
           onDropWidgetFromSidebar: onDropWidgetFromSidebar
         })
@@ -17068,6 +17167,20 @@ var DashboardModel = /*#__PURE__*/function () {
           delete grid["".concat(grid.rows, ".").concat(_c7)];
         }
         grid.rows--;
+
+        // Shift rowModes keys up and remove the compacted row's entry
+        if (grid.rowModes) {
+          var shifted = {};
+          for (var _i2 = 0, _Object$entries = Object.entries(grid.rowModes); _i2 < _Object$entries.length; _i2++) {
+            var _Object$entries$_i = _slicedToArray(_Object$entries[_i2], 2),
+              _key2 = _Object$entries$_i[0],
+              mode = _Object$entries$_i[1];
+            var rowNum = Number(_key2);
+            if (rowNum === _r6) continue;
+            shifted[String(rowNum > _r6 ? rowNum - 1 : rowNum)] = mode;
+          }
+          grid.rowModes = Object.keys(shifted).length > 0 ? shifted : undefined;
+        }
       }
 
       // --- Phase 3: Full normalization (steps 1-5) on the compacted grid ---
@@ -17101,14 +17214,14 @@ var DashboardModel = /*#__PURE__*/function () {
 
       // 2. Remove out-of-bounds cell keys
       var cellKeyPattern = /^(\d+)\.(\d+)$/;
-      for (var _i2 = 0, _Object$keys2 = Object.keys(grid); _i2 < _Object$keys2.length; _i2++) {
-        var _key2 = _Object$keys2[_i2];
-        var match = _key2.match(cellKeyPattern);
+      for (var _i3 = 0, _Object$keys2 = Object.keys(grid); _i3 < _Object$keys2.length; _i3++) {
+        var _key3 = _Object$keys2[_i3];
+        var match = _key3.match(cellKeyPattern);
         if (match) {
           var _r7 = Number(match[1]);
           var _c8 = Number(match[2]);
           if (_r7 < 1 || _r7 > rows || _c8 < 1 || _c8 > cols) {
-            delete grid[_key2];
+            delete grid[_key3];
           }
         }
       }
@@ -17139,13 +17252,13 @@ var DashboardModel = /*#__PURE__*/function () {
       var covered = new Set();
       for (var _r0 = 1; _r0 <= rows; _r0++) {
         for (var _c1 = 1; _c1 <= cols; _c1++) {
-          var _key3 = "".concat(_r0, ".").concat(_c1);
-          var _cell5 = grid[_key3];
+          var _key4 = "".concat(_r0, ".").concat(_c1);
+          var _cell5 = grid[_key4];
           if (!_cell5.span) continue;
 
           // If this cell is already covered by an earlier span,
           // remove its span to resolve the conflict
-          if (covered.has(_key3)) {
+          if (covered.has(_key4)) {
             delete _cell5.span;
             continue;
           }
@@ -17165,7 +17278,7 @@ var DashboardModel = /*#__PURE__*/function () {
               covered.add(coveredKey);
             }
           }
-          covered.add(_key3);
+          covered.add(_key4);
         }
       }
     }
@@ -17251,8 +17364,8 @@ var DashboardModel = /*#__PURE__*/function () {
             var visibleCells = [];
             for (var r = 1; r <= grid.rows; r++) {
               for (var c = 1; c <= oldCols; c++) {
-                var _key4 = "".concat(r, ".").concat(c);
-                var cell = grid[_key4];
+                var _key5 = "".concat(r, ".").concat(c);
+                var cell = grid[_key5];
                 if (cell && !cell.hide) {
                   var _cell$span, _cell$span2;
                   visibleCells.push({
@@ -17267,20 +17380,20 @@ var DashboardModel = /*#__PURE__*/function () {
             }
 
             // 2. Clear all cell keys
-            for (var _i3 = 0, _Object$keys3 = Object.keys(grid); _i3 < _Object$keys3.length; _i3++) {
-              var _key5 = _Object$keys3[_i3];
-              if (/^\d+\.\d+$/.test(_key5)) delete grid[_key5];
+            for (var _i4 = 0, _Object$keys3 = Object.keys(grid); _i4 < _Object$keys3.length; _i4++) {
+              var _key6 = _Object$keys3[_i4];
+              if (/^\d+\.\d+$/.test(_key6)) delete grid[_key6];
             }
 
             // 3. Update grid dimensions
             grid.cols = oldCols * count;
 
             // 4. Reposition all cells with scaled positions and spans
-            for (var _i4 = 0, _visibleCells = visibleCells; _i4 < _visibleCells.length; _i4++) {
-              var vc = _visibleCells[_i4];
+            for (var _i5 = 0, _visibleCells = visibleCells; _i5 < _visibleCells.length; _i5++) {
+              var vc = _visibleCells[_i5];
               var newCol = (vc.col - 1) * count + 1;
-              var _key6 = "".concat(vc.row, ".").concat(newCol);
-              grid[_key6] = _objectSpread$f(_objectSpread$f({}, vc.data), {}, {
+              var _key7 = "".concat(vc.row, ".").concat(newCol);
+              grid[_key7] = _objectSpread$f(_objectSpread$f({}, vc.data), {}, {
                 hide: false,
                 span: {
                   row: vc.spanRow,
@@ -17295,16 +17408,16 @@ var DashboardModel = /*#__PURE__*/function () {
             var _subSpan = newTargetSpan / count;
             var _component = targetCell === null || targetCell === void 0 ? void 0 : targetCell.component;
             var rowSpan = (targetCell === null || targetCell === void 0 || (_targetCell$span4 = targetCell.span) === null || _targetCell$span4 === void 0 ? void 0 : _targetCell$span4.row) || 1;
-            for (var _i5 = 0; _i5 < count; _i5++) {
-              var _key7 = "".concat(row, ".").concat(newTargetCol + _i5 * _subSpan);
-              grid[_key7] = {
-                component: _i5 === 0 ? _component : null,
+            for (var _i6 = 0; _i6 < count; _i6++) {
+              var _key8 = "".concat(row, ".").concat(newTargetCol + _i6 * _subSpan);
+              grid[_key8] = {
+                component: _i6 === 0 ? _component : null,
                 hide: false
               };
               if (_subSpan > 1 || rowSpan > 1) {
-                grid[_key7].span = {};
-                if (_subSpan > 1) grid[_key7].span.col = _subSpan;
-                if (rowSpan > 1) grid[_key7].span.row = rowSpan;
+                grid[_key8].span = {};
+                if (_subSpan > 1) grid[_key8].span.col = _subSpan;
+                if (rowSpan > 1) grid[_key8].span.row = rowSpan;
               }
             }
           }
@@ -17327,16 +17440,16 @@ var DashboardModel = /*#__PURE__*/function () {
             delete targetCell.span;
 
             // Create subdivided cells
-            for (var _i6 = 0; _i6 < count; _i6++) {
-              var _key8 = "".concat(row + _i6 * _subSpan2, ".").concat(col);
-              grid[_key8] = {
-                component: _i6 === 0 ? _component2 : null,
+            for (var _i7 = 0; _i7 < count; _i7++) {
+              var _key9 = "".concat(row + _i7 * _subSpan2, ".").concat(col);
+              grid[_key9] = {
+                component: _i7 === 0 ? _component2 : null,
                 hide: false
               };
               if (_subSpan2 > 1 || _targetSpanCol > 1) {
-                grid[_key8].span = {};
-                if (_subSpan2 > 1) grid[_key8].span.row = _subSpan2;
-                if (_targetSpanCol > 1) grid[_key8].span.col = _targetSpanCol;
+                grid[_key9].span = {};
+                if (_subSpan2 > 1) grid[_key9].span.row = _subSpan2;
+                if (_targetSpanCol > 1) grid[_key9].span.col = _targetSpanCol;
               }
             }
           } else {
@@ -17348,8 +17461,8 @@ var DashboardModel = /*#__PURE__*/function () {
             var _visibleCells2 = [];
             for (var _r1 = 1; _r1 <= oldRows; _r1++) {
               for (var _c10 = 1; _c10 <= grid.cols; _c10++) {
-                var _key9 = "".concat(_r1, ".").concat(_c10);
-                var _cell6 = grid[_key9];
+                var _key0 = "".concat(_r1, ".").concat(_c10);
+                var _cell6 = grid[_key0];
                 if (_cell6 && !_cell6.hide) {
                   var _cell6$span, _cell6$span2;
                   _visibleCells2.push({
@@ -17364,20 +17477,20 @@ var DashboardModel = /*#__PURE__*/function () {
             }
 
             // 2. Clear all cell keys
-            for (var _i7 = 0, _Object$keys4 = Object.keys(grid); _i7 < _Object$keys4.length; _i7++) {
-              var _key0 = _Object$keys4[_i7];
-              if (/^\d+\.\d+$/.test(_key0)) delete grid[_key0];
+            for (var _i8 = 0, _Object$keys4 = Object.keys(grid); _i8 < _Object$keys4.length; _i8++) {
+              var _key1 = _Object$keys4[_i8];
+              if (/^\d+\.\d+$/.test(_key1)) delete grid[_key1];
             }
 
             // 3. Update grid dimensions
             grid.rows = oldRows * count;
 
             // 4. Reposition all cells with scaled positions and spans
-            for (var _i8 = 0, _visibleCells3 = _visibleCells2; _i8 < _visibleCells3.length; _i8++) {
-              var _vc = _visibleCells3[_i8];
+            for (var _i9 = 0, _visibleCells3 = _visibleCells2; _i9 < _visibleCells3.length; _i9++) {
+              var _vc = _visibleCells3[_i9];
               var newRow = (_vc.row - 1) * count + 1;
-              var _key1 = "".concat(newRow, ".").concat(_vc.col);
-              grid[_key1] = _objectSpread$f(_objectSpread$f({}, _vc.data), {}, {
+              var _key10 = "".concat(newRow, ".").concat(_vc.col);
+              grid[_key10] = _objectSpread$f(_objectSpread$f({}, _vc.data), {}, {
                 hide: false,
                 span: {
                   row: _vc.spanRow * count,
@@ -17392,16 +17505,16 @@ var DashboardModel = /*#__PURE__*/function () {
             var _subSpan3 = _newTargetSpan / count;
             var _component3 = targetCell === null || targetCell === void 0 ? void 0 : targetCell.component;
             var colSpan = (targetCell === null || targetCell === void 0 || (_targetCell$span8 = targetCell.span) === null || _targetCell$span8 === void 0 ? void 0 : _targetCell$span8.col) || 1;
-            for (var _i9 = 0; _i9 < count; _i9++) {
-              var _key10 = "".concat(newTargetRow + _i9 * _subSpan3, ".").concat(col);
-              grid[_key10] = {
-                component: _i9 === 0 ? _component3 : null,
+            for (var _i0 = 0; _i0 < count; _i0++) {
+              var _key11 = "".concat(newTargetRow + _i0 * _subSpan3, ".").concat(col);
+              grid[_key11] = {
+                component: _i0 === 0 ? _component3 : null,
                 hide: false
               };
               if (_subSpan3 > 1 || colSpan > 1) {
-                grid[_key10].span = {};
-                if (_subSpan3 > 1) grid[_key10].span.row = _subSpan3;
-                if (colSpan > 1) grid[_key10].span.col = colSpan;
+                grid[_key11].span = {};
+                if (_subSpan3 > 1) grid[_key11].span.row = _subSpan3;
+                if (colSpan > 1) grid[_key11].span.col = colSpan;
               }
             }
           }
@@ -17553,6 +17666,50 @@ var DashboardModel = /*#__PURE__*/function () {
       }
     }
 
+    /**
+     * Change the sizing mode for a grid row
+     * @param {Number} itemId The id of the grid container
+     * @param {Number} rowNumber The row number (1-indexed)
+     * @param {String} mode The sizing mode: "shrink", "grow", or "fixed"
+     * @returns {Object} Updated grid or null on error
+     */
+  }, {
+    key: "changeRowMode",
+    value: function changeRowMode(itemId, rowNumber, mode) {
+      try {
+        var gridContainer = this.getComponentById(itemId);
+        if (!gridContainer || !gridContainer.grid) {
+          return null;
+        }
+        var grid = gridContainer.grid;
+        grid.rowModes = grid.rowModes || {};
+        if (mode === "fixed" || !mode) {
+          delete grid.rowModes[String(rowNumber)];
+        } else {
+          grid.rowModes[String(rowNumber)] = mode;
+        }
+
+        // When switching away from fixed, clear the rowHeights entry for that row
+        if (mode === "shrink" || mode === "grow") {
+          if (grid.rowHeights) {
+            delete grid.rowHeights[String(rowNumber)];
+            if (Object.keys(grid.rowHeights).length === 0) {
+              delete grid.rowHeights;
+            }
+          }
+        }
+
+        // Clean up empty object
+        if (Object.keys(grid.rowModes).length === 0) {
+          delete grid.rowModes;
+        }
+        this.updateLayoutItem(gridContainer);
+        return grid;
+      } catch (e) {
+        return null;
+      }
+    }
+
     /**
      * Add a new row to the grid
      * @param {Number} itemId The id of the grid container
@@ -17595,15 +17752,28 @@ var DashboardModel = /*#__PURE__*/function () {
         // Shift rowHeights keys down (rows after insertion point move +1)
         if (gridContainer.grid.rowHeights) {
           var shifted = {};
-          for (var _i0 = 0, _Object$entries = Object.entries(gridContainer.grid.rowHeights); _i0 < _Object$entries.length; _i0++) {
-            var _Object$entries$_i = _slicedToArray(_Object$entries[_i0], 2),
-              key = _Object$entries$_i[0],
-              mult = _Object$entries$_i[1];
+          for (var _i1 = 0, _Object$entries2 = Object.entries(gridContainer.grid.rowHeights); _i1 < _Object$entries2.length; _i1++) {
+            var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i1], 2),
+              key = _Object$entries2$_i[0],
+              mult = _Object$entries2$_i[1];
             var rowNum = Number(key);
             shifted[String(rowNum >= newRowNumber ? rowNum + 1 : rowNum)] = mult;
           }
           gridContainer.grid.rowHeights = Object.keys(shifted).length > 0 ? shifted : undefined;
         }
+
+        // Shift rowModes keys down (rows after insertion point move +1)
+        if (gridContainer.grid.rowModes) {
+          var _shifted = {};
+          for (var _i10 = 0, _Object$entries3 = Object.entries(gridContainer.grid.rowModes); _i10 < _Object$entries3.length; _i10++) {
+            var _Object$entries3$_i = _slicedToArray(_Object$entries3[_i10], 2),
+              _key12 = _Object$entries3$_i[0],
+              mode = _Object$entries3$_i[1];
+            var _rowNum = Number(_key12);
+            _shifted[String(_rowNum >= newRowNumber ? _rowNum + 1 : _rowNum)] = mode;
+          }
+          gridContainer.grid.rowModes = Object.keys(_shifted).length > 0 ? _shifted : undefined;
+        }
         this._normalizeGrid(gridContainer.grid);
         this.updateLayoutItem(gridContainer);
         return gridContainer.grid;
@@ -17655,16 +17825,30 @@ var DashboardModel = /*#__PURE__*/function () {
         // Shift rowHeights keys up and remove the deleted row's entry
         if (gridContainer.grid.rowHeights) {
           var shifted = {};
-          for (var _i1 = 0, _Object$entries2 = Object.entries(gridContainer.grid.rowHeights); _i1 < _Object$entries2.length; _i1++) {
-            var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i1], 2),
-              key = _Object$entries2$_i[0],
-              mult = _Object$entries2$_i[1];
+          for (var _i11 = 0, _Object$entries4 = Object.entries(gridContainer.grid.rowHeights); _i11 < _Object$entries4.length; _i11++) {
+            var _Object$entries4$_i = _slicedToArray(_Object$entries4[_i11], 2),
+              key = _Object$entries4$_i[0],
+              mult = _Object$entries4$_i[1];
             var rowNum = Number(key);
             if (rowNum === rowNumber) continue;
             shifted[String(rowNum > rowNumber ? rowNum - 1 : rowNum)] = mult;
           }
           gridContainer.grid.rowHeights = Object.keys(shifted).length > 0 ? shifted : undefined;
         }
+
+        // Shift rowModes keys up and remove the deleted row's entry
+        if (gridContainer.grid.rowModes) {
+          var _shifted2 = {};
+          for (var _i12 = 0, _Object$entries5 = Object.entries(gridContainer.grid.rowModes); _i12 < _Object$entries5.length; _i12++) {
+            var _Object$entries5$_i = _slicedToArray(_Object$entries5[_i12], 2),
+              _key13 = _Object$entries5$_i[0],
+              mode = _Object$entries5$_i[1];
+            var _rowNum2 = Number(_key13);
+            if (_rowNum2 === rowNumber) continue;
+            _shifted2[String(_rowNum2 > rowNumber ? _rowNum2 - 1 : _rowNum2)] = mode;
+          }
+          gridContainer.grid.rowModes = Object.keys(_shifted2).length > 0 ? _shifted2 : undefined;
+        }
         this._normalizeGrid(gridContainer.grid);
         this.updateLayoutItem(gridContainer);
         return gridContainer.grid;