@folklore/hooks 0.0.57 → 0.0.59

package/dist/cjs.js

@@ -76,15 +76,8 @@ function useDailymotionPlayer() {
     width = 0,
     height = 0,
     duration = 0,
-    autoplay = false,
     muted: initialMuted = false,
     start = 0,
-    controls = true,
-    queueAutoplayNext = false,
-    queueEnable = false,
-    sharingEnable = false,
-    uiLogo = false,
-    uiStartScreenInfo = true,
     embedPlayerId = null,
     onTimeUpdate: customOnTimeUpdate = null,
     getVideoId = url => {
@@ -168,16 +161,8 @@ function useDailymotionPlayer() {
       return;
     }
     const playerParams = {
-      'autoplay-d': autoplay,
-      // muted,
       startTime: start,
-      controls,
-      aspectRatio: 'inherit',
-      'queue-autoplay-next': queueAutoplayNext,
-      'queue-enable': queueEnable,
-      'sharing-enable': sharingEnable,
-      'ui-logo': uiLogo,
-      'ui-start-screen-info': uiStartScreenInfo
+      aspectRatio: 'inherit'
     };
     let player = currentPlayer;
     if (player !== null) {
@@ -200,7 +185,7 @@ function useDailymotionPlayer() {
       debug('Create player [ID: %s]', videoId);
     }
     playerElementRef.current = element;
-  }, [apiLoaded, elementHasChanged, videoId, width, height, autoplay, start, controls, queueAutoplayNext, queueEnable, sharingEnable, uiLogo, uiStartScreenInfo]);
+  }, [apiLoaded, elementHasChanged, videoId, width, height, start]);
   react.useEffect(() => {
     const {
       current: player = null
@@ -1781,7 +1766,6 @@ function useWindowSize() {
   return size;
 }
 
-const hasViewport = typeof window !== 'undefined' && (window.visualViewport || null) !== null;
 const useVisualViewportSize = () => {
   const {
     width: windowWidth,
@@ -1794,22 +1778,26 @@ const useVisualViewportSize = () => {
     width: windowWidth,
     height: windowHeight
   });
-  const onResize = react.useCallback(e => {
-    const viewport = e.target;
-    setViewportSize({
-      width: viewport.width,
-      height: viewport.height
-    });
-  }, [setViewportSize]);
   react.useEffect(() => {
-    if (!hasViewport) {
+    if (!typeof window !== 'undefined' && (window.visualViewport || null) !== null) {
       return () => {};
     }
+    function onResize(e) {
+      const viewport = e.target;
+      setViewportSize({
+        width: viewport.width,
+        height: viewport.height
+      });
+    }
+    setViewportSize({
+      width: window.visualViewport.width,
+      height: window.visualViewport.height
+    });
     window.visualViewport.addEventListener('resize', onResize);
     return () => {
       window.visualViewport.removeEventListener('resize', onResize);
     };
-  }, [onResize]);
+  }, [setViewportSize]);
   return {
     width: viewportWidth || windowWidth,
     height: viewportHeight || windowHeight

package/dist/es.js

@@ -65,15 +65,8 @@ function useDailymotionPlayer() {
     width = 0,
     height = 0,
     duration = 0,
-    autoplay = false,
     muted: initialMuted = false,
     start = 0,
-    controls = true,
-    queueAutoplayNext = false,
-    queueEnable = false,
-    sharingEnable = false,
-    uiLogo = false,
-    uiStartScreenInfo = true,
     embedPlayerId = null,
     onTimeUpdate: customOnTimeUpdate = null,
     getVideoId = url => {
@@ -157,16 +150,8 @@ function useDailymotionPlayer() {
       return;
     }
     const playerParams = {
-      'autoplay-d': autoplay,
-      // muted,
       startTime: start,
-      controls,
-      aspectRatio: 'inherit',
-      'queue-autoplay-next': queueAutoplayNext,
-      'queue-enable': queueEnable,
-      'sharing-enable': sharingEnable,
-      'ui-logo': uiLogo,
-      'ui-start-screen-info': uiStartScreenInfo
+      aspectRatio: 'inherit'
     };
     let player = currentPlayer;
     if (player !== null) {
@@ -189,7 +174,7 @@ function useDailymotionPlayer() {
       debug('Create player [ID: %s]', videoId);
     }
     playerElementRef.current = element;
-  }, [apiLoaded, elementHasChanged, videoId, width, height, autoplay, start, controls, queueAutoplayNext, queueEnable, sharingEnable, uiLogo, uiStartScreenInfo]);
+  }, [apiLoaded, elementHasChanged, videoId, width, height, start]);
   useEffect(() => {
     const {
       current: player = null
@@ -1770,7 +1755,6 @@ function useWindowSize() {
   return size;
 }
 
-const hasViewport = typeof window !== 'undefined' && (window.visualViewport || null) !== null;
 const useVisualViewportSize = () => {
   const {
     width: windowWidth,
@@ -1783,22 +1767,26 @@ const useVisualViewportSize = () => {
     width: windowWidth,
     height: windowHeight
   });
-  const onResize = useCallback(e => {
-    const viewport = e.target;
-    setViewportSize({
-      width: viewport.width,
-      height: viewport.height
-    });
-  }, [setViewportSize]);
   useEffect(() => {
-    if (!hasViewport) {
+    if (!typeof window !== 'undefined' && (window.visualViewport || null) !== null) {
       return () => {};
     }
+    function onResize(e) {
+      const viewport = e.target;
+      setViewportSize({
+        width: viewport.width,
+        height: viewport.height
+      });
+    }
+    setViewportSize({
+      width: window.visualViewport.width,
+      height: window.visualViewport.height
+    });
     window.visualViewport.addEventListener('resize', onResize);
     return () => {
       window.visualViewport.removeEventListener('resize', onResize);
     };
-  }, [onResize]);
+  }, [setViewportSize]);
   return {
     width: viewportWidth || windowWidth,
     height: viewportHeight || windowHeight

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@folklore/hooks",
-    "version": "0.0.57",
+    "version": "0.0.59",
     "description": "React hooks",
     "keywords": [
         "javascript",
@@ -49,7 +49,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "0afeed292591d823f72f5611a078f94c21321d2e",
+    "gitHead": "c054f8aebebb312df15dbd87158516bbc750855f",
     "dependencies": {
         "@folklore/events": "^0.0.5",
         "@folklore/services": "^0.1.40",