Using prop-types package for React 15.5 compatibility

Author: davidkpiano

package.json

@@ -93,6 +93,7 @@
     "invariant": "~2.2.1",
     "lodash.get": "~4.4.2",
     "lodash.topath": "~4.5.2",
+    "prop-types": "^15.5.6",
     "shallow-compare": "1.2.1"
   },
   "peerDependencies": {

src/components/control-component.js

@@ -1,4 +1,5 @@
-import React, { Component, createElement, cloneElement, PropTypes } from 'react';
+import React, { Component, createElement, cloneElement } from 'react';
+import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { compose } from 'redux';
 import identity from '../utils/identity';

src/components/errors-component.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import _get from '../utils/get';
 import map from '../utils/map';

src/components/field-component.js

@@ -1,5 +1,5 @@
-import React, { Component, PropTypes } from 'react';
-
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import _get from '../utils/get';
 import identity from '../utils/identity';
 import omit from '../utils/omit';

src/components/fieldset-component.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import getModel from '../utils/get-model';
 import omit from '../utils/omit';

src/components/form-component.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import shallowEqual from '../utils/shallow-equal';
 import _get from '../utils/get';

src/components/local-form-component.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import Form from './form-component';
 import combineForms from '../reducers/forms-reducer';
 import { createStore } from 'redux';

src/utils/resolve-model.js

@@ -1,4 +1,5 @@
-import React, { Component, PureComponent, PropTypes } from 'react';
+import React, { Component, PureComponent } from 'react';
+import PropTypes from 'prop-types';
 import shallowEqual from './shallow-equal';
 
 const ReactComponent = PureComponent || Component;

test/custom-control-component-spec.js

@@ -1,6 +1,7 @@
 /* eslint react/no-multi-comp:0 react/jsx-no-bind:0 */
 import { assert } from 'chai';
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import TestUtils from 'react-addons-test-utils';
 import { Provider } from 'react-redux';
 
@@ -248,7 +249,7 @@ describe('custom <Control /> components', () => {
     }
 
     TextInput.propTypes = {
-      onChangeText: React.PropTypes.func,
+      onChangeText: PropTypes.func,
     };
 
     const mapProps = {
@@ -314,9 +315,9 @@ describe('custom <Control /> components', () => {
     }
 
     TextInput.propTypes = {
-      onChangeText: React.PropTypes.func,
-      focus: React.PropTypes.bool,
-      touched: React.PropTypes.bool,
+      onChangeText: PropTypes.func,
+      focus: PropTypes.bool,
+      touched: PropTypes.bool,
     };
 
     const mapProps = {

test/field-component-spec.js

@@ -1,5 +1,6 @@
 /* eslint react/no-multi-comp:0 react/jsx-no-bind:0 */
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
 import { assert } from 'chai';
 import { createStore, applyMiddleware, combineReducers } from 'redux';
@@ -187,7 +188,7 @@ Object.keys(testContexts).forEach((testKey) => {
       }
 
       ChildOnlyComp.propTypes = {
-        children: React.PropTypes.node,
+        children: PropTypes.node,
       };
 
       const field = TestUtils.renderIntoDocument(