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>
tmarkley · Dec 30, 2021 · fb233f0 · fb233f0
1 parent 948c923
commit fb233f0
Show file tree

Hide file tree

Showing 25 changed files with 2,979 additions and 2,701 deletions.
diff --git a/package.json b/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",

diff --git a/packages/opensearch-eslint-config-opensearch-dashboards/package.json b/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",

diff --git a/packages/osd-analytics/package.json b/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"

diff --git a/packages/osd-babel-preset/package.json b/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"
   }
 }
diff --git a/packages/osd-dev-utils/package.json b/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",

diff --git a/packages/osd-i18n/package.json b/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",

diff --git a/packages/osd-interpreter/package.json b/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",

diff --git a/packages/osd-monaco/package.json b/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",

diff --git a/packages/osd-opensearch/package.json b/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"
   }
 }
diff --git a/packages/osd-optimizer/package.json b/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",