Deprecate View prop-type definitions

Summary: This diff moves the prop-type definitions for View out into it's own file. We will be able to do this with a bunch of the prop-type definitions and then move them out into a deprecated npm package.

Reviewed By: yungsters

Differential Revision: D9444394

fbshipit-source-id: 4fd0a78533211b598ba2da4eb5015ffcc20bb675

Libraries/Components/CheckBox/CheckBox.android.js

@@ -9,11 +9,11 @@
  */
 'use strict';
 
+const DeprecatedViewPropTypes = require('DeprecatedViewPropTypes');
 const NativeMethodsMixin = require('NativeMethodsMixin');
 const PropTypes = require('prop-types');
 const React = require('React');
 const StyleSheet = require('StyleSheet');
-const ViewPropTypes = require('ViewPropTypes');
 
 const createReactClass = require('create-react-class');
 const requireNativeComponent = require('requireNativeComponent');
@@ -83,7 +83,7 @@ type DefaultProps = {
 let CheckBox = createReactClass({
   displayName: 'CheckBox',
   propTypes: {
-    ...ViewPropTypes,
+    ...DeprecatedViewPropTypes,
     /**
      * The value of the checkbox.  If true the checkbox will be turned on.
      * Default value is false.

Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.android.js

@@ -10,16 +10,16 @@
 'use strict';
 
 const ColorPropType = require('ColorPropType');
+const DeprecatedViewPropTypes = require('DeprecatedViewPropTypes');
 const NativeMethodsMixin = require('NativeMethodsMixin');
 const Platform = require('Platform');
-const React = require('React');
 const PropTypes = require('prop-types');
+const React = require('React');
 const ReactNative = require('ReactNative');
 const StatusBar = require('StatusBar');
 const StyleSheet = require('StyleSheet');
 const UIManager = require('UIManager');
 const View = require('View');
-const ViewPropTypes = require('ViewPropTypes');
 
 const DrawerConsts = UIManager.AndroidDrawerLayout.Constants;
 
@@ -70,7 +70,7 @@ const DrawerLayoutAndroid = createReactClass({
   },
 
   propTypes: {
-    ...ViewPropTypes,
+    ...DeprecatedViewPropTypes,
     /**
      * Determines whether the keyboard gets dismissed in response to a drag.
      *   - 'none' (the default), drags do not dismiss the keyboard.

Libraries/Components/MaskedView/MaskedViewIOS.ios.js

@@ -8,11 +8,12 @@
  * @flow
  */
 
+const DeprecatedViewPropTypes = require('DeprecatedViewPropTypes');
 const PropTypes = require('prop-types');
 const React = require('React');
 const StyleSheet = require('StyleSheet');
 const View = require('View');
-const ViewPropTypes = require('ViewPropTypes');
+
 const requireNativeComponent = require('requireNativeComponent');
 
 import type {ViewProps} from 'ViewPropTypes';
@@ -68,7 +69,7 @@ type Props = {
  */
 class MaskedViewIOS extends React.Component<Props> {
   static propTypes = {
-    ...ViewPropTypes,
+    ...DeprecatedViewPropTypes,
     maskElement: PropTypes.element.isRequired,
   };
 

Libraries/Components/Navigation/NavigatorIOS.ios.js

@@ -20,7 +20,7 @@ const StaticContainer = require('StaticContainer.react');
 const StyleSheet = require('StyleSheet');
 const TVEventHandler = require('TVEventHandler');
 const View = require('View');
-const ViewPropTypes = require('ViewPropTypes');
+const DeprecatedViewPropTypes = require('DeprecatedViewPropTypes');
 
 const createReactClass = require('create-react-class');
 const invariant = require('fbjs/lib/invariant');
@@ -405,7 +405,7 @@ const NavigatorIOS = createReactClass({
       /**
        * Styles for the navigation item containing the component.
        */
-      wrapperStyle: ViewPropTypes.style,
+      wrapperStyle: DeprecatedViewPropTypes.style,
 
       /**
        * Boolean value that indicates whether the navigation bar is hidden.
@@ -463,7 +463,7 @@ const NavigatorIOS = createReactClass({
      * The default wrapper style for components in the navigator.
      * A common use case is to set the `backgroundColor` for every scene.
      */
-    itemWrapperStyle: ViewPropTypes.style,
+    itemWrapperStyle: DeprecatedViewPropTypes.style,
 
     /**
      * The default color used for the buttons in the navigation bar.

Libraries/Components/Picker/Picker.js

@@ -11,15 +11,15 @@
 'use strict';
 
 const ColorPropType = require('ColorPropType');
-const PickerIOS = require('PickerIOS');
+const DeprecatedViewPropTypes = require('DeprecatedViewPropTypes');
 const PickerAndroid = require('PickerAndroid');
+const PickerIOS = require('PickerIOS');
 const Platform = require('Platform');
-const React = require('React');
 const PropTypes = require('prop-types');
+const React = require('React');
 const StyleSheetPropType = require('StyleSheetPropType');
 const TextStylePropTypes = require('TextStylePropTypes');
 const UnimplementedView = require('UnimplementedView');
-const ViewPropTypes = require('ViewPropTypes');
 const ViewStylePropTypes = require('ViewStylePropTypes');
 
 const itemStylePropType = StyleSheetPropType(TextStylePropTypes);
@@ -106,7 +106,7 @@ class Picker extends React.Component<{
 
   // $FlowFixMe(>=0.41.0)
   static propTypes = {
-    ...ViewPropTypes,
+    ...DeprecatedViewPropTypes,
     style: pickerStyleType,
     /**
      * Value matching value of one of the items. Can be a string or an integer.

Libraries/Components/Picker/PickerAndroid.android.js

@@ -11,11 +11,11 @@
 'use strict';
 
 const ColorPropType = require('ColorPropType');
+const DeprecatedViewPropTypes = require('DeprecatedViewPropTypes');
 const React = require('React');
 const ReactPropTypes = require('prop-types');
 const StyleSheet = require('StyleSheet');
 const StyleSheetPropType = require('StyleSheetPropType');
-const ViewPropTypes = require('ViewPropTypes');
 const ViewStylePropTypes = require('ViewStylePropTypes');
 
 const processColor = require('processColor');
@@ -52,7 +52,7 @@ class PickerAndroid extends React.Component<
   /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found
    * when making Flow check .android.js files. */
   static propTypes = {
-    ...ViewPropTypes,
+    ...DeprecatedViewPropTypes,
     style: pickerStyleType,
     selectedValue: ReactPropTypes.any,
     enabled: ReactPropTypes.bool,

Libraries/Components/ProgressViewIOS/ProgressViewIOS.ios.js

@@ -10,13 +10,13 @@
 
 'use strict';
 
+const DeprecatedViewPropTypes = require('DeprecatedViewPropTypes');
 const Image = require('Image');
 const NativeMethodsMixin = require('NativeMethodsMixin');
+const PropTypes = require('prop-types');
 const React = require('React');
 const ReactNative = require('ReactNative');
-const PropTypes = require('prop-types');
 const StyleSheet = require('StyleSheet');
-const ViewPropTypes = require('ViewPropTypes');
 
 const createReactClass = require('create-react-class');
 const requireNativeComponent = require('requireNativeComponent');
@@ -45,7 +45,7 @@ const ProgressViewIOS = createReactClass({
   mixins: [NativeMethodsMixin],
 
   propTypes: {
-    ...ViewPropTypes,
+    ...DeprecatedViewPropTypes,
     /**
      * The progress bar style.
      */

Libraries/Components/SafeAreaView/SafeAreaView.ios.js

@@ -8,8 +8,9 @@
  * @format
  */
 
+const DeprecatedViewPropTypes = require('DeprecatedViewPropTypes');
 const React = require('React');
-const ViewPropTypes = require('ViewPropTypes');
+
 const requireNativeComponent = require('requireNativeComponent');
 
 import type {ViewProps} from 'ViewPropTypes';
@@ -28,7 +29,7 @@ type Props = ViewProps & {
  */
 class SafeAreaView extends React.Component<Props> {
   static propTypes = {
-    ...ViewPropTypes,
+    ...DeprecatedViewPropTypes,
   };
 
   render() {

Libraries/Components/SegmentedControlIOS/SegmentedControlIOS.ios.js

@@ -10,12 +10,12 @@
 
 'use strict';
 
+const DeprecatedViewPropTypes = require('DeprecatedViewPropTypes');
 const NativeMethodsMixin = require('NativeMethodsMixin');
+const PropTypes = require('prop-types');
 const React = require('React');
 const ReactNative = require('ReactNative');
-const PropTypes = require('prop-types');
 const StyleSheet = require('StyleSheet');
-const ViewPropTypes = require('ViewPropTypes');
 
 const createReactClass = require('create-react-class');
 const requireNativeComponent = require('requireNativeComponent');
@@ -69,7 +69,7 @@ const SegmentedControlIOS = createReactClass({
   mixins: [NativeMethodsMixin],
 
   propTypes: {
-    ...ViewPropTypes,
+    ...DeprecatedViewPropTypes,
     /**
      * The labels for the control's segment buttons, in order.
      */

Libraries/Components/TabBarIOS/TabBarIOS.ios.js

@@ -11,11 +11,11 @@
 'use strict';
 
 const ColorPropType = require('ColorPropType');
-const React = require('React');
+const DeprecatedViewPropTypes = require('DeprecatedViewPropTypes');
 const PropTypes = require('prop-types');
+const React = require('React');
 const StyleSheet = require('StyleSheet');
 const TabBarItemIOS = require('TabBarItemIOS');
-const ViewPropTypes = require('ViewPropTypes');
 
 const requireNativeComponent = require('requireNativeComponent');
 
@@ -41,8 +41,8 @@ class TabBarIOS extends React.Component<Props> {
   static Item = TabBarItemIOS;
 
   static propTypes = {
-    ...ViewPropTypes,
+    ...DeprecatedViewPropTypes,
-    style: ViewPropTypes.style,
+    style: DeprecatedViewPropTypes.style,
     /**
      * Color of text on unselected tabs
      */

Libraries/Components/TabBarIOS/TabBarItemIOS.ios.js

@@ -11,20 +11,19 @@
 'use strict';
 
 const ColorPropType = require('ColorPropType');
+const DeprecatedViewPropTypes = require('DeprecatedViewPropTypes');
 const Image = require('Image');
-const React = require('React');
 const PropTypes = require('prop-types');
+const React = require('React');
 const StaticContainer = require('StaticContainer.react');
 const StyleSheet = require('StyleSheet');
 const View = require('View');
 
-const ViewPropTypes = require('ViewPropTypes');
-
 const requireNativeComponent = require('requireNativeComponent');
 
 class TabBarItemIOS extends React.Component {
   static propTypes = {
-    ...ViewPropTypes,
+    ...DeprecatedViewPropTypes,
     /**
      * Little red bubble that sits at the top right of the icon.
      */
@@ -79,7 +78,7 @@ class TabBarItemIOS extends React.Component {
     /**
      * React style object.
      */
-    style: ViewPropTypes.style,
+    style: DeprecatedViewPropTypes.style,
     /**
      * Text that appears under the icon. It is ignored when a system icon
      * is defined.

Libraries/Components/TextInput/InputAccessoryView.js

@@ -10,9 +10,9 @@
 'use strict';
 
 const ColorPropType = require('ColorPropType');
+const DeprecatedViewPropTypes = require('DeprecatedViewPropTypes');
 const React = require('React');
 const StyleSheet = require('StyleSheet');
-const ViewPropTypes = require('ViewPropTypes');
 
 const requireNativeComponent = require('requireNativeComponent');
 
@@ -83,7 +83,7 @@ type Props = {
    * specified TextInput(s).
    */
   nativeID?: string,
-  style?: ViewPropTypes.style,
+  style?: DeprecatedViewPropTypes.style,
   backgroundColor?: ColorPropType,
 };
 

Libraries/Components/TextInput/TextInput.js

@@ -10,13 +10,13 @@
 'use strict';
 
 const ColorPropType = require('ColorPropType');
+const DeprecatedViewPropTypes = require('DeprecatedViewPropTypes');
 const DocumentSelectionState = require('DocumentSelectionState');
 const EventEmitter = require('EventEmitter');
 const NativeMethodsMixin = require('NativeMethodsMixin');
 const Platform = require('Platform');
-const React = require('React');
-const createReactClass = require('create-react-class');
 const PropTypes = require('prop-types');
+const React = require('React');
 const ReactNative = require('ReactNative');
 const StyleSheet = require('StyleSheet');
 const Text = require('Text');
@@ -25,15 +25,15 @@ const TextInputState = require('TextInputState');
 const TimerMixin = require('react-timer-mixin');
 const TouchableWithoutFeedback = require('TouchableWithoutFeedback');
 const UIManager = require('UIManager');
-const ViewPropTypes = require('ViewPropTypes');
 
+const createReactClass = require('create-react-class');
 const emptyFunction = require('fbjs/lib/emptyFunction');
 const invariant = require('fbjs/lib/invariant');
 const requireNativeComponent = require('requireNativeComponent');
 const warning = require('fbjs/lib/warning');
 
-import type {ColorValue} from 'StyleSheetTypes';
 import type {TextStyleProp, ViewStyleProp} from 'StyleSheet';
+import type {ColorValue} from 'StyleSheetTypes';
 import type {ViewProps} from 'ViewPropTypes';
 
 let AndroidTextInput;
@@ -332,7 +332,7 @@ const TextInput = createReactClass({
     },
   },
   propTypes: {
-    ...ViewPropTypes,
+    ...DeprecatedViewPropTypes,
     /**
      * Can tell `TextInput` to automatically capitalize certain characters.
      *

Libraries/Components/ToolbarAndroid/ToolbarAndroid.android.js

@@ -9,13 +9,13 @@
 
 'use strict';
 
+const ColorPropType = require('ColorPropType');
+const DeprecatedViewPropTypes = require('DeprecatedViewPropTypes');
 const Image = require('Image');
 const NativeMethodsMixin = require('NativeMethodsMixin');
-const React = require('React');
 const PropTypes = require('prop-types');
+const React = require('React');
 const UIManager = require('UIManager');
-const ViewPropTypes = require('ViewPropTypes');
-const ColorPropType = require('ColorPropType');
 
 const createReactClass = require('create-react-class');
 const requireNativeComponent = require('requireNativeComponent');
@@ -68,7 +68,7 @@ const ToolbarAndroid = createReactClass({
   mixins: [NativeMethodsMixin],
 
   propTypes: {
-    ...ViewPropTypes,
+    ...DeprecatedViewPropTypes,
     /**
      * Sets possible actions on the toolbar as part of the action menu. These are displayed as icons
      * or text on the right side of the widget. If they don't fit they are placed in an 'overflow'

Libraries/Components/Touchable/TouchableBounce.js

@@ -10,18 +10,19 @@
 'use strict';
 
 const Animated = require('Animated');
+const DeprecatedViewPropTypes = require('DeprecatedViewPropTypes');
 const EdgeInsetsPropType = require('EdgeInsetsPropType');
 const NativeMethodsMixin = require('NativeMethodsMixin');
-const React = require('React');
-const createReactClass = require('create-react-class');
 const PropTypes = require('prop-types');
+const React = require('React');
 const Touchable = require('Touchable');
 const TouchableWithoutFeedback = require('TouchableWithoutFeedback');
-const ViewPropTypes = require('ViewPropTypes');
+
+const createReactClass = require('create-react-class');
 
 import type {EdgeInsetsProp} from 'EdgeInsetsPropType';
-import type {Props as TouchableWithoutFeedbackProps} from 'TouchableWithoutFeedback';
 import type {ViewStyleProp} from 'StyleSheet';
+import type {Props as TouchableWithoutFeedbackProps} from 'TouchableWithoutFeedback';
 
 type Event = Object;
 
@@ -76,7 +77,7 @@ const TouchableBounce = ((createReactClass({
      * Style to apply to the container/underlay. Most commonly used to make sure
      * rounded corners match the wrapped component.
      */
-    style: ViewPropTypes.style,
+    style: DeprecatedViewPropTypes.style,
   },
 
   getDefaultProps: function() {

Libraries/Components/Touchable/TouchableHighlight.js

@@ -10,24 +10,24 @@
 'use strict';
 
 const ColorPropType = require('ColorPropType');
+const DeprecatedViewPropTypes = require('DeprecatedViewPropTypes');
 const NativeMethodsMixin = require('NativeMethodsMixin');
-const PropTypes = require('prop-types');
 const Platform = require('Platform');
+const PropTypes = require('prop-types');
 const React = require('React');
 const ReactNativeViewAttributes = require('ReactNativeViewAttributes');
 const StyleSheet = require('StyleSheet');
 const Touchable = require('Touchable');
 const TouchableWithoutFeedback = require('TouchableWithoutFeedback');
 const View = require('View');
-const ViewPropTypes = require('ViewPropTypes');
 
 const createReactClass = require('create-react-class');
 const ensurePositiveDelayProps = require('ensurePositiveDelayProps');
 
 import type {PressEvent} from 'CoreEventTypes';
-import type {Props as TouchableWithoutFeedbackProps} from 'TouchableWithoutFeedback';
 import type {ViewStyleProp} from 'StyleSheet';
 import type {ColorValue} from 'StyleSheetTypes';
+import type {Props as TouchableWithoutFeedbackProps} from 'TouchableWithoutFeedback';
 
 const DEFAULT_PROPS = {
   activeOpacity: 0.85,
@@ -169,7 +169,7 @@ const TouchableHighlight = ((createReactClass({
      * Style to apply to the container/underlay. Most commonly used to make sure
      * rounded corners match the wrapped component.
      */
-    style: ViewPropTypes.style,
+    style: DeprecatedViewPropTypes.style,
     /**
      * Called immediately after the underlay is shown
      */

Libraries/Components/View/DeprecatedViewPropTypes.js

@@ -0,0 +1,403 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow
+ */
+
+'use strict';
+
+const EdgeInsetsPropType = require('EdgeInsetsPropType');
+const PlatformViewPropTypes = require('PlatformViewPropTypes');
+const PropTypes = require('prop-types');
+const StyleSheetPropType = require('StyleSheetPropType');
+const ViewStylePropTypes = require('ViewStylePropTypes');
+
+const {
+  AccessibilityComponentTypes,
+  AccessibilityTraits,
+  AccessibilityRoles,
+  AccessibilityStates,
+} = require('ViewAccessibility');
+
+const stylePropType = StyleSheetPropType(ViewStylePropTypes);
+
+module.exports = {
+  /**
+   * When `true`, indicates that the view is an accessibility element.
+   * By default, all the touchable elements are accessible.
+   *
+   * See http://facebook.github.io/react-native/docs/view.html#accessible
+   */
+  accessible: PropTypes.bool,
+
+  /**
+   * Overrides the text that's read by the screen reader when the user interacts
+   * with the element. By default, the label is constructed by traversing all
+   * the children and accumulating all the `Text` nodes separated by space.
+   *
+   * See http://facebook.github.io/react-native/docs/view.html#accessibilitylabel
+   */
+  accessibilityLabel: PropTypes.node,
+
+  /**
+   * An accessibility hint helps users understand what will happen when they perform
+   * an action on the accessibility element when that result is not obvious from the
+   * accessibility label.
+   *
+   *
+   * See http://facebook.github.io/react-native/docs/view.html#accessibilityHint
+   */
+  accessibilityHint: PropTypes.string,
+
+  /**
+   * Provides an array of custom actions available for accessibility.
+   *
+   * @platform ios
+   */
+  accessibilityActions: PropTypes.arrayOf(PropTypes.string),
+
+  /**
+   * Prevents view from being inverted if set to true and color inversion is turned on.
+   *
+   * @platform ios
+   */
+  accessibilityIgnoresInvertColors: PropTypes.bool,
+
+  /**
+   * Indicates to accessibility services to treat UI component like a
+   * native one. Works for Android only.
+   *
+   * @platform android
+   *
+   * See http://facebook.github.io/react-native/docs/view.html#accessibilitycomponenttype
+   */
+  accessibilityComponentType: PropTypes.oneOf(AccessibilityComponentTypes),
+
+  /**
+   * Indicates to accessibility services to treat UI component like a specific role.
+   */
+  accessibilityRole: PropTypes.oneOf(AccessibilityRoles),
+
+  /**
+   * Indicates to accessibility services that UI Component is in a specific State.
+   */
+  accessibilityStates: PropTypes.arrayOf(PropTypes.oneOf(AccessibilityStates)),
+  /**
+   * Indicates to accessibility services whether the user should be notified
+   * when this view changes. Works for Android API >= 19 only.
+   *
+   * @platform android
+   *
+   * See http://facebook.github.io/react-native/docs/view.html#accessibilityliveregion
+   */
+  accessibilityLiveRegion: PropTypes.oneOf(['none', 'polite', 'assertive']),
+
+  /**
+   * Controls how view is important for accessibility which is if it
+   * fires accessibility events and if it is reported to accessibility services
+   * that query the screen. Works for Android only.
+   *
+   * @platform android
+   *
+   * See http://facebook.github.io/react-native/docs/view.html#importantforaccessibility
+   */
+  importantForAccessibility: PropTypes.oneOf([
+    'auto',
+    'yes',
+    'no',
+    'no-hide-descendants',
+  ]),
+
+  /**
+   * Provides additional traits to screen reader. By default no traits are
+   * provided unless specified otherwise in element.
+   *
+   * You can provide one trait or an array of many traits.
+   *
+   * @platform ios
+   *
+   * See http://facebook.github.io/react-native/docs/view.html#accessibilitytraits
+   */
+  accessibilityTraits: PropTypes.oneOfType([
+    PropTypes.oneOf(AccessibilityTraits),
+    PropTypes.arrayOf(PropTypes.oneOf(AccessibilityTraits)),
+  ]),
+
+  /**
+   * A value indicating whether VoiceOver should ignore the elements
+   * within views that are siblings of the receiver.
+   * Default is `false`.
+   *
+   * @platform ios
+   *
+   * See http://facebook.github.io/react-native/docs/view.html#accessibilityviewismodal
+   */
+  accessibilityViewIsModal: PropTypes.bool,
+
+  /**
+   * A value indicating whether the accessibility elements contained within
+   * this accessibility element are hidden.
+   *
+   * @platform ios
+   *
+   * See http://facebook.github.io/react-native/docs/view.html#accessibilityElementsHidden
+   */
+  accessibilityElementsHidden: PropTypes.bool,
+
+  /**
+   * When `accessible` is true, the system will try to invoke this function
+   * when the user performs an accessibility custom action.
+   *
+   * @platform ios
+   */
+  onAccessibilityAction: PropTypes.func,
+
+  /**
+   * When `accessible` is true, the system will try to invoke this function
+   * when the user performs accessibility tap gesture.
+   *
+   * See http://facebook.github.io/react-native/docs/view.html#onaccessibilitytap
+   */
+  onAccessibilityTap: PropTypes.func,
+
+  /**
+   * When `accessible` is `true`, the system will invoke this function when the
+   * user performs the magic tap gesture.
+   *
+   * See http://facebook.github.io/react-native/docs/view.html#onmagictap
+   */
+  onMagicTap: PropTypes.func,
+
+  /**
+   * Used to locate this view in end-to-end tests.
+   *
+   * > This disables the 'layout-only view removal' optimization for this view!
+   *
+   * See http://facebook.github.io/react-native/docs/view.html#testid
+   */
+  testID: PropTypes.string,
+
+  /**
+   * Used to locate this view from native classes.
+   *
+   * > This disables the 'layout-only view removal' optimization for this view!
+   *
+   * See http://facebook.github.io/react-native/docs/view.html#nativeid
+   */
+  nativeID: PropTypes.string,
+
+  /**
+   * For most touch interactions, you'll simply want to wrap your component in
+   * `TouchableHighlight` or `TouchableOpacity`. Check out `Touchable.js`,
+   * `ScrollResponder.js` and `ResponderEventPlugin.js` for more discussion.
+   */
+
+  /**
+   * The View is now responding for touch events. This is the time to highlight
+   * and show the user what is happening.
+   *
+   * `View.props.onResponderGrant: (event) => {}`, where `event` is a synthetic
+   * touch event as described above.
+   *
+   * See http://facebook.github.io/react-native/docs/view.html#onrespondergrant
+   */
+  onResponderGrant: PropTypes.func,
+
+  /**
+   * The user is moving their finger.
+   *
+   * `View.props.onResponderMove: (event) => {}`, where `event` is a synthetic
+   * touch event as described above.
+   *
+   * See http://facebook.github.io/react-native/docs/view.html#onrespondermove
+   */
+  onResponderMove: PropTypes.func,
+
+  /**
+   * Another responder is already active and will not release it to that `View`
+   * asking to be the responder.
+   *
+   * `View.props.onResponderReject: (event) => {}`, where `event` is a
+   * synthetic touch event as described above.
+   *
+   * See http://facebook.github.io/react-native/docs/view.html#onresponderreject
+   */
+  onResponderReject: PropTypes.func,
+
+  /**
+   * Fired at the end of the touch.
+   *
+   * `View.props.onResponderRelease: (event) => {}`, where `event` is a
+   * synthetic touch event as described above.
+   *
+   * See http://facebook.github.io/react-native/docs/view.html#onresponderrelease
+   */
+  onResponderRelease: PropTypes.func,
+
+  /**
+   * The responder has been taken from the `View`. Might be taken by other
+   * views after a call to `onResponderTerminationRequest`, or might be taken
+   * by the OS without asking (e.g., happens with control center/ notification
+   * center on iOS)
+   *
+   * `View.props.onResponderTerminate: (event) => {}`, where `event` is a
+   * synthetic touch event as described above.
+   *
+   * See http://facebook.github.io/react-native/docs/view.html#onresponderterminate
+   */
+  onResponderTerminate: PropTypes.func,
+
+  /**
+   * Some other `View` wants to become responder and is asking this `View` to
+   * release its responder. Returning `true` allows its release.
+   *
+   * `View.props.onResponderTerminationRequest: (event) => {}`, where `event`
+   * is a synthetic touch event as described above.
+   *
+   * See http://facebook.github.io/react-native/docs/view.html#onresponderterminationrequest
+   */
+  onResponderTerminationRequest: PropTypes.func,
+
+  /**
+   * Does this view want to become responder on the start of a touch?
+   *
+   * `View.props.onStartShouldSetResponder: (event) => [true | false]`, where
+   * `event` is a synthetic touch event as described above.
+   *
+   * See http://facebook.github.io/react-native/docs/view.html#onstartshouldsetresponder
+   */
+  onStartShouldSetResponder: PropTypes.func,
+
+  /**
+   * If a parent `View` wants to prevent a child `View` from becoming responder
+   * on a touch start, it should have this handler which returns `true`.
+   *
+   * `View.props.onStartShouldSetResponderCapture: (event) => [true | false]`,
+   * where `event` is a synthetic touch event as described above.
+   *
+   * See http://facebook.github.io/react-native/docs/view.html#onstartshouldsetrespondercapture
+   */
+  onStartShouldSetResponderCapture: PropTypes.func,
+
+  /**
+   * Does this view want to "claim" touch responsiveness? This is called for
+   * every touch move on the `View` when it is not the responder.
+   *
+   * `View.props.onMoveShouldSetResponder: (event) => [true | false]`, where
+   * `event` is a synthetic touch event as described above.
+   *
+   * See http://facebook.github.io/react-native/docs/view.html#onmoveshouldsetresponder
+   */
+  onMoveShouldSetResponder: PropTypes.func,
+
+  /**
+   * If a parent `View` wants to prevent a child `View` from becoming responder
+   * on a move, it should have this handler which returns `true`.
+   *
+   * `View.props.onMoveShouldSetResponderCapture: (event) => [true | false]`,
+   * where `event` is a synthetic touch event as described above.
+   *
+   * See http://facebook.github.io/react-native/docs/view.html#onMoveShouldsetrespondercapture
+   */
+  onMoveShouldSetResponderCapture: PropTypes.func,
+
+  /**
+   * This defines how far a touch event can start away from the view.
+   * Typical interface guidelines recommend touch targets that are at least
+   * 30 - 40 points/density-independent pixels.
+   *
+   * > The touch area never extends past the parent view bounds and the Z-index
+   * > of sibling views always takes precedence if a touch hits two overlapping
+   * > views.
+   *
+   * See http://facebook.github.io/react-native/docs/view.html#hitslop
+   */
+  hitSlop: EdgeInsetsPropType,
+
+  /**
+   * Invoked on mount and layout changes with:
+   *
+   * `{nativeEvent: { layout: {x, y, width, height}}}`
+   *
+   * This event is fired immediately once the layout has been calculated, but
+   * the new layout may not yet be reflected on the screen at the time the
+   * event is received, especially if a layout animation is in progress.
+   *
+   * See http://facebook.github.io/react-native/docs/view.html#onlayout
+   */
+  onLayout: PropTypes.func,
+
+  /**
+   * Controls whether the `View` can be the target of touch events.
+   *
+   * See http://facebook.github.io/react-native/docs/view.html#pointerevents
+   */
+  pointerEvents: PropTypes.oneOf(['box-none', 'none', 'box-only', 'auto']),
+
+  /**
+   * See http://facebook.github.io/react-native/docs/style.html
+   */
+  style: stylePropType,
+
+  /**
+   * This is a special performance property exposed by `RCTView` and is useful
+   * for scrolling content when there are many subviews, most of which are
+   * offscreen. For this property to be effective, it must be applied to a
+   * view that contains many subviews that extend outside its bound. The
+   * subviews must also have `overflow: hidden`, as should the containing view
+   * (or one of its superviews).
+   *
+   * See http://facebook.github.io/react-native/docs/view.html#removeclippedsubviews
+   */
+  removeClippedSubviews: PropTypes.bool,
+
+  /**
+   * Whether this `View` should render itself (and all of its children) into a
+   * single hardware texture on the GPU.
+   *
+   * @platform android
+   *
+   * See http://facebook.github.io/react-native/docs/view.html#rendertohardwaretextureandroid
+   */
+  renderToHardwareTextureAndroid: PropTypes.bool,
+
+  /**
+   * Whether this `View` should be rendered as a bitmap before compositing.
+   *
+   * @platform ios
+   *
+   * See http://facebook.github.io/react-native/docs/view.html#shouldrasterizeios
+   */
+  shouldRasterizeIOS: PropTypes.bool,
+
+  /**
+   * Views that are only used to layout their children or otherwise don't draw
+   * anything may be automatically removed from the native hierarchy as an
+   * optimization. Set this property to `false` to disable this optimization and
+   * ensure that this `View` exists in the native view hierarchy.
+   *
+   * @platform android
+   *
+   * See http://facebook.github.io/react-native/docs/view.html#collapsable
+   */
+  collapsable: PropTypes.bool,
+
+  /**
+   * Whether this `View` needs to rendered offscreen and composited with an
+   * alpha in order to preserve 100% correct colors and blending behavior.
+   *
+   * @platform android
+   *
+   * See http://facebook.github.io/react-native/docs/view.html#needsoffscreenalphacompositing
+   */
+  needsOffscreenAlphaCompositing: PropTypes.bool,
+
+  /**
+   * Any additional platform-specific view prop types, or prop type overrides.
+   */
+  ...PlatformViewPropTypes,
+};

Libraries/Components/View/ViewPropTypes.js

@@ -11,31 +11,17 @@
 'use strict';
 
 const React = require('React');
-const EdgeInsetsPropType = require('EdgeInsetsPropType');
-const PlatformViewPropTypes = require('PlatformViewPropTypes');
-const PropTypes = require('prop-types');
-const StyleSheetPropType = require('StyleSheetPropType');
-const ViewStylePropTypes = require('ViewStylePropTypes');
-
-const {
-  AccessibilityComponentTypes,
-  AccessibilityTraits,
-  AccessibilityRoles,
-  AccessibilityStates,
-} = require('ViewAccessibility');
 
+import type {Layout, LayoutEvent} from 'CoreEventTypes';
+import type {EdgeInsetsProp} from 'EdgeInsetsPropType';
+import type {ViewStyleProp} from 'StyleSheet';
+import type {TVViewProps} from 'TVViewPropTypes';
 import type {
   AccessibilityComponentType,
   AccessibilityTrait,
   AccessibilityRole,
   AccessibilityState,
 } from 'ViewAccessibility';
-import type {EdgeInsetsProp} from 'EdgeInsetsPropType';
-import type {TVViewProps} from 'TVViewPropTypes';
-import type {Layout, LayoutEvent} from 'CoreEventTypes';
-import type {ViewStyleProp} from 'StyleSheet';
-
-const stylePropType = StyleSheetPropType(ViewStylePropTypes);
 
 export type ViewLayout = Layout;
 export type ViewLayoutEvent = LayoutEvent;
@@ -128,380 +114,3 @@ export type ViewProps = $ReadOnly<{|
   collapsable?: boolean,
   needsOffscreenAlphaCompositing?: boolean,
 |}>;
-
-module.exports = {
-  /**
-   * When `true`, indicates that the view is an accessibility element.
-   * By default, all the touchable elements are accessible.
-   *
-   * See http://facebook.github.io/react-native/docs/view.html#accessible
-   */
-  accessible: PropTypes.bool,
-
-  /**
-   * Overrides the text that's read by the screen reader when the user interacts
-   * with the element. By default, the label is constructed by traversing all
-   * the children and accumulating all the `Text` nodes separated by space.
-   *
-   * See http://facebook.github.io/react-native/docs/view.html#accessibilitylabel
-   */
-  accessibilityLabel: PropTypes.node,
-
-  /**
-   * An accessibility hint helps users understand what will happen when they perform
-   * an action on the accessibility element when that result is not obvious from the
-   * accessibility label.
-   *
-   *
-   * See http://facebook.github.io/react-native/docs/view.html#accessibilityHint
-   */
-  accessibilityHint: PropTypes.string,
-
-  /**
-   * Provides an array of custom actions available for accessibility.
-   *
-   * @platform ios
-   */
-  accessibilityActions: PropTypes.arrayOf(PropTypes.string),
-
-  /**
-   * Prevents view from being inverted if set to true and color inversion is turned on.
-   *
-   * @platform ios
-   */
-  accessibilityIgnoresInvertColors: PropTypes.bool,
-
-  /**
-   * Indicates to accessibility services to treat UI component like a
-   * native one. Works for Android only.
-   *
-   * @platform android
-   *
-   * See http://facebook.github.io/react-native/docs/view.html#accessibilitycomponenttype
-   */
-  accessibilityComponentType: PropTypes.oneOf(AccessibilityComponentTypes),
-
-  /**
-   * Indicates to accessibility services to treat UI component like a specific role.
-   */
-  accessibilityRole: PropTypes.oneOf(AccessibilityRoles),
-
-  /**
-   * Indicates to accessibility services that UI Component is in a specific State.
-   */
-  accessibilityStates: PropTypes.arrayOf(PropTypes.oneOf(AccessibilityStates)),
-  /**
-   * Indicates to accessibility services whether the user should be notified
-   * when this view changes. Works for Android API >= 19 only.
-   *
-   * @platform android
-   *
-   * See http://facebook.github.io/react-native/docs/view.html#accessibilityliveregion
-   */
-  accessibilityLiveRegion: PropTypes.oneOf(['none', 'polite', 'assertive']),
-
-  /**
-   * Controls how view is important for accessibility which is if it
-   * fires accessibility events and if it is reported to accessibility services
-   * that query the screen. Works for Android only.
-   *
-   * @platform android
-   *
-   * See http://facebook.github.io/react-native/docs/view.html#importantforaccessibility
-   */
-  importantForAccessibility: PropTypes.oneOf([
-    'auto',
-    'yes',
-    'no',
-    'no-hide-descendants',
-  ]),
-
-  /**
-   * Provides additional traits to screen reader. By default no traits are
-   * provided unless specified otherwise in element.
-   *
-   * You can provide one trait or an array of many traits.
-   *
-   * @platform ios
-   *
-   * See http://facebook.github.io/react-native/docs/view.html#accessibilitytraits
-   */
-  accessibilityTraits: PropTypes.oneOfType([
-    PropTypes.oneOf(AccessibilityTraits),
-    PropTypes.arrayOf(PropTypes.oneOf(AccessibilityTraits)),
-  ]),
-
-  /**
-   * A value indicating whether VoiceOver should ignore the elements
-   * within views that are siblings of the receiver.
-   * Default is `false`.
-   *
-   * @platform ios
-   *
-   * See http://facebook.github.io/react-native/docs/view.html#accessibilityviewismodal
-   */
-  accessibilityViewIsModal: PropTypes.bool,
-
-  /**
-   * A value indicating whether the accessibility elements contained within
-   * this accessibility element are hidden.
-   *
-   * @platform ios
-   *
-   * See http://facebook.github.io/react-native/docs/view.html#accessibilityElementsHidden
-   */
-  accessibilityElementsHidden: PropTypes.bool,
-
-  /**
-   * When `accessible` is true, the system will try to invoke this function
-   * when the user performs an accessibility custom action.
-   *
-   * @platform ios
-   */
-  onAccessibilityAction: PropTypes.func,
-
-  /**
-   * When `accessible` is true, the system will try to invoke this function
-   * when the user performs accessibility tap gesture.
-   *
-   * See http://facebook.github.io/react-native/docs/view.html#onaccessibilitytap
-   */
-  onAccessibilityTap: PropTypes.func,
-
-  /**
-   * When `accessible` is `true`, the system will invoke this function when the
-   * user performs the magic tap gesture.
-   *
-   * See http://facebook.github.io/react-native/docs/view.html#onmagictap
-   */
-  onMagicTap: PropTypes.func,
-
-  /**
-   * Used to locate this view in end-to-end tests.
-   *
-   * > This disables the 'layout-only view removal' optimization for this view!
-   *
-   * See http://facebook.github.io/react-native/docs/view.html#testid
-   */
-  testID: PropTypes.string,
-
-  /**
-   * Used to locate this view from native classes.
-   *
-   * > This disables the 'layout-only view removal' optimization for this view!
-   *
-   * See http://facebook.github.io/react-native/docs/view.html#nativeid
-   */
-  nativeID: PropTypes.string,
-
-  /**
-   * For most touch interactions, you'll simply want to wrap your component in
-   * `TouchableHighlight` or `TouchableOpacity`. Check out `Touchable.js`,
-   * `ScrollResponder.js` and `ResponderEventPlugin.js` for more discussion.
-   */
-
-  /**
-   * The View is now responding for touch events. This is the time to highlight
-   * and show the user what is happening.
-   *
-   * `View.props.onResponderGrant: (event) => {}`, where `event` is a synthetic
-   * touch event as described above.
-   *
-   * See http://facebook.github.io/react-native/docs/view.html#onrespondergrant
-   */
-  onResponderGrant: PropTypes.func,
-
-  /**
-   * The user is moving their finger.
-   *
-   * `View.props.onResponderMove: (event) => {}`, where `event` is a synthetic
-   * touch event as described above.
-   *
-   * See http://facebook.github.io/react-native/docs/view.html#onrespondermove
-   */
-  onResponderMove: PropTypes.func,
-
-  /**
-   * Another responder is already active and will not release it to that `View`
-   * asking to be the responder.
-   *
-   * `View.props.onResponderReject: (event) => {}`, where `event` is a
-   * synthetic touch event as described above.
-   *
-   * See http://facebook.github.io/react-native/docs/view.html#onresponderreject
-   */
-  onResponderReject: PropTypes.func,
-
-  /**
-   * Fired at the end of the touch.
-   *
-   * `View.props.onResponderRelease: (event) => {}`, where `event` is a
-   * synthetic touch event as described above.
-   *
-   * See http://facebook.github.io/react-native/docs/view.html#onresponderrelease
-   */
-  onResponderRelease: PropTypes.func,
-
-  /**
-   * The responder has been taken from the `View`. Might be taken by other
-   * views after a call to `onResponderTerminationRequest`, or might be taken
-   * by the OS without asking (e.g., happens with control center/ notification
-   * center on iOS)
-   *
-   * `View.props.onResponderTerminate: (event) => {}`, where `event` is a
-   * synthetic touch event as described above.
-   *
-   * See http://facebook.github.io/react-native/docs/view.html#onresponderterminate
-   */
-  onResponderTerminate: PropTypes.func,
-
-  /**
-   * Some other `View` wants to become responder and is asking this `View` to
-   * release its responder. Returning `true` allows its release.
-   *
-   * `View.props.onResponderTerminationRequest: (event) => {}`, where `event`
-   * is a synthetic touch event as described above.
-   *
-   * See http://facebook.github.io/react-native/docs/view.html#onresponderterminationrequest
-   */
-  onResponderTerminationRequest: PropTypes.func,
-
-  /**
-   * Does this view want to become responder on the start of a touch?
-   *
-   * `View.props.onStartShouldSetResponder: (event) => [true | false]`, where
-   * `event` is a synthetic touch event as described above.
-   *
-   * See http://facebook.github.io/react-native/docs/view.html#onstartshouldsetresponder
-   */
-  onStartShouldSetResponder: PropTypes.func,
-
-  /**
-   * If a parent `View` wants to prevent a child `View` from becoming responder
-   * on a touch start, it should have this handler which returns `true`.
-   *
-   * `View.props.onStartShouldSetResponderCapture: (event) => [true | false]`,
-   * where `event` is a synthetic touch event as described above.
-   *
-   * See http://facebook.github.io/react-native/docs/view.html#onstartshouldsetrespondercapture
-   */
-  onStartShouldSetResponderCapture: PropTypes.func,
-
-  /**
-   * Does this view want to "claim" touch responsiveness? This is called for
-   * every touch move on the `View` when it is not the responder.
-   *
-   * `View.props.onMoveShouldSetResponder: (event) => [true | false]`, where
-   * `event` is a synthetic touch event as described above.
-   *
-   * See http://facebook.github.io/react-native/docs/view.html#onmoveshouldsetresponder
-   */
-  onMoveShouldSetResponder: PropTypes.func,
-
-  /**
-   * If a parent `View` wants to prevent a child `View` from becoming responder
-   * on a move, it should have this handler which returns `true`.
-   *
-   * `View.props.onMoveShouldSetResponderCapture: (event) => [true | false]`,
-   * where `event` is a synthetic touch event as described above.
-   *
-   * See http://facebook.github.io/react-native/docs/view.html#onMoveShouldsetrespondercapture
-   */
-  onMoveShouldSetResponderCapture: PropTypes.func,
-
-  /**
-   * This defines how far a touch event can start away from the view.
-   * Typical interface guidelines recommend touch targets that are at least
-   * 30 - 40 points/density-independent pixels.
-   *
-   * > The touch area never extends past the parent view bounds and the Z-index
-   * > of sibling views always takes precedence if a touch hits two overlapping
-   * > views.
-   *
-   * See http://facebook.github.io/react-native/docs/view.html#hitslop
-   */
-  hitSlop: EdgeInsetsPropType,
-
-  /**
-   * Invoked on mount and layout changes with:
-   *
-   * `{nativeEvent: { layout: {x, y, width, height}}}`
-   *
-   * This event is fired immediately once the layout has been calculated, but
-   * the new layout may not yet be reflected on the screen at the time the
-   * event is received, especially if a layout animation is in progress.
-   *
-   * See http://facebook.github.io/react-native/docs/view.html#onlayout
-   */
-  onLayout: PropTypes.func,
-
-  /**
-   * Controls whether the `View` can be the target of touch events.
-   *
-   * See http://facebook.github.io/react-native/docs/view.html#pointerevents
-   */
-  pointerEvents: PropTypes.oneOf(['box-none', 'none', 'box-only', 'auto']),
-
-  /**
-   * See http://facebook.github.io/react-native/docs/style.html
-   */
-  style: stylePropType,
-
-  /**
-   * This is a special performance property exposed by `RCTView` and is useful
-   * for scrolling content when there are many subviews, most of which are
-   * offscreen. For this property to be effective, it must be applied to a
-   * view that contains many subviews that extend outside its bound. The
-   * subviews must also have `overflow: hidden`, as should the containing view
-   * (or one of its superviews).
-   *
-   * See http://facebook.github.io/react-native/docs/view.html#removeclippedsubviews
-   */
-  removeClippedSubviews: PropTypes.bool,
-
-  /**
-   * Whether this `View` should render itself (and all of its children) into a
-   * single hardware texture on the GPU.
-   *
-   * @platform android
-   *
-   * See http://facebook.github.io/react-native/docs/view.html#rendertohardwaretextureandroid
-   */
-  renderToHardwareTextureAndroid: PropTypes.bool,
-
-  /**
-   * Whether this `View` should be rendered as a bitmap before compositing.
-   *
-   * @platform ios
-   *
-   * See http://facebook.github.io/react-native/docs/view.html#shouldrasterizeios
-   */
-  shouldRasterizeIOS: PropTypes.bool,
-
-  /**
-   * Views that are only used to layout their children or otherwise don't draw
-   * anything may be automatically removed from the native hierarchy as an
-   * optimization. Set this property to `false` to disable this optimization and
-   * ensure that this `View` exists in the native view hierarchy.
-   *
-   * @platform android
-   *
-   * See http://facebook.github.io/react-native/docs/view.html#collapsable
-   */
-  collapsable: PropTypes.bool,
-
-  /**
-   * Whether this `View` needs to rendered offscreen and composited with an
-   * alpha in order to preserve 100% correct colors and blending behavior.
-   *
-   * @platform android
-   *
-   * See http://facebook.github.io/react-native/docs/view.html#needsoffscreenalphacompositing
-   */
-  needsOffscreenAlphaCompositing: PropTypes.bool,
-
-  /**
-   * Any additional platform-specific view prop types, or prop type overrides.
-   */
-  ...PlatformViewPropTypes,
-};

Libraries/Components/ViewPager/ViewPagerAndroid.android.js

@@ -10,11 +10,11 @@
 
 'use strict';
 
-const React = require('React');
+const DeprecatedViewPropTypes = require('DeprecatedViewPropTypes');
 const PropTypes = require('prop-types');
+const React = require('React');
 const ReactNative = require('ReactNative');
 const UIManager = require('UIManager');
-const ViewPropTypes = require('ViewPropTypes');
 
 const dismissKeyboard = require('dismissKeyboard');
 const requireNativeComponent = require('requireNativeComponent');
@@ -85,7 +85,7 @@ class ViewPagerAndroid extends React.Component<{
   /* $FlowFixMe(>=0.78.0 site=react_native_android_fb) This issue was found
    * when making Flow check .android.js files. */
   static propTypes = {
-    ...ViewPropTypes,
+    ...DeprecatedViewPropTypes,
     /**
      * Index of initial page that should be selected. Use `setPage` method to
      * update the page, and `onPageSelected` to monitor page changes

Libraries/Components/WebView/WebView.android.js

@@ -9,15 +9,15 @@
 
 'use strict';
 
-const EdgeInsetsPropType = require('EdgeInsetsPropType');
 const ActivityIndicator = require('ActivityIndicator');
-const React = require('React');
+const DeprecatedViewPropTypes = require('DeprecatedViewPropTypes');
+const EdgeInsetsPropType = require('EdgeInsetsPropType');
 const PropTypes = require('prop-types');
+const React = require('React');
 const ReactNative = require('ReactNative');
 const StyleSheet = require('StyleSheet');
 const UIManager = require('UIManager');
 const View = require('View');
-const ViewPropTypes = require('ViewPropTypes');
 const WebViewShared = require('WebViewShared');
 
 const deprecatedPropType = require('deprecatedPropType');
@@ -44,7 +44,7 @@ const defaultRenderLoading = () => (
  */
 class WebView extends React.Component {
   static propTypes = {
-    ...ViewPropTypes,
+    ...DeprecatedViewPropTypes,
     renderError: PropTypes.func,
     renderLoading: PropTypes.func,
     onLoad: PropTypes.func,
@@ -57,7 +57,7 @@ class WebView extends React.Component {
     onMessage: PropTypes.func,
     onContentSizeChange: PropTypes.func,
     startInLoadingState: PropTypes.bool, // force WebView to show loadingView on first load
-    style: ViewPropTypes.style,
+    style: DeprecatedViewPropTypes.style,
 
     html: deprecatedPropType(
       PropTypes.string,

Libraries/Components/WebView/WebView.ios.js

@@ -11,6 +11,7 @@
 'use strict';
 
 const ActivityIndicator = require('ActivityIndicator');
+const DeprecatedViewPropTypes = require('DeprecatedViewPropTypes');
 const EdgeInsetsPropType = require('EdgeInsetsPropType');
 const Linking = require('Linking');
 const PropTypes = require('prop-types');
@@ -21,7 +22,6 @@ const StyleSheet = require('StyleSheet');
 const Text = require('Text');
 const UIManager = require('UIManager');
 const View = require('View');
-const ViewPropTypes = require('ViewPropTypes');
 const WebViewShared = require('WebViewShared');
 
 const deprecatedPropType = require('deprecatedPropType');
@@ -114,7 +114,7 @@ class WebView extends React.Component {
   static JSNavigationScheme = JSNavigationScheme;
   static NavigationType = NavigationType;
   static propTypes = {
-    ...ViewPropTypes,
+    ...DeprecatedViewPropTypes,
 
     html: deprecatedPropType(
       PropTypes.string,
@@ -257,7 +257,7 @@ class WebView extends React.Component {
     /**
      * The style to apply to the `WebView`.
      */
-    style: ViewPropTypes.style,
+    style: DeprecatedViewPropTypes.style,
 
     /**
      * Determines the types of data converted to clickable URLs in the web view's content.

Libraries/Experimental/IncrementalPresenter.js

@@ -10,13 +10,12 @@
 
 'use strict';
 
+const DeprecatedViewPropTypes = require('DeprecatedViewPropTypes');
 const IncrementalGroup = require('IncrementalGroup');
-const React = require('React');
 const PropTypes = require('prop-types');
+const React = require('React');
 const View = require('View');
 
-const ViewPropTypes = require('ViewPropTypes');
-
 import type {Context} from 'Incremental';
 import type {ViewStyleProp} from 'StyleSheet';
 
@@ -49,7 +48,7 @@ class IncrementalPresenter extends React.Component<Props> {
     disabled: PropTypes.bool,
     onDone: PropTypes.func,
     onLayout: PropTypes.func,
-    style: ViewPropTypes.style,
+    style: DeprecatedViewPropTypes.style,
   };
   static contextTypes = {
     incrementalGroup: PropTypes.object,

Libraries/Experimental/SwipeableRow/SwipeableQuickActionButton.js

@@ -10,12 +10,12 @@
 
 'use strict';
 
+const DeprecatedViewPropTypes = require('DeprecatedViewPropTypes');
 const Image = require('Image');
 const React = require('React');
 const Text = require('Text');
 const TouchableHighlight = require('TouchableHighlight');
 const View = require('View');
-const ViewPropTypes = require('ViewPropTypes');
 
 import type {ImageSource} from 'ImageSource';
 
@@ -27,13 +27,13 @@ import type {ImageSource} from 'ImageSource';
 class SwipeableQuickActionButton extends React.Component<{
   accessibilityLabel?: string,
   imageSource?: ?(ImageSource | number),
-  imageStyle?: ?ViewPropTypes.style,
+  imageStyle?: ?DeprecatedViewPropTypes.style,
   mainView?: ?React.Node,
   onPress?: Function,
-  style?: ?ViewPropTypes.style,
+  style?: ?DeprecatedViewPropTypes.style,
   testID?: string,
   text?: ?(string | Object | Array<string | Object>),
-  textStyle?: ?ViewPropTypes.style,
+  textStyle?: ?DeprecatedViewPropTypes.style,
 }> {
   render(): React.Node {
     if (!this.props.imageSource && !this.props.text && !this.props.mainView) {

Libraries/Experimental/SwipeableRow/SwipeableQuickActions.js

@@ -10,12 +10,11 @@
 
 'use strict';
 
+const DeprecatedViewPropTypes = require('DeprecatedViewPropTypes');
 const React = require('React');
 const StyleSheet = require('StyleSheet');
 const View = require('View');
 
-const ViewPropTypes = require('ViewPropTypes');
-
 /**
  * A thin wrapper around standard quick action buttons that can, if the user
  * chooses, be used with SwipeableListView. Sample usage is as follows, in the
@@ -28,7 +27,7 @@ const ViewPropTypes = require('ViewPropTypes');
  */
 class SwipeableQuickActions extends React.Component<{style?: $FlowFixMe}> {
   static propTypes = {
-    style: ViewPropTypes.style,
+    style: DeprecatedViewPropTypes.style,
   };
 
   render(): React.Node {

Libraries/Image/Image.android.js

@@ -10,15 +10,15 @@
 
 'use strict';
 
+const DeprecatedViewPropTypes = require('DeprecatedViewPropTypes');
 const ImageStylePropTypes = require('ImageStylePropTypes');
 const NativeModules = require('NativeModules');
+const PropTypes = require('prop-types');
 const React = require('React');
 const ReactNative = require('ReactNative');
-const PropTypes = require('prop-types');
 const StyleSheet = require('StyleSheet');
 const StyleSheetPropType = require('StyleSheetPropType');
 const TextAncestor = require('TextAncestor');
-const ViewPropTypes = require('ViewPropTypes');
 
 const flattenStyle = require('flattenStyle');
 const merge = require('merge');
@@ -38,7 +38,7 @@ function generateRequestId() {
 }
 
 const ImageProps = {
-  ...ViewPropTypes,
+  ...DeprecatedViewPropTypes,
   style: StyleSheetPropType(ImageStylePropTypes),
   /**
    * See https://facebook.github.io/react-native/docs/image.html#source

Libraries/RCTTest/SnapshotViewIOS.ios.js

@@ -10,17 +10,17 @@
 
 'use strict';
 
-const React = require('React');
+const DeprecatedViewPropTypes = require('DeprecatedViewPropTypes');
 const PropTypes = require('prop-types');
+const React = require('React');
 const StyleSheet = require('StyleSheet');
-const {TestModule} = require('NativeModules');
 const UIManager = require('UIManager');
 const View = require('View');
 
-const ViewPropTypes = require('ViewPropTypes');
-
 const requireNativeComponent = require('requireNativeComponent');
 
+const {TestModule} = require('NativeModules');
+
 // Verify that RCTSnapshot is part of the UIManager since it is only loaded
 // if you have linked against RCTTest like in tests, otherwise we will have
 // a warning printed out
@@ -34,7 +34,7 @@ class SnapshotViewIOS extends React.Component<{
 }> {
   // $FlowFixMe(>=0.41.0)
   static propTypes = {
-    ...ViewPropTypes,
+    ...DeprecatedViewPropTypes,
     // A callback when the Snapshot view is ready to be compared
     onSnapshotReady: PropTypes.func,
     // A name to identify the individual instance to the SnapshotView

Libraries/react-native/react-native-implementation.js

@@ -313,7 +313,7 @@ const ReactNative = {
     return require('PointPropType');
   },
   get ViewPropTypes() {
-    return require('ViewPropTypes');
+    return require('DeprecatedViewPropTypes');
   },
 
   // Deprecated