publ-echo-test 0.0.11 → 0.0.13

package/dist/lib/GridItem/GridItem.js

@@ -171,7 +171,7 @@ var GridItem = function (_a) {
         ];
         return (_jsx(Resizable, { draggableOpts: {
                 disabled: !isResizable,
-            }, className: isResizable ? undefined : "react-resizable-hide", width: position.width, height: position.height, top: position.top, left: position.left, minConstraints: minConstraints, maxConstraints: maxConstraints, onResizeStop: onResizeStop, onResizeStart: onResizeStart, onResize: onResize, transformScale: transformScale, resizeHandles: props.resizeHandles, handle: resizeHandle, isResizing: isResizing, children: child }));
+            }, className: isResizable ? undefined : "react-resizable-hide", width: position.width, height: position.height, top: position.top, left: position.left, resizeHandles: props.resizeHandles, onResizeStop: onResizeStop, onResizeStart: onResizeStart, onResize: onResize, minConstraints: minConstraints, maxConstraints: maxConstraints, transformScale: transformScale, handle: resizeHandle, isResizing: isResizing, children: child }));
     };
     /**
      * onDragStart event handler
@@ -304,6 +304,7 @@ var GridItem = function (_a) {
      * @param  {Object} callbackData  an object with node and size information
      */
     var onResize = function (e, callbackData) {
+        console.log('setting resizing true');
         setIsResizing(true);
         onResizeHandler(e, callbackData, "onResize");
     };
@@ -327,6 +328,7 @@ var GridItem = function (_a) {
     var onResizeHandler = function (e, _a, handlerName) {
         var node = _a.node, size = _a.size, handle = _a.handle;
         var handler = props[handlerName];
+        console.log(handlerName);
         if (!handler)
             return;
         var prevW = props.w, prevH = props.h;

package/dist/lib/Resizable/Resizable.js

@@ -53,8 +53,11 @@ var Resizable = function (_a) {
     var className = props.className, draggableOpts = props.draggableOpts, width = props.width, height = props.height, handle = props.handle, onResize = props.onResize, onResizeStop = props.onResizeStop, onResizeStart = props.onResizeStart, restProps = __rest(props, ["className", "draggableOpts", "width", "height", "handle", "onResize", "onResizeStop", "onResizeStart"]);
     var elementRef = children.ref;
     var extendedHeightRef = useRef(null);
+    var minWidth = useRef(0);
     useEffect(function () {
         if (!isResizing) {
+            extendedHeightRef.current = null;
+            minWidth.current = 0;
             return;
         }
         if (!elementRef.current) {
@@ -71,6 +74,10 @@ var Resizable = function (_a) {
         else {
             extendedHeightRef.current = null;
         }
+        var minWidthStyle = target.computedStyleMap().get('min-width');
+        if (typeof minWidthStyle.value === 'number') {
+            minWidth.current = minWidthStyle.value;
+        }
     }, [isResizing, children]);
     var resetData = function () {
         lastHandleRect = slack = null;
@@ -201,8 +208,10 @@ var Resizable = function (_a) {
             if (axisH === "w") {
                 left = left - deltaX;
             }
+            width = width > minWidth.current ? width : minWidth.current;
             if (extendedHeightRef.current) {
                 height = extendedHeightRef.current;
+                handleAxis = removeNorthHandle(handleAxis);
             }
             _b = checkConstraints(width, height), width = _b[0], height = _b[1];
             _c = checkTopLeft(deltaX, deltaY, top, left, width, height, handleAxis), top = _c[0], left = _c[1];
@@ -242,4 +251,14 @@ var Resizable = function (_a) {
             return (_createElement(DraggableCore, __assign({}, draggableOpts, { nodeRef: ref, key: "resizableHandle-".concat(handleAxis), onStop: resizeHandler("onResizeStop", handleAxis), onStart: resizeHandler("onResizeStart", handleAxis), onDrag: resizeHandler("onResize", handleAxis) }), renderResizeHandle(handleAxis, ref)));
         }), true) }));
 };
+function removeNorthHandle(axis) {
+    switch (axis) {
+        case 'ne':
+            return 'e';
+        case 'nw':
+            return 'w';
+        default:
+            return axis;
+    }
+}
 export default Resizable;

package/package.json

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