Add mouse hover events to TouchableWithoutFeedback

Author: ptmt

Examples/UIExplorer/TouchableExample.js

@@ -131,8 +131,8 @@ var TextOnPressBox = React.createClass({
 var Hoverable = React.createClass({
   render: function() {
     return (
-      <View onMouseEnter={() => console.log('asdf')} style={{backgroundColor: 'black'}}>
-        <Text>Hover this</Text>
+      <View style={{backgroundColor: 'black'}}>
+        <Text>TODO: Hover this</Text>
       </View>
     );
   }

Examples/UIExplorer/UIExplorerApp.osx.js

@@ -34,8 +34,10 @@ class UIExplorerApp extends React.Component {
 
   constructor() {
     super();
+    var UIExplorerListBase = require('./UIExplorerListBase');
+    var BorderExample = require('./BorderExample');
     this.state = {
-      component: Welcome,
+      component: UIExplorerListBase.makeRenderable(BorderExample),
       layout: defaultLayout
     };
   }

Libraries/Components/Touchable/TouchableWithoutFeedback.js

@@ -135,7 +135,9 @@ var TouchableWithoutFeedback = React.createClass({
       onResponderGrant: this.touchableHandleResponderGrant,
       onResponderMove: this.touchableHandleResponderMove,
       onResponderRelease: this.touchableHandleResponderRelease,
-      onResponderTerminate: this.touchableHandleResponderTerminate
+      onResponderTerminate: this.touchableHandleResponderTerminate,
+      onMouseEnter: this.props.onMouseEnter,
+      onMouseLeave: this.props.onMouseLeave,
     });
   }
 });

Libraries/react-native/react-native.js

@@ -33,9 +33,8 @@ var ReactNative = Object.assign(Object.create(require('React')), {
   Text: require('Text'),
   TextInput: require('TextInput'),
   TouchableHighlight: require('TouchableHighlight'),
-  // TouchableNativeFeedback: require('TouchableNativeFeedback'),
   TouchableOpacity: require('TouchableOpacity'),
-  // TouchableWithoutFeedback: require('TouchableWithoutFeedback'),
+  TouchableWithoutFeedback: require('TouchableWithoutFeedback'),
   View: require('View'),
   WebView: require('WebView'),