publ-echo 0.0.92 → 0.0.94

package/dist/lib/GridItem/GridItem.js

@@ -47,25 +47,34 @@ var GridItem = function (_a) {
         if (!targetNode || isDragging || isResizing) {
             return;
         }
+        var prevPaddingL = parseFloat(getComputedStyle(targetNode).paddingLeft);
+        var prevPaddingR = parseFloat(getComputedStyle(targetNode).paddingRight);
+        var prevPaddingT = parseFloat(getComputedStyle(targetNode).paddingTop);
+        var prevPaddingB = parseFloat(getComputedStyle(targetNode).paddingBottom);
         // MutationObserver 콜백 함수
         var callback = function (mutationsList) {
             for (var _i = 0, mutationsList_1 = mutationsList; _i < mutationsList_1.length; _i++) {
                 var mutation = mutationsList_1[_i];
                 var isCharacterChanged = mutation.type === 'characterData';
                 var keepWidth = true;
+                var hasPaddingChanged = false;
                 var height = isCharacterChanged ? mutation.target.parentNode.clientHeight : mutation.target.clientHeight;
                 var width = targetNode.clientWidth;
                 if (!isCharacterChanged && mutation.target instanceof Element) {
-                    var styles_1 = getComputedStyle(mutation.target);
-                    var minWidth_1 = parseFloat(styles_1.minWidth);
-                    if (minWidth_1 > width) {
+                    var styles = getComputedStyle(mutation.target);
+                    var minWidth = parseFloat(styles.minWidth);
+                    if (minWidth > width) {
                         keepWidth = false;
                     }
+                    // NOTE: POC
+                    var paddingL = parseFloat(styles.paddingLeft);
+                    var paddingR = parseFloat(styles.paddingRight);
+                    var paddingT = parseFloat(styles.paddingTop);
+                    var paddingB = parseFloat(styles.paddingBottom);
+                    if (prevPaddingL !== paddingL || prevPaddingR !== paddingR || prevPaddingT !== paddingT || prevPaddingB !== paddingB) {
+                        hasPaddingChanged = true;
+                    }
                 }
-                var styles = getComputedStyle(mutation.target);
-                var minWidth = parseFloat(styles.minWidth);
-                console.log('out loop - width', width);
-                console.log('minwidth', styles.minWidth);
                 var prevW = props.w;
                 var prevH = props.h;
                 var _a = calcWH(getPositionParams(), {
@@ -82,7 +91,7 @@ var GridItem = function (_a) {
                 if (prevH === h_1 && prevW === w_1 && newX === x && newY === y) {
                     return;
                 }
-                props.onFitToContent && props.onFitToContent(i, w_1, h_1, newX, newY);
+                props.onFitToContent && props.onFitToContent(i, w_1, h_1, newX, newY, { hasPaddingChanged: hasPaddingChanged });
             }
         };
         // MutationObserver 인스턴스 생성

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

@@ -75,7 +75,9 @@ export type GridItemProps = {
     onResize?: ResizeGridItemCallback<GridResizeEvent>;
     onResizeStart?: ResizeGridItemCallback<GridResizeEvent>;
     onResizeStop?: ResizeGridItemCallback<GridResizeEvent>;
-    onFitToContent?: (i: string, w: number, h: number, x: number, y: number) => void;
+    onFitToContent?: (i: string, w: number, h: number, x: number, y: number, { hasPaddingChanged }: {
+        hasPaddingChanged: boolean;
+    }) => void;
     isHiddenVisibility?: boolean;
     customColWidth?: number;
     autoResize: boolean;

package/dist/lib/GridLayoutEditor/ReactGridLayout.js

@@ -333,8 +333,9 @@ var ReactGridLayout = function (_a) {
         setOldLayout(undefined);
         onLayoutMaybeChanged(newLayout, oldLayout);
     };
-    var onFitToContentHandler = function (i, w, h, x, y) {
-        var _a = withLayoutItem(layout, i, function (l) {
+    var onFitToContentHandler = function (i, w, h, x, y, _a) {
+        var hasPaddingChanged = _a.hasPaddingChanged;
+        var _b = withLayoutItem(layout, i, function (l) {
             var hasCollisions;
             if (preventCollision && !allowOverlap) {
                 var collisions = getAllCollisions(layout, __assign(__assign({}, l), { w: x, h: y })).filter(function (layoutItem) { return layoutItem.i !== l.i; });
@@ -362,7 +363,7 @@ var ReactGridLayout = function (_a) {
                 l.minH = h;
             }
             return l;
-        }), newLayout = _a[0], l = _a[1];
+        }), newLayout = _b[0], l = _b[1];
         if (!l)
             return;
         props.onFitToContent &&
@@ -370,6 +371,7 @@ var ReactGridLayout = function (_a) {
                 layout: newLayout,
                 prev: oldResizeItem,
                 item: l,
+                hasPaddingChanged: hasPaddingChanged
             });
         setLayout(allowOverlap ? newLayout : compact(newLayout, compactType, cols));
     };

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

@@ -71,7 +71,7 @@ export type ReactGridLayoutProps = {
     innerRef?: RefObject<HTMLDivElement>;
     minNbRow?: number;
     customColWidth?: number;
-    onFitToContent?: EventCallback;
+    onFitToContent?: OnFitContentCallBack;
 };
 export type DragOverEvent = MouseEvent & {
     nativeEvent: {
@@ -79,6 +79,15 @@ export type DragOverEvent = MouseEvent & {
         layerY: number;
     } & Event;
 };
+export type OnFitContentCallBack = (properties: {
+    layout: Layout;
+    prev?: LayoutItem;
+    item?: LayoutItem;
+    placeholder?: LayoutItem;
+    e?: ResizeEventType;
+    node?: HTMLElement;
+    hasPaddingChanged: boolean;
+}) => void;
 export type EventCallback = (properties: {
     layout: Layout;
     prev?: LayoutItem;

package/package.json

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