@folklore/hooks - npm Package Compare versions

Comparing version 0.0.62 to 0.0.63

dist/cjs.js

@@ -1777,6 +1777,3 @@ 'use strict';
     height: viewportHeight,
-    offsetTop = 0,
-    offsetLeft = 0,
-    pageLeft = 0,
-    pageTop = 0
+    ...viewport
   }, setViewport] = react.useState({
@@ -1788,6 +1785,21 @@ width: windowWidth,
     let viewPort = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-    setViewport(viewPort || window.visualViewport || {});
+    const {
+      width: newWidth = 0,
+      height: newHeight = 0,
+      offsetTop: newOffsetTop = 0,
+      offsetLeft: newOffsetLeft = 0,
+      pageLeft: newPageLeft = 0,
+      pageTop: newPageTop = 0
+    } = viewPort || window.visualViewport || {};
+    setViewport({
+      width: newWidth,
+      height: newHeight,
+      offsetTop: newOffsetTop,
+      offsetLeft: newOffsetLeft,
+      pageLeft: newPageLeft,
+      pageTop: newPageTop
+    });
   }, [setViewport]);
   react.useEffect(() => {
-    if (typeof window === 'undefined' || (window.visualViewport || null) === null) {
+    if (typeof window.visualViewport === 'undefined') {
       return () => {};
@@ -1803,3 +1815,3 @@ }
       window.visualViewport.removeEventListener('resize', onUpdate);
-      window.visualViewport.addEventListener('scroll', onUpdate);
+      window.visualViewport.removeEventListener('scroll', onUpdate);
     };
@@ -1810,6 +1822,3 @@ }, [updateViewport]);
     height: viewportHeight || windowHeight,
-    offsetTop,
-    offsetLeft,
-    pageLeft,
-    pageTop,
+    ...viewport,
     updateViewport
@@ -1816,0 +1825,0 @@ };

dist/es.js

@@ -1766,6 +1766,3 @@ import raf from 'raf';
     height: viewportHeight,
-    offsetTop = 0,
-    offsetLeft = 0,
-    pageLeft = 0,
-    pageTop = 0
+    ...viewport
   }, setViewport] = useState({
@@ -1777,6 +1774,21 @@ width: windowWidth,
     let viewPort = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-    setViewport(viewPort || window.visualViewport || {});
+    const {
+      width: newWidth = 0,
+      height: newHeight = 0,
+      offsetTop: newOffsetTop = 0,
+      offsetLeft: newOffsetLeft = 0,
+      pageLeft: newPageLeft = 0,
+      pageTop: newPageTop = 0
+    } = viewPort || window.visualViewport || {};
+    setViewport({
+      width: newWidth,
+      height: newHeight,
+      offsetTop: newOffsetTop,
+      offsetLeft: newOffsetLeft,
+      pageLeft: newPageLeft,
+      pageTop: newPageTop
+    });
   }, [setViewport]);
   useEffect(() => {
-    if (typeof window === 'undefined' || (window.visualViewport || null) === null) {
+    if (typeof window.visualViewport === 'undefined') {
       return () => {};
@@ -1792,3 +1804,3 @@ }
       window.visualViewport.removeEventListener('resize', onUpdate);
-      window.visualViewport.addEventListener('scroll', onUpdate);
+      window.visualViewport.removeEventListener('scroll', onUpdate);
     };
@@ -1799,6 +1811,3 @@ }, [updateViewport]);
     height: viewportHeight || windowHeight,
-    offsetTop,
-    offsetLeft,
-    pageLeft,
-    pageTop,
+    ...viewport,
     updateViewport
@@ -1805,0 +1814,0 @@ };

package.json

 {
     "name": "@folklore/hooks",
-    "version": "0.0.62",
+    "version": "0.0.63",
     "description": "React hooks",
@@ -52,3 +52,3 @@ "keywords": [
     },
-    "gitHead": "54decbea354a5a8fa99c25f34918460bb9666bb2",
+    "gitHead": "3ff38e649f2a87788753de0b5ba53843a68ab202",
     "dependencies": {
@@ -55,0 +55,0 @@ "@folklore/events": "^0.0.5",

No alert changes

Improved metrics

Total package byte prevSize

111942

increased by0.47%

Lines of code

3663

increased by0.49%

No dependency changes