publ-echo-test 0.0.367 → 0.0.369

package/dist/lib/GridLayoutEditor/Placeholder.d.ts

@@ -1,3 +1,4 @@
+import { ComponentBlock, GroupBlock } from "./group";
 import { LayoutItem } from "./types";
 type PlaceholderProps = {
     device: "DESKTOP" | "MOBILE";
@@ -10,6 +11,8 @@ type PlaceholderProps = {
     selectedBlockId: string | null;
     totalCols: number;
     activeRows: number[];
+    activeBlock?: ComponentBlock | GroupBlock | null;
 };
-export declare function GridBackgroundPlaceholder({ device, margin, rowHeight, colWidth, backgroundWidth, backgroundHeight, activeDrag, selectedBlockId, activeRows, totalCols, }: PlaceholderProps): import("react/jsx-runtime").JSX.Element;
+export declare function GridBackgroundPlaceholder({ device, margin, rowHeight, colWidth, backgroundWidth, backgroundHeight, activeDrag, selectedBlockId, activeRows, totalCols, // 💡 새로 받은 totalCols 사용
+activeBlock, }: PlaceholderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/lib/GridLayoutEditor/Placeholder.js

@@ -7,7 +7,8 @@ export function GridBackgroundPlaceholder(_a) {
     // );
     var device = _a.device, margin = _a.margin, 
     // width, // 🚨 제거
-    rowHeight = _a.rowHeight, colWidth = _a.colWidth, backgroundWidth = _a.backgroundWidth, backgroundHeight = _a.backgroundHeight, activeDrag = _a.activeDrag, selectedBlockId = _a.selectedBlockId, activeRows = _a.activeRows, totalCols = _a.totalCols;
+    rowHeight = _a.rowHeight, colWidth = _a.colWidth, backgroundWidth = _a.backgroundWidth, backgroundHeight = _a.backgroundHeight, activeDrag = _a.activeDrag, selectedBlockId = _a.selectedBlockId, activeRows = _a.activeRows, totalCols = _a.totalCols, // 💡 새로 받은 totalCols 사용
+    activeBlock = _a.activeBlock;
     // 🚨 activeCols도 totalCols prop으로 받아서 사용
     // const activeCols = Array.from({ length: 24 }, (_, i) => 0 + i);
     var activeCols = Array.from({ length: totalCols }, function (_, i) { return 0 + i; });
@@ -18,12 +19,9 @@ export function GridBackgroundPlaceholder(_a) {
     // 또는, 마지막 요소에는 margin[0]이 없다고 가정하고 계산합니다.
     var gridContentWidth = totalCols * (colWidth + margin[0]) - margin[0];
     var isHeightVariable = device === "DESKTOP"
-        ? !!activeDrag.isHeightVariableDesktop
-        : !!activeDrag.isHeightVariableMobile;
+        ? !!(activeBlock === null || activeBlock === void 0 ? void 0 : activeBlock.isHeightVariableDesktop)
+        : !!(activeBlock === null || activeBlock === void 0 ? void 0 : activeBlock.isHeightVariableMobile);
     var showActiveRows = !!activeDrag.heightFitContent || isHeightVariable;
-    console.log("activeDrag in Placeholder", activeDrag); // --- IGNORE ---
-    console.log("isHeightVariable in Placeholder", isHeightVariable); // --- IGNORE ---
-    console.log("showActiveRows in Placeholder", showActiveRows); // --- IGNORE ---
     return (_jsx("div", { className: "grid-placeholder", style: {
             marginTop: margin[1] + "px",
             marginBottom: margin[1] + "px",
@@ -39,8 +37,6 @@ export function GridBackgroundPlaceholder(_a) {
                         return (_jsxs("g", { children: [activeCols.map(function (col) {
                                     var x = col * (colWidth + margin[0]) + 0.5;
                                     return (_jsx("rect", { x: x, y: y_top, width: colWidth, height: rowHeight, className: "grid-active-cell-placeholder" }, "active-".concat(row, "-").concat(col)));
-                                }), _jsx("text", { 
-                                    // 💡 텍스트 x 위치도 gridContentWidth를 기준으로 계산
-                                    x: gridContentWidth + textPadding, y: y_center, className: "grid-indicator-text", children: "\u2195 \uAC00\uBCC0" })] }, "active-row-".concat(row)));
+                                }), _jsx("foreignObject", { x: gridContentWidth + textPadding, y: y_center, children: _jsx("div", { className: "grid-indicator-text" }) })] }, "active-row-".concat(row)));
                     })] }) }));
 }

package/dist/lib/GridLayoutEditor/ReactGridLayout.js

@@ -773,6 +773,6 @@ var ReactGridLayout = function (_a) {
         : 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" }), activeDragItemOrSelectedItem && (_jsx(GridBackgroundPlaceholder, { device: device, backgroundWidth: getBackgroundWidth(), backgroundHeight: getBackgroundHeight(), margin: margin, 
                 // width={width}
-                rowHeight: rowHeight, activeRows: activeRowsFiltered !== null && activeRowsFiltered !== void 0 ? activeRowsFiltered : [], colWidth: colWidth, activeDrag: activeDragItemOrSelectedItem, selectedBlockId: selectedBlockId, totalCols: cols }))] }));
+                rowHeight: rowHeight, activeRows: activeRowsFiltered !== null && activeRowsFiltered !== void 0 ? activeRowsFiltered : [], colWidth: colWidth, activeDrag: activeDragItemOrSelectedItem, activeBlock: activeBlock, selectedBlockId: selectedBlockId, totalCols: cols }))] }));
 };
 export default ReactGridLayout;

package/package.json

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