WIP - Fix js vulnerabilities (#520)

* Autofix using yarn-audit-fix
* Update jest to v27
* Upgrade axios
* upgrade babel-loader
* Upgrade minor versions
* Upgrade webpack-cli and imports-loader
* Upgrade marked
* Ignore linter error for any type

Author: ahangarha

client/app/bundles/comments/components/CommentBox/CommentBox.jsx

@@ -22,6 +22,7 @@ class CommentBox extends BaseComponent {
       submitCommentError: PropTypes.string,
       $$comments: PropTypes.arrayOf(commentPropTypes),
     }).isRequired,
+    // eslint-disable-next-line react/forbid-prop-types
     intl: PropTypes.objectOf(PropTypes.any).isRequired,
   };
 

client/app/bundles/comments/components/CommentBox/CommentForm/CommentForm.jsx

@@ -38,6 +38,7 @@ class CommentForm extends BaseComponent {
     actions: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.any])).isRequired,
     error: PropTypes.oneOfType([PropTypes.any]),
     cssTransitionGroupClassNames: PropTypes.oneOfType([PropTypes.func, PropTypes.any]).isRequired,
+    // eslint-disable-next-line react/forbid-prop-types
     intl: PropTypes.objectOf(PropTypes.any).isRequired,
   };
 

client/app/bundles/comments/components/CommentBox/CommentList/Comment/Comment.jsx

@@ -2,7 +2,7 @@ import BaseComponent from 'libs/components/BaseComponent';
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import marked from 'marked';
+import { marked } from 'marked';
 import css from './Comment.module.scss';
 
 export default class Comment extends BaseComponent {

package.json

@@ -27,34 +27,34 @@
     "build:clean": "rm -rf public/webpack || true"
   },
   "dependencies": {
-    "@babel/cli": "^7.12.10",
-    "@babel/core": "^7.12.10",
-    "@babel/plugin-transform-runtime": "^7.12.10",
-    "@babel/preset-env": "^7.12.10",
-    "@babel/preset-react": "^7.12.10",
+    "@babel/cli": "^7.21.0",
+    "@babel/core": "^7.21.0",
+    "@babel/plugin-transform-runtime": "^7.21.0",
+    "@babel/preset-env": "^7.20.2",
+    "@babel/preset-react": "^7.18.6",
     "@rails/actioncable": "7.0.4-1",
     "autoprefixer": "^7.1.5",
-    "axios": "^0.17.1",
-    "babel-loader": "^8.2.3",
+    "axios": "^0.21.1",
+    "babel-loader": "^9.1.2",
     "babel-plugin-macros": "^3.1.0",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
-    "bootstrap-loader": "^4.0.0",
-    "bootstrap-sass": "^3.3.7",
-    "classnames": "^2.2.5",
+    "bootstrap-loader": "^4.0.2",
+    "bootstrap-sass": "^3.4.3",
+    "classnames": "^2.3.2",
     "compression-webpack-plugin": "9",
-    "css-loader": "^6.5.1",
-    "css-minimizer-webpack-plugin": "^3.3.1",
-    "es5-shim": "^4.5.9",
+    "css-loader": "^6.7.3",
+    "css-minimizer-webpack-plugin": "^3.4.1",
+    "es5-shim": "^4.6.7",
     "estraverse": "^4.2.0",
     "expose-loader": "^4.0.0",
     "immutable": "^3.8.2",
-    "imports-loader": "^1.1.0",
+    "imports-loader": "^4.0.0",
     "intl": "^1.2.5",
     "jquery": "^3.2.1",
     "jquery-ujs": "^1.2.2",
     "loader-utils": "^1.1.0",
     "lodash": "^4.17.4",
-    "marked": "^0.3.6",
+    "marked": "^4.0.0",
     "node-uuid": "^1.4.8",
     "postcss": "^8.4.5",
     "postcss-loader": "6.2.1",
@@ -72,49 +72,49 @@
     "redux": "^3.7.2",
     "redux-thunk": "^2.2.0",
     "resolve-url-loader": "^2.2.0",
-    "sass": "^1.46.0",
-    "sass-loader": "^12.4.0",
-    "sass-resources-loader": "^2.2.4",
+    "sass": "^1.58.3",
+    "sass-loader": "^12.6.0",
+    "sass-resources-loader": "^2.2.5",
     "shakapacker": "6.5.5",
     "style-loader": "^3.3.1",
     "terser-webpack-plugin": "5",
     "turbolinks": "^5.2.0",
     "url-loader": "^0.6.2",
     "webpack": "5",
     "webpack-assets-manifest": "5",
-    "webpack-cli": "4",
+    "webpack-cli": "5",
     "webpack-merge": "5"
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.16.5",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.4",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.10",
     "@webpack-cli/serve": "^1.6.0",
     "babel-eslint": "^8.0.2",
-    "babel-jest": "^23.4.2",
-    "body-parser": "^1.18.2",
-    "eslint": "^8.6.0",
-    "eslint-config-prettier": "^8.3.0",
+    "babel-jest": "^27.2.1",
+    "body-parser": "^1.20.2",
+    "eslint": "^8.35.0",
+    "eslint-config-prettier": "^8.6.0",
     "eslint-config-shakacode": "^19.0.0",
     "eslint-import-resolver-webpack": "^0.8.3",
-    "eslint-plugin-import": "^2.25.4",
-    "eslint-plugin-jest": "^25.3.4",
-    "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.28.0",
-    "eslint-plugin-react-hooks": "^4.3.0",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-jest": "^27.2.1",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
     "estraverse-fb": "^1.3.2",
-    "express": "^4.16.2",
+    "express": "^4.18.2",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^23.5.0",
-    "mini-css-extract-plugin": "^2.4.6",
+    "jest": "^27.2.1",
+    "mini-css-extract-plugin": "^2.7.2",
     "preload-webpack-plugin": "^3.0.0-alpha.1",
     "prettier": "^2.2.1",
     "prettier-eslint-cli": "^5.0.1",
     "react-refresh": "^0.11.0",
     "react-transform-hmr": "^1.0.4",
     "regenerator-runtime": "^0.12.1",
     "sleep": "^6.2.0",
-    "webpack-dev-server": "^4.7.3"
+    "webpack-dev-server": "^4.11.1"
   },
   "browser": {
     "fs": false