publ-echo 0.0.132 → 0.0.133

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,11 @@ 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;
+    console.log("activeBlock", activeBlock);
+    console.log("isHeightVariable", isHeightVariable);
     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

@@ -819,6 +819,7 @@ var ReactGridLayout = function (_a) {
             ? generateGrouplayout(parsedSelectedBlockId.blockId)
             : null;
     var activeDragItemOrSelectedItem = activeDrag || selectedLayoutItem;
+    console.log("activeDragItemOrSelectedItem", parsedSelectedBlockId);
     var activeBlock = activeDragItemOrSelectedItem && parsedSelectedBlockId
         ? blockStructure
             ? findBlockByBlockId(blockStructure, parsedSelectedBlockId.blockId)
@@ -835,7 +836,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

@@ -265,6 +265,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/package.json

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