Update all dependencies

.flowconfig

@@ -39,11 +39,11 @@ suppress_type=$FlowIssue
 suppress_type=$FlowFixMe
 suppress_type=$FixMe
 
-suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(3[0-8]\\|[1-2][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)
-suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(3[0-8]\\|1[0-9]\\|[1-2][0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(4[0-5]\\|[1-3][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)
+suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(4[0-5]\\|[1-3][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+
 suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy
 
 unsafe.enable_getters_and_setters=true
 
 [version]
-^0.38.0
+^0.45.0

android/app/build.gradle

@@ -33,6 +33,13 @@ import com.android.build.OutputFile
  *   // bundleInPaidRelease: true,
  *   // bundleInBeta: true,
  *
+ *   // whether to disable dev mode in custom build variants (by default only disabled in release)
+ *   // for example: to disable dev mode in the staging build type (if configured)
+ *   devDisabledInStaging: true,
+ *   // The configuration property can be in the following formats
+ *   //         'devDisabledIn${productFlavor}${buildType}'
+ *   //         'devDisabledIn${buildType}'
+ *
  *   // the root of your project, i.e. where "package.json" lives
  *   root: "../../",
  *

docs/ARCHITECTURE.md

@@ -134,7 +134,8 @@ A View should take all inputs as `props`, and should very, very rarely, if ever,
 To continue the Counter example, a view might look something like this:
 
 ```js
-import React, {PropTypes, StyleSheet, Text, View} from 'react-native';
+import React, {StyleSheet, Text, View} from 'react-native';
+import PropTypes from 'prop-types';
 import ActionButton from '../../components/ActionButton';
 import * as CounterState from './CounterState';
 

index.android.js

@@ -2,12 +2,12 @@ import {Provider} from 'react-redux';
 import store from './src/redux/store';
 import AppViewContainer from './src/modules/AppViewContainer';
 import React, {Component} from 'react';
-import {AppRegistry, BackAndroid} from 'react-native';
+import {AppRegistry, BackHandler} from 'react-native';
 import {NavigationActions} from 'react-navigation';
 
 class PepperoniAppTemplate extends Component {
   componentWillMount() {
-    BackAndroid.addEventListener('hardwareBackPress', this.navigateBack);
+    BackHandler.addEventListener('hardwareBackPress', this.navigateBack);
   }
 
   navigateBack() {

package.json

@@ -29,49 +29,51 @@
   },
   "jest": {
     "preset": "react-native",
-    "setupFiles": ["<rootDir>/test/setup.js"],
+    "setupFiles": [
+      "<rootDir>/test/setup.js"
+    ],
     "transformIgnorePatterns": [
       "node_modules/(?!(jest-)?react-native|react-navigation)"
     ]
   },
   "dependencies": {
-    "bluebird": "^3.3.5",
-    "event-emitter": "^0.3.4",
-    "immutable": "^3.7.6",
-    "lodash": "^4.11.0",
-    "moment": "^2.12.0",
-    "react": "~15.4.2",
-    "react-dom": "~15.4.2",
-    "react-native": "0.42.0",
-    "react-native-vector-icons": "^4.0.0",
-    "react-navigation": "^1.0.0-beta.7",
-    "react-redux": "^4.4.5",
-    "redux": "^3.4.0",
-    "redux-logger": "^2.6.1",
-    "redux-loop-symbol-ponyfill": "^2.2.0",
+    "bluebird": "^3.5.0",
+    "event-emitter": "^0.3.5",
+    "immutable": "^3.8.1",
+    "lodash": "^4.17.4",
+    "moment": "^2.18.1",
+    "prop-types": "^15.5.10",
+    "react": "16.0.0-alpha.12",
+    "react-native": "0.45.1",
+    "react-native-vector-icons": "^4.1.1",
+    "react-navigation": "^1.0.0-beta.11",
+    "react-redux": "^5.0.5",
+    "redux": "^3.6.0",
+    "redux-logger": "^3.0.6",
+    "redux-loop-symbol-ponyfill": "^2.2.2",
     "redux-promise": "^0.5.3",
-    "redux-thunk": "^2.0.1",
+    "redux-thunk": "^2.2.0",
     "standard-http-error": "^2.0.0"
   },
   "devDependencies": {
-    "babel-core": "^6.9.0",
-    "babel-eslint": "^7.1.0",
-    "babel-jest": "^17.0.2",
-    "babel-polyfill": "^6.9.0",
-    "babel-preset-react-native": "^1.9.0",
-    "babel-preset-stage-0": "^6.5.0",
-    "babel-register": "^6.9.0",
-    "enzyme": "^2.2.0",
-    "eslint": "^3.10.1",
-    "eslint-plugin-babel": "^3.2.0",
-    "eslint-plugin-react": "^6.7.1",
-    "fetch-mock": "^5.5.0",
+    "babel-core": "^6.24.1",
+    "babel-eslint": "^7.2.3",
+    "babel-jest": "^20.0.3",
+    "babel-polyfill": "^6.23.0",
+    "babel-preset-react-native": "2.0.0",
+    "babel-preset-stage-0": "^6.24.1",
+    "babel-register": "^6.24.1",
+    "enzyme": "^2.8.2",
+    "eslint": "^4.0.0",
+    "eslint-plugin-babel": "^4.1.1",
+    "eslint-plugin-react": "^7.0.1",
+    "fetch-mock": "^5.10.1",
     "istanbul": "1.0.0-alpha.2",
-    "jest": "^17.0.2",
-    "react-addons-test-utils": "~15.4.2",
-    "react-native-mock": "~0.2.5",
-    "react-test-renderer": "~15.4.2",
-    "remote-redux-devtools": "^0.5.7",
-    "rimraf": "^2.5.2"
+    "jest": "^20.0.4",
+    "react-addons-test-utils": "~15.6.0",
+    "react-native-mock": "~0.3.1",
+    "react-test-renderer": "16.0.0-alpha.12",
+    "remote-redux-devtools": "^0.5.11",
+    "rimraf": "^2.6.1"
   }
 }

src/modules/AppView.js

@@ -1,4 +1,5 @@
-import React, {PropTypes, Component} from 'react';
+import React, {Component} from 'react';
+import PropTypes from 'prop-types';
 import {View, StyleSheet, StatusBar, ActivityIndicator} from 'react-native';
 import NavigatorViewContainer from './navigator/NavigatorViewContainer';
 import * as snapshotUtil from '../utils/snapshot';

src/modules/colors/ColorView.js

@@ -1,4 +1,5 @@
-import React, {PropTypes, Component} from 'react';
+import React, {Component} from 'react';
+import PropTypes from 'prop-types';
 import {
   Button,
   View,
@@ -16,21 +17,18 @@ const color = () => Math.floor(255 * Math.random());
 class ColorView extends Component {
   static displayName = 'ColorView';
 
-  static navigationOptions = {
-    title: 'Colors!',
-    tabBar: () => ({
-      icon: (props) => (
-        <Icon name='color-lens' size={24} color={props.tintColor} />
-      )
-    }),
-    // TODO: move this into global config?
-    header: {
-      tintColor: 'white',
-      style: {
-        backgroundColor: '#39babd'
-      }
+  static navigationOptions =
+  ({navigation}) => ({
+    tabBarKey: navigation.state,
+    tabBarlabel: 'Colors!',
+    tabBarIcon: () => (
+       <Icon name='color-lens' size={24} color={props.tintColor} />
+    ),
+    headerTintColor: 'white',
+    headerStyle: {
+      backgroundColor: '#39babd'
     }
-  }
+  });
 
   static propTypes = {
     navigate: PropTypes.func.isRequired

src/modules/counter/CounterView.js

@@ -1,4 +1,5 @@
-import React, {PropTypes, Component} from 'react';
+import React, {Component} from 'react';
+import PropTypes from 'prop-types';
 import {
   StyleSheet,
   TouchableOpacity,
@@ -12,14 +13,14 @@ import Icon from 'react-native-vector-icons/MaterialIcons';
 class CounterView extends Component {
   static displayName = 'CounterView';
 
-  static navigationOptions = {
-    title: 'Counter',
-    tabBar: () => ({
-      icon: (props) => (
-        <Icon name='plus-one' size={24} color={props.tintColor} />
-      )
-    })
-  }
+  static navigationOptions =
+  ({navigation}) => ({
+    tabBarKey: navigation.state,
+    tabBarLabel: 'Counter',
+    tabBarIcon: () => (
+       <Icon name='plus-one' size={24} color="red" />
+    )
+  });
 
   static propTypes = {
     counter: PropTypes.number.isRequired,

src/modules/navigator/Navigator.js

@@ -25,12 +25,9 @@ export const MainScreenNavigator = TabNavigator({
 
 MainScreenNavigator.navigationOptions = {
   title: 'Pepperoni App Template',
-  header: {
-    titleStyle: {color: 'white'},
-    style: {
-      backgroundColor: headerColor,
-      elevation: 0 // disable header elevation when TabNavigator visible
-    }
+  headerTintColor: 'white',
+  headerStyle: {
+    backgroundColor: headerColor
   }
 };
 

src/modules/navigator/NavigatorView.js

@@ -1,4 +1,5 @@
-import React, {PropTypes, Component} from 'react';
+import React, {Component} from 'react';
+import PropTypes from 'prop-types';
 import {addNavigationHelpers} from 'react-navigation';
 
 import AppNavigator from './Navigator';

src/redux/middleware/loggerMiddleware.js

@@ -1,4 +1,4 @@
-import createLogger from 'redux-logger';
+import {createLogger} from 'redux-logger';
 
 // log actions in development mode
 export default createLogger({