Fixes #3: Update react to 15.5 (#35)

* Run react codemods

* Update react 15.5

* fix proptypes manually

* fix yarn url

* fix order

package.json

@@ -39,13 +39,14 @@
     "lodash": "^4.17.2",
     "moment": "^2.14.1",
     "prettier": "^0.22.0",
+    "prop-types": "^15.5.10",
     "query-string": "^4.2.3",
-    "react": "^15.4.2",
+    "react": "^15.5.0",
     "react-addons-perf": "^15.4.1",
     "react-addons-shallow-compare": "^15.3.2",
     "react-addons-test-utils": "^15.3.1",
     "react-dimensions": "^1.3.0",
-    "react-dom": "^15.4.1",
+    "react-dom": "^15.5.0",
     "react-ga": "^2.1.2",
     "react-helmet": "^3.1.0",
     "react-immutable-proptypes": "^2.1.0",

src/components/App/NotFound.js

@@ -18,7 +18,8 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import React, { PropTypes } from 'react';
+import PropTypes from 'prop-types';
+import React from 'react';
 import { Link } from 'react-router';
 
 export default function NotFound({ error }) {

src/components/App/Page.js

@@ -18,7 +18,8 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import React, { PropTypes } from 'react';
+import PropTypes from 'prop-types';
+import React from 'react';
 import Helmet from 'react-helmet';
 import { Sticky, StickyContainer } from 'react-sticky';
 

src/components/App/TraceIDSearchInput.js

@@ -18,7 +18,8 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import React, { PropTypes, Component } from 'react';
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
 import { withRouter } from 'react-router';
 
 class TraceIDSearchInput extends Component {

src/components/App/index.js

@@ -18,7 +18,8 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import React, { Component, PropTypes } from 'react';
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
 import { Provider } from 'react-redux';
 import { Router, Route, IndexRedirect, browserHistory } from 'react-router';
 import { syncHistoryWithStore } from 'react-router-redux';

src/components/DependencyGraph/DAG.js

@@ -18,7 +18,8 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import React, { PropTypes } from 'react';
+import PropTypes from 'prop-types';
+import React from 'react';
 import cytoscape from 'cytoscape';
 import cydagre from 'cytoscape-dagre';
 import dagre from 'dagre';

src/components/DependencyGraph/index.js

@@ -18,7 +18,8 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import React, { Component, PropTypes } from 'react';
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
 import { bindActionCreators } from 'redux';
 import { connect } from 'react-redux';
 import { Menu } from 'semantic-ui-react';

src/components/SearchTracePage/SearchDropdownInput.js

@@ -18,7 +18,8 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import React, { PropTypes, Component } from 'react';
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
 import { Dropdown } from 'semantic-ui-react';
 
 /**

src/components/SearchTracePage/TraceResultsScatterPlot.js

@@ -18,7 +18,8 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import React, { PropTypes } from 'react';
+import PropTypes from 'prop-types';
+import React from 'react';
 import moment from 'moment';
 import { XYPlot, XAxis, YAxis, MarkSeries } from 'react-vis';
 import 'react-vis/main.css';

src/components/SearchTracePage/TraceSearchForm.js

@@ -18,7 +18,8 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import React, { PropTypes } from 'react';
+import PropTypes from 'prop-types';
+import React from 'react';
 import { bindActionCreators } from 'redux';
 import { connect } from 'react-redux';
 import { Field, reduxForm, formValueSelector } from 'redux-form';

src/components/SearchTracePage/TraceSearchResult.js

@@ -18,7 +18,8 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import React, { PropTypes } from 'react';
+import PropTypes from 'prop-types';
+import React from 'react';
 import { sortBy } from 'lodash';
 import moment from 'moment';
 

src/components/SearchTracePage/TraceServiceTag.js

@@ -18,7 +18,8 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import React, { PropTypes } from 'react';
+import PropTypes from 'prop-types';
+import React from 'react';
 import colorGenerator from '../../utils/color-generator';
 
 export default function TraceServiceTag({ service }) {

src/components/SearchTracePage/index.js

@@ -18,7 +18,8 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import React, { PropTypes, Component } from 'react';
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
 import { bindActionCreators } from 'redux';
 import { connect } from 'react-redux';
 import { Field, reduxForm, formValueSelector } from 'redux-form';

src/components/SpanGraph/SpanGraphSpan.js

@@ -18,7 +18,8 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import React, { Component, PropTypes } from 'react';
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
 import shallowCompare from 'react-addons-shallow-compare';
 
 import spanPropTypes from '../../propTypes/span';

src/components/SpanGraph/SpanGraphTick.js

@@ -18,7 +18,8 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import React, { Component, PropTypes } from 'react';
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
 import { isEqual } from 'lodash';
 
 import spanGraphTickPropTypes from '../../propTypes/spanGraphTick';

src/components/SpanGraph/SpanGraphTickHeader.js

@@ -18,7 +18,8 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import React, { Component, PropTypes } from 'react';
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
 import { isEqual } from 'lodash';
 
 import tracePropTypes from '../../propTypes/trace';

src/components/SpanGraph/SpanGraphTickHeaderLabel.js

@@ -18,7 +18,8 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import React, { PropTypes } from 'react';
+import PropTypes from 'prop-types';
+import React from 'react';
 
 import tracePropTypes from '../../propTypes/trace';
 import { formatDurationForTrace } from '../../selectors/trace';

src/components/SpanGraph/index.js

@@ -18,7 +18,8 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import React, { Children, PropTypes } from 'react';
+import PropTypes from 'prop-types';
+import React, { Children } from 'react';
 
 import './SpanGraph.css';
 import SpanGraphTick from './SpanGraphTick';

src/components/TracePage/TimelineScrubber.js

@@ -18,7 +18,8 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import React, { PropTypes } from 'react';
+import PropTypes from 'prop-types';
+import React from 'react';
 
 import tracePropTypes from '../../propTypes/trace';
 import { getTraceTimestamp, getTraceDuration } from '../../selectors/trace';

src/components/TracePage/TracePageHeader.js

@@ -18,7 +18,8 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import React, { PropTypes } from 'react';
+import PropTypes from 'prop-types';
+import React from 'react';
 import { Dropdown, Menu } from 'semantic-ui-react';
 
 import tracePropTypes from '../../propTypes/trace';

src/components/TracePage/TracePageTimeline.js

@@ -18,7 +18,8 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import React, { Component, PropTypes } from 'react';
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
 import { window } from 'global';
 
 import SpanGraph from '../SpanGraph';

src/components/TracePage/TraceTimelineViewer/SpanBreakdownGraph.js

@@ -18,7 +18,8 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import React, { PropTypes } from 'react';
+import PropTypes from 'prop-types';
+import React from 'react';
 import SpanGraphTick from '../../SpanGraph/SpanGraphTick';
 import logPropTypes from '../../../propTypes/log';
 

src/components/TracePage/TraceTimelineViewer/SpanDetail.js

@@ -18,7 +18,8 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import React, { PropTypes } from 'react';
+import PropTypes from 'prop-types';
+import React from 'react';
 import { withState } from 'recompose';
 
 import jsonMarkup from 'json-markup';
@@ -163,7 +164,7 @@ function Logs({ logs, traceStartTime, open, onToggleOpen }) {
 Logs.propTypes = {
   open: PropTypes.bool,
   onToggleOpen: PropTypes.func,
-  logs: PropTypes.array(
+  logs: PropTypes.arrayOf(
     PropTypes.shape({
       timestamp: PropTypes.number,
       fields: PropTypes.array,

src/components/TracePage/TraceTimelineViewer/index.js

@@ -18,7 +18,8 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import React, { Component, PropTypes } from 'react';
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
 import _ from 'lodash';
 import {
   onlyUpdateForKeys,

src/components/TracePage/index.js

@@ -18,7 +18,8 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import React, { Component, PropTypes } from 'react';
+import PropTypes from 'prop-types';
+import React, { Component } from 'react';
 import { bindActionCreators } from 'redux';
 import { connect } from 'react-redux';
 import { Sticky } from 'react-sticky';

src/propTypes/dependencies.js

@@ -18,7 +18,7 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import { PropTypes } from 'react';
+import PropTypes from 'prop-types';
 
 export const nodesPropTypes = PropTypes.arrayOf(
   PropTypes.shape({

src/propTypes/log.js

@@ -18,7 +18,7 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import { PropTypes } from 'react';
+import PropTypes from 'prop-types';
 
 export default PropTypes.shape({
   timestamp: PropTypes.number,

src/propTypes/span.js

@@ -18,7 +18,7 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import { PropTypes } from 'react';
+import PropTypes from 'prop-types';
 
 export default PropTypes.shape({
   duration: PropTypes.number,

src/propTypes/spanGraphTick.js

@@ -18,7 +18,7 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import { PropTypes } from 'react';
+import PropTypes from 'prop-types';
 
 export default PropTypes.shape({
   timestamp: PropTypes.number,

src/propTypes/tag.js

@@ -18,7 +18,7 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import { PropTypes } from 'react';
+import PropTypes from 'prop-types';
 
 export default PropTypes.shape({
   key: PropTypes.string,

src/propTypes/trace.js

@@ -18,7 +18,7 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import { PropTypes } from 'react';
+import PropTypes from 'prop-types';
 
 import spanPropTypes from './span';
 

src/propTypes/traceColumn.js

@@ -18,7 +18,7 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import { PropTypes } from 'react';
+import PropTypes from 'prop-types';
 
 export default PropTypes.shape({
   comparator: PropTypes.func.isRequired,

src/propTypes/traceTableColumn.js

@@ -18,7 +18,7 @@
 // OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // THE SOFTWARE.
 
-import { PropTypes } from 'react';
+import PropTypes from 'prop-types';
 
 export default PropTypes.shape({
   timestamp: PropTypes.number,