chore: use prop-types package from npm

example/package.json

@@ -10,6 +10,7 @@
     "color": "^0.11.4",
     "escape-string-regexp": "^1.0.5",
     "expo": "~16.0.0",
+    "prop-types": "^15.5.10",
     "react": "16.0.0-alpha.6",
     "react-native": "git+https://github.com/expo/react-native.git#sdk-16.0.0",
     "react-native-drawer": "^2.3.0",

example/rn-cli.config.js

@@ -18,12 +18,13 @@ module.exports = {
     ];
   },
   getBlacklistRE() {
+    /* eslint-disable prettier/prettier */
     return blacklist([
       new RegExp(
-        `^${escape(path.resolve(__dirname, '..', 'node_modules'))}\\/.*$`, // eslint-disable-line prettier/prettier
+        `^${escape(path.resolve(__dirname, '..', 'node_modules'))}\\/.*$`,
       ),
       new RegExp(
-        `^${escape(path.resolve(__dirname, '..', 'docs', 'node_modules'))}\\/.*$`, // eslint-disable-line prettier/prettier
+        `^${escape(path.resolve(__dirname, '..', 'docs', 'node_modules'))}\\/.*$`,
       ),
     ]);
   },

example/src/ExampleList.js

@@ -1,6 +1,7 @@
 /* @flow */
 
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { ListView, Text, StyleSheet } from 'react-native';
 import { Colors, TouchableRipple, Divider } from 'react-native-paper';
 import ButtonExample from './ButtonExample';

example/src/RootNavigator.js

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { Platform } from 'react-native';
-import { Constants } from 'expo';
+import Expo from 'expo';
 import { StackNavigator } from 'react-navigation';
 import { Colors } from 'react-native-paper';
 import ExampleList, { examples } from './ExampleList';
@@ -33,8 +33,9 @@ export default StackNavigator(
       headerTintColor: Colors.white,
       headerStyle: {
         backgroundColor: Colors.indigo500,
-        paddingTop: Constants.statusBarHeight,
-        height: (Platform.OS === 'ios' ? 44 : 56) + Constants.statusBarHeight,
+        paddingTop: Expo.Constants.statusBarHeight,
+        height: (Platform.OS === 'ios' ? 44 : 56) +
+          Expo.Constants.statusBarHeight,
       },
     },
   },

package.json

