Bump babel to ^7.21.4 (#36815)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: ZeeshanTamboli <[email protected]>

docs/data/material/customization/palette/CustomColor.tsx

@@ -22,7 +22,7 @@ declare module '@mui/material/styles' {
   }
 }
 
-// Update the Button's color prop options
+// @babel-ignore-comment-in-output Update the Button's color prop options
 declare module '@mui/material/Button' {
   interface ButtonPropsColorOverrides {
     neutral: true;

docs/data/styles/basics/AdaptingHOC.tsx

@@ -24,8 +24,8 @@ const styles = {
 interface MyButtonRawProps {
   color: 'red' | 'blue';
 }
-// These are the props available inside MyButtonRaw
-// They're different from MyButtonRawProps which are the props available for dynamic styling.
+// @babel-ignore-comment-in-output These are the props available inside MyButtonRaw
+// @babel-ignore-comment-in-output They're different from MyButtonRawProps which are the props available for dynamic styling.
 type MyButtonRawInnerProps = MyButtonRawProps & WithStyles<typeof styles>;
 
 function MyButtonRaw(

docs/package.json

@@ -20,7 +20,7 @@
     "link-check": "node ./scripts/reportBrokenLinks.js"
   },
   "dependencies": {
-    "@babel/core": "^7.21.3",
+    "@babel/core": "^7.21.4",
     "@babel/plugin-transform-object-assign": "^7.18.6",
     "@babel/runtime-corejs2": "^7.21.0",
     "@docsearch/react": "^3.3.3",
@@ -121,7 +121,7 @@
   },
   "devDependencies": {
     "@babel/plugin-transform-react-constant-elements": "^7.21.3",
-    "@babel/preset-typescript": "^7.21.0",
+    "@babel/preset-typescript": "^7.21.4",
     "@types/marked": "^4.0.8",
     "@types/recharts": "^2.0.0",
     "cross-fetch": "^3.1.5",

docs/scripts/formattedTSDemos.js

@@ -27,6 +27,7 @@ const babelConfig = {
   generatorOpts: { retainLines: true },
   babelrc: false,
   configFile: false,
+  shouldPrintComment: (comment) => !comment.startsWith(' @babel-ignore-comment-in-output'),
 };
 
 const workspaceRoot = path.join(__dirname, '../../');

package.json

@@ -74,14 +74,14 @@
   "devDependencies": {
     "@argos-ci/core": "^0.8.0",
     "@babel/cli": "^7.21.0",
-    "@babel/core": "^7.21.3",
+    "@babel/core": "^7.21.4",
     "@babel/node": "^7.20.7",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
     "@babel/plugin-transform-object-assign": "^7.18.6",
     "@babel/plugin-transform-react-constant-elements": "^7.21.3",
-    "@babel/plugin-transform-runtime": "^7.21.0",
-    "@babel/preset-env": "^7.20.2",
+    "@babel/plugin-transform-runtime": "^7.21.4",
+    "@babel/preset-env": "^7.21.4",
     "@babel/preset-react": "^7.18.6",
     "@babel/register": "^7.21.0",
     "@emotion/react": "^11.10.6",
@@ -208,18 +208,18 @@
     "yarn-deduplicate": "^3.1.0"
   },
   "resolutions": {
-    "**/@babel/core": "^7.21.3",
-    "**/@babel/code-frame": "^7.18.6",
+    "**/@babel/core": "^7.21.4",
+    "**/@babel/code-frame": "^7.21.4",
     "**/@babel/plugin-proposal-class-properties": "^7.18.6",
     "**/@babel/plugin-proposal-object-rest-spread": "^7.20.7",
     "**/@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
     "**/@babel/plugin-proposal-numeric-separator": "^7.18.6",
     "**/@babel/plugin-proposal-optional-chaining": "^7.21.0",
     "**/@babel/plugin-transform-destructuring": "npm:@minh.nguyen/plugin-transform-destructuring@^7.5.2",
-    "**/@babel/plugin-transform-runtime": "^7.21.0",
-    "**/@babel/preset-env": "^7.20.2",
+    "**/@babel/plugin-transform-runtime": "^7.21.4",
+    "**/@babel/preset-env": "^7.21.4",
     "**/@babel/preset-react": "^7.18.6",
-    "**/@babel/preset-typescript": "^7.21.0",
+    "**/@babel/preset-typescript": "^7.21.4",
     "**/@babel/runtime": "^7.21.0",
     "**/@definitelytyped/header-parser": "^0.0.159",
     "**/@definitelytyped/typescript-versions": "^0.0.159",

packages/api-docs-builder/package.json

@@ -7,7 +7,7 @@
     "typescript": "tsc -p tsconfig.json"
   },
   "dependencies": {
-    "@babel/core": "^7.21.3",
+    "@babel/core": "^7.21.4",
     "@mui-internal/docs-utilities": "^1.0.0",
     "@mui/markdown": "^5.0.0",
     "ast-types": "^0.14.2",

packages/mui-codemod/package.json

@@ -30,9 +30,9 @@
     "url": "https://opencollective.com/mui"
   },
   "dependencies": {
-    "@babel/core": "^7.21.3",
+    "@babel/core": "^7.21.4",
     "@babel/runtime": "^7.21.0",
-    "@babel/traverse": "^7.21.3",
+    "@babel/traverse": "^7.21.4",
     "jscodeshift": "^0.13.1",
     "jscodeshift-add-imports": "^1.0.10",
     "yargs": "^17.7.1"

packages/mui-utils/package.json

@@ -49,7 +49,7 @@
     "react-is": "^18.2.0"
   },
   "devDependencies": {
-    "@babel/helper-module-imports": "^7.18.6",
+    "@babel/helper-module-imports": "^7.21.4",
     "@types/babel-plugin-macros": "^3.1.0",
     "babel-plugin-macros": "^3.1.0",
     "babel-plugin-tester": "^11.0.4"

packages/typescript-to-proptypes/package.json

@@ -33,10 +33,10 @@
     "rimraf": "^3.0.2"
   },
   "dependencies": {
-    "@babel/core": "^7.21.3",
+    "@babel/core": "^7.21.4",
     "@babel/plugin-syntax-class-properties": "^7.12.13",
-    "@babel/plugin-syntax-jsx": "^7.18.6",
-    "@babel/types": "^7.21.3",
+    "@babel/plugin-syntax-jsx": "^7.21.4",
+    "@babel/types": "^7.21.4",
     "doctrine": "^3.0.0",
     "lodash": "^4.17.21",
     "typescript": "^4.9.5",