@folklore/hooks 0.0.61 → 0.0.63

package/dist/cjs.js

@@ -1774,36 +1774,50 @@ function useVisualViewport() {
   const [{
     width: viewportWidth,
     height: viewportHeight,
-    offsetTop = 0,
-    offsetLeft = 0,
-    pageLeft = 0,
-    pageTop = 0
+    ...viewport
   }, setViewport] = react.useState({
     width: windowWidth,
     height: windowHeight
   });
+  const updateViewport = react.useCallback(function () {
+    let viewPort = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    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 () => {};
     }
-    function updateViewport(e) {
-      setViewport(e.target);
-    }
-    setViewport(window.visualViewport);
-    window.visualViewport.addEventListener('resize', updateViewport);
-    window.visualViewport.addEventListener('scroll', updateViewport);
+    const onUpdate = e => {
+      updateViewport(e.target);
+    };
+    updateViewport();
+    window.visualViewport.addEventListener('resize', onUpdate);
+    window.visualViewport.addEventListener('scroll', onUpdate);
     return () => {
-      window.visualViewport.removeEventListener('resize', updateViewport);
-      window.visualViewport.addEventListener('scroll', updateViewport);
+      window.visualViewport.removeEventListener('resize', onUpdate);
+      window.visualViewport.removeEventListener('scroll', onUpdate);
     };
-  }, [setViewport]);
+  }, [updateViewport]);
   return {
     width: viewportWidth || windowWidth,
     height: viewportHeight || windowHeight,
-    offsetTop,
-    offsetLeft,
-    pageLeft,
-    pageTop
+    ...viewport,
+    updateViewport
   };
 }
 

package/dist/es.js

@@ -1763,36 +1763,50 @@ function useVisualViewport() {
   const [{
     width: viewportWidth,
     height: viewportHeight,
-    offsetTop = 0,
-    offsetLeft = 0,
-    pageLeft = 0,
-    pageTop = 0
+    ...viewport
   }, setViewport] = useState({
     width: windowWidth,
     height: windowHeight
   });
+  const updateViewport = useCallback(function () {
+    let viewPort = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    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 () => {};
     }
-    function updateViewport(e) {
-      setViewport(e.target);
-    }
-    setViewport(window.visualViewport);
-    window.visualViewport.addEventListener('resize', updateViewport);
-    window.visualViewport.addEventListener('scroll', updateViewport);
+    const onUpdate = e => {
+      updateViewport(e.target);
+    };
+    updateViewport();
+    window.visualViewport.addEventListener('resize', onUpdate);
+    window.visualViewport.addEventListener('scroll', onUpdate);
     return () => {
-      window.visualViewport.removeEventListener('resize', updateViewport);
-      window.visualViewport.addEventListener('scroll', updateViewport);
+      window.visualViewport.removeEventListener('resize', onUpdate);
+      window.visualViewport.removeEventListener('scroll', onUpdate);
     };
-  }, [setViewport]);
+  }, [updateViewport]);
   return {
     width: viewportWidth || windowWidth,
     height: viewportHeight || windowHeight,
-    offsetTop,
-    offsetLeft,
-    pageLeft,
-    pageTop
+    ...viewport,
+    updateViewport
   };
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@folklore/hooks",
-    "version": "0.0.61",
+    "version": "0.0.63",
     "description": "React hooks",
     "keywords": [
         "javascript",
@@ -49,7 +49,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "0a8b9c477678635f7c9c774eac2fea657e723425",
+    "gitHead": "3ff38e649f2a87788753de0b5ba53843a68ab202",
     "dependencies": {
         "@folklore/events": "^0.0.5",
         "@folklore/services": "^0.1.40",