publ-echo 0.0.64 → 0.0.65

package/dist/lib/GridItem/GridItem.js

@@ -32,6 +32,7 @@ import { shouldAutoResize, shouldBlockResize } from "./utils/autoResizeUtils";
 var GridItem = function (_a) {
     var children = _a.children, props = __rest(_a, ["children"]);
     var resizeHandle = props.resizeHandle, cols = props.cols, isDraggable = props.isDraggable, _b = props.transformScale, transformScale = _b === void 0 ? 1 : _b, isResizable = props.isResizable, useCSSTransforms = props.useCSSTransforms, className = props.className, _c = props.cancel, cancel = _c === void 0 ? "" : _c, _d = props.handle, handle = _d === void 0 ? "" : _d, x = props.x, y = props.y, z = props.z, w = props.w, h = props.h, _e = props.minH, minH = _e === void 0 ? 1 : _e, _f = props.minW, minW = _f === void 0 ? 1 : _f, _g = props.maxH, maxH = _g === void 0 ? Infinity : _g, _h = props.maxW, maxW = _h === void 0 ? Infinity : _h, i = props.i, _j = props.isHiddenVisibility, isHiddenVisibility = _j === void 0 ? false : _j, containerWidth = props.containerWidth, customColWidth = props.customColWidth, rowHeight = props.rowHeight;
+    var child = React.Children.only(children);
     var shouldAutoShrink = useRef({ shouldAutoShrink: false, initialHeight: 0 });
     var _k = useState(), resizing = _k[0], setResizing = _k[1];
     var _l = useState(), dragging = _l[0], setDragging = _l[1];
@@ -44,9 +45,14 @@ var GridItem = function (_a) {
         box: 'border-box',
     }, [isDragging, isResizing]), _r = _q.width, width = _r === void 0 ? 0 : _r, _s = _q.height, height = _s === void 0 ? 0 : _s, _t = _q.clientHeight, clientHeight = _t === void 0 ? 0 : _t, _u = _q.scrollHeight, scrollHeight = _u === void 0 ? 0 : _u, textContentHeight = _q.contentHeight;
     useEffect(function () {
+        var _a;
+        if (!((_a = child.props.className) === null || _a === void 0 ? void 0 : _a.includes('react-grid-item-selected'))) {
+            return;
+        }
         if (!elementRef.current || !props.onContentSizeChange) {
             return;
         }
+        console.log(elementRef.current);
         var observer = new ResizeObserver(function (_a) {
             var _b, _c, _d, _e;
             var entry = _a[0];
@@ -65,8 +71,7 @@ var GridItem = function (_a) {
         return function () {
             observer.disconnect();
         };
-    }, [scrollHeight, props]);
-    console.log(textContentHeight);
+    }, [scrollHeight, props.i, props.w, props.h, x, y, child.props.className]);
     // const moveDroppingItem = (prevProps: GridItemProps) => {
     //   const { droppingPosition } = props;
     //   if (!droppingPosition) return;
@@ -157,8 +162,6 @@ var GridItem = function (_a) {
             Math.min(maxes.width, containerWidth),
             Math.min(maxes.height, Infinity),
         ];
-        console.log("from mixin: ".concat(className), textContentHeight);
-        console.log('prop value: ', placeholderHeight);
         return (_jsx(Resizable, { draggableOpts: {
                 disabled: !isResizable,
             }, className: isResizable ? undefined : "react-resizable-hide", width: position.width, height: position.height, top: position.top, left: position.left, minConstraints: minConstraints, maxConstraints: maxConstraints, onResizeStop: onResizeStop, onResizeStart: onResizeStart, onResize: onResize, transformScale: transformScale, resizeHandles: props.resizeHandles, handle: resizeHandle, children: child }));
@@ -463,7 +466,6 @@ var GridItem = function (_a) {
         dragging: dragging,
         resizing: resizing,
     }, colWidth);
-    var child = React.Children.only(children);
     var newChild = React.cloneElement(child, {
         key: i,
         ref: elementRef,

package/package.json

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