v14.1.1: fix animate false

Author: 10xSebastian

dist/esm/index.js

@@ -95,17 +95,17 @@ class Dialog extends React.Component {
   }
 
   componentDidMount() {
-    this.setState({ open: false }, () => {
-      if(this.props.animate === false) {
-        this.setState({ open: true });
-      } else {
-        // make sure state is false first before opening the dialog
-        // to ensure opening is animated
+    if(this.props.animate === false) {
+      this.setState({ open: true });
+    } else {
+      // make sure state is false first before opening the dialog
+      // to ensure opening is animated
+      this.setState({ open: false }, () => {
         setTimeout(() => {
           this.setState({ open: true });
         }, 10);
-      }
-    });
+      });
+    }
     this.props.document.addEventListener('keydown', this.handler, true);
   }
 

dist/umd/index.js

@@ -103,17 +103,17 @@
     }
 
     componentDidMount() {
-      this.setState({ open: false }, () => {
-        if(this.props.animate === false) {
-          this.setState({ open: true });
-        } else {
-          // make sure state is false first before opening the dialog
-          // to ensure opening is animated
+      if(this.props.animate === false) {
+        this.setState({ open: true });
+      } else {
+        // make sure state is false first before opening the dialog
+        // to ensure opening is animated
+        this.setState({ open: false }, () => {
           setTimeout(() => {
             this.setState({ open: true });
           }, 10);
-        }
-      });
+        });
+      }
       this.props.document.addEventListener('keydown', this.handler, true);
     }
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@depay/react-dialog",
   "moduleName": "ReactDialog",
-  "version": "14.1.0",
+  "version": "14.1.1",
   "description": "A basic dialog component for react.",
   "main": "./dist/umd/index.js",
   "module": "./dist/esm/index.js",

src/components/Dialog.jsx

@@ -34,17 +34,17 @@ class Dialog extends React.Component {
   }
 
   componentDidMount() {
-    this.setState({ open: false }, () => {
-      if(this.props.animate === false) {
-        this.setState({ open: true })
-      } else {
-        // make sure state is false first before opening the dialog
-        // to ensure opening is animated
+    if (this.props.animate === false) {
+      this.setState({ open: true })
+    } else {
+      // make sure state is false first before opening the dialog
+      // to ensure opening is animated
+      this.setState({ open: false }, () => {
         setTimeout(() => {
           this.setState({ open: true })
         }, 10)
-      }
-    })
+      })
+    }
     this.props.document.addEventListener('keydown', this.handler, true)
   }
 

tmp/index.dev.js

@@ -105,17 +105,17 @@
     }
 
     componentDidMount() {
-      this.setState({ open: false }, () => {
-        if(this.props.animate === false) {
-          this.setState({ open: true });
-        } else {
-          // make sure state is false first before opening the dialog
-          // to ensure opening is animated
+      if(this.props.animate === false) {
+        this.setState({ open: true });
+      } else {
+        // make sure state is false first before opening the dialog
+        // to ensure opening is animated
+        this.setState({ open: false }, () => {
           setTimeout(() => {
             this.setState({ open: true });
           }, 10);
-        }
-      });
+        });
+      }
       this.props.document.addEventListener('keydown', this.handler, true);
     }