publ-echo 0.0.30 → 0.0.32

package/dist/lib/GridItem/GridItem.js

@@ -304,7 +304,9 @@ var GridItem = function (_a) {
     });
     var child = React.Children.only(children);
     var newChild = React.cloneElement(child, {
+        key: i,
         ref: elementRef,
+        'data-grid-id': i,
         className: classNames("react-grid-item", child.props.className, className, {
             static: props.static,
             isResizing: Boolean(resizing) && Boolean(isResizing) && Boolean(isHiddenVisibility),

package/dist/lib/GridLayoutEditor/ReactGridLayout.js

@@ -365,7 +365,7 @@ var ReactGridLayout = function (_a) {
             : !l.static && isResizable;
         var resizeHandlesOptions = l.resizeHandles || resizeHandles;
         var bounded = draggable && isBounded && l.isBounded !== false;
-        return (_jsx(GridItem, { 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, isDraggable: draggable, isResizable: resizable, isBounded: bounded, useCSSTransforms: useCSSTransforms && isMounted, usePercentages: !isMounted, transformScale: transformScale, w: l.w, h: l.h, x: l.x, y: l.y, z: l.z || 0, i: l.i, minH: l.minH, minW: l.minW, maxH: l.maxH, maxW: l.maxW, static: l.static, droppingPosition: isDroppingItem ? droppingPosition : undefined, resizeHandles: resizeHandlesOptions, resizeHandle: resizeHandle, isHiddenVisibility: isHiddenVisibility, children: child }));
+        return (_jsx(GridItem, { 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, isDraggable: draggable, isResizable: resizable, isBounded: bounded, useCSSTransforms: useCSSTransforms && isMounted, usePercentages: !isMounted, transformScale: transformScale, w: l.w, h: l.h, x: l.x, y: l.y, z: l.z || 0, i: l.i, minH: l.minH, minW: l.minW, maxH: l.maxH, maxW: l.maxW, static: l.static, droppingPosition: isDroppingItem ? droppingPosition : undefined, resizeHandles: resizeHandlesOptions, resizeHandle: resizeHandle, isHiddenVisibility: isHiddenVisibility, children: child }, l.i));
     };
     var getPositionParams = function () {
         return {

package/dist/lib/GridLayoutEditor/ResponsiveGridLayout.js

@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from "react";
+import { useLayoutEffect, useRef, useState } from "react";
 import { cloneLayout, noop, synchronizeLayoutWithChildren, } from "./utils/renderHelpers";
 import { findOrGenerateResponsiveLayout, getBreakpointFromWidth, getColsFromBreakpoint, } from "./utils/responsiveUtils";
 import isEqual from "../../external-lib/lodash.isEqual";
@@ -56,12 +56,12 @@ export var ResponsiveGridLayout = function (_a) {
         return generateInitialState();
     }), state = _m[0], setState = _m[1];
     var emittedBreakpointChangeOnce = useRef(breakpoint != null);
-    useEffect(function () {
+    useLayoutEffect(function () {
         if (!state || !isEqual(state.layouts, layouts)) {
             setState(generateInitialState());
         }
     }, [layouts]);
-    useEffect(function () {
+    useLayoutEffect(function () {
         onWidthChangeHandler();
     }, [width, breakpoint, JSON.stringify(breakpoints), cols]);
     var onLayoutChangeHandler = function (layout) {

package/package.json

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