@@ -39,6 +39,7 @@
   },
   "dependencies": {
     "color": "^0.11.4",
+    "prop-types": "^15.5.10",
     "react-native-drawer": "^2.3.0"
   },
   "scripts": {

src/components/Button.js

@@ -1,7 +1,8 @@
 /* @flow */
 
 import color from 'color';
-import React, { PureComponent, PropTypes } from 'react';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
 import { ActivityIndicator, Animated, View, StyleSheet } from 'react-native';
 import Icon from './Icon';
 import Paper from './Paper';

src/components/Card/Card.js

@@ -1,6 +1,7 @@
 /* @flow */
 
-import React, { Component, Children, PropTypes } from 'react';
+import React, { Component, Children } from 'react';
+import PropTypes from 'prop-types';
 import {
   Animated,
   View,

src/components/Card/CardActions.js

@@ -1,6 +1,7 @@
 /* @flow */
 
-import React, { PropTypes, Children } from 'react';
+import React, { Children } from 'react';
+import PropTypes from 'prop-types';
 import { StyleSheet, View } from 'react-native';
 
 type Props = {

src/components/Card/CardContent.js

@@ -1,6 +1,7 @@
 /* @flow */
 
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import { StyleSheet, View } from 'react-native';
 
 type Props = {

src/components/Card/CardCover.js

@@ -1,6 +1,7 @@
 /* @flow */
 
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import { StyleSheet, View, Image } from 'react-native';
 import withTheme from '../../core/withTheme';
 import { grey200 } from '../../styles/colors';

src/components/Checkbox.js

@@ -1,6 +1,7 @@
 /* @flow */
 
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { Animated, Platform, View, StyleSheet } from 'react-native';
 import color from 'color';
 import Icon from './Icon';

src/components/Divider.js

@@ -1,6 +1,7 @@
 /* @flow */
 
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import { StyleSheet, View } from 'react-native';
 
 type Props = {

src/components/Drawer/Drawer.js

@@ -1,8 +1,9 @@
 /* @flow */
 
-import RNDrawer from 'react-native-drawer';
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { View, StyleSheet } from 'react-native';
+import RNDrawer from 'react-native-drawer';
 import DrawerItem from './DrawerItem';
 import DrawerSection from './DrawerSection';
 import { white } from '../../styles/colors';

src/components/Drawer/DrawerItem.js

@@ -1,7 +1,8 @@
 /* @flow */
 
 import color from 'color';
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import { View, Text, StyleSheet } from 'react-native';
 import Icon from '.././Icon';
 import TouchableRipple from '../TouchableRipple';

src/components/Drawer/DrawerSection.js

@@ -1,7 +1,8 @@
 /* @flow */
 
 import color from 'color';
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import { View, Text } from 'react-native';
 import Divider from '../Divider';
 import withTheme from '../../core/withTheme';

src/components/GridView.js

@@ -1,6 +1,7 @@
 /* @flow */
 
-import React, { PureComponent, PropTypes } from 'react';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
 import { Dimensions, ListView, StyleSheet, View } from 'react-native';
 import { grey200 } from '../styles/colors';
 

src/components/Icon.js

@@ -1,3 +1,4 @@
 /* @flow */
 
+// eslint-disable-next-line import/named
 export { MaterialIcons as default } from 'react-native-vector-icons';

src/components/Paper.js

@@ -1,6 +1,7 @@
 /* @flow */
 
-import React, { PureComponent, PropTypes } from 'react';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
 import { StyleSheet, View } from 'react-native';
 import * as Colors from '../styles/colors';
 import shadow from '../styles/shadow';

src/components/Portal/Portal.js

@@ -1,6 +1,7 @@
 /* @flow */
 
-import { PureComponent, PropTypes } from 'react';
+import { PureComponent } from 'react';
+import PropTypes from 'prop-types';
 import { manager } from './PortalHost';
 
 export type PortalProps = {

src/components/Portal/PortalHost.js

@@ -1,6 +1,7 @@
 /* @flow */
 
-import React, { PureComponent, PropTypes } from 'react';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
 import { View, StyleSheet } from 'react-native';
 import type { PortalProps } from './Portal';
 

src/components/Portal/ThemedPortal.js

@@ -1,6 +1,7 @@
 /* @flow */
 
-import React, { Component, Children, PropTypes } from 'react';
+import React, { Component, Children } from 'react';
+import PropTypes from 'prop-types';
 import Portal from './Portal';
 import ThemeProvider from '../../core/ThemeProvider';
 import withTheme from '../../core/withTheme';

src/components/RadioButton.js

@@ -1,6 +1,7 @@
 /* @flow */
 
-import React, { PropTypes, Component } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { Animated, View, Platform, StyleSheet } from 'react-native';
 import color from 'color';
 import TouchableRipple from './TouchableRipple';

src/components/SearchBar.js

@@ -1,6 +1,7 @@
 /* @flow */
 
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { StyleSheet, TextInput } from 'react-native';
 import color from 'color';
 

src/components/TouchableRipple/TouchableRipple.android.js

@@ -1,6 +1,7 @@
 /* @flow */
 
-import React, { PureComponent, PropTypes } from 'react';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
 import { TouchableNativeFeedback, View, Platform } from 'react-native';
 
 type Props = {

src/components/TouchableRipple/TouchableRipple.js

@@ -1,6 +1,7 @@
 /* @flow */
 
-import React, { PureComponent, PropTypes } from 'react';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
 import { TouchableHighlight, View } from 'react-native';
 import color from 'color';
 

src/components/Typography/StyledText.js

@@ -1,7 +1,8 @@
 /* @flow */
 
 import color from 'color';
-import React, { PureComponent, PropTypes } from 'react';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
 import Text from './Text';
 import withTheme from '../../core/withTheme';
 import type { Theme } from '../../types/Theme';

src/components/Typography/Text.js

@@ -1,6 +1,7 @@
 /* @flow */
 
-import React, { PureComponent, PropTypes } from 'react';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
 import { Text as NativeText } from 'react-native';
 import withTheme from '../../core/withTheme';
 import type { Theme } from '../../types/Theme';

src/core/Provider.js

@@ -1,6 +1,7 @@
 /* @flow */
 
-import React, { PureComponent, PropTypes, Children } from 'react';
+import React, { PureComponent, Children } from 'react';
+import PropTypes from 'prop-types';
 import ThemeProvider from './ThemeProvider';
 import PortalHost from '../components/Portal/PortalHost';
 import type { Theme } from '../types/Theme';

src/core/ThemeProvider.js

@@ -1,6 +1,7 @@
 /* @flow */
 
-import { PureComponent, PropTypes, Children } from 'react';
+import { PureComponent, Children } from 'react';
+import PropTypes from 'prop-types';
 import DefaultTheme from '../styles/DefaultTheme';
 import type { Theme } from '../types/Theme';
 

src/core/withTheme.js

@@ -1,6 +1,7 @@
 /* @flow */
 
-import React, { PureComponent, PropTypes } from 'react';
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
 import { theme } from './ThemeProvider';
 import type { Theme } from '../types/Theme';