Fix prop-type warnings (firefox-devtools#4257)

* Add separate prop-types dependency

Using prop types from the React repo has been deprecated.

* Alphabetize dependencies and remove duplicates

package.json

@@ -72,8 +72,8 @@
     "devtools-components": "^0.0.2",
     "devtools-launchpad": "^0.0.100",
     "devtools-linters": "^0.0.3",
-    "devtools-reps": "^0.12.3",
     "devtools-map-bindings": "^0.2.0",
+    "devtools-reps": "^0.12.3",
     "devtools-source-editor": "0.0.6",
     "devtools-source-map": "^0.14.2",
     "devtools-splitter": "^0.0.3",
@@ -85,6 +85,7 @@
     "md5": "^2.2.1",
     "parse-script-tags": "^0.1.1",
     "pretty-fast": "^0.2.2",
+    "prop-types": "^15.6.0",
     "react": "^15.6.2",
     "react-dom": "^15.6.2",
     "react-immutable-proptypes": "^2.1.0",
@@ -113,14 +114,11 @@
     "enzyme": "^2.9.1",
     "eslint": "^4.2.0",
     "eslint-config-prettier": "^2.3.0",
-    "eslint-plugin-babel": "^3.3.0",
-    "eslint-plugin-flowtype": "^2.20.0",
-    "eslint-plugin-mozilla": "0.4.3",
-    "eslint-plugin-prettier": "^2.3.1",
-    "eslint-plugin-react": "^7.2.1",
     "eslint-plugin-babel": "^4.1.2",
     "eslint-plugin-flowtype": "^2.36.0",
     "eslint-plugin-mozilla": "^0.4.4",
+    "eslint-plugin-prettier": "^2.3.1",
+    "eslint-plugin-react": "^7.2.1",
     "expect.js": "^0.3.1",
     "flow-bin": "^0.52.0",
     "glob": "^7.0.3",

src/components/App.js

@@ -1,6 +1,7 @@
 // @flow
 
-import React, { PropTypes, Component } from "react";
+import PropTypes from "prop-types";
+import React, { Component } from "react";
 import { connect } from "react-redux";
 import { bindActionCreators } from "redux";
 import { features } from "../utils/prefs";

src/components/Editor/SearchBar.js

@@ -1,6 +1,7 @@
 // @flow
 
-import React, { Component, PropTypes } from "react";
+import PropTypes from "prop-types";
+import React, { Component } from "react";
 import { findDOMNode } from "react-dom";
 import { connect } from "react-redux";
 import { bindActionCreators } from "redux";

src/components/Editor/index.js

@@ -1,5 +1,6 @@
 // @flow
-import React, { PropTypes, PureComponent } from "react";
+import PropTypes from "prop-types";
+import React, { PureComponent } from "react";
 import ReactDOM from "react-dom";
 import ImPropTypes from "react-immutable-proptypes";
 import { bindActionCreators } from "redux";

src/components/PrimaryPanes/SourcesTree.js

@@ -2,7 +2,8 @@
 
 import { bindActionCreators } from "redux";
 import { connect } from "react-redux";
-import React, { PropTypes, Component } from "react";
+import PropTypes from "prop-types";
+import React, { Component } from "react";
 import classnames from "classnames";
 import ImPropTypes from "react-immutable-proptypes";
 import { Set } from "immutable";

src/components/ProjectSearch/SourceSearch.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from "react";
+import PropTypes from "prop-types";
+import React, { Component } from "react";
 
 import { isPretty, getSourcePath, isThirdParty } from "../../utils/source";
 import { endTruncateStr } from "../../utils/utils";

src/components/ProjectSearch/TextSearch.js

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

src/components/ProjectSearch/ToggleSearch.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from "react";
+import PropTypes from "prop-types";
+import React, { Component } from "react";
 import classnames from "classnames";
 
 export default class ToggleSearch extends Component {

src/components/ProjectSearch/index.js

@@ -1,6 +1,7 @@
 // @flow
 
-import React, { PropTypes, Component } from "react";
+import PropTypes from "prop-types";
+import React, { Component } from "react";
 import { connect } from "react-redux";
 import { bindActionCreators } from "redux";
 import actions from "../../actions";

src/components/SecondaryPanes/CommandBar.js

@@ -1,5 +1,6 @@
 // @flow
-import React, { Component, PropTypes } from "react";
+import PropTypes from "prop-types";
+import React, { Component } from "react";
 import { connect } from "react-redux";
 import { bindActionCreators } from "redux";
 import classnames from "classnames";

src/components/SecondaryPanes/Frames/index.js

@@ -1,6 +1,7 @@
 // @flow
 
-import React, { PropTypes, Component, createFactory } from "react";
+import PropTypes from "prop-types";
+import React, { Component, createFactory } from "react";
 import { bindActionCreators } from "redux";
 import { connect } from "react-redux";
 import { createSelector } from "reselect";

src/components/SecondaryPanes/index.js

@@ -1,5 +1,6 @@
 // @flow
-import React, { PropTypes, Component } from "react";
+import PropTypes from "prop-types";
+import React, { Component } from "react";
 import { connect } from "react-redux";
 import { bindActionCreators } from "redux";
 import { features } from "../../utils/prefs";

src/components/SymbolModal.js

@@ -1,6 +1,7 @@
 // @flow
 
-import React, { Component, PropTypes } from "react";
+import PropTypes from "prop-types";
+import React, { Component } from "react";
 import { connect } from "react-redux";
 import { bindActionCreators } from "redux";
 import { filter } from "fuzzaldrin-plus";

src/components/shared/Modal.js

@@ -1,6 +1,7 @@
 // @flow
 
-import React, { PropTypes, Component } from "react";
+import PropTypes from "prop-types";
+import React, { Component } from "react";
 import type { Children } from "react";
 import classnames from "classnames";
 import Transition from "react-transition-group/Transition";

src/components/stories/ManagedTree.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from "react";
+import PropTypes from "prop-types";
+import React from "react";
 import { storiesOf } from "@storybook/react";
 import ManagedTree from "../shared/ManagedTree";
 import { L10N } from "devtools-launchpad";

src/components/stories/Outline.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from "react";
+import PropTypes from "prop-types";
+import React from "react";
 import { storiesOf } from "@storybook/react";
 import { action } from "@storybook/addon-actions";
 

src/components/stories/Preview.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from "react";
+import PropTypes from "prop-types";
+import React from "react";
 import { storiesOf } from "@storybook/react";
 import { action } from "@storybook/addon-actions";
 

src/components/stories/ResultList.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from "react";
+import PropTypes from "prop-types";
+import React from "react";
 import { storiesOf } from "@storybook/react";
 import { action } from "@storybook/addon-actions";
 

src/components/stories/SearchInput.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from "react";
+import PropTypes from "prop-types";
+import React from "react";
 import { storiesOf } from "@storybook/react";
 import { action } from "@storybook/addon-actions";
 

src/components/stories/TextSearch.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from "react";
+import PropTypes from "prop-types";
+import React from "react";
 import { storiesOf } from "@storybook/react";
 import { L10N } from "devtools-launchpad";
 

src/components/stories/Workers.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from "react";
+import PropTypes from "prop-types";
+import React from "react";
 import { storiesOf } from "@storybook/react";
 import { Workers } from "../SecondaryPanes/Workers";
 import { L10N } from "devtools-launchpad";

src/components/stories/frames.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from "react";
+import PropTypes from "prop-types";
+import React from "react";
 import classnames from "classnames";
 import { storiesOf } from "@storybook/react";
 import { action } from "@storybook/addon-actions";

src/components/stories/helpers/shortcuts.js

@@ -1,4 +1,5 @@
-import { PropTypes, Component } from "react";
+import PropTypes from "prop-types";
+import { Component } from "react";
 
 import { KeyShortcuts } from "devtools-modules";
 const shortcuts = new KeyShortcuts({ window });

src/components/stories/tabs.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from "react";
+import PropTypes from "prop-types";
+import React from "react";
 import { storiesOf } from "@storybook/react";
 import { action } from "@storybook/addon-actions";
 

yarn.lock

@@ -7700,7 +7700,7 @@ [email protected]:
   dependencies:
     fbjs "^0.8.9"
 
-prop-types@^15.5.10, prop-types@^15.5.4, prop-types@^15.5.6, prop-types@^15.5.8, prop-types@^15.5.9:
+prop-types@^15.5.10, prop-types@^15.5.4, prop-types@^15.5.6, prop-types@^15.5.8, prop-types@^15.5.9, prop-types@^15.6.0:
   version "15.6.0"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.6.0.tgz#ceaf083022fc46b4a35f69e13ef75aed0d639856"
   dependencies: