@folklore/hooks 0.0.41 → 0.0.43

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;
 }
 
@@ -1663,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();
@@ -1677,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) {
@@ -1711,17 +1717,19 @@ function useWindowSize() {
     const newSize = getWindowSize();
     if (currentSize.width !== newSize.width || currentSize.height !== newSize.height) {
       currentSize = newSize;
+    }
+    if (size.width !== newSize.width || size.height !== newSize.height) {
       setSize(newSize);
       return newSize;
     }
     return null;
-  }, [setSize]);
+  }, [size, setSize]);
   const onResize = react.useCallback(() => {
     const newSize = updateSize();
     if (newSize !== null && onChange !== null) {
       onChange(newSize);
     }
-  }, [onChange]);
+  }, [onChange, updateSize]);
   useWindowEvent('resize', onResize);
   react.useEffect(() => {
     onResize();

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;
 }
 
@@ -1652,13 +1662,11 @@ function useVideoPlayer(params) {
       customOnPlay();
     }
   }, [playing /* , customOnPlay */]);
-
   useEffect(() => {
     if (paused && customOnPause !== null) {
       customOnPause();
     }
   }, [paused /* , customOnPause */]);
-
   useEffect(() => {
     if (buffering && customOnBufferStart !== null) {
       customOnBufferStart();
@@ -1666,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) {
@@ -1700,17 +1706,19 @@ function useWindowSize() {
     const newSize = getWindowSize();
     if (currentSize.width !== newSize.width || currentSize.height !== newSize.height) {
       currentSize = newSize;
+    }
+    if (size.width !== newSize.width || size.height !== newSize.height) {
       setSize(newSize);
       return newSize;
     }
     return null;
-  }, [setSize]);
+  }, [size, setSize]);
   const onResize = useCallback(() => {
     const newSize = updateSize();
     if (newSize !== null && onChange !== null) {
       onChange(newSize);
     }
-  }, [onChange]);
+  }, [onChange, updateSize]);
   useWindowEvent('resize', onResize);
   useEffect(() => {
     onResize();

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@folklore/hooks",
-    "version": "0.0.41",
+    "version": "0.0.43",
     "description": "React hooks",
     "keywords": [
         "javascript",
@@ -49,7 +49,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "4b648e2f55b26852ed2edd73acabae9402594fc2",
+    "gitHead": "72c8c36208e3f4adb397321866cf9a8e606cf130",
     "dependencies": {
         "@folklore/events": "^0.0.5",
         "@folklore/services": "^0.1.38",