react-scroll-ondrag - npm Package Compare versions

Comparing version 0.1.0 to 0.1.1

dist/react-scroll-ondrag.cjs.js

@@ -43,4 +43,7 @@ 'use strict';
     internalState.current.lastMousePosition = null;
-    internalState.current.isScrolling = false;
-    onDragEnd();
+
+    if (internalState.current.isScrolling) {
+      internalState.current.isScrolling = false;
+      onDragEnd();
+    }
   };
@@ -47,0 +50,0 @@

dist/react-scroll-ondrag.esm.js

@@ -37,4 +37,7 @@ import { useRef, useCallback, useEffect } from 'react';
     internalState.current.lastMousePosition = null;
-    internalState.current.isScrolling = false;
-    onDragEnd();
+
+    if (internalState.current.isScrolling) {
+      internalState.current.isScrolling = false;
+      onDragEnd();
+    }
   };
@@ -41,0 +44,0 @@

dist/react-scroll-ondrag.umd.js

@@ -1,1 +0,1 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],n):n((e=e||self).ReactDragOnScroll={},e.React)}(this,function(e,n){"use strict";var o="production"===process.env.NODE_ENV,t="Invariant failed";function r(e,n){if(!e)throw o?new Error(t):new Error(t+": "+(n||""))}e.default=function(e){var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=o.runScroll,i=void 0===t?function(n){e.current.scrollLeft=n}:t,u=o.onDragStart,s=void 0===u?function(){}:u,c=o.onDragEnd,l=void 0===c?function(){}:c,f=n.useRef({lastMousePosition:null,isMouseDown:!1,isScrolling:!1}),a=n.useCallback(function(n){null===e.current&&("production"!==process.env.NODE_ENV?r(!1,"Trying to scroll to the bottom, but no element was found.\n      Did you call this scrollBottom before the component with this hook finished mounting?"):r(!1));var o,t=Math.min((o=e.current).scrollWidth-o.clientWidth,n);i(t)},[i]),d=n.useCallback(function(e){f.current.isMouseDown=!0,f.current.lastMousePosition=e.clientX},[]),v=function(){f.current.isMouseDown=!1,f.current.lastMousePosition=null,f.current.isScrolling=!1,l()},w=function(n){if(f.current.isMouseDown){f.current.isScrolling||(f.current.isScrolling=!0,s());var o=-(n.clientX-f.current.lastMousePosition);f.current.lastMousePosition=n.clientX,a(e.current.scrollLeft+o)}};return n.useEffect(function(){return window.addEventListener("mouseup",v),window.addEventListener("mousemove",w),function(){window.removeEventListener("mouseup",v),window.removeEventListener("mousemove",w)}},[]),{events:{onMouseDown:d}}},Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],n):n((e=e||self).ReactDragOnScroll={},e.React)}(this,function(e,n){"use strict";var o="production"===process.env.NODE_ENV,t="Invariant failed";function r(e,n){if(!e)throw o?new Error(t):new Error(t+": "+(n||""))}e.default=function(e){var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=o.runScroll,i=void 0===t?function(n){e.current.scrollLeft=n}:t,u=o.onDragStart,s=void 0===u?function(){}:u,c=o.onDragEnd,l=void 0===c?function(){}:c,f=n.useRef({lastMousePosition:null,isMouseDown:!1,isScrolling:!1}),a=n.useCallback(function(n){null===e.current&&("production"!==process.env.NODE_ENV?r(!1,"Trying to scroll to the bottom, but no element was found.\n      Did you call this scrollBottom before the component with this hook finished mounting?"):r(!1));var o,t=Math.min((o=e.current).scrollWidth-o.clientWidth,n);i(t)},[i]),d=n.useCallback(function(e){f.current.isMouseDown=!0,f.current.lastMousePosition=e.clientX},[]),v=function(){f.current.isMouseDown=!1,f.current.lastMousePosition=null,f.current.isScrolling&&(f.current.isScrolling=!1,l())},w=function(n){if(f.current.isMouseDown){f.current.isScrolling||(f.current.isScrolling=!0,s());var o=-(n.clientX-f.current.lastMousePosition);f.current.lastMousePosition=n.clientX,a(e.current.scrollLeft+o)}};return n.useEffect(function(){return window.addEventListener("mouseup",v),window.addEventListener("mousemove",w),function(){window.removeEventListener("mouseup",v),window.removeEventListener("mousemove",w)}},[]),{events:{onMouseDown:d}}},Object.defineProperty(e,"__esModule",{value:!0})});

package.json

 {
   "name": "react-scroll-ondrag",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "React library for scrolling elements by dragging the mouse",
@@ -5,0 +5,0 @@ "main": "dist/react-scroll-ondrag.cjs.js",

New alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

12586

increased by1.1%

Lines of code

138

increased by2.99%

Worsened metrics

Number of low supply chain risk alerts

5

increased by25%

No dependency changes