@folklore/hooks 0.0.60 → 0.0.62

package/dist/cjs.js

@@ -1766,7 +1766,7 @@ function useWindowSize() {
   return size;
 }
 
-const useVisualViewport = () => {
+function useVisualViewport() {
   const {
     width: windowWidth,
     height: windowHeight
@@ -1782,31 +1782,35 @@ const useVisualViewport = () => {
     width: windowWidth,
     height: windowHeight
   });
+  const updateViewport = react.useCallback(function () {
+    let viewPort = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    setViewport(viewPort || window.visualViewport || {});
+  }, [setViewport]);
   react.useEffect(() => {
-    if (!typeof window !== 'undefined' && (window.visualViewport || null) !== null) {
+    if (typeof window === 'undefined' || (window.visualViewport || null) === null) {
       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.addEventListener('scroll', onUpdate);
     };
-  }, [setViewport]);
+  }, [updateViewport]);
   return {
     width: viewportWidth || windowWidth,
     height: viewportHeight || windowHeight,
     offsetTop,
     offsetLeft,
     pageLeft,
-    pageTop
+    pageTop,
+    updateViewport
   };
-};
-var useVisualViewport$1 = useVisualViewport;
+}
 
 const getWindowScroll = () => ({
   x: typeof window !== 'undefined' ? window.scrollX || 0 : 0,
@@ -1857,8 +1861,8 @@ exports.usePlayerCurrentTime = usePlayerCurrentTime;
 exports.useResizeObserver = useResizeObserver;
 exports.useVideoPlayer = useVideoPlayer;
 exports.useVimeoPlayer = useVimeoPlayer;
-exports.useVisualViewport = useVisualViewport$1;
-exports.useVisualViewportSize = useVisualViewport$1;
+exports.useVisualViewport = useVisualViewport;
+exports.useVisualViewportSize = useVisualViewport;
 exports.useWindowEvent = useWindowEvent;
 exports.useWindowScroll = useWindowScroll;
 exports.useWindowSize = useWindowSize;

package/dist/es.js

@@ -1755,7 +1755,7 @@ function useWindowSize() {
   return size;
 }
 
-const useVisualViewport = () => {
+function useVisualViewport() {
   const {
     width: windowWidth,
     height: windowHeight
@@ -1771,31 +1771,35 @@ const useVisualViewport = () => {
     width: windowWidth,
     height: windowHeight
   });
+  const updateViewport = useCallback(function () {
+    let viewPort = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+    setViewport(viewPort || window.visualViewport || {});
+  }, [setViewport]);
   useEffect(() => {
-    if (!typeof window !== 'undefined' && (window.visualViewport || null) !== null) {
+    if (typeof window === 'undefined' || (window.visualViewport || null) === null) {
       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.addEventListener('scroll', onUpdate);
     };
-  }, [setViewport]);
+  }, [updateViewport]);
   return {
     width: viewportWidth || windowWidth,
     height: viewportHeight || windowHeight,
     offsetTop,
     offsetLeft,
     pageLeft,
-    pageTop
+    pageTop,
+    updateViewport
   };
-};
-var useVisualViewport$1 = useVisualViewport;
+}
 
 const getWindowScroll = () => ({
   x: typeof window !== 'undefined' ? window.scrollX || 0 : 0,
@@ -1831,4 +1835,4 @@ function useWindowScroll() {
   return scroll;
 }
 
-export { eventsManager$1 as documentEventsManager, getObserver, useCounter, useDailymotionPlayer, useDocumentEvent, useIntersectionObserver, useIsVisible, useItemsPaginated, useKeyboard, useNativeVideoPlayer, useObserver, usePlayerCurrentTime, useResizeObserver, useVideoPlayer, useVimeoPlayer, useVisualViewport$1 as useVisualViewport, useVisualViewport$1 as useVisualViewportSize, useWindowEvent, useWindowScroll, useWindowSize, useYouTubePlayer, eventsManager as windowEventsManager };
+export { eventsManager$1 as documentEventsManager, getObserver, useCounter, useDailymotionPlayer, useDocumentEvent, useIntersectionObserver, useIsVisible, useItemsPaginated, useKeyboard, useNativeVideoPlayer, useObserver, usePlayerCurrentTime, useResizeObserver, useVideoPlayer, useVimeoPlayer, useVisualViewport, useVisualViewport as useVisualViewportSize, useWindowEvent, useWindowScroll, useWindowSize, useYouTubePlayer, eventsManager as windowEventsManager };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@folklore/hooks",
-    "version": "0.0.60",
+    "version": "0.0.62",
     "description": "React hooks",
     "keywords": [
         "javascript",
@@ -49,7 +49,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "d94149439914382182ede5e695cc655feb4164e1",
+    "gitHead": "54decbea354a5a8fa99c25f34918460bb9666bb2",
     "dependencies": {
         "@folklore/events": "^0.0.5",
         "@folklore/services": "^0.1.40",