@visx/drag - npm Package Compare versions

Comparing version 1.7.4 to 1.15.0

esm/Drag.js

@@ -19,3 +19,4 @@ import _pt from "prop-types";
       x = _ref.x,
-      y = _ref.y;
+      y = _ref.y,
+      isDragging = _ref.isDragging;
   var drag = useDrag({
@@ -29,3 +30,4 @@ resetOnStart: resetOnStart,
     dx: dx,
-    dy: dy
+    dy: dy,
+    isDragging: isDragging
   });
@@ -44,3 +46,4 @@ return /*#__PURE__*/React.createElement(React.Fragment, null, drag.isDragging && captureDragArea && /*#__PURE__*/React.createElement("rect", {
   height: _pt.number.isRequired,
-  captureDragArea: _pt.bool
+  captureDragArea: _pt.bool,
+  isDragging: _pt.bool
 };

esm/useDrag.js

@@ -18,3 +18,4 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
       dx = _ref.dx,
-      dy = _ref.dy;
+      dy = _ref.dy,
+      isDragging = _ref.isDragging;
 
@@ -58,2 +59,11 @@ // use ref to detect prop changes
   });
+  useEffect(function () {
+    if (isDragging !== undefined && dragState.isDragging !== isDragging) {
+      setDragStateWithCallback(function (currState) {
+        return _extends({}, currState, {
+          isDragging: isDragging
+        });
+      });
+    }
+  }, [dragState.isDragging, isDragging, setDragStateWithCallback]);
   var handleDragStart = useCallback(function (event) {
@@ -60,0 +70,0 @@ event.persist();

lib/Drag.d.ts

@@ -13,4 +13,6 @@ import React from 'react';
     captureDragArea?: boolean;
+    /** If defined, parent controls dragging state. */
+    isDragging?: boolean;
 };
-export default function Drag({ captureDragArea, children, dx, dy, height, onDragEnd, onDragMove, onDragStart, resetOnStart, width, x, y, }: DragProps): JSX.Element;
+export default function Drag({ captureDragArea, children, dx, dy, height, onDragEnd, onDragMove, onDragStart, resetOnStart, width, x, y, isDragging, }: DragProps): JSX.Element;
 //# sourceMappingURL=Drag.d.ts.map

lib/Drag.js

@@ -28,3 +28,4 @@ "use strict";
       x = _ref.x,
-      y = _ref.y;
+      y = _ref.y,
+      isDragging = _ref.isDragging;
   var drag = (0, _useDrag.default)({
@@ -38,3 +39,4 @@ resetOnStart: resetOnStart,
     dx: dx,
-    dy: dy
+    dy: dy,
+    isDragging: isDragging
   });
@@ -54,3 +56,4 @@ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, drag.isDragging && captureDragArea && /*#__PURE__*/_react.default.createElement("rect", {
   height: _propTypes.default.number.isRequired,
-  captureDragArea: _propTypes.default.bool
+  captureDragArea: _propTypes.default.bool,
+  isDragging: _propTypes.default.bool
 };

lib/useDrag.d.ts

 import React from 'react';
-declare type MouseTouchOrPointerEvent = React.MouseEvent | React.TouchEvent | React.PointerEvent;
+export declare type MouseTouchOrPointerEvent = React.MouseEvent | React.TouchEvent | React.PointerEvent;
 export declare type HandlerArgs = DragState & {
@@ -24,2 +24,4 @@ /** Drag event. */
     dy?: number;
+    /** If defined, parent controls dragging state.  */
+    isDragging?: boolean;
 };
@@ -47,4 +49,3 @@ export declare type DragState = {
 /** Hook for dragging, returns a `UseDrag` object. */
-export default function useDrag({ resetOnStart, onDragEnd, onDragMove, onDragStart, x, y, dx, dy, }?: UseDragOptions | undefined): UseDrag;
-export {};
+export default function useDrag({ resetOnStart, onDragEnd, onDragMove, onDragStart, x, y, dx, dy, isDragging, }?: UseDragOptions | undefined): UseDrag;
 //# sourceMappingURL=useDrag.d.ts.map

lib/useDrag.js

@@ -27,3 +27,4 @@ "use strict";
       dx = _ref.dx,
-      dy = _ref.dy;
+      dy = _ref.dy,
+      isDragging = _ref.isDragging;
 
@@ -67,2 +68,11 @@ // use ref to detect prop changes
   });
+  (0, _react.useEffect)(function () {
+    if (isDragging !== undefined && dragState.isDragging !== isDragging) {
+      setDragStateWithCallback(function (currState) {
+        return _extends({}, currState, {
+          isDragging: isDragging
+        });
+      });
+    }
+  }, [dragState.isDragging, isDragging, setDragStateWithCallback]);
   var handleDragStart = (0, _react.useCallback)(function (event) {
@@ -69,0 +79,0 @@ event.persist();

package.json

 {
   "name": "@visx/drag",
-  "version": "1.7.4",
+  "version": "1.15.0",
   "description": "visx drag",
@@ -41,3 +41,3 @@ "sideEffects": false,
   },
-  "gitHead": "f4670a618868c938eed78e03dd6dc7ee29eff4c6"
+  "gitHead": "cce302a0fb8501dce9d7aaa272d67fd1a3cf2d83"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

24871

increased by5.15%

Lines of code

476

increased by6.49%

No dependency changes