publ-echo-test 0.0.206 → 0.0.208

package/dist/lib/GridItem/GridItem.js

@@ -60,8 +60,6 @@ var GridItem = function (_a) {
                     if (mutation.type === 'attributes') {
                         var oldClass = mutation.oldValue || '';
                         var newClass = (_b = (_a = mutation.target) === null || _a === void 0 ? void 0 : _a.getAttribute('class')) !== null && _b !== void 0 ? _b : '';
-                        console.log('oldClass:', oldClass);
-                        console.log('newClass:', newClass);
                         // hover로 인해 "hovered" 클래스가 추가된 경우
                         if (!oldClass.includes('hovered') && newClass.includes('hovered')) {
                             console.log('Hover 상태로 변경됨');

package/dist/lib/GridLayoutEditor/ReactGridLayout.js

@@ -43,7 +43,7 @@ import OutsideClickHandler from '../GridItem/OutsideClickHandler';
 var layoutClassName = 'react-grid-layout';
 var ReactGridLayout = function (_a) {
     var children = _a.children, props = __rest(_a, ["children"]);
-    var _b = props.autoSize, autoSize = _b === void 0 ? true : _b, _c = props.cols, cols = _c === void 0 ? 12 : _c, _d = props.className, className = _d === void 0 ? '' : _d, _e = props.style, style = _e === void 0 ? {} : _e, _f = props.draggableHandle, draggableHandle = _f === void 0 ? '' : _f, _g = props.draggableCancel, draggableCancel = _g === void 0 ? '' : _g, _h = props.containerPadding, containerPadding = _h === void 0 ? undefined : _h, _j = props.rowHeight, rowHeight = _j === void 0 ? 150 : _j, _k = props.maxRows, maxRows = _k === void 0 ? Infinity : _k, _l = props.margin, margin = _l === void 0 ? [10, 10] : _l, _m = props.isBounded, isBounded = _m === void 0 ? false : _m, _o = props.isDraggable, isDraggable = _o === void 0 ? true : _o, _p = props.isResizable, isResizable = _p === void 0 ? true : _p, _q = props.allowOverlap, allowOverlap = _q === void 0 ? false : _q, _r = props.isDroppable, isDroppable = _r === void 0 ? false : _r, _s = props.useCSSTransforms, useCSSTransforms = _s === void 0 ? true : _s, _t = props.transformScale, transformScale = _t === void 0 ? 1 : _t, _u = props.compactType, compactType = _u === void 0 ? 'vertical' : _u, _v = props.preventCollision, preventCollision = _v === void 0 ? false : _v, _w = props.droppingItem, droppingItem = _w === void 0 ? {
+    var sectionId = props.sectionId, _b = props.autoSize, autoSize = _b === void 0 ? true : _b, _c = props.cols, cols = _c === void 0 ? 12 : _c, _d = props.className, className = _d === void 0 ? '' : _d, _e = props.style, style = _e === void 0 ? {} : _e, _f = props.draggableHandle, draggableHandle = _f === void 0 ? '' : _f, _g = props.draggableCancel, draggableCancel = _g === void 0 ? '' : _g, _h = props.containerPadding, containerPadding = _h === void 0 ? undefined : _h, _j = props.rowHeight, rowHeight = _j === void 0 ? 150 : _j, _k = props.maxRows, maxRows = _k === void 0 ? Infinity : _k, _l = props.margin, margin = _l === void 0 ? [10, 10] : _l, _m = props.isBounded, isBounded = _m === void 0 ? false : _m, _o = props.isDraggable, isDraggable = _o === void 0 ? true : _o, _p = props.isResizable, isResizable = _p === void 0 ? true : _p, _q = props.allowOverlap, allowOverlap = _q === void 0 ? false : _q, _r = props.isDroppable, isDroppable = _r === void 0 ? false : _r, _s = props.useCSSTransforms, useCSSTransforms = _s === void 0 ? true : _s, _t = props.transformScale, transformScale = _t === void 0 ? 1 : _t, _u = props.compactType, compactType = _u === void 0 ? 'vertical' : _u, _v = props.preventCollision, preventCollision = _v === void 0 ? false : _v, _w = props.droppingItem, droppingItem = _w === void 0 ? {
         i: '__dropping-elem__',
         h: 1,
         w: 1,
@@ -739,7 +739,7 @@ var ReactGridLayout = function (_a) {
     var currentGroupBlocks = blockStructure
         ? findGroupBlocks(blockStructure, editingGroupBlock)
         : [];
-    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, 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("div", { className: 'grid-placeholder', style: {
+    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("div", { className: 'grid-placeholder', style: {
                     marginTop: margin[1] + 'px',
                     marginBottom: margin[1] + 'px',
                     marginLeft: margin[0] + 'px',

package/dist/lib/GridLayoutEditor/group.js

@@ -107,11 +107,9 @@ export var findDirectChildrenBlockIds = function (block, targetId) {
 export var findGroupBlocks = function (block, targetId) {
     var targetBlock = findBlockByBlockId(block, targetId);
     if (!targetBlock) {
-        console.error('Target block not found');
         return [];
     }
     if (targetBlock.type !== 'GROUP_BLOCK') {
-        console.error('Target block is not a group block');
         return [];
     }
     var groupBlocks = targetBlock.children.filter(function (child) { return child.type === 'GROUP_BLOCK'; });

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

@@ -1,8 +1,8 @@
-import { DragEvent, ReactElement, RefObject } from "react";
-import { ResizeHandleAxis, ResizeHandleType } from "../Resizable/types";
-import { ResizeEventType } from "../GridItem/types";
-import { Block } from "./group";
-export type CompactType = "vertical" | "horizontal";
+import { DragEvent, ReactElement, RefObject } from 'react';
+import { ResizeHandleAxis, ResizeHandleType } from '../Resizable/types';
+import { ResizeEventType } from '../GridItem/types';
+import { Block } from './group';
+export type CompactType = 'vertical' | 'horizontal';
 export type LayoutItem = {
     w: number;
     h: number;
@@ -35,6 +35,7 @@ export type UpdatedItem = {
     y: number;
 };
 export type ReactGridLayoutProps = {
+    sectionId: string;
     children: ReactElement<any> | ReactElement[];
     className?: string;
     style?: Object;
@@ -142,7 +143,7 @@ export type ResponsiveGridLayoutStateType = {
     layout: Layout;
     layouts?: ResponsiveLayout<string>;
 };
-type CoreType = Omit<ReactGridLayoutProps, "cols" | "layout" | "margin" | "containerPadding" | "transformScale" | "onLayoutChange" | "isHiddenVisibility">;
+type CoreType = Omit<ReactGridLayoutProps, 'cols' | 'layout' | 'margin' | 'containerPadding' | 'transformScale' | 'onLayoutChange' | 'isHiddenVisibility'>;
 export type ResponsiveGridLayoutProps = {
     breakpoint?: Breakpoint;
     breakpoints?: Breakpoints<Breakpoint>;
@@ -156,7 +157,7 @@ export type ResponsiveGridLayoutProps = {
     zoom?: number;
 } & CoreType;
 export type Breakpoint = string;
-export type DefaultBreakpoints = "lg" | "md" | "sm" | "xs" | "xxs";
+export type DefaultBreakpoints = 'lg' | 'md' | 'sm' | 'xs' | 'xxs';
 export type ResponsiveLayout<T extends Breakpoint> = Record<T, Layout>;
 export type Breakpoints<T extends Breakpoint> = Record<T, number>;
 export type OnLayoutChangeCallback = (properties: {

package/package.json

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