publ-echo-test 0.0.365 → 0.0.366

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

@@ -1,5 +1,6 @@
 import { LayoutItem } from "./types";
 type PlaceholderProps = {
+    device: "DESKTOP" | "MOBILE";
     margin: [number, number];
     rowHeight: number;
     colWidth: number;
@@ -10,5 +11,5 @@ type PlaceholderProps = {
     totalCols: number;
     activeRows: number[];
 };
-export declare function GridBackgroundPlaceholder({ 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, }: PlaceholderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/lib/GridLayoutEditor/Placeholder.js

@@ -5,7 +5,7 @@ export function GridBackgroundPlaceholder(_a) {
     //   { length: activeDrag.h },
     //   (_, i) => activeDrag.y + i
     // );
-    var margin = _a.margin, 
+    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;
     // 🚨 activeCols도 totalCols prop으로 받아서 사용
@@ -17,9 +17,10 @@ export function GridBackgroundPlaceholder(_a) {
     // 패턴은 colWidth + margin[0] 단위로 반복되므로, 마지막 열에서는 margin[0]이 필요 없습니다.
     // 또는, 마지막 요소에는 margin[0]이 없다고 가정하고 계산합니다.
     var gridContentWidth = totalCols * (colWidth + margin[0]) - margin[0];
-    // const showActiveRows =
-    //   !!activeDrag.heightFitContent || !!activeDrag.isHeightVariable;
-    var showActiveRows = true;
+    var isHeightVariable = device === "DESKTOP"
+        ? !!activeDrag.isHeightVariableDesktop
+        : !!activeDrag.isHeightVariableMobile;
+    var showActiveRows = !!activeDrag.heightFitContent || isHeightVariable;
     return (_jsx("div", { className: "grid-placeholder", style: {
             marginTop: margin[1] + "px",
             marginBottom: margin[1] + "px",

package/dist/lib/GridLayoutEditor/ReactGridLayout.js

@@ -219,17 +219,7 @@ var ReactGridLayout = function (_a) {
         }
         var xgap = x - oldDragItem.x;
         var ygap = y - oldDragItem.y;
-        var placeholder = {
-            w: l.w,
-            h: l.h,
-            x: l.x,
-            y: l.y,
-            z: l.z,
-            placeholder: true,
-            i: i,
-            heightFitContent: l.heightFitContent,
-            isHeightVariable: l.isHeightVariable,
-        };
+        var placeholder = __assign(__assign({}, l), { w: l.w, h: l.h, x: l.x, y: l.y, z: l.z, placeholder: true, i: i, heightFitContent: l.heightFitContent });
         var isUserAction = true;
         var newLayout = isGroup
             ? layout
@@ -431,17 +421,7 @@ var ReactGridLayout = function (_a) {
         }), newLayout = _b[0], l = _b[1];
         if (!l)
             return;
-        var placeholder = {
-            w: l.w,
-            h: l.h,
-            x: l.x,
-            y: l.y,
-            z: l.z,
-            static: true,
-            i: i,
-            heightFitContent: l.heightFitContent,
-            isHeightVariable: l.isHeightVariable,
-        };
+        var placeholder = __assign(__assign({}, l), { w: l.w, h: l.h, x: l.x, y: l.y, z: l.z, static: true, i: i, heightFitContent: l.heightFitContent });
         props.onResize &&
             props.onResize({
                 layout: newLayout,
@@ -791,11 +771,7 @@ var ReactGridLayout = function (_a) {
     var activeRowsFiltered = shouldShowAllHeightVariableRows
         ? heightVariableRows
         : activeRows;
-    console.log("activeBlock", activeBlock);
-    console.log("activeDrag", activeDrag);
-    console.log("shouldShowAllHeightVariableRows", shouldShowAllHeightVariableRows);
-    console.log("heightVariableRows", heightVariableRows);
-    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, 
+    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 }))] }));
 };

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

@@ -22,7 +22,8 @@ export type LayoutItem = {
     isBounded?: boolean;
     groupLayouts?: LayoutItem[];
     autoResize?: boolean;
-    isHeightVariable?: boolean;
+    isHeightVariableDesktop?: boolean;
+    isHeightVariableMobile?: boolean;
     heightFitContent?: boolean;
 };
 export type Layout = LayoutItem[];

package/package.json

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