[change] Remove PropTypes exports and internal use

Removes the following deprecated exports: `ColorPropType`,
`EdgeInsetsPropType`, `PointPropType`, `TextPropTypes`, and `ViewPropTypes`.

Remove all use of `prop-types` in the implementations of components. Flow types
are used instead, so there will no longer be runtime warnings related to props.

NOTE: Removes support for `className` prop.

Fix #1383
Close #1477
Close #1474
Close #1489

packages/babel-plugin-react-native-web/src/__tests__/__snapshots__/index-test.js.snap

@@ -3,12 +3,11 @@
 exports[`Rewrite react-native to react-native-web export from "react-native": export from "react-native" 1`] = `
 "
 export { View } from 'react-native';
-export { ColorPropType, StyleSheet, Text, unstable_createElement } from 'react-native';
+export { StyleSheet, Text, unstable_createElement } from 'react-native';
 
       ↓ ↓ ↓ ↓ ↓ ↓
 
 export { default as View } from 'react-native-web/dist/exports/View';
-export { default as ColorPropType } from 'react-native-web/dist/exports/ColorPropType';
 export { default as StyleSheet } from 'react-native-web/dist/exports/StyleSheet';
 export { default as Text } from 'react-native-web/dist/exports/Text';
 export { default as unstable_createElement } from 'react-native-web/dist/exports/createElement';
@@ -18,12 +17,11 @@ export { default as unstable_createElement } from 'react-native-web/dist/exports
 exports[`Rewrite react-native to react-native-web export from "react-native-web": export from "react-native-web" 1`] = `
 "
 export { View } from 'react-native-web';
-export { ColorPropType, StyleSheet, Text, unstable_createElement } from 'react-native-web';
+export { StyleSheet, Text, unstable_createElement } from 'react-native-web';
 
       ↓ ↓ ↓ ↓ ↓ ↓
 
 export { default as View } from 'react-native-web/dist/exports/View';
-export { default as ColorPropType } from 'react-native-web/dist/exports/ColorPropType';
 export { default as StyleSheet } from 'react-native-web/dist/exports/StyleSheet';
 export { default as Text } from 'react-native-web/dist/exports/Text';
 export { default as unstable_createElement } from 'react-native-web/dist/exports/createElement';
