UPDATE packages by adopting prop-types over react.PropTypes

package.json

@@ -45,6 +45,7 @@
     "classnames": "^2.2.5",
     "keycoder": "^1.1.1",
     "moment": "^2.13.0",
+    "prop-types": "^15.5.9",
     "svg4everybody": "^2.0.3",
     "uuid": "^2.0.2"
   },
@@ -76,9 +77,9 @@
     "jest": "^16.0.2",
     "npm-run-all": "^4.0.1",
     "power-assert": "^1.4.1",
-    "react": "^15.3.0",
+    "react": "^15.5.4",
     "react-addons-test-utils": "^15.3.0",
-    "react-dom": "^15.3.0"
+    "react-dom": "^15.5.4"
   },
   "jest": {
     "testRegex": "(/test/.*|\\.(test|spec))\\.js$",

src/scripts/Badge.js

@@ -1,4 +1,6 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
+
 import classnames from 'classnames';
 
 const Badge = ({ children, type, label, ...props }) => {

src/scripts/BreadCrumbs.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
 export const Crumb = ({ className, href, children, ...props }) => {

src/scripts/Button.js

@@ -1,4 +1,6 @@
-import React, { PropTypes, Component } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+
 import classnames from 'classnames';
 import Icon from './Icon';
 import Spinner from './Spinner';

src/scripts/ButtonGroup.js

@@ -1,4 +1,6 @@
-import React, { PropTypes, Component, Children } from 'react';
+import React, { Component, Children } from 'react';
+import PropTypes from 'prop-types';
+
 import classnames from 'classnames';
 import DropdownButton from './DropdownButton';
 

src/scripts/Checkbox.js

@@ -1,4 +1,5 @@
-import React, { PropTypes, Component } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import FormElement from './FormElement';
 

src/scripts/CheckboxGroup.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import FormElement from './FormElement';
 

src/scripts/Container.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
 const Container = ({ className, size, align, children, ...props }) => {

src/scripts/DateInput.js

@@ -1,4 +1,5 @@
-import React, { PropTypes, Component } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import moment from 'moment';
 import FormElement from './FormElement';

src/scripts/Datepicker.js

@@ -1,4 +1,5 @@
-import React, { PropTypes, Component } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import moment from 'moment';
 import Button from './Button';

src/scripts/DropdownButton.js

@@ -1,4 +1,5 @@
-import React, { PropTypes, Component } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import Button from './Button';
 import DropdownMenu from './DropdownMenu';

src/scripts/DropdownMenu.js

@@ -1,4 +1,5 @@
-import React, { PropTypes, Component } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import Icon from './Icon';
 import { PicklistItem } from './Picklist';

src/scripts/FieldSet.js

@@ -1,4 +1,5 @@
-import React, { PropTypes, Component } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import FormElement from './FormElement';
 import { uuid } from './util';

src/scripts/Form.js

@@ -1,4 +1,5 @@
-import React, { PropTypes, Component } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import FormElement from './FormElement';
 import { uuid } from './util';

src/scripts/FormElement.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { registerStyle } from './util';
 

src/scripts/Grid.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
 const Grid = ({ className, frame, vertical, children, tag, ...props }) => {

src/scripts/Icon.js

@@ -1,4 +1,5 @@
-import React, { PropTypes, Component } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import svg4everybody from 'svg4everybody';
 import { getAssetRoot } from './util';

src/scripts/Input.js

@@ -1,4 +1,5 @@
-import React, { PropTypes, Component } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import keycoder from 'keycoder';
 import Icon from './Icon';

src/scripts/Lookup.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import FormElement from './FormElement';
 import Input from './Input';

src/scripts/MediaObject.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
 import classNames from 'classnames';
 

src/scripts/Modal.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import Button from './Button';
 

src/scripts/Notification.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import Button from './Button';
 import Icon from './Icon';

src/scripts/PageHeader.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
 import classNames from 'classnames';
 

src/scripts/Picklist.js

@@ -1,4 +1,5 @@
-import React, { PropTypes, Component } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import FormElement from './FormElement';
 import Icon from './Icon';

src/scripts/Pill.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
 import Icon from './Icon';

src/scripts/Popover.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { findDOMNode } from 'react-dom';
 import { isElInChildren, cleanProps } from './util';

src/scripts/Radio.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
 const Radio = ({ className, label, name, value, checked, defaultChecked, ...props }) => {

src/scripts/RadioGroup.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import FormElement from './FormElement';
 

src/scripts/SalesPath.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import Icon from './Icon';
 

src/scripts/Select.js

@@ -1,4 +1,5 @@
-import React, { PropTypes, Component } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import FormElement from './FormElement';
 import { uuid } from './util';

src/scripts/Spinner.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { registerStyle } from './util';
 

src/scripts/Table.js

@@ -1,4 +1,5 @@
-import React, { PropTypes, Component } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
 import Icon from './Icon';

src/scripts/Tabs.js

@@ -1,4 +1,5 @@
-import React, { PropTypes, Component } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { registerStyle } from './util';
 import DropdownButton from './DropdownButton';

src/scripts/Text.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 
 import classnames from 'classnames';
 

src/scripts/Textarea.js

@@ -1,4 +1,5 @@
-import React, { PropTypes, Component } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import FormElement from './FormElement';
 import { uuid } from './util';

src/scripts/Toggle.js

@@ -1,4 +1,5 @@
-import React, { PropTypes, Component } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
 import FormElement from './FormElement';

src/scripts/Tree.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes, Children, cloneElement } from 'react';
+import React, { Component, Children, cloneElement } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { cleanProps } from './util';
 

src/scripts/TreeNode.js

@@ -1,4 +1,5 @@
-import React, { PropTypes, Component } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import Button from './Button';
 import Spinner from './Spinner';