react-simple-pull-to-refresh 1.2.1 → 1.2.5

package/README.md

@@ -8,6 +8,12 @@
 A Simple Pull-To-Refresh Component for React Application with 0 dependency.
 Works for Mobile and Desktop.
 
+## Contributing
+
+⚠️ I don't have much time to take care of the issues at the moment.
+
+🙏 Any help and contribution is greatly appreciated.
+
 ## Demo
 
 [Click here 👍](https://thmsgbrt.github.io/react-simple-pull-to-refresh)
@@ -74,11 +80,15 @@ return (
 |   backgroundColor   |        string         |  false   |                       | Apply a backgroundColor                                                      |
 |      className      |        string         |  false   |                       |                                                                              |
 
-## Contributing
+## Changelog
 
-`npm run dev`
+1.2.5: Fix event listenter leaks - (From: [@d-s-x](https://github.com/d-s-x))
 
-## Changelog
+1.2.4: Fix overscroll on iOS Safari - (From: [@d-s-x](https://github.com/d-s-x))
+
+1.2.3: Add React 17+ as valid peer dependencies - (From: [@Felixmosh](https://github.com/felixmosh))
+
+1.2.2: Remove non-null assertion operators from ref.current + TouchEvent check for Mozilla - (From: [@HamAndRock](https://github.com/HamAndRock))
 
 1.2.1: Remove unnecessary z-index
 

package/build/index.cjs.js

@@ -200,7 +200,7 @@ var PullToRefresh = function (_a) {
         if (e instanceof MouseEvent) {
             startY = e.pageY;
         }
-        if (e instanceof TouchEvent) {
+        if (window.TouchEvent && e instanceof TouchEvent) {
             startY = e.touches[0].pageY;
         }
         currentY = startY;
@@ -218,7 +218,7 @@ var PullToRefresh = function (_a) {
         if (!isDragging) {
             return;
         }
-        if (e instanceof TouchEvent) {
+        if (window.TouchEvent && e instanceof TouchEvent) {
             currentY = e.touches[0].pageY;
         }
         else {
@@ -229,6 +229,9 @@ var PullToRefresh = function (_a) {
             isDragging = false;
             return;
         }
+        if (e.cancelable) {
+            e.preventDefault();
+        }
         // Limit to trigger refresh has been breached
         if (currentY - startY >= pullDownThreshold) {
             isDragging = true;
@@ -266,12 +269,15 @@ var PullToRefresh = function (_a) {
         currentY = 0;
         // Container has not been dragged enough, put it back to it's initial state
         if (!pullToRefreshThresholdBreached) {
-            pullDownRef.current.style.visibility = 'hidden';
+            if (pullDownRef.current)
+                pullDownRef.current.style.visibility = 'hidden';
             initContainer();
             return;
         }
-        childrenRef.current.style.overflow = 'visible';
-        childrenRef.current.style.transform = "translate(0px, " + pullDownThreshold + "px)";
+        if (childrenRef.current) {
+            childrenRef.current.style.overflow = 'visible';
+            childrenRef.current.style.transform = "translate(0px, " + pullDownThreshold + "px)";
+        }
         onRefresh().then(initContainer).catch(initContainer);
     };
     return (React__default.createElement("div", { className: "ptr " + className, style: { backgroundColor: backgroundColor }, ref: containerRef },

package/build/index.esm.js

@@ -195,7 +195,7 @@ var PullToRefresh = function (_a) {
         if (e instanceof MouseEvent) {
             startY = e.pageY;
         }
-        if (e instanceof TouchEvent) {
+        if (window.TouchEvent && e instanceof TouchEvent) {
             startY = e.touches[0].pageY;
         }
         currentY = startY;
@@ -213,7 +213,7 @@ var PullToRefresh = function (_a) {
         if (!isDragging) {
             return;
         }
-        if (e instanceof TouchEvent) {
+        if (window.TouchEvent && e instanceof TouchEvent) {
             currentY = e.touches[0].pageY;
         }
         else {
@@ -224,6 +224,9 @@ var PullToRefresh = function (_a) {
             isDragging = false;
             return;
         }
+        if (e.cancelable) {
+            e.preventDefault();
+        }
         // Limit to trigger refresh has been breached
         if (currentY - startY >= pullDownThreshold) {
             isDragging = true;
@@ -261,12 +264,15 @@ var PullToRefresh = function (_a) {
         currentY = 0;
         // Container has not been dragged enough, put it back to it's initial state
         if (!pullToRefreshThresholdBreached) {
-            pullDownRef.current.style.visibility = 'hidden';
+            if (pullDownRef.current)
+                pullDownRef.current.style.visibility = 'hidden';
             initContainer();
             return;
         }
-        childrenRef.current.style.overflow = 'visible';
-        childrenRef.current.style.transform = "translate(0px, " + pullDownThreshold + "px)";
+        if (childrenRef.current) {
+            childrenRef.current.style.overflow = 'visible';
+            childrenRef.current.style.transform = "translate(0px, " + pullDownThreshold + "px)";
+        }
         onRefresh().then(initContainer).catch(initContainer);
     };
     return (React.createElement("div", { className: "ptr " + className, style: { backgroundColor: backgroundColor }, ref: containerRef },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-simple-pull-to-refresh",
-  "version": "1.2.1",
+  "version": "1.2.5",
   "description": "A Simple Pull To Refresh Component for React Application",
   "main": "build/index.cjs.js",
   "module": "build/index.esm.js",
@@ -40,8 +40,8 @@
     "typescript": "3.7.5"
   },
   "peerDependencies": {
-    "react": "^16.10.2",
-    "react-dom": "^16.10.2"
+    "react": "^16.10.2 || ^17.0.0",
+    "react-dom": "^16.10.2 || ^17.0.0"
   },
   "files": [
     "build"