Upgrade all dependencies

.browserslistrc

@@ -0,0 +1,4 @@
+>1%
+last 4 versions
+Firefox ESR
+not ie < 9

config/webpack.config.base.js

@@ -101,12 +101,6 @@ module.exports = {
                   plugins: () => [
                     require('postcss-flexbugs-fixes'),
                     autoprefixer({
-                      browsers: [
-                        '>1%',
-                        'last 4 versions',
-                        'Firefox ESR',
-                        'not ie < 9', // React doesn't support IE8 anyway
-                      ],
                       flexbox: 'no-2009',
                     }),
                     require('cssnano')(),

config/webpack.config.prod.js

@@ -63,8 +63,8 @@ const config = {
         parallel: true,
         sourceMap: shouldUseSourceMap,
         uglifyOptions: {
+          warnings: false,
           compress: {
-            warnings: false,
             // Disabled because of an issue with Uglify breaking seemingly valid code:
             // https://github.com/facebookincubator/create-react-app/issues/2376
             // Pending further investigation:

package.json

@@ -31,45 +31,46 @@
     "babel-preset-react-app": "9.0.0",
     "case-sensitive-paths-webpack-plugin": "2.2.0",
     "chalk": "2.4.2",
-    "connected-react-router": "5.0.1",
-    "css-loader": "2.1.1",
+    "connected-react-router": "6.5.2",
+    "css-loader": "3.1.0",
     "cssnano": "4.1.10",
     "date-fns": "1.30.1",
-    "extract-css-chunks-webpack-plugin": "4.3.2",
-    "file-loader": "3.0.1",
+    "extract-css-chunks-webpack-plugin": "4.5.6",
+    "file-loader": "4.1.0",
     "fs-extra": "8.1.0",
     "generate-json-webpack-plugin": "0.3.1",
     "html-webpack-plugin": "4.0.0-beta.5",
-    "immutable": "3.8.2",
+    "immutable": "4.0.0-rc.12",
     "less": "3.9.0",
     "less-loader": "5.0.0",
-    "lodash": "4.17.13",
+    "lodash": "4.17.15",
     "object-assign": "4.1.1",
     "postcss-flexbugs-fixes": "4.1.0",
     "postcss-loader": "3.0.0",
     "promise": "8.0.3",
-    "raven-js": "3.27.0",
+    "raven-js": "3.27.2",
     "react": "16.8.6",
     "react-copy-to-clipboard": "5.0.1",
     "react-dev-utils": "9.0.1",
     "react-dom": "16.8.6",
-    "react-redux": "5.1.1",
-    "react-router": "5.0.0",
-    "react-router-config": "5.0.0",
-    "react-router-dom": "5.0.0",
-    "redux": "4.0.1",
+    "react-redux": "7.1.0",
+    "react-router": "5.0.1",
+    "react-router-config": "5.0.1",
+    "react-router-dom": "5.0.1",
+    "redux": "4.0.4",
     "redux-immutable": "4.0.0",
     "redux-logger": "3.0.6",
     "redux-thunk": "2.3.0",
     "style-loader": "0.23.1",
     "sw-precache-webpack-plugin": "0.11.5",
-    "uglifyjs-webpack-plugin": "2.1.2",
-    "url-loader": "1.1.2",
+    "uglifyjs-webpack-plugin": "2.1.3",
+    "url-loader": "2.1.0",
     "webpack": "4.37.0",
     "webpack-manifest-plugin": "2.0.4",
     "webpack-merge": "4.2.1"
   },
   "devDependencies": {
+    "@testing-library/react": "8.0.6",
     "babel-eslint": "10.0.2",
     "babel-jest": "24.8.0",
     "dotenv": "8.0.0",
@@ -77,26 +78,26 @@
     "enzyme": "3.10.0",
     "enzyme-adapter-react-16": "1.14.0",
     "eslint": "5.16.0",
-    "eslint-config-prettier": "4.3.0",
-    "eslint-config-react-app": "3.0.8",
+    "eslint-config-prettier": "6.0.0",
+    "eslint-config-react-app": "4.0.1",
     "eslint-loader": "2.2.1",
     "eslint-plugin-flowtype": "3.12.1",
     "eslint-plugin-import": "2.18.2",
-    "eslint-plugin-jsx-a11y": "6.2.1",
+    "eslint-plugin-jsx-a11y": "6.2.3",
     "eslint-plugin-prettier": "3.1.0",
     "eslint-plugin-react": "7.14.3",
+    "eslint-plugin-react-hooks": "1.6.1",
     "faker": "4.1.0",
-    "fetch-mock": "7.3.3",
+    "fetch-mock": "7.3.9",
     "jest": "24.8.0",
     "jest-immutable-matchers": "2.0.1",
     "prettier": "1.18.2",
     "raf": "3.4.1",
-    "react-testing-library": "6.1.2",
     "resolve": "1.11.1",
-    "stylelint": "10.0.1",
+    "stylelint": "10.1.0",
     "stylelint-config-standard": "18.3.0",
-    "stylelint-order": "3.0.0",
-    "webpack-dev-server": "3.3.1",
+    "stylelint-order": "3.0.1",
+    "webpack-dev-server": "3.7.2",
     "whatwg-fetch": "3.0.0"
   },
   "resolutions": {

scripts/start.js

@@ -68,7 +68,7 @@ choosePort(HOST, DEFAULT_PORT)
     const appName = require(paths.appPackageJson).name;
     const urls = prepareUrls(protocol, HOST, port);
     // Create a webpack compiler that is configured with custom messages.
-    const compiler = createCompiler(webpack, config, appName, urls, useYarn);
+    const compiler = createCompiler({ webpack, config, appName, urls, useYarn });
     // Load proxy config
     const proxySetting = require(paths.appPackageJson).proxy;
     const proxyConfig = prepareProxy(proxySetting, paths.appPublic);

src/setupTests.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { configure, mount, shallow } from 'enzyme';
-import { cleanup } from 'react-testing-library';
+import { cleanup } from '@testing-library/react';
 import Adapter from 'enzyme-adapter-react-16';
 import * as immutableMatchers from 'jest-immutable-matchers';
 import fetchMock from 'fetch-mock';

src/tests/components/data/QueryRecipeFilters.test.js

@@ -1,4 +1,4 @@
-import { render } from 'react-testing-library';
+import { render } from '@testing-library/react';
 import TestComponent from 'console/components/data/QueryRecipeFilters';
 
 const { WrappedComponent: QueryRecipeFilters } = TestComponent;

src/tests/components/forms/FormItem.test.js

@@ -1,5 +1,5 @@
 import WrappedFormItem from 'console/components/forms/FormItem';
-import { render } from 'react-testing-library';
+import { render } from '@testing-library/react';
 
 const FormItem = WrappedFormItem.wrappedComponent;
 

src/tests/workflows/recipes/components/FilterObjectForm.test.js

@@ -1,5 +1,5 @@
 import { Map, List, fromJS } from 'immutable';
-import { render, fireEvent } from 'react-testing-library';
+import { render, fireEvent } from '@testing-library/react';
 import fetchMock from 'fetch-mock';
 import { NORMANDY_ADMIN_API_ROOT_URL } from 'console/settings';
 import FilterObjectForm, {
@@ -422,8 +422,8 @@ describe('<FilterObjectForm>', () => {
         onSubmit: jest.fn(), // otherwise set by createForm()
       };
       const FakeForm = createForm({})(SamplingInput);
-      const { getByValue } = render(<FakeForm {...props} />);
-      fireEvent.change(getByValue('50'), {
+      const { getByDisplayValue } = render(<FakeForm {...props} />);
+      fireEvent.change(getByDisplayValue('50'), {
         target: { value: '55' },
       });
       expect(props.onChange).toHaveBeenCalledTimes(1);
@@ -446,8 +446,8 @@ describe('<FilterObjectForm>', () => {
         onSubmit: jest.fn(), // otherwise set by createForm()
       };
       const FakeForm = createForm({})(SamplingInput);
-      const { getByValue } = render(<FakeForm {...props} />);
-      fireEvent.change(getByValue('33'), {
+      const { getByDisplayValue } = render(<FakeForm {...props} />);
+      fireEvent.change(getByDisplayValue('33'), {
         target: { value: '0.1' },
       });
       expect(props.onChange).toHaveBeenCalledTimes(1);
@@ -468,10 +468,10 @@ describe('<FilterObjectForm>', () => {
       };
 
       const FakeForm = createForm({})(VersionsInput);
-      const { getByValue, container } = render(<FakeForm {...props} />);
+      const { getByDisplayValue, container } = render(<FakeForm {...props} />);
 
       // If you enter some junk the submit button will be disabled.
-      const firstInput = getByValue('');
+      const firstInput = getByDisplayValue('');
       fireEvent.change(firstInput, {
         target: { value: 'junk' },
       });