publ-echo-test 0.0.349 → 0.0.351

package/dist/lib/GridLayoutEditor/ReactGridLayout.js

@@ -53,7 +53,6 @@ var ReactGridLayout = function (_a) {
     _x = props.resizeHandles, // TODO fix
     resizeHandles = _x === void 0 ? ["se"] : _x, _y = props.width, width = _y === void 0 ? 0 : _y, resizeHandle = props.resizeHandle, _z = props.isHiddenVisibility, isHiddenVisibility = _z === void 0 ? true : _z, innerRef = props.innerRef, minNbRow = props.minNbRow, customColWidth = props.customColWidth, blockStructure = props.blockStructure, onDoubleClickGroup = props.onDoubleClickGroup, _0 = props.editingGroupBlock, editingGroupBlock = _0 === void 0 ? "ROOT" : _0, _1 = props.selectedGroupBlock, selectedGroupBlock = _1 === void 0 ? "ROOT" : _1, onClickGroup = props.onClickGroup, bulkIds = props.bulkIds, onDoubleClickOutsideGroup = props.onDoubleClickOutsideGroup;
     var device = cols === 24 ? "DESKTOP" : "MOBILE";
-    console.log("selectedBlockId", selectedBlockId);
     var _2 = useState(), activeDrag = _2[0], setActiveDrag = _2[1];
     var _3 = useState(), oldDragItem = _3[0], setOldDragItem = _3[1];
     var _4 = useState(), oldLayout = _4[0], setOldLayout = _4[1];
@@ -591,6 +590,24 @@ var ReactGridLayout = function (_a) {
             return z;
         })();
         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)
+                return false;
+            var minActive = Math.min.apply(Math, activeRows);
+            var maxActive = Math.max.apply(Math, activeRows);
+            var itemTop = item.y;
+            var itemBottom = item.y + item.h - 1;
+            // overlap if ranges [itemTop, itemBottom] and [minActive, maxActive] intersect
+            return !(itemBottom < minActive || itemTop > maxActive);
+        };
+        var overlapsActiveRows = isOverlappingActiveRows({
+            w: l.w,
+            h: l.h,
+            x: l.x,
+            y: l.y,
+            i: l.i,
+        });
         return (_jsx(GridItem, { isPinned: device === "DESKTOP"
                 ? !!block.isPinnedDesktop
                 : !!block.isPinnedMobile, className: classNames({
@@ -598,6 +615,7 @@ var ReactGridLayout = function (_a) {
                 "not-editable-grid-item": !isRoot && !editable,
                 "bulk-child-item": isInBulk,
                 "outside-of-editing-group": !isInsideOfEditingGroup,
+                "show-block-data": overlapsActiveRows,
             }), z: zIndex, zOrder: l.z, zOrderInternal: parent
                 ? "".concat(parent[device === "DESKTOP"
                     ? "zOrderDesktopInternal"
@@ -750,6 +768,9 @@ 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; });
+    console.log("activeRows", activeRows);
     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, 
                 // width={width}
                 rowHeight: rowHeight, colWidth: colWidth, activeDrag: activeDrag, selectedBlockId: selectedBlockId, totalCols: cols })), selectedLayoutItem && (_jsx(GridBackgroundPlaceholder, { backgroundWidth: getBackgroundWidth(), backgroundHeight: getBackgroundHeight(), margin: margin, 

package/package.json

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