Upgrading to react-native 0.58.6 (#571)

* Changes to work with react-native 0.58.6

Author: vkjr

Examples/Button/ButtonApp.js

@@ -8,6 +8,14 @@ import {
   Text
 } from 'react-native';
 
+import MessageQueue from 'react-native/Libraries/BatchedBridge/MessageQueue.js';
+
+const spyFunction = (msg) => {
+  console.log(msg);
+};
+
+MessageQueue.spy(spyFunction);
+
 
 export default class ButtonReactNative extends Component {
 

Libraries/Components/Button.desktop-qt.js

@@ -10,10 +10,8 @@
 
 'use strict';
 
-const ColorPropType = require('ColorPropType');
 const Platform = require('Platform');
 const React = require('React');
-const PropTypes = require('prop-types');
 const StyleSheet = require('StyleSheet');
 const Text = require('Text');
 const TouchableNativeFeedback = require('TouchableNativeFeedback');
@@ -22,6 +20,45 @@ const View = require('View');
 
 const invariant = require('fbjs/lib/invariant');
 
+import type {PressEvent} from 'CoreEventTypes';
+
+type ButtonProps = $ReadOnly<{|
+  /**
+   * Text to display inside the button
+   */
+  title: string,
+
+  /**
+   * Handler to be called when the user taps the button
+   */
+  onPress: (event?: PressEvent) => mixed,
+
+  /**
+   * Color of the text (iOS), or background color of the button (Android)
+   */
+  color?: ?string,
+
+  /**
+   * TV preferred focus (see documentation for the View component).
+   */
+  hasTVPreferredFocus?: ?boolean,
+
+  /**
+   * Text to display for blindness accessibility features
+   */
+  accessibilityLabel?: ?string,
+
+  /**
+   * If true, disable all interactions for this component.
+   */
+  disabled?: ?boolean,
+
+  /**
+   * Used to locate this view in end-to-end tests.
+   */
+  testID?: ?string,
+|}>;
+
 /**
  * A basic button component that should render nicely on any platform. Supports
  * a minimal level of customization.
@@ -50,46 +87,7 @@ const invariant = require('fbjs/lib/invariant');
  *
  */
 
-class Button extends React.Component<{
-  title: string,
-  onPress: () => any,
-  color?: ?string,
-  hasTVPreferredFocus?: ?boolean,
-  accessibilityLabel?: ?string,
-  disabled?: ?boolean,
-  testID?: ?string,
-}> {
-  static propTypes = {
-    /**
-     * Text to display inside the button
-     */
-    title: PropTypes.string.isRequired,
-    /**
-     * Text to display for blindness accessibility features
-     */
-    accessibilityLabel: PropTypes.string,
-    /**
-     * Color of the text (iOS), or background color of the button (Android)
-     */
-    color: ColorPropType,
-    /**
-     * If true, disable all interactions for this component.
-     */
-    disabled: PropTypes.bool,
-    /**
-     * TV preferred focus (see documentation for the View component).
-     */
-    hasTVPreferredFocus: PropTypes.bool,
-    /**
-     * Handler to be called when the user taps the button
-     */
-    onPress: PropTypes.func.isRequired,
-    /**
-     * Used to locate this view in end-to-end tests.
-     */
-    testID: PropTypes.string,
-  };
-
+class Button extends React.Component<ButtonProps> {
   render() {
     const {
       accessibilityLabel,
@@ -152,26 +150,28 @@ const styles = StyleSheet.create({
       borderRadius: 2,
     },
   }),
-  text: Platform.select({
-    ios: {
-      // iOS blue from https://developer.apple.com/ios/human-interface-guidelines/visual-design/color/
-      color: '#007AFF',
-      textAlign: 'center',
-      padding: 8,
-      fontSize: 18,
-    },
-    android: {
-      color: 'white',
-      textAlign: 'center',
-      padding: 8,
-      fontWeight: '500',
+  text: {
+    ...Platform.select({
+      ios: {
+        // iOS blue from https://developer.apple.com/ios/human-interface-guidelines/visual-design/color/
+        color: '#007AFF',
+        textAlign: 'center',
+        padding: 8,
+        fontSize: 18,
+      },
+      android: {
+        color: 'white',
+        textAlign: 'center',
+        padding: 8,
+        fontWeight: '500',
+      },
+      desktop: {
+        color: '#007AFF',
+        textAlign: 'center',
+        fontSize: 14,
     },
-    desktop: {
-      color: '#007AFF',
-      textAlign: 'center',
-      fontSize: 14,
-    },
-  }),
+    }),
+  },
   buttonDisabled: Platform.select({
     ios: {},
     android: {

Libraries/Components/NativeButton.desktop-qt.js

@@ -10,7 +10,7 @@
  */
 'use strict';
 
-const ColorPropType = require('ColorPropType');
+const ColorPropType = require('DeprecatedColorPropType');
 const NativeMethodsMixin = require('NativeMethodsMixin');
 const Platform = require('Platform');
 const React = require('React');