publ-echo 0.0.132 → 0.0.134

package/dist/lib/GridItem/GridItem.js

@@ -138,7 +138,6 @@ var GridItem = function (_a) {
         var callback = function (mutationsList) {
             for (var _i = 0, mutationsList_2 = mutationsList; _i < mutationsList_2.length; _i++) {
                 var mutation = mutationsList_2[_i];
-                console.log("mutation", mutation);
                 // const isInitial = mutation.attributeName === "data-is-initialized";
                 var isSizeChanged = mutation.attributeName === "data-min-width" ||
                     mutation.attributeName === "data-min-height";
@@ -313,7 +312,6 @@ var GridItem = function (_a) {
     //     h = prevH;
     //   }
     //   if (prevH === h && prevW === w) {
-    //     console.log("cancelled 3");
     //     return;
     //   }
     //   props.onFitToContent &&

package/dist/lib/GridItem/GridItemCopy.js

@@ -302,7 +302,6 @@ var GridItem = function (_a) {
     //     h = prevH;
     //   }
     //   if (prevH === h && prevW === w) {
-    //     console.log("cancelled 3");
     //     return;
     //   }
     //   props.onFitToContent &&

package/dist/lib/GridLayoutEditor/Placeholder.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getIsHeightVariable } from "./ReactGridLayout";
 import { getLayoutItem } from "./utils/renderHelpers";
 export function GridBackgroundPlaceholder(_a) {
     // 활성화된 행(row) 인덱스 배열
@@ -19,10 +20,9 @@ export function GridBackgroundPlaceholder(_a) {
     // 패턴은 colWidth + margin[0] 단위로 반복되므로, 마지막 열에서는 margin[0]이 필요 없습니다.
     // 또는, 마지막 요소에는 margin[0]이 없다고 가정하고 계산합니다.
     var gridContentWidth = totalCols * (colWidth + margin[0]) - margin[0];
-    var isHeightVariable = device === "DESKTOP"
-        ? !!(activeBlock === null || activeBlock === void 0 ? void 0 : activeBlock.isHeightVariableDesktop)
-        : !!(activeBlock === null || activeBlock === void 0 ? void 0 : activeBlock.isHeightVariableMobile);
-    // const showActiveRows = !!activeDrag.heightFitContent || isHeightVariable;
+    var isHeightVariable = activeBlock
+        ? getIsHeightVariable(activeBlock, device)
+        : false;
     var showActiveRows = activeBlock && activeBlock.type === "GROUP_BLOCK"
         ? getShowActiveRows(activeBlock, layout)
         : !!activeDrag.heightFitContent || isHeightVariable;

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

@@ -2,5 +2,7 @@ import * as React from "react";
 import type { ReactElement } from "react";
 import { PropsWithChildren } from "../types";
 import { ReactGridLayoutProps } from "./types";
+import { Block } from "./group";
 declare const ReactGridLayout: ({ children, ...props }: PropsWithChildren<ReactGridLayoutProps>) => React.ReactElement;
+export declare function getIsHeightVariable(block: Block, device: "DESKTOP" | "MOBILE"): boolean;
 export default ReactGridLayout;

package/dist/lib/GridLayoutEditor/ReactGridLayout.js

@@ -773,7 +773,7 @@ var ReactGridLayout = function (_a) {
             y: groupItem.y,
             i: block.blockId,
         });
-        var showBlockData = !isInBulk && overlapsActiveRows;
+        var showBlockData = overlapsActiveRows;
         return (_jsx(OutsideClickHandler, { onOutsideClick: onDoubleClickOutsideGroup, onMouseEnter: function () {
                 setHoveredGroupId(block.blockId);
             }, onMouseLeave: function () {
@@ -835,7 +835,7 @@ var ReactGridLayout = function (_a) {
                 // width={width}
                 rowHeight: rowHeight, activeRows: activeRowsFiltered !== null && activeRowsFiltered !== void 0 ? activeRowsFiltered : [], colWidth: colWidth, activeDrag: activeDragItemOrSelectedItem, activeBlock: activeBlock, selectedBlockId: selectedBlockId, totalCols: cols, layout: layout }))] }));
 };
-function getIsHeightVariable(block, device) {
+export function getIsHeightVariable(block, device) {
     var heightVariable = device === "DESKTOP"
         ? block === null || block === void 0 ? void 0 : block.isHeightVariableDesktop
         : block === null || block === void 0 ? void 0 : block.isHeightVariableMobile;

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

@@ -22,8 +22,8 @@ export type ComponentBlock = {
     zOrderDesktopInternal: number | null;
     zOrderMobileInternal: number | null;
     componentBlockId: number;
-    isHeightVariableDesktop: boolean;
-    isHeightVariableMobile: boolean;
+    isHeightVariableDesktop: boolean | null;
+    isHeightVariableMobile: boolean | null;
 };
 export type GroupBlock = {
     blockId: string;
@@ -31,8 +31,8 @@ export type GroupBlock = {
     zOrderDesktopInternal: number | null;
     zOrderMobileInternal: number | null;
     children: (ComponentBlock | GroupBlock)[];
-    isHeightVariableDesktop: boolean;
-    isHeightVariableMobile: boolean;
+    isHeightVariableDesktop: boolean | null;
+    isHeightVariableMobile: boolean | null;
 };
 export type RootBlock = {
     blockId: "ROOT";
@@ -40,8 +40,8 @@ export type RootBlock = {
     zOrderDesktopInternal: number | null;
     zOrderMobileInternal: number | null;
     children: (ComponentBlock | GroupBlock)[];
-    isHeightVariableDesktop: boolean;
-    isHeightVariableMobile: boolean;
+    isHeightVariableDesktop: boolean | null;
+    isHeightVariableMobile: boolean | null;
 };
 export type BulkBlockInternal = {
     blockId: "BULK";
@@ -49,8 +49,8 @@ export type BulkBlockInternal = {
     zOrderDesktopInternal: number;
     zOrderMobileInternal: number;
     children: (ComponentBlock | GroupBlock)[];
-    isHeightVariableDesktop: boolean;
-    isHeightVariableMobile: boolean;
+    isHeightVariableDesktop: boolean | null;
+    isHeightVariableMobile: boolean | null;
 };
 export declare const findBlockByBlockId: (block: Block, blockId: string) => Block | null;
 export declare const findDirectChildrenCbIds: (block: Block, targetId: string) => number[];

package/dist/lib/GridLayoutEditor/group.js

@@ -251,6 +251,13 @@ export function formatCbIdToBlockId(cbId) {
     return "CB_".concat(cbId);
 }
 export function getBlockIdKind(blockId) {
+    if (blockId === "BULK") {
+        return {
+            type: "GB",
+            cbId: null,
+            blockId: blockId,
+        };
+    }
     if (/^GB_.+$/i.test(blockId)) {
         return {
             type: "GB",
@@ -265,6 +272,13 @@ export function getBlockIdKind(blockId) {
             blockId: blockId,
         };
     }
+    if (Number.isInteger(Number(blockId))) {
+        return {
+            type: "CB",
+            cbId: Number(blockId).toString(),
+            blockId: formatCbIdToBlockId(Number(blockId)),
+        };
+    }
     return null;
 }
 // export const findAccessibleChildrenBlocks = (

package/dist/lib/Resizable/Resizable.js

@@ -157,9 +157,6 @@ var Resizable = function (_a) {
                 if (contentsWrapper) {
                     var gridWrapperInnerH = contentsWrapper.clientHeight;
                     var oneCompositionH = oneComposition.scrollHeight;
-                    console.log("scrollHeight", oneCompositionH);
-                    console.log("clientHeight", oneComposition.clientHeight);
-                    console.log("gap", oneCompositionH - oneComposition.clientHeight);
                     var compositionBGwrapperPaddingT = Number(oneComposition.getAttribute("data-wrapper-paddingt"));
                     var compositionBGwrapperPaddingB = Number(oneComposition.getAttribute("data-wrapper-paddingb"));
                     var compositionBGwrapperPaddingL = Number(oneComposition.getAttribute("data-wrapper-paddingl"));
@@ -238,7 +235,6 @@ var Resizable = function (_a) {
             height = Math.min(maxConstraints[1], height);
         }
         slack.current = [slackW + (oldW - width), slackH + (oldH - height)];
-        console.log("minH", minHeight.current);
         return [width, height];
     };
     var checkTopLeft = function (deltaX, deltaY, top, left, width, height, handleAxis) {
@@ -310,7 +306,6 @@ var Resizable = function (_a) {
             // if (lastHandleRectRef.current !== null) {
             //   if (axisH === "w") {
             //     const deltaLeftSinceLast = handleRect.left - lastHandleRectRef.current.left;
-            //     console.log('delta, :', deltaLeftSinceLast);
             //     deltaX += deltaLeftSinceLast;
             //   }
             //   if (axisV === "n") {
@@ -339,7 +334,6 @@ var Resizable = function (_a) {
             if (autoResize && minHeight.current === height) {
                 handleAxis = removeNorthHandle(handleAxis);
             }
-            console.log("deltax deltay", deltaX, deltaY);
             _c = checkTopLeft(deltaX, deltaY, top, left, width, height, handleAxis), top = _c[0], left = _c[1];
             var isDimensionsChanged = width !== props.width || height !== props.height;
             var cb = typeof props[handlerName] === "function" ? props[handlerName] : null;

package/package.json

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