fix: rename "mouseLeave" to "mouseOut"

The "mouseLeave" event in browsers does not bubble, while "mouseOut" does.

Author: aleclarson

Libraries/Components/Touchable/TouchableOpacity.js

@@ -260,7 +260,7 @@ var TouchableOpacity = createReactClass({
         onResponderRelease={this.touchableHandleResponderRelease}
         onResponderTerminate={this.touchableHandleResponderTerminate}
         onMouseOver={this.props.onMouseOver}
-        onMouseLeave={this.props.onMouseLeave}
+        onMouseOut={this.props.onMouseOut}
         onContextMenuItemClick={this.props.onContextMenuItemClick}
         contextMenu={this.props.contextMenu}>
         {this.props.children}

Libraries/Components/Touchable/TouchableWithoutFeedback.js

@@ -111,7 +111,7 @@ const TouchableWithoutFeedback = createReactClass({
      */
     hitSlop: EdgeInsetsPropType,
     onMouseOver: PropTypes.func,
-    onMouseLeave: PropTypes.func,
+    onMouseOut: PropTypes.func,
     onContextMenuItemClick: PropTypes.func,
     contextMenu: PropTypes.array,
   },
@@ -214,7 +214,7 @@ const TouchableWithoutFeedback = createReactClass({
       onResponderRelease: this.touchableHandleResponderRelease,
       onResponderTerminate: this.touchableHandleResponderTerminate,
       onMouseOver: this.props.onMouseOver,
-      onMouseLeave: this.props.onMouseLeave,
+      onMouseOut: this.props.onMouseOut,
       onContextMenuItemClick: this.props.onContextMenuItemClick,
       contextMenu: this.props.contextMenu,
       style,

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

@@ -12,7 +12,7 @@ exports[`TouchableHighlight renders correctly 1`] = `
   nativeID={undefined}
   onLayout={undefined}
   onMouseOver={undefined}
-  onMouseLeave={undefined}
+  onMouseOut={undefined}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}
   onResponderRelease={[Function]}

Libraries/Components/View/ReactNativeViewAttributes.js

@@ -31,7 +31,7 @@ ReactNativeViewAttributes.UIView = {
   shouldRasterizeIOS: true,
   onLayout: true,
   onMouseOver: true,
-  onMouseLeave: true,
+  onMouseOut: true,
   onAccessibilityTap: true,
   onMagicTap: true,
   collapsable: true,

Libraries/Components/View/ViewPropTypes.js

@@ -434,7 +434,7 @@ module.exports = {
    * @platform macos
    */
   onMouseOver: PropTypes.func,
-  onMouseLeave: PropTypes.func,
+  onMouseOut: PropTypes.func,
   onDragEnter: PropTypes.func,
   onDragLeave: PropTypes.func,
   onDrop: PropTypes.func,

React/Base/RCTTouchHandler.m

@@ -47,7 +47,7 @@ @implementation RCTTouchHandler
   CFTimeInterval _mostRecentEnqueueJS;
 
   /*
-   * Storing tag to dispatch mouseOver and mouseLeave events
+   * Storing tag to dispatch mouseOver and mouseOut events
    */
   NSNumber *_currentMouseOverTag;
 }
@@ -336,7 +336,7 @@ - (void)mouseMoved:(NSEvent *)event
   }
   if (_currentMouseOverTag != reactTag && _currentMouseOverTag.intValue > 0) {
     [_bridge enqueueJSCall:@"RCTEventEmitter.receiveEvent"
-                      args:@[_currentMouseOverTag, @"topMouseLeave"]];
+                      args:@[_currentMouseOverTag, @"topMouseOut"]];
     [_bridge enqueueJSCall:@"RCTEventEmitter.receiveEvent"
                       args:@[reactTag, @"topMouseOver"]];
     _currentMouseOverTag = reactTag;

React/Views/RCTViewManager.m

@@ -74,7 +74,7 @@ - (RCTShadowView *)shadowView
 
     // Mouse events
     @"mouseOver",
-    @"mouseLeave",
+    @"mouseOut",
   ];
 }