Upgrade babel, storybook, and postcss dependencies

* Upgrades dependencies to resolve react-dev-utils CVE.
* Have to stay on v6.3.x for @storybook dependencies because of storybookjs/storybook#16837. 6.3.x still depends on older versions of some of the @babel libraries.
* autoprefixer upgrade removes the browserslist warning during the build.
* css-loader, postcss-loader, postcss upgrades were required to fix webpack errors. These upgrades contained a few breaking changes.
* Minor version bumps to react-router, react-router-dom, and styled-components done while troubleshooting bootstrap issues.

Resolves opensearch-project#1055

Signed-off-by: Tommy Markley <markleyt@amazon.com>

package.json

@@ -195,7 +195,7 @@
  "react-color": "^2.13.8",
  "react-dom": "^16.12.0",
  "react-input-range": "^1.3.0",
- "react-router": "^5.2.0",
+ "react-router": "^5.2.1",
  "react-use": "^13.27.0",
  "redux-thunk": "^2.3.0",
  "regenerator-runtime": "^0.13.3",
@@ -217,10 +217,10 @@
  "yauzl": "^2.10.0"
  },
  "devDependencies": {
- "@babel/core": "^7.11.6",
- "@babel/parser": "^7.11.2",
- "@babel/register": "^7.10.5",
- "@babel/types": "^7.11.0",
+ "@babel/core": "^7.16.5",
+ "@babel/parser": "^7.16.6",
+ "@babel/register": "^7.16.5",
+ "@babel/types": "^7.16.0",
  "@elastic/apm-rum": "^5.6.1",
  "@elastic/charts": "23.2.2",
  "@elastic/ems-client": "7.10.0",
@@ -255,7 +255,7 @@
  "@types/angular": "^1.6.56",
  "@types/angular-mocks": "^1.7.0",
  "@types/archiver": "^3.1.0",
- "@types/babel__core": "^7.1.10",
+ "@types/babel__core": "^7.1.17",
  "@types/bluebird": "^3.1.1",
  "@types/boom": "^7.2.0",
  "@types/chance": "^1.0.0",
@@ -314,16 +314,16 @@
  "@types/react-grid-layout": "^0.16.7",
  "@types/react-redux": "^7.1.9",
  "@types/react-resize-detector": "^4.0.1",
- "@types/react-router": "^5.1.7",
- "@types/react-router-dom": "^5.1.5",
+ "@types/react-router": "^5.1.17",
+ "@types/react-router-dom": "^5.3.2",
  "@types/react-virtualized": "^9.18.7",
  "@types/recompose": "^0.30.6",
  "@types/request": "^2.48.2",
  "@types/selenium-webdriver": "^4.0.9",
  "@types/semver": "^5.5.0",
  "@types/sinon": "^7.0.13",
  "@types/strip-ansi": "^5.2.1",
- "@types/styled-components": "^5.1.0",
+ "@types/styled-components": "^5.1.19",
  "@types/supertest": "^2.0.5",
  "@types/supertest-as-promised": "^2.0.38",
  "@types/tapable": "^1.0.6",
@@ -429,7 +429,7 @@
  "nyc": "^14.1.1",
  "pixelmatch": "^5.1.0",
  "pngjs": "^3.4.0",
- "postcss": "^8.2.10",
+ "postcss": "^8.4.5",
  "prettier": "^2.1.1",
  "prop-types": "^15.7.2",
  "react": "^16.14.0",
@@ -438,7 +438,7 @@
  "react-monaco-editor": "~0.27.0",
  "react-redux": "^7.2.0",
  "react-resize-detector": "^4.2.0",
- "react-router-dom": "^5.2.0",
+ "react-router-dom": "^5.3.0",
  "react-sizeme": "^2.3.6",
  "react-test-renderer": "^16.12.0",
  "reactcss": "1.2.3",

packages/opensearch-eslint-config-opensearch-dashboards/package.json

@@ -22,7 +22,7 @@
  "@typescript-eslint/parser": "^3.10.0",
  "babel-eslint": "^10.0.3",
  "eslint": "^6.8.0",
- "eslint-plugin-babel": "^5.3.0",
+ "eslint-plugin-babel": "^5.3.1",
  "eslint-plugin-ban": "^1.4.0",
  "eslint-plugin-jsx-a11y": "^6.2.3",
  "eslint-plugin-eslint-comments": "^3.2.0",

packages/osd-analytics/package.json

@@ -14,7 +14,7 @@
  "osd:watch": "node scripts/build --source-maps --watch"
  },
  "devDependencies": {
- "@babel/cli": "^7.14.5",
+ "@babel/cli": "^7.16.0",
  "@osd/dev-utils": "1.0.0",
  "@osd/babel-preset": "1.0.0",
  "typescript": "4.0.2"

packages/osd-babel-preset/package.json

@@ -7,18 +7,18 @@
  "devOnly": true
  },
  "dependencies": {
- "@babel/plugin-proposal-class-properties": "^7.10.4",
- "@babel/plugin-proposal-export-namespace-from": "^7.10.4",
- "@babel/plugin-proposal-nullish-coalescing-operator": "^7.10.4",
- "@babel/plugin-proposal-optional-chaining": "^7.11.0",
- "@babel/plugin-proposal-private-methods": "^7.10.4",
- "@babel/preset-env": "^7.11.0",
- "@babel/preset-react": "^7.10.4",
- "@babel/preset-typescript": "^7.10.4",
+ "@babel/plugin-proposal-class-properties": "^7.16.5",
+ "@babel/plugin-proposal-export-namespace-from": "^7.16.5",
+ "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.5",
+ "@babel/plugin-proposal-optional-chaining": "^7.16.5",
+ "@babel/plugin-proposal-private-methods": "^7.16.5",
+ "@babel/preset-env": "^7.16.5",
+ "@babel/preset-react": "^7.16.5",
+ "@babel/preset-typescript": "^7.16.5",
  "babel-plugin-add-module-exports": "^1.0.4",
- "babel-plugin-styled-components": "^1.10.7",
+ "babel-plugin-styled-components": "^2.0.2",
  "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
  "react-is": "^16.8.0",
- "styled-components": "^5.1.0"
+ "styled-components": "^5.3.3"
  }
 }

