@folklore/hooks 0.0.40 → 0.0.42

package/dist/cjs.js

@@ -19,16 +19,24 @@ var isNumber__default = /*#__PURE__*/_interopDefaultLegacy(isNumber);
 
 function useCounter(desiredValue, _ref) {
   let {
+    disabled = false,
     maxDuration = 2000,
-    speed = 1 / 10
+    speed = 1 / 10,
+    initialValue = null
   } = _ref;
-  const [currentValue, setCurrentValue] = react.useState(desiredValue);
+  const [currentValue, setCurrentValue] = react.useState(initialValue !== null ? initialValue : desiredValue);
+  react.useEffect(() => {
+    if (initialValue !== null && !disabled) {
+      setCurrentValue(initialValue);
+    }
+  }, [initialValue, disabled]);
   react.useEffect(() => {
+    const finalCurrentValue = disabled ? desiredValue : currentValue;
     let animationFrame = null;
     let startTime = null;
     let duration = 0;
     let canceled = false;
-    const startValue = currentValue;
+    const startValue = finalCurrentValue;
     const delta = desiredValue - startValue;
     function loop() {
       if (canceled) {
@@ -47,6 +55,8 @@ function useCounter(desiredValue, _ref) {
       duration = Math.min(maxDuration, Math.abs(delta) * speed * 1000);
       startTime = Date.now();
       animationFrame = raf__default["default"](loop);
+    } else if (disabled) {
+      setCurrentValue(desiredValue);
     }
     return () => {
       canceled = true;
@@ -54,7 +64,7 @@ function useCounter(desiredValue, _ref) {
         raf__default["default"].cancel(animationFrame);
       }
     };
-  }, [desiredValue]);
+  }, [desiredValue, disabled, initialValue, maxDuration, speed]);
   return currentValue;
 }
 
@@ -1535,6 +1545,9 @@ function useYouTubePlayer(id) {
           });
         }
         debug('onReady [ID: %s]', videoId);
+        if (muted) {
+          player.mute();
+        }
       };
       const onStateChange = _ref2 => {
         let {
@@ -1660,13 +1673,11 @@ function useVideoPlayer(params) {
       customOnPlay();
     }
   }, [playing /* , customOnPlay */]);
-
   react.useEffect(() => {
     if (paused && customOnPause !== null) {
       customOnPause();
     }
   }, [paused /* , customOnPause */]);
-
   react.useEffect(() => {
     if (buffering && customOnBufferStart !== null) {
       customOnBufferStart();
@@ -1674,13 +1685,11 @@ function useVideoPlayer(params) {
       customOnBufferEnded();
     }
   }, [buffering /* , customOnBufferStart, customOnBufferEnded */]);
-
   react.useEffect(() => {
     if (ended && customOnEnd !== null) {
       customOnEnd();
     }
   }, [ended /* , customOnEnd */]);
-
   react.useEffect(() => {
     const hasMetadata = metaWidth !== null || metaHeight !== null || metaDuration !== null;
     if (hasMetadata && customOnMetadataChange !== null) {

package/dist/es.js

@@ -8,16 +8,24 @@ import isNumber from 'lodash/isNumber';
 
 function useCounter(desiredValue, _ref) {
   let {
+    disabled = false,
     maxDuration = 2000,
-    speed = 1 / 10
+    speed = 1 / 10,
+    initialValue = null
   } = _ref;
-  const [currentValue, setCurrentValue] = useState(desiredValue);
+  const [currentValue, setCurrentValue] = useState(initialValue !== null ? initialValue : desiredValue);
+  useEffect(() => {
+    if (initialValue !== null && !disabled) {
+      setCurrentValue(initialValue);
+    }
+  }, [initialValue, disabled]);
   useEffect(() => {
+    const finalCurrentValue = disabled ? desiredValue : currentValue;
     let animationFrame = null;
     let startTime = null;
     let duration = 0;
     let canceled = false;
-    const startValue = currentValue;
+    const startValue = finalCurrentValue;
     const delta = desiredValue - startValue;
     function loop() {
       if (canceled) {
@@ -36,6 +44,8 @@ function useCounter(desiredValue, _ref) {
       duration = Math.min(maxDuration, Math.abs(delta) * speed * 1000);
       startTime = Date.now();
       animationFrame = raf(loop);
+    } else if (disabled) {
+      setCurrentValue(desiredValue);
     }
     return () => {
       canceled = true;
@@ -43,7 +53,7 @@ function useCounter(desiredValue, _ref) {
         raf.cancel(animationFrame);
       }
     };
-  }, [desiredValue]);
+  }, [desiredValue, disabled, initialValue, maxDuration, speed]);
   return currentValue;
 }
 
@@ -1524,6 +1534,9 @@ function useYouTubePlayer(id) {
           });
         }
         debug('onReady [ID: %s]', videoId);
+        if (muted) {
+          player.mute();
+        }
       };
       const onStateChange = _ref2 => {
         let {
@@ -1649,13 +1662,11 @@ function useVideoPlayer(params) {
       customOnPlay();
     }
   }, [playing /* , customOnPlay */]);
-
   useEffect(() => {
     if (paused && customOnPause !== null) {
       customOnPause();
     }
   }, [paused /* , customOnPause */]);
-
   useEffect(() => {
     if (buffering && customOnBufferStart !== null) {
       customOnBufferStart();
@@ -1663,13 +1674,11 @@ function useVideoPlayer(params) {
       customOnBufferEnded();
     }
   }, [buffering /* , customOnBufferStart, customOnBufferEnded */]);
-
   useEffect(() => {
     if (ended && customOnEnd !== null) {
       customOnEnd();
     }
   }, [ended /* , customOnEnd */]);
-
   useEffect(() => {
     const hasMetadata = metaWidth !== null || metaHeight !== null || metaDuration !== null;
     if (hasMetadata && customOnMetadataChange !== null) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@folklore/hooks",
-    "version": "0.0.40",
+    "version": "0.0.42",
     "description": "React hooks",
     "keywords": [
         "javascript",
@@ -49,7 +49,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "cdf211231eecfb77f442f81af2b300c7dd78b6d7",
+    "gitHead": "e1d76c01312a1d1556483e08d171f595a89016e4",
     "dependencies": {
         "@folklore/events": "^0.0.5",
         "@folklore/services": "^0.1.38",