publ-echo-test 0.0.32 → 0.0.34

package/dist/lib/GridItem/GridItem.js

@@ -54,9 +54,6 @@ var GridItem = function (_a) {
                 var isCharacterChanged = mutation.type === 'characterData';
                 var keepWidth = true;
                 var height = isCharacterChanged ? mutation.target.parentNode.clientHeight : mutation.target.clientHeight;
-                console.log('mutation.target.clientWidth', mutation.target.clientWidth);
-                console.log('mutation.target.parentNode.clientWidth', mutation.target.parentNode.clientWidth);
-                console.log('targetNode.clientWidth', targetNode.clientWidth);
                 var width = targetNode.clientWidth;
                 if (!isCharacterChanged && mutation.target instanceof Element) {
                     var styles = getComputedStyle(mutation.target);
@@ -338,21 +335,31 @@ var GridItem = function (_a) {
      * @return {Function}           Handler function.
      */
     var onResizeHandler = function (e, _a, handlerName) {
-        var node = _a.node, size = _a.size, handle = _a.handle;
+        var node = _a.node, size = _a.size, handle = _a.handle, minWidth = _a.minWidth, minHeight = _a.minHeight;
         var handler = props[handlerName];
         if (!handler)
             return;
         var prevW = props.w, prevH = props.h;
         // Get new XY
-        var _b = calcWH(getPositionParams(), size, x, y, handle, prevW, prevH), w = _b.w, h = _b.h;
+        var _b = calcWH(getPositionParams(), size, x, y, handle, prevW, prevH, false), w = _b.w, h = _b.h;
+        var tempMinH = minH;
+        if (minWidth) {
+            var _c = calcWH(getPositionParams(), __assign(__assign({}, size), { width: minWidth, height: minHeight !== null && minHeight !== void 0 ? minHeight : 0 }), x, y, handle, prevW, prevH, true), minW_1 = _c.w, newMinH = _c.h;
+            if (minW_1 > w) {
+                w = minW_1;
+            }
+            if (minH > 1) {
+                tempMinH = Math.max(1, newMinH);
+            }
+        }
         // minW should be at least 1
         // minW = Math.max(minW, 1);
         // maxW should be at most (cols - x)
         // maxW = Math.min(maxW, cols - x);
         w = clamp(w, minW, maxW);
-        h = clamp(h, minH, maxH);
+        h = clamp(h, tempMinH, maxH);
         setResizing(handlerName === "onResizeStop" ? undefined : size);
-        var _c = getResizableXYPosition(handle, w, h, prevW, prevH), newX = _c.newX, newY = _c.newY;
+        var _d = getResizableXYPosition(handle, w, h, prevW, prevH), newX = _d.newX, newY = _d.newY;
         handler(i, w, h, { e: e, node: node, size: size }, newX, newY);
     };
     var pos = calcGridItemPosition(getPositionParams(), x, y, z, w, h, {

package/dist/lib/GridLayoutEditor/ReactGridLayout.js

@@ -255,6 +255,7 @@ var ReactGridLayout = function (_a) {
         var l = getLayoutItem(layout, i);
         if (!l)
             return;
+        console.log(l);
         setOldResizeItem(cloneLayoutItem(l));
         setOldLayout(layout);
         props.onResizeStart &&
@@ -359,6 +360,7 @@ var ReactGridLayout = function (_a) {
                 l.h = h;
                 l.x = x;
                 l.y = y;
+                l.minH = h;
             }
             return l;
         }), newLayout = _a[0], l = _a[1];

package/dist/lib/Resizable/Resizable.js

@@ -161,7 +161,7 @@ var Resizable = function (_a) {
     var resizeHandler = function (handlerName, handleAxis) {
         return function (e, _a) {
             var _b, _c;
-            var _d, _e, _f, _g, _h, _j;
+            var _d, _e, _f, _g, _h, _j, _k;
             var node = _a.node, deltaX = _a.deltaX, deltaY = _a.deltaY;
             if (handlerName === "onResizeStart") {
                 var position = { top: (_d = props.top) !== null && _d !== void 0 ? _d : 0, left: (_e = props.left) !== null && _e !== void 0 ? _e : 0 };
@@ -210,7 +210,8 @@ var Resizable = function (_a) {
             if (axisH === "w") {
                 left = left - deltaX;
             }
-            width = width > minWidth.current ? width : minWidth.current;
+            // width = Math.max(width, minWidth.current);
+            // const isOverMin = calcWH()
             if (extendedHeightRef.current) {
                 height = extendedHeightRef.current;
                 handleAxis = removeNorthHandle(handleAxis);
@@ -221,7 +222,7 @@ var Resizable = function (_a) {
             var cb = typeof props[handlerName] === "function" ? props[handlerName] : null;
             var isCbSkipped = handlerName === "onResize" && !isDimensionsChanged;
             if (cb && !isCbSkipped) {
-                cb(e, { node: node, size: { width: width, height: height, top: top, left: left }, handle: handleAxis });
+                cb(e, { node: node, size: { width: width, height: height, top: top, left: left }, handle: handleAxis, minWidth: minWidth.current, minHeight: (_k = extendedHeightRef.current) !== null && _k !== void 0 ? _k : 0 });
             }
             if (handlerName === "onResizeStop") {
                 startPosition.current = null;

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

@@ -29,6 +29,8 @@ export type ResizeCallbackData = {
         left: number;
     };
     handle: ResizeHandleAxis;
+    minWidth?: number;
+    minHeight?: number;
 };
 export type ResizableDefaultProps = {
     axis: Axis;

package/package.json

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