chore: update dependencies (#1459)

* update EVERYTHING except for tests

* update circleci

* fixing tests for ArrowKeyStepper

* skipping collection cache test

Author: wuweiweiwu

.babelrc.js

@@ -12,44 +12,64 @@ if (env === 'commonjs' || env === 'es') {
       'source/TestUtils.js',
     ],
     plugins: [
-      'transform-runtime',
+      '@babel/plugin-transform-runtime',
+      '@babel/plugin-proposal-class-properties',
       ['flow-react-proptypes', {deadCode: true, useESModules: true}],
       ['transform-react-remove-prop-types', {mode: 'wrap'}],
     ],
-    presets: [['env', {modules: false}], 'react', 'flow', 'stage-2'],
+    presets: [
+      ['@babel/preset-env', {modules: false}],
+      '@babel/preset-react',
+      '@babel/preset-flow',
+    ],
   };
 
   if (env === 'commonjs') {
-    module.exports.plugins.push('transform-es2015-modules-commonjs');
+    module.exports.plugins.push('@babel/plugin-transform-modules-commonjs');
   }
 }
 
 if (env === 'rollup') {
   module.exports = {
     comments: false,
-    plugins: ['external-helpers'],
-    presets: [['env', {modules: false}], 'react', 'flow', 'stage-2'],
+    plugins: [
+      '@babel/plugin-external-helpers',
+      '@babel/plugin-proposal-class-properties',
+    ],
+    presets: [
+      ['@babel/preset-env', {modules: false}],
+      '@babel/preset-react',
+      '@babel/preset-flow',
+    ],
   };
 }
 
 if (env === 'development') {
   module.exports = {
-    presets: ['react', 'flow', 'stage-2'],
+    plugins: ['@babel/plugin-proposal-class-properties'],
+    presets: ['@babel/preset-react', '@babel/preset-flow'],
   };
 }
 
 if (env === 'production') {
   module.exports = {
     comments: false,
-    plugins: ['transform-runtime'],
-    presets: ['env', 'react', 'flow', 'stage-2'],
+    plugins: [
+      '@babel/plugin-transform-runtime',
+      '@babel/plugin-proposal-class-properties',
+    ],
+    presets: ['@babel/preset-env', '@babel/preset-react', '@babel/preset-flow'],
   };
 }
 
 if (env === 'test') {
   module.exports = {
     comments: false,
-    plugins: ['transform-es2015-modules-commonjs'],
-    presets: ['react', 'flow', 'stage-2'],
+
+    plugins: [
+      '@babel/plugin-transform-modules-commonjs',
+      '@babel/plugin-proposal-class-properties',
+    ],
+    presets: ['@babel/preset-react', '@babel/preset-flow'],
   };
 }

.circleci/config.yml

@@ -7,9 +7,9 @@ jobs:
       - checkout
       - restore_cache:
           keys:
-          - dependencies-{{ checksum "yarn.lock" }}
-          # fallback to using the latest cache if no exact match is found
-          - dependencies-
+            - dependencies-{{ checksum "yarn.lock" }}
+            # fallback to using the latest cache if no exact match is found
+            - dependencies-
       - run:
           name: Install
           command: yarn install
@@ -22,14 +22,14 @@ jobs:
           command: yarn ci-check
   test:
     docker:
-      - image: circleci/node:8.9.1-stretch-browsers
+      - image: circleci/node:10.16.3-stretch-browsers
     steps:
       - checkout
       - restore_cache:
           keys:
-          - dependencies-{{ checksum "yarn.lock" }}
-          # fallback to using the latest cache if no exact match is found
-          - dependencies-
+            - dependencies-{{ checksum "yarn.lock" }}
+            # fallback to using the latest cache if no exact match is found
+            - dependencies-
       - run:
           name: Install
           command: yarn install

.github/PULL_REQUEST_TEMPLATE.md

@@ -6,9 +6,10 @@ Thanks for contributing to react-virtualized!
 - [ ] For any new features or bug fixes, both positive and negative test cases have been added
 - [ ] For any new features, documentation has been added
 - [ ] For any documentation changes, the text has been proofread and is clear to both experienced users and beginners.
