Switch SearchBar and ChromeScopes Proptypes to flow props (#4092)

src/components/Editor/SearchBar.js

@@ -30,6 +30,7 @@ import type {
 } from "../../reducers/ui";
 import type { SelectSourceOptions } from "../../actions/sources";
 import SearchInput from "../shared/SearchInput";
+import "./SearchBar.css";
 
 function getShortcuts() {
   const searchAgainKey = L10N.getStr("sourceSearch.search.again.key2");
@@ -49,28 +50,28 @@ type SearchBarState = {
   index: number
 };
 
-import "./SearchBar.css";
+type Props = {
+  editor?: SourceEditor,
+  selectSource: (string, ?SelectSourceOptions) => any,
+  selectedSource?: SourceRecord,
+  highlightLineRange: ({ start: number, end: number }) => void,
+  clearHighlightLineRange: () => void,
+  searchOn?: boolean,
+  setActiveSearch: (?ActiveSearchType) => any,
+  searchResults: SearchResults,
+  modifiers: FileSearchModifiers,
+  toggleFileSearchModifier: string => any,
+  query: string,
+  setFileSearchQuery: string => any,
+  updateSearchResults: ({ count: number, index?: number }) => any
+};
 
 class SearchBar extends Component {
   state: SearchBarState;
 
-  props: {
-    editor?: SourceEditor,
-    selectSource: (string, ?SelectSourceOptions) => any,
-    selectedSource?: SourceRecord,
-    highlightLineRange: ({ start: number, end: number }) => void,
-    clearHighlightLineRange: () => void,
-    searchOn?: boolean,
-    setActiveSearch: (?ActiveSearchType) => any,
-    searchResults: SearchResults,
-    modifiers: FileSearchModifiers,
-    toggleFileSearchModifier: string => any,
-    query: string,
-    setFileSearchQuery: string => any,
-    updateSearchResults: ({ count: number, index?: number }) => any
-  };
+  props: Props;
 
-  constructor(props) {
+  constructor(props: Props) {
     super(props);
     this.state = {
       selectedResultIndex: 0,
@@ -132,7 +133,7 @@ class SearchBar extends Component {
     shortcuts.on(searchAgainShortcut, (_, e) => this.traverseResults(e, false));
   }
 
-  componentDidUpdate(prevProps: any, prevState: any) {
+  componentDidUpdate(prevProps: Props, prevState: SearchBarState) {
     const searchInput = this.searchInput();
 
     if (searchInput) {

src/components/SecondaryPanes/ChromeScopes.js

@@ -1,11 +1,11 @@
 // @flow
-import React, { PropTypes, Component } from "react";
-import ImPropTypes from "react-immutable-proptypes";
+import React, { Component } from "react";
 import { bindActionCreators } from "redux";
 import { connect } from "react-redux";
 import classnames from "classnames";
 
 import actions from "../../actions";
+import type { Scope, Pause } from "debugger-html";
 import { getChromeScopes, getLoadedObjects, getPause } from "../../selectors";
 import Svg from "../shared/Svg";
 import ManagedTree from "../shared/ManagedTree";
@@ -32,6 +32,12 @@ function createNode(name, path, contents) {
 }
 
 class Scopes extends Component {
+  props: {
+    scopes: Array<Scope>,
+    loadedObjects: Map<string, any>,
+    loadObjectProperties: Object => void,
+    pauseInfo: Pause
+  };
   objectCache: Object;
   getChildren: Function;
   onExpand: Function;
@@ -194,13 +200,6 @@ class Scopes extends Component {
   }
 }
 
-Scopes.propTypes = {
-  scopes: PropTypes.array,
-  loadedObjects: ImPropTypes.map,
-  loadObjectProperties: PropTypes.func,
-  pauseInfo: PropTypes.object
-};
-
 Scopes.displayName = "Scopes";
 
 export default connect(