fix(PropTypes): import PropTypes from prop-types (reactstrap#395)

Using the PropTypes via the react package is deprecated as of React
15.5.0.

Use the PropTypes from the prop-types package as recommended.

See https://facebook.github.io/react/blog/2017/04/07/react-v15.5.0.html

Author: apaatsio

package.json

@@ -91,13 +91,14 @@
     "lodash.isobject": "^3.0.2",
     "lodash.omit": "^4.4.1",
     "lodash.tonumber": "^4.0.3",
+    "prop-types": "^15.5.8",
     "reactstrap-tether": "1.3.4"
   },
   "peerDependencies": {
-    "react": "^0.14.0 || ^15.0.0",
-    "react-addons-css-transition-group": "^0.14.0 || ^15.0.0",
-    "react-addons-transition-group": "^0.14.0 || ^15.0.0",
-    "react-dom": "^0.14.0 || ^15.0.0"
+    "react": "^0.14.9 || ^15.3.0",
+    "react-addons-css-transition-group": "^0.14.8 || ^15.3.0",
+    "react-addons-transition-group": "^0.14.8 || ^15.3.0",
+    "react-dom": "^0.14.9 || ^15.3.0"
   },
   "devDependencies": {
     "babel-cli": "^6.14.0",

src/Alert.js

@@ -1,9 +1,9 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import ReactCSSTransitionGroup from 'react-addons-css-transition-group';
 import { mapToCssModules } from './utils';
 
-const { PropTypes } = React;
 const FirstChild = ({ children }) => (
   React.Children.toArray(children)[0] || null
 );

src/Badge.js

@@ -1,8 +1,8 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { mapToCssModules } from './utils';
 
-const { PropTypes } = React;
 const propTypes = {
   color: PropTypes.string,
   pill: PropTypes.bool,

src/Breadcrumb.js

@@ -1,8 +1,8 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { mapToCssModules } from './utils';
 
-const { PropTypes } = React;
 const propTypes = {
   tag: PropTypes.string,
   className: PropTypes.string,

src/BreadcrumbItem.js

@@ -1,8 +1,8 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { mapToCssModules } from './utils';
 
-const { PropTypes } = React;
 const propTypes = {
   tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
   active: PropTypes.bool,

src/Button.js

@@ -1,8 +1,8 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { mapToCssModules } from './utils';
 
-const { PropTypes } = React;
 const propTypes = {
   active: PropTypes.bool,
   block: PropTypes.bool,

src/ButtonDropdown.js

@@ -1,7 +1,7 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import Dropdown from './Dropdown';
 
-const { PropTypes } = React;
 const propTypes = {
   children: PropTypes.node,
 };

src/ButtonGroup.js

@@ -1,8 +1,8 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { mapToCssModules } from './utils';
 
-const { PropTypes } = React;
 const propTypes = {
   tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
   'aria-label': PropTypes.string,

src/ButtonToolbar.js

@@ -1,8 +1,8 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { mapToCssModules } from './utils';
 
-const { PropTypes } = React;
 const propTypes = {
   tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
   'aria-label': PropTypes.string,

src/Card.js

@@ -1,8 +1,8 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { mapToCssModules } from './utils';
 
-const { PropTypes } = React;
 const propTypes = {
   tag: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
   inverse: PropTypes.bool,