@@ -34,7 +32,7 @@ exports[`Rewrite react-native to react-native-web import from "native-native": i
 "
 import ReactNative from 'react-native';
 import { View } from 'react-native';
-import { Invalid, View as MyView, ViewPropTypes } from 'react-native';
+import { Invalid, View as MyView } from 'react-native';
 import * as ReactNativeModules from 'react-native';
 
       ↓ ↓ ↓ ↓ ↓ ↓
@@ -43,7 +41,6 @@ import ReactNative from 'react-native-web/dist/index';
 import View from 'react-native-web/dist/exports/View';
 import { Invalid } from 'react-native-web/dist/index';
 import MyView from 'react-native-web/dist/exports/View';
-import ViewPropTypes from 'react-native-web/dist/exports/ViewPropTypes';
 import * as ReactNativeModules from 'react-native-web/dist/index';
 "
 `;
@@ -52,7 +49,7 @@ exports[`Rewrite react-native to react-native-web import from "native-native": i
 "
 import ReactNative from 'react-native';
 import { View } from 'react-native';
-import { Invalid, View as MyView, ViewPropTypes } from 'react-native';
+import { Invalid, View as MyView } from 'react-native';
 import * as ReactNativeModules from 'react-native';
 
       ↓ ↓ ↓ ↓ ↓ ↓
@@ -61,7 +58,6 @@ import ReactNative from 'react-native-web/dist/cjs/index';
 import View from 'react-native-web/dist/cjs/exports/View';
 import { Invalid } from 'react-native-web/dist/cjs/index';
 import MyView from 'react-native-web/dist/cjs/exports/View';
-import ViewPropTypes from 'react-native-web/dist/cjs/exports/ViewPropTypes';
 import * as ReactNativeModules from 'react-native-web/dist/cjs/index';
 "
 `;
@@ -69,13 +65,12 @@ import * as ReactNativeModules from 'react-native-web/dist/cjs/index';
 exports[`Rewrite react-native to react-native-web import from "react-native-web": import from "react-native-web" 1`] = `
 "
 import { unstable_createElement } from 'react-native-web';
-import { ColorPropType, StyleSheet, View, TouchableOpacity, processColor } from 'react-native-web';
+import { StyleSheet, View, TouchableOpacity, processColor } from 'react-native-web';
 import * as ReactNativeModules from 'react-native-web';
 
       ↓ ↓ ↓ ↓ ↓ ↓
 
 import unstable_createElement from 'react-native-web/dist/exports/createElement';
-import ColorPropType from 'react-native-web/dist/exports/ColorPropType';
 import StyleSheet from 'react-native-web/dist/exports/StyleSheet';
 import View from 'react-native-web/dist/exports/View';
 import TouchableOpacity from 'react-native-web/dist/exports/TouchableOpacity';
@@ -124,7 +119,7 @@ exports[`Rewrite react-native to react-native-web require "react-native-web": re
 "
 const ReactNative = require('react-native-web');
 const { unstable_createElement } = require('react-native-web');
-const { ColorPropType, StyleSheet, View, TouchableOpacity, processColor } = require('react-native-web');
+const { StyleSheet, View, TouchableOpacity, processColor } = require('react-native-web');
 
       ↓ ↓ ↓ ↓ ↓ ↓
 
@@ -132,8 +127,6 @@ const ReactNative = require('react-native-web/dist/index');
 
 const unstable_createElement = require('react-native-web/dist/exports/createElement').default;
 
-const ColorPropType = require('react-native-web/dist/exports/ColorPropType').default;
-
 const StyleSheet = require('react-native-web/dist/exports/StyleSheet').default;
 
 const View = require('react-native-web/dist/exports/View').default;

packages/babel-plugin-react-native-web/src/__tests__/index-test.js

@@ -7,7 +7,7 @@ const tests = [
     title: 'import from "native-native"',
     code: `import ReactNative from 'react-native';
 import { View } from 'react-native';
-import { Invalid, View as MyView, ViewPropTypes } from 'react-native';
+import { Invalid, View as MyView } from 'react-native';
 import * as ReactNativeModules from 'react-native';`,
     snapshot: true
   },
@@ -15,7 +15,7 @@ import * as ReactNativeModules from 'react-native';`,
     title: 'import from "native-native"',
     code: `import ReactNative from 'react-native';
 import { View } from 'react-native';
-import { Invalid, View as MyView, ViewPropTypes } from 'react-native';
+import { Invalid, View as MyView } from 'react-native';
 import * as ReactNativeModules from 'react-native';`,
     snapshot: true,
     pluginOptions: { commonjs: true }
@@ -23,20 +23,20 @@ import * as ReactNativeModules from 'react-native';`,
   {
     title: 'import from "react-native-web"',
     code: `import { unstable_createElement } from 'react-native-web';
-import { ColorPropType, StyleSheet, View, TouchableOpacity, processColor } from 'react-native-web';
+import { StyleSheet, View, TouchableOpacity, processColor } from 'react-native-web';
 import * as ReactNativeModules from 'react-native-web';`,
     snapshot: true
   },
   {
     title: 'export from "react-native"',
     code: `export { View } from 'react-native';
-export { ColorPropType, StyleSheet, Text, unstable_createElement } from 'react-native';`,
+export { StyleSheet, Text, unstable_createElement } from 'react-native';`,
     snapshot: true
   },
   {
     title: 'export from "react-native-web"',
     code: `export { View } from 'react-native-web';
-export { ColorPropType, StyleSheet, Text, unstable_createElement } from 'react-native-web';`,
+export { StyleSheet, Text, unstable_createElement } from 'react-native-web';`,
     snapshot: true
   },
   {
@@ -58,7 +58,7 @@ const { StyleSheet, TouchableOpacity } = require('react-native');`,
     title: 'require "react-native-web"',
     code: `const ReactNative = require('react-native-web');
 const { unstable_createElement } = require('react-native-web');
-const { ColorPropType, StyleSheet, View, TouchableOpacity, processColor } = require('react-native-web');`,
+const { StyleSheet, View, TouchableOpacity, processColor } = require('react-native-web');`,
     snapshot: true
   }
 ];

packages/babel-plugin-react-native-web/src/moduleMap.js

@@ -10,13 +10,11 @@ module.exports = {
   Button: true,
   CheckBox: true,
   Clipboard: true,
-  ColorPropType: true,
   DeviceEventEmitter: true,
   DeviceInfo: true,
   Dimensions: true,
   DrawerLayoutAndroid: true,
   Easing: true,
-  EdgeInsetsPropType: true,
   FlatList: true,
   I18nManager: true,
   Image: true,
@@ -35,7 +33,6 @@ module.exports = {
   Picker: true,
   PixelRatio: true,
   Platform: true,
-  PointPropType: true,
   ProgressBar: true,
   RefreshControl: true,
   SafeAreaView: true,
@@ -51,7 +48,6 @@ module.exports = {
   TabBarIOS: true,
   Text: true,
   TextInput: true,
-  TextPropTypes: true,
   TimePickerAndroid: true,
   ToastAndroid: true,
   Touchable: true,
@@ -62,7 +58,6 @@ module.exports = {
   UIManager: true,
   Vibration: true,
   View: true,
-  ViewPropTypes: true,
   VirtualizedList: true,
   YellowBox: true,
   createElement: true,