publ-echo-test 0.0.11 → 0.0.12

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

@@ -55,6 +55,7 @@ var Resizable = function (_a) {
     var extendedHeightRef = useRef(null);
     useEffect(function () {
         if (!isResizing) {
+            extendedHeightRef.current = null;
             return;
         }
         if (!elementRef.current) {
@@ -203,6 +204,7 @@ var Resizable = function (_a) {
             }
             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 +244,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.12",
   "private": false,
   "main": "dist/lib/index.js",
   "types": "dist/lib/index.d.js",