leandrowd#148 Autoplay and stop on hover causes a warning.

- Added a mouse entered state so we know when not to activate the auto play feature.

Author: Alex Buis

src/components/Carousel.js

@@ -68,7 +68,8 @@ class Carousel extends Component {
         this.state = {
             initialized: false,
             selectedItem: props.selectedItem,
-            hasMount: false
+            hasMount: false,
+            isMouseEntered: false
         };
     }
 
@@ -138,7 +139,7 @@ class Carousel extends Component {
 
         if (this.props.stopOnHover && carouselWrapper) {
             carouselWrapper.addEventListener('mouseenter', this.stopOnHover);
-            carouselWrapper.addEventListener('mouseleave', this.autoPlay);
+            carouselWrapper.addEventListener('mouseleave', this.startOnLeave);
         }
     }
 
@@ -148,7 +149,7 @@ class Carousel extends Component {
 
         if (this.props.stopOnHover && carouselWrapper) {
             carouselWrapper.removeEventListener('mouseenter', this.stopOnHover);
-            carouselWrapper.removeEventListener('mouseleave', this.autoPlay);
+            carouselWrapper.removeEventListener('mouseleave', this.startOnLeave);
         }
     }
 
@@ -203,9 +204,15 @@ class Carousel extends Component {
     }
 
     stopOnHover = () => {
+        this.setState({isMouseEntered: true});
         this.clearAutoPlay();
     }
 
+    startOnLeave = () => {
+        this.setState({isMouseEntered: false});
+        this.autoPlay();
+    }
+
     navigateWithKeyboard = (e) => {
         const { axis } = this.props;
         const isHorizontal = axis === 'horizontal';
@@ -367,7 +374,7 @@ class Carousel extends Component {
 
         // don't reset auto play when stop on hover is enabled, doing so will trigger a call to auto play more than once
         // and will result in the interval function not being cleared correctly.
-        if (!this.props.stopOnHover && this.props.autoPlay) {
+        if (this.props.autoPlay && this.state.isMouseEntered === false) {
             this.resetAutoPlay();
         }
     }