react-simple-animate - npm Package Compare versions

Comparing version 3.5.1 to 3.5.2

dist/index.es.js

@@ -240,3 +240,3 @@ import * as React from 'react';
     React.useEffect(() => {
-        if ((onCompleteTimeRef.current || complete) && isPlaying) {
+        if ((onComplete || complete) && isPlaying) {
             onCompleteTimeRef.current = setTimeout(() => {
@@ -247,6 +247,6 @@ if (onComplete) {
                 if (complete) {
-                    setAnimate({
+                    setAnimate((animate) => ({
                         ...animate,
                         style: complete,
-                    });
+                    }));
                 }
@@ -256,3 +256,3 @@ }, secToMs(delay + duration));
         return () => onCompleteTimeRef.current && clearTimeout(onCompleteTimeRef.current);
-    }, [isPlaying]);
+    }, [animate, complete, delay, duration, isPlaying, onComplete]);
     return {
@@ -262,3 +262,3 @@ isPlaying,
         play: React.useCallback((isPlaying) => {
-            setAnimate({
+            setAnimate((animate) => ({
                 ...animate,
@@ -270,4 +270,4 @@ style: {
                 isPlaying,
-            });
-        }, []),
+            }));
+        }, [end, start, transition]),
     };
@@ -274,0 +274,0 @@ }

dist/index.js

@@ -264,3 +264,3 @@ 'use strict';
     React__namespace.useEffect(() => {
-        if ((onCompleteTimeRef.current || complete) && isPlaying) {
+        if ((onComplete || complete) && isPlaying) {
             onCompleteTimeRef.current = setTimeout(() => {
@@ -271,6 +271,6 @@ if (onComplete) {
                 if (complete) {
-                    setAnimate({
+                    setAnimate((animate) => ({
                         ...animate,
                         style: complete,
-                    });
+                    }));
                 }
@@ -280,3 +280,3 @@ }, secToMs(delay + duration));
         return () => onCompleteTimeRef.current && clearTimeout(onCompleteTimeRef.current);
-    }, [isPlaying]);
+    }, [animate, complete, delay, duration, isPlaying, onComplete]);
     return {
@@ -286,3 +286,3 @@ isPlaying,
         play: React__namespace.useCallback((isPlaying) => {
-            setAnimate({
+            setAnimate((animate) => ({
                 ...animate,
@@ -294,4 +294,4 @@ style: {
                 isPlaying,
-            });
-        }, []),
+            }));
+        }, [end, start, transition]),
     };
@@ -298,0 +298,0 @@ }

package.json

 {
   "name": "react-simple-animate",
-  "version": "3.5.1",
+  "version": "3.5.2",
   "description": "react simple animate",
@@ -38,3 +38,3 @@ "main": "dist/index.js",
     "@types/enzyme-adapter-react-16": "^1.0.6",
-    "@types/jest": "^25.2.3",
+    "@types/jest": "^26.0.1",
     "@types/react": "^16.9.35",
@@ -41,0 +41,0 @@ "@types/react-test-renderer": "^16.9.2",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

57263

decreased by-54.98%

Number of package files

40

decreased by-63.3%

Lines of code

944

decreased by-45.81%

No dependency changes