publ-echo-test 0.0.355 → 0.0.357

package/dist/lib/GridLayoutEditor/ReactGridLayout.js

@@ -594,8 +594,12 @@ var ReactGridLayout = function (_a) {
         var zIndex = editorMode === "EDIT" ? editorZIndex : z;
         // Check if a layout item overlaps any of the activeRows (vertical overlap)
         var isOverlappingActiveRows = function (item) {
-            if (!activeRows || activeRows.length === 0)
+            if (!(activeDragItemOrSelectedItem === null || activeDragItemOrSelectedItem === void 0 ? void 0 : activeDragItemOrSelectedItem.heightFitContent)) {
                 return false;
+            }
+            if (!activeRows || activeRows.length === 0) {
+                return false;
+            }
             var minActive = Math.min.apply(Math, activeRows);
             var maxActive = Math.max.apply(Math, activeRows);
             var itemTop = item.y;
@@ -770,10 +774,11 @@ var ReactGridLayout = function (_a) {
     var selectedLayoutItem = selectedBlockId
         ? getLayoutItem(layout, selectedBlockId)
         : null;
-    var activeRows = activeDrag &&
-        Array.from({ length: activeDrag.h }, function (_, i) { return activeDrag.y + i; });
-    return (_jsxs("div", { ref: innerRef, className: mergedClassName, style: mergedStyle, onDrop: isDroppable ? onDropHandler : noop, onDragLeave: isDroppable ? onDragLeaveHandler : noop, onDragEnter: isDroppable ? onDragEnterHandler : noop, onDragOver: isDroppable ? onDragOverHandler : noop, "data-grid-row-height": rowHeight, "data-grid-cols": cols, "data-section-id": sectionId, children: [currentGroupBlocks.map(function (each) { return processGroup(each); }), React.Children.map(children, function (child) { return processGridItem(child); }), placeholder(), activeDrag && _jsx("div", { className: "grid-guide-line-center" }), activeDrag && (_jsx(GridBackgroundPlaceholder, { backgroundWidth: getBackgroundWidth(), backgroundHeight: getBackgroundHeight(), margin: margin, 
+    var activeDragItemOrSelectedItem = activeDrag || selectedLayoutItem;
+    var activeRows = activeDragItemOrSelectedItem &&
+        Array.from({ length: activeDragItemOrSelectedItem.h }, function (_, i) { return activeDragItemOrSelectedItem.y + i; });
+    return (_jsxs("div", { ref: innerRef, className: mergedClassName, style: mergedStyle, onDrop: isDroppable ? onDropHandler : noop, onDragLeave: isDroppable ? onDragLeaveHandler : noop, onDragEnter: isDroppable ? onDragEnterHandler : noop, onDragOver: isDroppable ? onDragOverHandler : noop, "data-grid-row-height": rowHeight, "data-grid-cols": cols, "data-section-id": sectionId, children: [currentGroupBlocks.map(function (each) { return processGroup(each); }), React.Children.map(children, function (child) { return processGridItem(child); }), placeholder(), activeDrag && _jsx("div", { className: "grid-guide-line-center" }), activeDragItemOrSelectedItem && (_jsx(GridBackgroundPlaceholder, { backgroundWidth: getBackgroundWidth(), backgroundHeight: getBackgroundHeight(), margin: margin, 
                 // width={width}
-                rowHeight: rowHeight, colWidth: colWidth, activeDrag: activeDrag, selectedBlockId: selectedBlockId, totalCols: cols })), selectedLayoutItem && !activeDrag && (_jsx(GridBackgroundPlaceholder, { backgroundWidth: getBackgroundWidth(), backgroundHeight: getBackgroundHeight(), margin: margin, rowHeight: rowHeight, colWidth: colWidth, activeDrag: selectedLayoutItem, selectedBlockId: selectedBlockId, totalCols: cols }))] }));
+                rowHeight: rowHeight, colWidth: colWidth, activeDrag: activeDragItemOrSelectedItem, selectedBlockId: selectedBlockId, totalCols: cols }))] }));
 };
 export default ReactGridLayout;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "publ-echo-test",
-  "version": "0.0.355",
+  "version": "0.0.357",
   "private": false,
   "main": "dist/lib/index.js",
   "types": "dist/lib/index.d.js",