Update npm dependencies

.circleci/config.yml

@@ -337,12 +337,6 @@ jobs:
     - run:
         name: sentry sourcemaps upload
         command: npm run sentry:publish
-  #        - run:
-  #            name: github gh-pages docs publish
-  #            command: >
-  #              git config user.name metamaskbot
-  #              git config user.email admin@metamask.io
-  #              gh-pages -d docs/jsdocs
 
   test-unit:
     docker:

.eslintrc

@@ -27,8 +27,8 @@
   },
 
   "plugins": [
+    "babel",
     "mocha",
-    "chai",
     "react",
     "json"
   ],

README.md

@@ -18,10 +18,6 @@
 
  Uncompressed builds can be found in `/dist`, compressed builds can be found in `/builds` once they're built.
 
-## Contributing
-
-You can re-generate the docs locally by running `npm run doc`, and contributors can update the hosted docs by running `npm run publish-docs`.
-
 ### Running Tests
 
 Requires `mocha` installed. Run `npm install -g mocha`.

app/scripts/platforms/extension.js

@@ -110,7 +110,7 @@ class ExtensionPlatform {
       })
   }
 
-  _subscribeToNotificationClicked = () => {
+  _subscribeToNotificationClicked () {
     if (extension.notifications.onClicked.hasListener(this._viewOnExplorer)) {
       extension.notifications.onClicked.removeListener(this._viewOnExplorer)
     }

babel.config.js

@@ -0,0 +1,25 @@
+module.exports = function (api) {
+  api.cache(false)
+  return {
+    presets: [
+      [
+        '@babel/preset-env',
+        {
+          targets: {
+            browsers: [
+              'chrome >= 58',
+              'firefox >= 56.2',
+            ],
+          },
+        },
+      ],
+      '@babel/preset-react',
+    ],
+    plugins: [
+      '@babel/plugin-transform-runtime',
+      '@babel/plugin-proposal-class-properties',
+      '@babel/plugin-proposal-object-rest-spread',
+      '@babel/plugin-proposal-optional-chaining',
+    ],
+  }
+}

mascara/src/app/first-time/import-account-screen.js

@@ -5,7 +5,19 @@ import classnames from 'classnames'
 import LoadingScreen from './loading-screen'
 import {importNewAccount, hideWarning} from '../../../../ui/app/actions'
 
-const Input = ({ label, placeholder, onChange, errorMessage, type = 'text' }) => (
+class Input extends Component {
+
+  static propTypes = {
+    label: PropTypes.string.isRequired,
+    placeholder: PropTypes.string.isRequired,
+    type: PropTypes.string.isRequired,
+    errorMessage: PropTypes.string.isRequired,
+    onChange: PropTypes.func.isRequired,
+  }
+
+render () {
+  const {label, type, placeholder, errorMessage, onChange} = this.props
+  return (
   <div className="import-account__input-wrapper">
     <div className="import-account__input-label">{label}</div>
     <input
@@ -19,14 +31,8 @@ const Input = ({ label, placeholder, onChange, errorMessage, type = 'text' }) =>
     <div className="import-account__input-error-message">{errorMessage}</div>
   </div>
 )
-
-Input.prototype.propTypes = {
-  label: PropTypes.string.isRequired,
-  placeholder: PropTypes.string.isRequired,
-  type: PropTypes.string.isRequired,
-  errorMessage: PropTypes.string.isRequired,
-  onChange: PropTypes.func.isRequired,
 }
+    }
 
 class ImportAccountScreen extends Component {
   static OPTIONS = {

old-ui/app/components/add-token/add-token.component.js

@@ -39,6 +39,7 @@ export default class AddTokenScreen extends Component {
     address: PropTypes.string,
     dispatch: PropTypes.func,
     network: PropTypes.string,
+    addToken: PropTypes.func,
   }
 
   constructor (props) {

old-ui/app/components/app-bar/networks-menu.js

@@ -17,6 +17,8 @@ class NetworksMenu extends Component {
     provider: PropTypes.any.isRequired,
     frequentRpcList: PropTypes.array.isRequired,
     isNetworkMenuOpen: PropTypes.bool,
+    setProviderType: PropTypes.function,
+    showDeleteRPC: PropTypes.function,
   }
 
   render () {

old-ui/app/components/buy-button-subview.js

@@ -14,6 +14,11 @@ import PropTypes from 'prop-types'
 import { getMetaMaskAccounts } from '../../../ui/app/selectors'
 
 class BuyButtonSubview extends Component {
+  static propTypes = {
+    isSubLoading: PropTypes.bool,
+    identity: PropTypes.object,
+    account: PropTypes.object,
+  }
   render () {
     return (
       <div style={{ width: '100%' }}>

old-ui/app/components/fiat-value.js

@@ -4,6 +4,11 @@ import PropTypes from 'prop-types'
 import { DAI_CODE, POA_SOKOL_CODE, RSK_TESTNET_CODE, GOERLI_TESTNET_CODE } from '../../../app/scripts/controllers/network/enums'
 
 class FiatValue extends Component {
+  static propTypes = {
+    value: PropTypes.number,
+    valueStyle: PropTypes.object,
+    dimStyle: PropTypes.object,
+  }
   render = () => {
     const props = this.props
     let { conversionRate } = props

old-ui/app/components/pending-msg-details.js

@@ -1,7 +1,15 @@
 import React, {Component} from 'react'
 import AccountPanel from './account-panel'
+import PropTypes from 'prop-types'
 
 export default class PendingMsgDetails extends Component {
+  static propTypes = {
+    txData: PropTypes.object,
+    selectedAddress: PropTypes.string,
+    identities: PropTypes.object,
+    accounts: PropTypes.array,
+    imageifyIdenticons: PropTypes.any,
+  }
   render () {
     var state = this.props
     var msgData = state.txData

old-ui/app/components/pending-msg.js

@@ -1,7 +1,14 @@
 import React, { Component } from 'react'
 import PendingTxDetails from './pending-msg-details'
+import PropTypes from 'prop-types'
 
 export default class PendingMsg extends Component {
+  static propTypes = {
+    txData: PropTypes.object,
+    cancelMessage: PropTypes.function,
+    signMessage: PropTypes.function,
+  }
+
   render () {
     var state = this.props
     var msgData = state.txData

old-ui/app/components/pending-personal-msg-details.js

@@ -1,8 +1,17 @@
 import React, {Component} from 'react'
 import AccountPanel from './account-panel'
 import BinaryRenderer from './binary-renderer'
+import PropTypes from 'prop-types'
 
 export default class PendingMsgDetails extends Component {
+  static propTypes = {
+    txData: PropTypes.object,
+    selectedAddress: PropTypes.string,
+    identities: PropTypes.object,
+    accounts: PropTypes.object,
+    imageifyIdenticons: PropTypes.object,
+  }
+
   render () {
     var state = this.props
     var msgData = state.txData

old-ui/app/components/pending-personal-msg.js

@@ -1,7 +1,14 @@
 import React, { Component } from 'react'
 import PendingTxDetails from './pending-personal-msg-details'
+import PropTypes from 'prop-types'
 
 export default class PendingMsg extends Component {
+  static propTypes = {
+    txData: PropTypes.object,
+    cancelPersonalMessage: PropTypes.function,
+    signPersonalMessage: PropTypes.function,
+  }
+
   render () {
     var state = this.props
     var msgData = state.txData

old-ui/app/components/pending-typed-msg-details.js

@@ -1,8 +1,17 @@
 import React, {Component} from 'react'
 import AccountPanel from './account-panel'
 import TypedMessageRenderer from './typed-message-renderer'
+import PropTypes from 'prop-types'
 
 export default class PendingMsgDetails extends Component {
+  static propTypes = {
+    txData: PropTypes.object,
+    selectedAddress: PropTypes.string,
+    identities: PropTypes.object,
+    accounts: PropTypes.array,
+    imageifyIdenticons: PropTypes.any,
+  }
+
   render () {
     var state = this.props
     var msgData = state.txData

old-ui/app/components/pending-typed-msg.js

@@ -1,7 +1,14 @@
 import React, { Component } from 'react'
 import PendingTxDetails from './pending-typed-msg-details'
+import PropTypes from 'prop-types'
 
 export default class PendingMsg extends Component {
+  static propTypes = {
+    txData: PropTypes.object,
+    cancelTypedMessage: PropTypes.function,
+    signTypedMessage: PropTypes.function,
+  }
+
   render () {
     var state = this.props
     var msgData = state.txData

old-ui/app/components/send/send-profile.js

@@ -5,8 +5,20 @@ import { addressSummary } from '../../util'
 import EthBalance from '../eth-balance'
 import TokenBalance from '../token-balance'
 import { getMetaMaskAccounts } from '../../../../ui/app/selectors'
+import PropTypes from 'prop-types'
 
 class SendProfile extends Component {
+	static propTypes = {
+		address: PropTypes.string,
+		account: PropTypes.object,
+		identity: PropTypes.object,
+		network: PropTypes.string,
+		conversionRate: PropTypes.number,
+		currentCurrency: PropTypes.string,
+		isToken: PropTypes.bool,
+		token: PropTypes.any,
+	}
+
 	render () {
 		const props = this.props
 		const {

old-ui/app/components/tooltip.js

@@ -1,8 +1,16 @@
 import React, { Component } from 'react'
 import ReactTooltip from 'react-tooltip'
+import PropTypes from 'prop-types'
 
 class Tooltip extends Component {
 
+  static propTypes = {
+    position: PropTypes.any,
+    title: PropTypes.string,
+    id: PropTypes.any,
+    children: PropTypes.any,
+  }
+
     render () {
       const props = this.props
       const { position, title, children, id } = props

old-ui/app/config.js

@@ -38,6 +38,7 @@ class ConfigScreen extends Component {
   static propTypes = {
     dispatch: PropTypes.func,
     metamask: PropTypes.object,
+    warning: PropTypes.string,
   }
 
   render () {