publ-echo-test 0.0.244 → 0.0.246

package/dist/lib/GridItem/GridItem.js

@@ -204,30 +204,25 @@ var GridItem = function (_a) {
         };
     }, [autoResize, isSelected, isDragging, isResizing, props.w, props.h, x, y]);
     useEffect(function () {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e;
         if (!isSelected || !autoResize) {
             return;
         }
         var targetNode = (_a = elementRef.current) === null || _a === void 0 ? void 0 : _a.children[0].children[0].children[0];
         if (!targetNode || isDragging || isResizing) {
-            console.log("cancelled 1");
             return;
         }
         if (targetNode.id !== "contentslist-box") {
-            console.log("cancelled 2");
             return;
         }
         var minWidth = Number((_c = (_b = targetNode.dataset) === null || _b === void 0 ? void 0 : _b.minWidth) !== null && _c !== void 0 ? _c : 0);
         var minHeight = Number((_e = (_d = targetNode.dataset) === null || _d === void 0 ? void 0 : _d.minHeight) !== null && _e !== void 0 ? _e : 0);
         var insetTop = Number(targetNode.dataset.insetTop);
         var insetBottom = Number(targetNode.dataset.insetBottom);
-        console.log("ref", (_f = elementRef.current) === null || _f === void 0 ? void 0 : _f.children[0].children[0]);
-        console.log(targetNode);
-        var _g = calcWH(getPositionParams(), {
+        var _f = calcWH(getPositionParams(), {
             width: minWidth,
             height: minHeight + insetTop + insetBottom,
-        }, x, y, "e", props.w, props.h, true), w = _g.w, h = _g.h;
-        console.log("newH, newW", h, w);
+        }, x, y, "e", props.w, props.h, true), w = _f.w, h = _f.h;
         var prevW = props.w;
         var prevH = props.h;
         if (prevW > w) {
@@ -240,7 +235,6 @@ var GridItem = function (_a) {
             console.log("cancelled 3");
             return;
         }
-        console.log("call onfitToContent");
         props.onFitToContent &&
             props.onFitToContent(i, w, h, x, y, { hasPaddingChanged: true });
     }, [isSelected]);
@@ -521,10 +515,6 @@ var GridItem = function (_a) {
         dragging: dragging,
         resizing: resizing,
     }, colWidth);
-    pos.left = pos.left + 10; // Adjust for margin
-    pos.top = pos.top + 10; // Adjust for margin
-    pos.width = pos.width - 20; // Adjust for margin
-    pos.height = pos.height - 20; // Adjust for margin
     var child = React.Children.only(children);
     var newChild = React.cloneElement(child, {
         key: i,

package/dist/lib/Resizable/Resizable.js

@@ -85,7 +85,6 @@ var Resizable = function (_a) {
             minHeight.current = target.clientHeight;
         }
         if (isContentsList && oneComposition) {
-            console.log("in1");
             // NOTE: 이건 좀 확인 필요. 근데 지금스팩엔 이게 맞아보임 (gap때문)
             var minCellWidth = 10;
             var minColHeight = 11;
@@ -99,26 +98,34 @@ var Resizable = function (_a) {
             var compositionRows = Number(oneComposition.getAttribute("data-rows"));
             var oneCompositionMinWidth = minCellWidth * compositionCols + 20; /* 20px padding */
             var oneCompositionMinHeight = minColHeight * compositionRows + 20; /* 20px padding */
-            var styles = getComputedStyle(target);
-            var paddingL = parseFloat(styles.paddingLeft);
-            var paddingR = parseFloat(styles.paddingRight);
-            var paddingT = parseFloat(styles.paddingTop);
-            var paddingB = parseFloat(styles.paddingBottom);
-            var paddingLR = paddingL + paddingR;
-            var paddingTB = paddingT + paddingB;
-            var listMinWidth = oneCompositionMinWidth * numberOfColumns +
-                (numberOfColumns - 1) * columnGap +
-                paddingLR;
-            var numberOfRows = Math.ceil(numberOfItems / numberOfColumns);
-            var listMinHeight = oneCompositionMinHeight * numberOfRows +
-                (numberOfRows - 1) * rowGap +
-                paddingTB +
-                insetTop +
-                insetBottom;
-            minWidth.current = listMinWidth;
-            minHeight.current = listMinHeight;
-            console.log(minWidth.current, minHeight.current);
-            return;
+            var contentsWrapper = placeholder.querySelector(".cb-contentslist-wrapper");
+            if (contentsWrapper) {
+                var wrapperH = contentsWrapper.clientHeight;
+                var tempCompositionH = oneComposition.clientHeight;
+                console.log("wrapperH, tempCompositionH:", wrapperH, tempCompositionH);
+                if (tempCompositionH > wrapperH) {
+                    oneCompositionMinHeight = tempCompositionH;
+                }
+                var styles = getComputedStyle(target);
+                var paddingL = parseFloat(styles.paddingLeft);
+                var paddingR = parseFloat(styles.paddingRight);
+                var paddingT = parseFloat(styles.paddingTop);
+                var paddingB = parseFloat(styles.paddingBottom);
+                var paddingLR = paddingL + paddingR;
+                var paddingTB = paddingT + paddingB;
+                var listMinWidth = oneCompositionMinWidth * numberOfColumns +
+                    (numberOfColumns - 1) * columnGap +
+                    paddingLR;
+                var numberOfRows = Math.ceil(numberOfItems / numberOfColumns);
+                var listMinHeight = oneCompositionMinHeight * numberOfRows +
+                    (numberOfRows - 1) * rowGap +
+                    paddingTB +
+                    insetTop +
+                    insetBottom;
+                minWidth.current = listMinWidth;
+                minHeight.current = listMinHeight;
+                return;
+            }
         }
         // target.clientHeight -> 실제 "노드"의 height. (gridItem아닌)
         if (target.clientHeight > elementRef.current.clientHeight) {

package/package.json

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