publ-echo-test 0.0.353 → 0.0.355

package/dist/lib/GridLayoutEditor/Placeholder.js

@@ -14,6 +14,7 @@ export function GridBackgroundPlaceholder(_a) {
     // 패턴은 colWidth + margin[0] 단위로 반복되므로, 마지막 열에서는 margin[0]이 필요 없습니다.
     // 또는, 마지막 요소에는 margin[0]이 없다고 가정하고 계산합니다.
     var gridContentWidth = totalCols * (colWidth + margin[0]) - margin[0];
+    var showActiveRows = !!activeDrag.heightFitContent && activeRows.length > 0;
     return (_jsx("div", { className: "grid-placeholder", style: {
             marginTop: margin[1] + "px",
             marginBottom: margin[1] + "px",
@@ -22,7 +23,7 @@ export function GridBackgroundPlaceholder(_a) {
         }, children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", 
             // 💡 backgroundWidth는 string("100%")으로 사용하되,
             //    내부 요소 배치에는 gridContentWidth를 사용합니다.
-            width: backgroundWidth, height: backgroundHeight, overflow: "visible", children: [_jsx("defs", { children: _jsx("pattern", { id: "grid-pattern", height: rowHeight + margin[1], width: colWidth + margin[0], patternUnits: "userSpaceOnUse", children: _jsx("rect", { x: 0.5, y: 0.5, className: "grid-pattern-rect", height: rowHeight, width: colWidth }) }) }), _jsx("rect", { width: gridContentWidth, height: "100%", fill: "url(#grid-pattern)" }), activeDrag &&
+            width: backgroundWidth, height: backgroundHeight, overflow: "visible", children: [_jsx("defs", { children: _jsx("pattern", { id: "grid-pattern", height: rowHeight + margin[1], width: colWidth + margin[0], patternUnits: "userSpaceOnUse", children: _jsx("rect", { x: 0.5, y: 0.5, className: "grid-pattern-rect", height: rowHeight, width: colWidth }) }) }), _jsx("rect", { width: gridContentWidth, height: "100%", fill: "url(#grid-pattern)" }), showActiveRows &&
                     activeRows.map(function (row) {
                         var y_top = row * (rowHeight + margin[1]) + 0.5;
                         var y_center = y_top + rowHeight / 2;

package/dist/lib/GridLayoutEditor/ReactGridLayout.js

@@ -230,6 +230,7 @@ var ReactGridLayout = function (_a) {
             z: l.z,
             placeholder: true,
             i: i,
+            heightFitContent: l.heightFitContent,
         };
         var isUserAction = true;
         var newLayout = isGroup
@@ -440,6 +441,7 @@ var ReactGridLayout = function (_a) {
             z: l.z,
             static: true,
             i: i,
+            heightFitContent: l.heightFitContent,
         };
         props.onResize &&
             props.onResize({
@@ -772,8 +774,6 @@ var ReactGridLayout = function (_a) {
         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, 
                 // width={width}
-                rowHeight: rowHeight, colWidth: colWidth, activeDrag: activeDrag, selectedBlockId: selectedBlockId, totalCols: cols })), selectedLayoutItem && (_jsx(GridBackgroundPlaceholder, { backgroundWidth: getBackgroundWidth(), backgroundHeight: getBackgroundHeight(), margin: margin, 
-                // width={width}
-                rowHeight: rowHeight, colWidth: colWidth, activeDrag: selectedLayoutItem, selectedBlockId: selectedBlockId, totalCols: cols }))] }));
+                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 }))] }));
 };
 export default ReactGridLayout;

package/package.json

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