-- [ ] Format your code with [prettier](https://github.com/prettier/prettier) (`npm run prettier`).
-- [ ] Run the [Flow](https://flowtype.org/) typechecks (`npm run typecheck`).
+- [ ] Format your code with [prettier](https://github.com/prettier/prettier) (`yarn run prettier`).
+- [ ] Run the [Flow](https://flowtype.org/) typechecks (`yarn run typecheck`).
 
 Here is a short checklist of additional things to keep in mind before submitting:
-* Please make sure your pull request description makes it very clear what you're trying to accomplish. If it's a bug fix, please also provide a failing test case (if possible). In either case, please add additional unit test coverage for your changes. :)
-* Be sure you have notifications setup so that you'll see my code review responses. (I may ask you to make some adjustments before merging.)
+
+- Please make sure your pull request description makes it very clear what you're trying to accomplish. If it's a bug fix, please also provide a failing test case (if possible). In either case, please add additional unit test coverage for your changes. :)
+- Be sure you have notifications setup so that you'll see my code review responses. (I may ask you to make some adjustments before merging.)

.nvmrc

@@ -1 +1 @@
-v8.4.0
+v10.16.3

jest.config.js

@@ -0,0 +1,17 @@
+module.exports = {
+  globalSetup: 'jest-environment-puppeteer/setup',
+  globalTeardown: 'jest-environment-puppeteer/teardown',
+  setupFiles: ['./source/jest-setup.js'],
+  roots: ['./source'],
+  coverageReporters: ['lcov'],
+  collectCoverageFrom: [
+    'source/**/*.js',
+    '!source/vendor/**',
+    '!source/demo/**',
+    '!source/jest-*.js',
+    '!source/TestUtils.js',
+    '!**/*.example.js',
+  ],
+  testRegex: '.(jest|e2e|ssr).js$',
+  verbose: true,
+};

package.json

@@ -11,44 +11,39 @@
   "license": "MIT",
   "scripts": {
     "build:types": "flow-copy-source --ignore \"**/*.{jest,e2e,ssr,example}.js\" source/WindowScroller dist/es/WindowScroller && flow-copy-source --ignore \"**/*.{jest,e2e,ssr,example}.js\" source/AutoSizer dist/es/AutoSizer",
-    "build": "npm run build:commonjs && npm run build:css && npm run build:es && npm run build:demo && npm run build:umd",
-    "build:commonjs": "npm run clean:commonjs && cross-env NODE_ENV=commonjs babel source --out-dir dist/commonjs",
+    "build": "yarn run build:commonjs && yarn run build:css && yarn run build:es && yarn run build:demo && yarn run build:umd",
+    "build:commonjs": "yarn run clean:commonjs && cross-env NODE_ENV=commonjs babel source --out-dir dist/commonjs",
     "build:css": "postcss source/styles.css -o styles.css --use autoprefixer",
-    "build:demo": "npm run clean:demo && cross-env NODE_ENV=production webpack --config webpack.config.demo.js -p --bail",
-    "build:es": "npm run clean:es && npm run build:types && cross-env NODE_ENV=es babel source --out-dir dist/es",
-    "build:umd": "npm run clean:umd && cross-env NODE_ENV=rollup rollup -c",
+    "build:demo": "yarn run clean:demo && cross-env NODE_ENV=production webpack --config webpack.config.demo.js -p --bail",
+    "build:es": "yarn run clean:es && yarn run build:types && cross-env NODE_ENV=es babel source --out-dir dist/es",
+    "build:umd": "yarn run clean:umd && cross-env NODE_ENV=rollup rollup -c",
     "check-all": "yarn prettier && yarn lint && yarn flow",
     "ci-check": "yarn prettier:diff && yarn lint && yarn flow",
-    "clean": "npm run clean:commonjs && npm run clean:demo && npm run clean:es && npm run clean:umd",
+    "clean": "yarn run clean:commonjs && yarn run clean:demo && yarn run clean:es && yarn run clean:umd",
     "clean:commonjs": "rimraf dist/commonjs",
     "clean:demo": "rimraf build",
     "clean:es": "rimraf dist/es",
     "clean:umd": "rimraf dist/umd",
     "deploy": "gh-pages -d build",
     "lint": "eslint 'source/**/*.js'",
     "typecheck": "flow check",
-    "prebuild": "npm run typecheck && npm run lint",
+    "prebuild": "yarn run typecheck && yarn run lint",
     "prettier": "prettier --write '{playground,source}/**/*.js'",
     "prettier:diff": "prettier --list-different '{playground,source}/**/*.js'",
-    "postpublish": "npm run deploy",
-    "prepublish": "npm run build",
+    "postpublish": "yarn run deploy",
+    "prepublish": "yarn run build",
     "start": "cross-env NODE_ENV=development webpack-dev-server --hot --config webpack.config.dev.js",
-    "test": "npm run test:jest",
+    "test": "yarn run test:jest",
     "test:jest": "jest --no-watchman --runInBand",
     "test:ci": "jest --no-watchman --maxWorkers 2 --coverage && codecov",
-    "watch": "watch 'clear && npm run test -s' source",
+    "watch": "watch 'clear && yarn run test -s' source",
     "watch:jest": "jest --no-watchman --watch"
   },
   "husky": {
     "hooks": {
       "pre-commit": "pretty-quick --staged"
     }
   },
-  "babel": {
-    "presets": [
-      "./.babelrc.js"
-    ]
-  },
   "files": [
     "dist",
     "styles.css"
@@ -77,101 +72,80 @@
   "bugs": {
     "url": "https://github.com/bvaughn/react-virtualized/issues"
   },
-  "jest": {
-    "globalSetup": "jest-environment-puppeteer/setup",
-    "globalTeardown": "jest-environment-puppeteer/teardown",
-    "setupFiles": [
-      "./source/jest-setup.js"
-    ],
-    "roots": [
-      "./source"
-    ],
-    "coverageReporters": [
-      "lcov"
-    ],
-    "collectCoverageFrom": [
-      "source/**/*.js",
-      "!source/vendor/**",
-      "!source/demo/**",
-      "!source/jest-*.js",
-      "!source/TestUtils.js",
-      "!**/*.example.js"
-    ],
-    "testRegex": ".(jest|e2e|ssr).js$",
-    "verbose": true
-  },
   "devDependencies": {
-    "autoprefixer": "^7.2.3",
-    "babel-cli": "^6.26.0",
-    "babel-core": "^6.26.0",
-    "babel-eslint": "^8.1.2",
-    "babel-jest": "^22.0.4",
-    "babel-loader": "7.1.2",
-    "babel-plugin-external-helpers": "^6.22.0",
-    "babel-plugin-flow-react-proptypes": "^21.0.0",
-    "babel-plugin-transform-es2015-modules-commonjs": "^6.26.0",
-    "babel-plugin-transform-react-remove-prop-types": "^0.4.12",
-    "babel-plugin-transform-runtime": "^6.23.0",
-    "babel-polyfill": "^6.26.0",
-    "babel-preset-env": "^1.6.1",
-    "babel-preset-flow": "^6.23.0",
-    "babel-preset-react": "^6.24.1",
-    "babel-preset-stage-2": "^6.24.1",
-    "codecov": "^2.2.0",
-    "codemirror": "^5.18.0",
-    "cross-env": "^5.0.1",
-    "css-loader": "^0.28.7",
-    "eslint": "^4.14.0",
-    "eslint-config-fbjs": "^2.0.1",
-    "eslint-config-prettier": "^2.9.0",
+    "@babel/cli": "^7.7.0",
+    "@babel/core": "^7.7.2",
+    "@babel/plugin-external-helpers": "^7.2.0",
+    "@babel/plugin-proposal-class-properties": "^7.7.0",
+    "@babel/plugin-transform-modules-commonjs": "^7.7.0",
+    "@babel/plugin-transform-runtime": "^7.6.2",
+    "@babel/polyfill": "^7.7.0",
+    "@babel/preset-env": "^7.7.1",
+    "@babel/preset-flow": "^7.0.0",
+    "@babel/preset-react": "^7.7.0",
+    "@babel/preset-stage-2": "^7.0.0",
+    "autoprefixer": "^9.7.1",
+    "babel-eslint": "^10.0.3",
+    "babel-jest": "^24.9.0",
+    "babel-loader": "8.0.6",
+    "babel-plugin-flow-react-proptypes": "^25.1.0",
+    "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
+    "codecov": "^3.6.1",
+    "codemirror": "^5.49.2",
+    "cross-env": "^6.0.3",
+    "css-loader": "^3.2.0",
+    "eslint": "^6.6.0",
+    "eslint-config-fbjs": "^3.1.1",
+    "eslint-config-prettier": "^6.5.0",
     "eslint-config-react": "^1.1.7",
-    "eslint-plugin-babel": "^4.1.2",
-    "eslint-plugin-flowtype": "^2.40.1",
-    "eslint-plugin-jsx-a11y": "^6.0.3",
-    "eslint-plugin-prettier": "^2.4.0",
-    "eslint-plugin-react": "^7.5.1",
-    "eslint-plugin-relay": "^0.0.20",
+    "eslint-plugin-babel": "^5.3.0",
+    "eslint-plugin-flowtype": "^4.3.0",
+    "eslint-plugin-jsx-a11y": "^6.2.3",
+    "eslint-plugin-prettier": "^3.1.1",
+    "eslint-plugin-react": "^7.16.0",
+    "eslint-plugin-relay": "^1.3.12",
     "extract-text-webpack-plugin": "^3.0.2",
-    "file-loader": "^1.1.6",
-    "flow-bin": "^0.63.1",
-    "flow-copy-source": "^1.2.1",
-    "gh-pages": "^1.0.0",
-    "html-webpack-plugin": "^2.30.1",
+    "file-loader": "^4.2.0",
+    "flow-bin": "^0.111.3",
+    "flow-copy-source": "^2.0.8",
+    "gh-pages": "^2.1.1",
+    "html-webpack-plugin": "^3.2.0",
     "husky": "^3.0.9",
-    "immutable": "^3.7.5",
-    "jest": "^22.0.4",
-    "jest-environment-puppeteer": "^1.1.1",
-    "lint-staged": "^7.0.4",
-    "postcss": "^6.0.14",
-    "postcss-cli": "^4.1.1",
-    "postcss-loader": "^2.0.9",
+    "immutable": "^4.0.0-rc.12",
+    "jest": "^24.9.0",
+    "jest-environment-puppeteer": "^4.3.0",
+    "lint-staged": "^9.4.2",
+    "postcss": "^7.0.21",
+    "postcss-cli": "^6.1.3",
+    "postcss-loader": "^3.0.0",
     "prettier": "1.19.1",
     "pretty-quick": "^2.0.1",
-    "puppeteer": "^1.1.1",
-    "react": "^16.2.0",
+    "puppeteer": "^2.0.0",
+    "react": "^16.11.0",
     "react-codemirror": "^1.0.0",
-    "react-dom": "^16.2.0",
-    "react-router": "^4.1.1",
-    "react-router-dom": "^4.1.1",
-    "react-test-renderer": "^16.2.0",
-    "rimraf": "^2.4.3",
-    "rollup": "^0.57.1",
-    "rollup-plugin-babel": "^3.0.3",
-    "rollup-plugin-commonjs": "^9.1.0",
-    "rollup-plugin-node-resolve": "^3.3.0",
-    "rollup-plugin-replace": "^2.0.0",
-    "rollup-plugin-uglify": "^3.0.0",
-    "style-loader": "^0.19.1",
+    "react-dom": "^16.11.0",
+    "react-router": "^5.1.2",
+    "react-router-dom": "^5.1.2",
+    "react-test-renderer": "^16.11.0",
+    "rimraf": "^3.0.0",
+    "rollup": "^1.26.5",
+    "rollup-plugin-babel": "^4.3.3",
+    "rollup-plugin-commonjs": "^10.1.0",
+    "rollup-plugin-node-resolve": "^5.2.0",
+    "rollup-plugin-replace": "^2.2.0",
+    "rollup-plugin-uglify": "^6.0.3",
+    "style-loader": "^1.0.0",
     "watch": "^1.0.2",
-    "webpack": "^3.10.0",
-    "webpack-dev-server": "^3.1.11"
+    "webpack": "^4.41.2",
+    "webpack-cli": "^3.3.10",
+    "webpack-dev-server": "^3.9.0"
   },
   "dependencies": {
-    "babel-runtime": "^6.26.0",
-    "clsx": "^1.0.1",
-    "dom-helpers": "^5.0.0",
-    "loose-envify": "^1.3.0",
-    "prop-types": "^15.6.0",
+    "@babel/runtime": "^7.7.2",
+    "clsx": "^1.0.4",
+    "dom-helpers": "^5.1.3",
+    "loose-envify": "^1.4.0",
+    "prop-types": "^15.7.2",
     "react-lifecycles-compat": "^3.0.4"
   },
   "peerDependencies": {

rollup.config.js

@@ -2,7 +2,7 @@ import nodeResolve from 'rollup-plugin-node-resolve';
 import commonjs from 'rollup-plugin-commonjs';
 import babel from 'rollup-plugin-babel';
 import replace from 'rollup-plugin-replace';
-import uglify from 'rollup-plugin-uglify';
+import {uglify} from 'rollup-plugin-uglify';
 
 export default {
   input: './source/index.js',