@charlietango/use-interaction - npm Package Compare versions

Comparing version 1.7.1 to 1.7.2

CHANGELOG.md

@@ -6,2 +6,8 @@ # Change Log
 
+## [1.7.2](https://github.com/charlie-tango/hooks/compare/@charlietango/use-interaction@1.7.1...@charlietango/use-interaction@1.7.2) (2019-10-29)
+
+### Bug Fixes
+
+- **useInteraction:** use passive touch events ([0eaa9f7](https://github.com/charlie-tango/hooks/commit/0eaa9f7))
+
 ## [1.7.1](https://github.com/charlie-tango/hooks/compare/@charlietango/use-interaction@1.7.0...@charlietango/use-interaction@1.7.1) (2019-09-25)
@@ -8,0 +14,0 @@

lib/useInteraction.cjs.js

@@ -10,3 +10,4 @@ 'use strict';
 
-var events = ['focus', 'blur', 'focusin', 'focusout', 'mouseenter', 'mouseleave', 'mousedown', 'touchstart', 'mouseup', 'touchend'];
+var events = ['focus', 'blur', 'focusin', 'focusout', 'mouseenter', 'mouseleave', 'mousedown', 'mouseup'];
+var passiveEvents = ['touchstart', 'touchend'];
 
@@ -88,2 +89,5 @@ function eventReducer(state, event) {
       });
+      passiveEvents.forEach(function (event) {
+        previous.removeEventListener(event, dispatch);
+      });
     }
@@ -96,2 +100,7 @@
       });
+      passiveEvents.forEach(function (event) {
+        node.addEventListener(event, dispatch, {
+          passive: true
+        });
+      });
     } else {
@@ -98,0 +107,0 @@ ref.current = null;

lib/useInteraction.esm.js

 import _extends from '@babel/runtime/helpers/esm/extends';
 import { useRef, useReducer, useCallback } from 'react';
 
-var events = ['focus', 'blur', 'focusin', 'focusout', 'mouseenter', 'mouseleave', 'mousedown', 'touchstart', 'mouseup', 'touchend'];
+var events = ['focus', 'blur', 'focusin', 'focusout', 'mouseenter', 'mouseleave', 'mousedown', 'mouseup'];
+var passiveEvents = ['touchstart', 'touchend'];
 
@@ -81,2 +82,5 @@ function eventReducer(state, event) {
       });
+      passiveEvents.forEach(function (event) {
+        previous.removeEventListener(event, dispatch);
+      });
     }
@@ -89,2 +93,7 @@
       });
+      passiveEvents.forEach(function (event) {
+        node.addEventListener(event, dispatch, {
+          passive: true
+        });
+      });
     } else {
@@ -91,0 +100,0 @@ ref.current = null;

package.json

 {
   "name": "@charlietango/use-interaction",
   "description": "Monitor the user interactions on an element",
-  "version": "1.7.1",
+  "version": "1.7.2",
   "private": false,
@@ -44,3 +44,3 @@ "sideEffects": false,
   },
-  "gitHead": "9b7f95c6ca022db1b504add9de6174e92d7bc221"
+  "gitHead": "2b986317b86b0360c590b7b5bfcf1fdf08402079"
 }

No alert changes

Improved metrics

Total package byte prevSize

9930

9.11%

Lines of code

191

10.4%

No dependency changes