indicator-ui 0.1.112 → 0.1.114

package/dist/index.js

@@ -54251,7 +54251,11 @@ function useDrag() {
     args[_key] = arguments[_key];
   }
   var ref = args[0],
-    callback = args[1];
+    callback = args[1],
+    _args$ = args[2],
+    options = _args$ === void 0 ? {} : _args$;
+  var _options$dropDragging = options.dropDraggingOnLeave,
+    dropDraggingOnLeave = _options$dropDragging === void 0 ? false : _options$dropDragging;
   var _useSimpleRefElementW = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useSimpleRefElementWork)(ref),
     _useSimpleRefElementW2 = _slicedToArray(_useSimpleRefElementW, 1),
     getObj = _useSimpleRefElementW2[0];
@@ -54332,28 +54336,34 @@ function useDrag() {
     });
   }, []);
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    var _window;
     var obj = getObj();
     obj === null || obj === void 0 || obj.addEventListener("mousedown", onStart);
     obj === null || obj === void 0 || obj.addEventListener("mousemove", onMove);
-    obj === null || obj === void 0 || obj.addEventListener("mouseup", onEnd);
-    obj === null || obj === void 0 || obj.addEventListener("mouseleave", onEnd);
+    (_window = window) === null || _window === void 0 || _window.addEventListener("mouseup", onEnd);
     obj === null || obj === void 0 || obj.addEventListener("touchstart", onStart);
     obj === null || obj === void 0 || obj.addEventListener("touchmove", onMove, {
       passive: false
     });
     obj === null || obj === void 0 || obj.addEventListener("touchend", onEnd);
     obj === null || obj === void 0 || obj.addEventListener("touchcancel", onEnd);
+    if (dropDraggingOnLeave) {
+      obj === null || obj === void 0 || obj.addEventListener("mouseleave", onEnd);
+    } else {
+      obj === null || obj === void 0 || obj.removeEventListener("mouseleave", onEnd);
+    }
     return function () {
+      var _window2;
       obj === null || obj === void 0 || obj.removeEventListener("mousedown", onStart);
       obj === null || obj === void 0 || obj.removeEventListener("mousemove", onMove);
-      obj === null || obj === void 0 || obj.removeEventListener("mouseup", onEnd);
-      obj === null || obj === void 0 || obj.removeEventListener("mouseleave", onEnd);
+      (_window2 = window) === null || _window2 === void 0 || _window2.removeEventListener("mouseup", onEnd);
       obj === null || obj === void 0 || obj.removeEventListener("touchstart", onStart);
       obj === null || obj === void 0 || obj.removeEventListener("touchmove", onMove);
       obj === null || obj === void 0 || obj.removeEventListener("touchend", onEnd);
       obj === null || obj === void 0 || obj.removeEventListener("touchcancel", onEnd);
+      obj === null || obj === void 0 || obj.removeEventListener("mouseleave", onEnd);
     };
-  }, [onMove, onEnd]);
+  }, [onMove, onEnd, dropDraggingOnLeave]);
   return {
     isDrag: isDrag
   };