fix: rename "mouseEnter" to "mouseOver"

The "mouseEnter" event in browsers does not bubble, while "mouseOver" does.

Author: aleclarson

Libraries/Components/Touchable/TouchableOpacity.js

@@ -259,7 +259,7 @@ var TouchableOpacity = createReactClass({
         onResponderMove={this.touchableHandleResponderMove}
         onResponderRelease={this.touchableHandleResponderRelease}
         onResponderTerminate={this.touchableHandleResponderTerminate}
-        onMouseEnter={this.props.onMouseEnter}
+        onMouseOver={this.props.onMouseOver}
         onMouseLeave={this.props.onMouseLeave}
         onContextMenuItemClick={this.props.onContextMenuItemClick}
         contextMenu={this.props.contextMenu}>

Libraries/Components/Touchable/TouchableWithoutFeedback.js

@@ -110,7 +110,7 @@ const TouchableWithoutFeedback = createReactClass({
      * views.
      */
     hitSlop: EdgeInsetsPropType,
-    onMouseEnter: PropTypes.func,
+    onMouseOver: PropTypes.func,
     onMouseLeave: PropTypes.func,
     onContextMenuItemClick: PropTypes.func,
     contextMenu: PropTypes.array,
@@ -213,7 +213,7 @@ const TouchableWithoutFeedback = createReactClass({
       onResponderMove: this.touchableHandleResponderMove,
       onResponderRelease: this.touchableHandleResponderRelease,
       onResponderTerminate: this.touchableHandleResponderTerminate,
-      onMouseEnter: this.props.onMouseEnter,
+      onMouseOver: this.props.onMouseOver,
       onMouseLeave: this.props.onMouseLeave,
       onContextMenuItemClick: this.props.onContextMenuItemClick,
       contextMenu: this.props.contextMenu,

Libraries/Components/Touchable/__tests__/__snapshots__/TouchableHighlight-test.js.snap

@@ -11,7 +11,7 @@ exports[`TouchableHighlight renders correctly 1`] = `
   isTVSelectable={true}
   nativeID={undefined}
   onLayout={undefined}
-  onMouseEnter={undefined}
+  onMouseOver={undefined}
   onMouseLeave={undefined}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}

Libraries/Components/View/ReactNativeViewAttributes.js

@@ -30,7 +30,7 @@ ReactNativeViewAttributes.UIView = {
   renderToHardwareTextureAndroid: true,
   shouldRasterizeIOS: true,
   onLayout: true,
-  onMouseEnter: true,
+  onMouseOver: true,
   onMouseLeave: true,
   onAccessibilityTap: true,
   onMagicTap: true,

Libraries/Components/View/ViewPropTypes.js

@@ -433,7 +433,7 @@ module.exports = {
    * Desktop specific events
    * @platform macos
    */
-  onMouseEnter: PropTypes.func,
+  onMouseOver: PropTypes.func,
   onMouseLeave: PropTypes.func,
   onDragEnter: PropTypes.func,
   onDragLeave: PropTypes.func,

RNTester/js/DragnDropExample.macos.js

@@ -41,7 +41,7 @@ class DragExample extends React.Component {
             this.state.mouseOver ? 'orange' : 'white',
           padding: 40, alignItems: 'center'}}
         draggedTypes={['NSFilenamesPboardType']}
-        onMouseEnter={() => this.setState({mouseOver: true})}
+        onMouseOver={() => this.setState({mouseOver: true})}
         onMouseLeave={() => this.setState({mouseOver: false})}
         onDragEnter={() => this.setState({dragOver: true})}
         onDragLeave={() => this.setState({dragOver: false})}

React/Base/RCTTouchHandler.m

@@ -47,7 +47,7 @@ @implementation RCTTouchHandler
   CFTimeInterval _mostRecentEnqueueJS;
 
   /*
-   * Storing tag to dispatch mouseEnter and mouseLeave events
+   * Storing tag to dispatch mouseOver and mouseLeave events
    */
   NSNumber *_currentMouseOverTag;
 }
@@ -338,11 +338,11 @@ - (void)mouseMoved:(NSEvent *)event
     [_bridge enqueueJSCall:@"RCTEventEmitter.receiveEvent"
                       args:@[_currentMouseOverTag, @"topMouseLeave"]];
     [_bridge enqueueJSCall:@"RCTEventEmitter.receiveEvent"
-                      args:@[reactTag, @"topMouseEnter"]];
+                      args:@[reactTag, @"topMouseOver"]];
     _currentMouseOverTag = reactTag;
   } else if (_currentMouseOverTag == 0) {
     [_bridge enqueueJSCall:@"RCTEventEmitter.receiveEvent"
-                      args:@[reactTag, @"topMouseEnter"]];
+                      args:@[reactTag, @"topMouseOver"]];
     _currentMouseOverTag = reactTag;
   }
 }

React/Views/RCTViewManager.m

@@ -73,7 +73,7 @@ - (RCTShadowView *)shadowView
     @"touchEnd",
 
     // Mouse events
-    @"mouseEnter",
+    @"mouseOver",
     @"mouseLeave",
   ];
 }