publ-echo-test 0.0.104 → 0.0.106

package/dist/lib/GridLayoutEditor/ReactGridLayout.js

@@ -310,6 +310,59 @@ var ReactGridLayout = function (_a) {
         setOldGroupChildren([]);
         props.onLayoutChange && props.onLayoutChange(newLayout);
     };
+    var onDragStopGroupHandler = function (i, x, y, _a) {
+        var _b;
+        var e = _a.e, node = _a.node;
+        if (!activeDrag || !oldDragItem) {
+            return;
+        }
+        ;
+        var l = (_b = getLayoutItem(layout, i)) !== null && _b !== void 0 ? _b : { i: i, x: x, y: y, w: 10, h: 10 };
+        if (!l)
+            return;
+        // NOTE: z-index 원래대로 복귀
+        l.z = oldDragItem.z;
+        var isUserAction = true;
+        var movedLayout = moveElement({
+            layout: layout,
+            l: l,
+            x: x,
+            y: y,
+            isUserAction: isUserAction,
+            preventCollision: preventCollision,
+            compactType: compactType,
+            cols: cols,
+            allowOverlap: allowOverlap,
+            overrideZ: oldDragItem.z
+        });
+        var updatedItems = oldGroupChildren.map(function (item) {
+            var layoutItem = getLayoutItem(layout, item.i);
+            return {
+                id: layoutItem.i,
+                x: layoutItem.x,
+                y: layoutItem.y,
+            };
+        });
+        props.onDragStopForGroup &&
+            props.onDragStopForGroup({
+                layout: movedLayout,
+                prev: oldDragItem,
+                item: l,
+                placeholder: undefined,
+                e: e,
+                node: node,
+                updatedItems: updatedItems
+            });
+        var newLayout = allowOverlap
+            ? movedLayout
+            : compact(movedLayout, compactType, cols);
+        setActiveDrag(undefined);
+        setLayout(newLayout);
+        setOldDragItem(undefined);
+        setOldLayout(undefined);
+        setOldGroupChildren([]);
+        props.onLayoutChange && props.onLayoutChange(newLayout);
+    };
     var onLayoutMaybeChanged = function (newLayout, oldLayout) {
         if (!oldLayout) {
             oldLayout = layout;
@@ -631,7 +684,7 @@ var ReactGridLayout = function (_a) {
                     'grid-bulk-block': block.blockId === 'BULK',
                     'editing': editingGroupBlock === block.blockId,
                     'selected': selectedGroupBlock === block.blockId
-                }), containerWidth: width, cols: cols, margin: margin, containerPadding: containerPadding || margin, maxRows: maxRows, rowHeight: rowHeight, cancel: draggableCancel, handle: draggableHandle, onDragStop: onDragStopHandler, onDragStart: onDragStartHandler, onDrag: onDragHandler, onResizeStart: onResizeStartHandler, onResize: onResizeHandler, onResizeStop: onResizeStopHandler, onFitToContent: onFitToContentHandler, isDraggable: !viewOnly && !isEditingGroup && !isInBulk, isResizable: !viewOnly && !isEditingGroup && !isInBulk, isBounded: false, useCSSTransforms: useCSSTransforms && isMounted, usePercentages: !isMounted, transformScale: transformScale, w: groupItem.w, h: groupItem.h, x: groupItem.x, y: groupItem.y, z: z, i: block.blockId, 
+                }), containerWidth: width, cols: cols, margin: margin, containerPadding: containerPadding || margin, maxRows: maxRows, rowHeight: rowHeight, cancel: draggableCancel, handle: draggableHandle, onDragStop: onDragStopGroupHandler, onDragStart: onDragStartHandler, onDrag: onDragHandler, onResizeStart: onResizeStartHandler, onResize: onResizeHandler, onResizeStop: onResizeStopHandler, onFitToContent: onFitToContentHandler, isDraggable: !viewOnly && !isEditingGroup && !isInBulk, isResizable: !viewOnly && !isEditingGroup && !isInBulk, isBounded: false, useCSSTransforms: useCSSTransforms && isMounted, usePercentages: !isMounted, transformScale: transformScale, w: groupItem.w, h: groupItem.h, x: groupItem.x, y: groupItem.y, z: z, i: block.blockId, 
                 // minH={l.minH}
                 // minW={l.minW}
                 // maxH={l.maxH}

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

@@ -29,6 +29,11 @@ export type DroppedEvent = {
     item?: LayoutItem;
     event?: DragEvent<HTMLDivElement>;
 };
+export type UpdatedItem = {
+    id: string;
+    x: number;
+    y: number;
+};
 export type ReactGridLayoutProps = {
     children: ReactElement<any> | ReactElement[];
     className?: string;
@@ -60,6 +65,7 @@ export type ReactGridLayoutProps = {
     onDrag?: EventCallback;
     onDragStart?: EventCallback;
     onDragStop?: EventCallback;
+    onDragStopForGroup?: EventCallbackForGroup;
     onResize?: EventCallback;
     onResizeStart?: EventCallback;
     onResizeStop?: EventCallback;
@@ -104,6 +110,15 @@ export type EventCallback = (properties: {
     e?: ResizeEventType;
     node?: HTMLElement;
 }) => void;
+export type EventCallbackForGroup = (properties: {
+    layout: Layout;
+    prev?: LayoutItem;
+    item?: LayoutItem;
+    placeholder?: LayoutItem;
+    e?: ResizeEventType;
+    node?: HTMLElement;
+    updatedItems: UpdatedItem[];
+}) => void;
 export type RowHeight = number | ((width: number) => number);
 export type Position = {
     left: number;

package/package.json

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