publ-echo-test 0.0.31 → 0.0.33

package/dist/lib/GridItem/GridItem.js

@@ -52,11 +52,8 @@ var GridItem = function (_a) {
             for (var _i = 0, mutationsList_1 = mutationsList; _i < mutationsList_1.length; _i++) {
                 var mutation = mutationsList_1[_i];
                 var isCharacterChanged = mutation.type === 'characterData';
-                var keepWidth = isCharacterChanged;
+                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);
@@ -318,6 +315,16 @@ var GridItem = function (_a) {
      */
     var onResize = function (e, callbackData) {
         setIsResizing(true);
+        // let { w, h } = calcWH(
+        //   getPositionParams(),
+        //   callbackData.size,
+        //   x,
+        //   y,
+        //   callbackData.handle,
+        //   undefined,
+        //   undefined,
+        //   callbackData.isOverMin
+        // );
         onResizeHandler(e, callbackData, "onResize");
     };
     /**
@@ -338,13 +345,19 @@ 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;
         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;
+        if (minWidth) {
+            var minW_1 = calcWH(getPositionParams(), __assign(__assign({}, size), { width: minWidth }), x, y, handle, prevW, prevH, true).w;
+            if (minW_1 > w) {
+                w = minW_1;
+            }
+        }
         // minW should be at least 1
         // minW = Math.max(minW, 1);
         // maxW should be at most (cols - x)

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 &&

package/dist/lib/Resizable/Resizable.js

@@ -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 });
             }
             if (handlerName === "onResizeStop") {
                 startPosition.current = null;

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

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

package/package.json

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