publ-echo-test 0.0.19 → 0.0.21

package/dist/lib/GridItem/GridItem.js

@@ -31,13 +31,11 @@ var GridItem = function (_a) {
     var _b;
     var children = _a.children, props = __rest(_a, ["children"]);
     var resizeHandle = props.resizeHandle, cols = props.cols, isDraggable = props.isDraggable, _c = props.transformScale, transformScale = _c === void 0 ? 1 : _c, isResizable = props.isResizable, useCSSTransforms = props.useCSSTransforms, className = props.className, _d = props.cancel, cancel = _d === void 0 ? "" : _d, _e = props.handle, handle = _e === void 0 ? "" : _e, x = props.x, y = props.y, z = props.z, w = props.w, h = props.h, _f = props.minH, minH = _f === void 0 ? 1 : _f, _g = props.minW, minW = _g === void 0 ? 1 : _g, _h = props.maxH, maxH = _h === void 0 ? Infinity : _h, _j = props.maxW, maxW = _j === void 0 ? Infinity : _j, i = props.i, _k = props.isHiddenVisibility, isHiddenVisibility = _k === void 0 ? false : _k, containerWidth = props.containerWidth, customColWidth = props.customColWidth, autoResize = props.autoResize;
-    var _l = useState(0), contentHeight = _l[0], setContentHeight = _l[1];
-    var _m = useState(0), contentWidth = _m[0], setContentWidth = _m[1];
-    var _o = useState(), resizing = _o[0], setResizing = _o[1];
-    var _p = useState(), dragging = _p[0], setDragging = _p[1];
-    var _q = useState(), dragStart = _q[0], setDragStart = _q[1];
-    var _r = useState(false), isDragging = _r[0], setIsDragging = _r[1];
-    var _s = useState(false), isResizing = _s[0], setIsResizing = _s[1];
+    var _l = useState(), resizing = _l[0], setResizing = _l[1];
+    var _m = useState(), dragging = _m[0], setDragging = _m[1];
+    var _o = useState(), dragStart = _o[0], setDragStart = _o[1];
+    var _p = useState(false), isDragging = _p[0], setIsDragging = _p[1];
+    var _q = useState(false), isResizing = _q[0], setIsResizing = _q[1];
     var elementRef = useRef(null);
     // const isSelected = className?.includes('react-grid-item-selected');
     var isSelected = (_b = elementRef.current) === null || _b === void 0 ? void 0 : _b.classList.contains('react-grid-item-selected');
@@ -52,18 +50,15 @@ var GridItem = function (_a) {
         }
         // MutationObserver 콜백 함수
         var callback = function (mutationsList, observer) {
-            console.log("MUTATION CALLBACK");
             for (var _i = 0, mutationsList_1 = mutationsList; _i < mutationsList_1.length; _i++) {
                 var mutation = mutationsList_1[_i];
-                console.log("mutation", mutation);
-                var height = mutation.target.clientHeight;
-                console.log("new height", height);
+                var height = mutation.type === 'characterData' ? mutation.target.parentNode.clientHeight : mutation.target.clientHeight;
                 var prevW = props.w;
                 var prevH = props.h;
                 var _a = calcWH(getPositionParams(), {
                     width: targetNode.clientWidth,
                     height: height,
-                }, x, y, 'e', props.w, props.h), w_1 = _a.w, h_1 = _a.h;
+                }, x, y, 'e', props.w, props.h, true), w_1 = _a.w, h_1 = _a.h;
                 var _b = getResizableXYPosition('e', w_1, h_1, prevW, prevH), newX = _b.newX, newY = _b.newY;
                 props.onFitToContent && props.onFitToContent(i, w_1, h_1, newX, newY);
             }

package/dist/lib/GridItem/utils/calculateUtils.d.ts

@@ -23,7 +23,7 @@ export declare function calcXY(positionParams: PositionParams, top: number, left
 export declare function calcWH(positionParams: PositionParams, { width, height }: {
     width: number;
     height: number;
-}, x: number, y: number, handleAxis?: ResizeHandleAxis, prevW?: number, prevH?: number): {
+}, x: number, y: number, handleAxis?: ResizeHandleAxis, prevW?: number, prevH?: number, shouldCeil?: boolean): {
     w: number;
     h: number;
 };

package/dist/lib/GridItem/utils/calculateUtils.js

@@ -52,13 +52,14 @@ export function calcXY(positionParams, top, left, w, h) {
     y = clamp(y, 0, maxRows - h);
     return { x: x, y: y };
 }
-export function calcWH(positionParams, _a, x, y, handleAxis, prevW, prevH) {
+export function calcWH(positionParams, _a, x, y, handleAxis, prevW, prevH, shouldCeil) {
     var width = _a.width, height = _a.height;
     var margin = positionParams.margin, maxRows = positionParams.maxRows, cols = positionParams.cols, rowHeight = positionParams.rowHeight;
     var colWidth = calcGridColWidth(positionParams);
     var rowHeightNumber = resolveRowHeight(rowHeight, colWidth);
-    var w = Math.round((width + margin[0]) / (colWidth + margin[0]));
-    var h = Math.round((height + margin[1]) / (rowHeightNumber + margin[1]));
+    var roundOrCeil = shouldCeil ? Math.ceil : Math.round;
+    var w = roundOrCeil((width + margin[0]) / (colWidth + margin[0]));
+    var h = roundOrCeil((height + margin[1]) / (rowHeightNumber + margin[1]));
     // // Capping
     // w = clamp(w, 0, cols - x);
     // h = clamp(h, 0, maxRows - y);

package/package.json

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