packages/osd-dev-utils/package.json

@@ -13,7 +13,7 @@
  "devOnly": true
  },
  "dependencies": {
- "@babel/core": "^7.11.6",
+ "@babel/core": "^7.16.5",
  "@osd/utils": "1.0.0",
  "axios": "^0.21.4",
  "chalk": "^4.1.0",

packages/osd-i18n/package.json

@@ -12,8 +12,8 @@
  "osd:watch": "node scripts/build --watch --source-maps"
  },
  "devDependencies": {
- "@babel/cli": "^7.14.5",
- "@babel/core": "^7.11.6",
+ "@babel/cli": "^7.16.0",
+ "@babel/core": "^7.16.5",
  "@osd/babel-preset": "1.0.0",
  "@osd/dev-utils": "1.0.0",
  "@types/intl-relativeformat": "^2.1.0",

packages/osd-interpreter/package.json

@@ -9,21 +9,21 @@
  "osd:watch": "node scripts/build --dev --watch"
  },
  "dependencies": {
- "@babel/runtime": "^7.11.2",
+ "@babel/runtime": "^7.16.5",
  "@osd/i18n": "1.0.0",
  "lodash": "^4.17.21",
  "uuid": "3.3.2"
  },
  "devDependencies": {
- "@babel/cli": "^7.14.5",
- "@babel/core": "^7.11.6",
- "@babel/plugin-transform-modules-commonjs": "^7.10.4",
- "@babel/plugin-transform-runtime": "^7.11.0",
+ "@babel/cli": "^7.16.0",
+ "@babel/core": "^7.16.5",
+ "@babel/plugin-transform-modules-commonjs": "^7.16.5",
+ "@babel/plugin-transform-runtime": "^7.16.5",
  "@osd/babel-preset": "1.0.0",
  "@osd/dev-utils": "1.0.0",
- "babel-loader": "^8.0.6",
+ "babel-loader": "^8.2.3",
  "copy-webpack-plugin": "^6.0.2",
- "css-loader": "^3.4.2",
+ "css-loader": "^5.2.7",
  "del": "^5.1.0",
  "getopts": "^2.2.5",
  "pegjs": "0.10.0",

packages/osd-monaco/package.json

@@ -15,8 +15,8 @@
  "devDependencies": {
  "@osd/babel-preset": "1.0.0",
  "@osd/dev-utils": "1.0.0",
- "babel-loader": "^8.0.6",
- "css-loader": "^3.4.2",
+ "babel-loader": "^8.2.3",
+ "css-loader": "^5.2.7",
  "del": "^5.1.0",
  "raw-loader": "^3.1.0",
  "supports-color": "^7.0.0",

packages/osd-opensearch/package.json

@@ -29,7 +29,7 @@
  },
  "devDependencies": {
  "@osd/babel-preset": "1.0.0",
- "@babel/cli": "^7.14.5",
+ "@babel/cli": "^7.16.0",
  "del": "^5.1.0"
  }
 }

packages/osd-optimizer/package.json

@@ -10,19 +10,19 @@
  "osd:watch": "yarn build --watch"
  },
  "dependencies": {
- "@babel/cli": "^7.14.5",
- "@babel/core": "^7.11.6",
+ "@babel/cli": "^7.16.0",
+ "@babel/core": "^7.16.5",
  "@osd/babel-preset": "1.0.0",
  "@osd/dev-utils": "1.0.0",
  "@osd/std": "1.0.0",
  "@osd/ui-shared-deps": "1.0.0",
- "autoprefixer": "^9.7.4",
- "babel-loader": "^8.0.6",
+ "autoprefixer": "^10.4.1",
+ "babel-loader": "^8.2.3",
  "clean-webpack-plugin": "^3.0.0",
  "compression-webpack-plugin": "^4.0.0",
  "cpy": "^8.0.0",
  "core-js": "^3.6.5",
- "css-loader": "^3.4.2",
+ "css-loader": "^5.2.7",
  "dedent": "^0.7.0",
  "del": "^5.1.0",
  "execa": "^4.0.2",
@@ -35,8 +35,8 @@
  "node-sass": "^6.0.1",
  "normalize-path": "^3.0.0",
  "pirates": "^4.0.1",
- "postcss": "^8.2.10",
- "postcss-loader": "^3.0.0",
+ "postcss": "^8.4.5",
+ "postcss-loader": "^4.2.0",
  "raw-loader": "^3.1.0",
  "rxjs": "^6.5.5",
  "sass-loader": "^10.2.0",
@@ -51,7 +51,7 @@
  "webpack-merge": "^4.2.2"
  },
  "devDependencies": {
- "@types/babel__core": "^7.1.10",
+ "@types/babel__core": "^7.1.17",
  "@types/compression-webpack-plugin": "^2.0.2",
  "@types/loader-utils": "^1.1.3",
  "@types/source-map-support": "^0.5.3",