@invisionag/iris-react-accordion - npm Package Compare versions

Comparing version 1.2.1 to 1.2.2

index.js

@@ -20,3 +20,3 @@ // @flow
   startOpen: boolean,
-  onToggle?: boolean => any,
+  onToggle: boolean => any,
   headerRenderer?: (open: boolean, heading: Jsx) => Jsx,
@@ -32,2 +32,3 @@ headingOpen?: Jsx,
   heading: Jsx,
+  onToggle: () => any,
 };
@@ -42,2 +43,3 @@
   ref: HTMLElement;
+  timer: number;
 
@@ -47,2 +49,3 @@ static defaultProps = {
     heading: 'Click to toggle',
+    onToggle: () => {},
   };
@@ -60,4 +63,16 @@
 
+  componentWillUnmount() {
+    clearTimeout(this.timer);
+  }
+
+  unsetTransitioningState = () => {
+    this.setState(prevState => ({
+      ...prevState,
+      transitioning: false,
+    }));
+  };
+
   toggleAccordion = (open: boolean) => {
-    if (typeof this.props.onToggle === 'function') this.props.onToggle(open);
+    this.props.onToggle(open);
+
     this.setState(prevState => ({
@@ -68,8 +83,5 @@ ...prevState,
     }));
-    setTimeout(
-      () =>
-        this.setState(prevState => ({
-          ...prevState,
-          transitioning: false,
-        })),
+
+    this.timer = setTimeout(
+      this.unsetTransitioningState,
       parseInt(open ? animationDuration : 0, 10),
@@ -76,0 +88,0 @@ );

package.json

 {
   "name": "@invisionag/iris-react-accordion",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "main": "index.js",
@@ -5,0 +5,0 @@ "repository": "[e-mail]:ivx/iris.git",

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Lines of code

267

increased by3.09%

Worsened metrics

Total package byte prevSize

11185

decreased by-37.94%

Number of package files

7

decreased by-12.5%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes