MM-52539 Unify versions of Babel used throughout web app and remove unneeded libraries (#23543)

* Remove unneeded Babel plugins and update Babel preset

* Remove unneeded babel/cli package

* Update and share Babel and presets

* Update and share babel-plugin-styled-components

* Update and share babel-plugin-formatjs

* Update and share babel-plugin-typescript-to-proptypes

* Update and share babel-loader

* Remove all Babel-related ESLint libraries

* Remove unused babel-jest from Playbooks

* MM-51968 Remove unused Babel libraries from Boards

* Update snapshots because of course I have to

* Update snapshot

webapp/channels/.eslintrc.json

@@ -5,7 +5,6 @@
     "plugin:react-hooks/recommended"
   ],
   "plugins": [
-    "@babel",
     "mattermost",
     "import",
     "no-only-tests",
@@ -35,7 +34,6 @@
     "import/no-duplicates": 2,
     "max-nested-callbacks": ["error", 10],
     "no-unused-expressions": 0,
-    "@babel/no-unused-expressions": 2,
     "eol-last": ["error", "always"],
     "import/no-unresolved": 2,
     "import/order": [

webapp/channels/babel.config.js

@@ -5,14 +5,12 @@ const config = {
     presets: [
         ['@babel/preset-env', {
             targets: {
-                chrome: 66,
-                firefox: 60,
-                edge: 42,
-                safari: 12,
+                chrome: 110,
+                firefox: 102,
+                edge: 110,
+                safari: 16,
             },
-            modules: 'auto',
             corejs: 3,
-            debug: false,
             useBuiltIns: 'usage',
             shippedProposals: true,
         }],
@@ -26,8 +24,6 @@ const config = {
     ],
     plugins: [
         'lodash',
-        '@babel/plugin-proposal-class-properties',
-        '@babel/plugin-proposal-object-rest-spread',
         'react-hot-loader/babel',
         'babel-plugin-typescript-to-proptypes',
         [

webapp/channels/package.json

@@ -99,15 +99,6 @@
     "zen-observable": "0.9.0"
   },
   "devDependencies": {
-    "@babel/cli": "7.16.0",
-    "@babel/core": "7.16.0",
-    "@babel/eslint-parser": "7.19.1",
-    "@babel/eslint-plugin": "7.19.1",
-    "@babel/plugin-proposal-class-properties": "7.16.0",
-    "@babel/plugin-proposal-object-rest-spread": "7.16.0",
-    "@babel/preset-env": "7.16.4",
-    "@babel/preset-react": "7.16.0",
-    "@babel/preset-typescript": "7.16.0",
     "@deanwhillier/jest-matchmedia-mock": "1.2.0",
     "@hot-loader/react-dom": "17.0.2",
     "@redux-devtools/extension": "3.2.3",
@@ -147,10 +138,7 @@
     "@types/webpack-env": "1.18.0",
     "@typescript-eslint/eslint-plugin": "5.57.1",
     "@typescript-eslint/parser": "5.57.1",
-    "babel-loader": "8.2.3",
     "babel-plugin-lodash": "3.3.4",
-    "babel-plugin-styled-components": "1.12.0",
-    "babel-plugin-typescript-to-proptypes": "1.4.2",
     "bundle-loader": "0.2.0",
     "copy-webpack-plugin": "11.0.0",
     "dotenv-webpack": "8.0.1",

webapp/channels/src/components/add_user_to_channel_modal/__snapshots__/add_user_to_channel_modal.test.tsx.snap

@@ -89,7 +89,6 @@ exports[`components/AddUserToChannelModal should match snapshot 1`] = `
                 "latestComplete": true,
                 "latestPrefix": "",
                 "requestStarted": false,
-                "triggerCharacter": undefined,
               },
             ]
           }

webapp/channels/src/components/create_team/__snapshots__/create_team.test.tsx.snap

@@ -2,7 +2,7 @@
 
 exports[`component/create_team should match snapshot default 1`] = `
 <div>
-  <Connect(_class) />
+  <Connect(Component) />
   <BackButton
     url="/undefined/channels/undefined"
   />

webapp/channels/src/components/quick_switch_modal/__snapshots__/quick_switch_modal.test.tsx.snap

@@ -90,7 +90,6 @@ exports[`components/QuickSwitchModal should match snapshot 1`] = `
               "latestComplete": true,
               "latestPrefix": "",
               "requestStarted": false,
-              "triggerCharacter": undefined,
             },
           ]
         }

webapp/channels/src/components/root/__snapshots__/root.test.tsx.snap

@@ -91,7 +91,7 @@ exports[`components/Root Routes Should mount public product routes 1`] = `
       theme={Object {}}
     >
       <Connect(ModalController) />
-      <Connect(_class) />
+      <Connect(Component) />
       <Connect(SystemNotice) />
       <GlobalHeader />
       <CloudEffectsWrapper />

webapp/channels/src/components/select_team/__snapshots__/select_team.test.tsx.snap

@@ -2,7 +2,7 @@
 
 exports[`components/select_team/SelectTeam should match snapshot 1`] = `
 <div>
-  <Connect(_class) />
+  <Connect(Component) />
   <BackButton
     url="/"
   />
@@ -114,7 +114,7 @@ exports[`components/select_team/SelectTeam should match snapshot 1`] = `
 
 exports[`components/select_team/SelectTeam should match snapshot, on create team restricted 1`] = `
 <div>
-  <Connect(_class) />
+  <Connect(Component) />
   <BackButton
     url="/"
   />
@@ -198,7 +198,7 @@ exports[`components/select_team/SelectTeam should match snapshot, on create team
 
 exports[`components/select_team/SelectTeam should match snapshot, on error 1`] = `
 <div>
-  <Connect(_class) />
+  <Connect(Component) />
   <BackButton
     onClick={[Function]}
     url="/"
@@ -287,7 +287,7 @@ exports[`components/select_team/SelectTeam should match snapshot, on error 1`] =
 
 exports[`components/select_team/SelectTeam should match snapshot, on loading 1`] = `
 <div>
-  <Connect(_class) />
+  <Connect(Component) />
   <BackButton
     url="/"
   />
@@ -363,7 +363,7 @@ exports[`components/select_team/SelectTeam should match snapshot, on loading 1`]
 
 exports[`components/select_team/SelectTeam should match snapshot, on no joinable team and is not system admin nor can create team 1`] = `
 <div>
-  <Connect(_class) />
+  <Connect(Component) />
   <BackButton
     url="/"
   />
@@ -496,7 +496,7 @@ exports[`components/select_team/SelectTeam should match snapshot, on no joinable
 
 exports[`components/select_team/SelectTeam should match snapshot, on no joinable team and user is guest 1`] = `
 <div>
-  <Connect(_class) />
+  <Connect(Component) />
   <BackButton
     url="/"
   />
@@ -587,7 +587,7 @@ exports[`components/select_team/SelectTeam should match snapshot, on no joinable
 
 exports[`components/select_team/SelectTeam should match snapshot, on no joinable team but can create team 1`] = `
 <div>
-  <Connect(_class) />
+  <Connect(Component) />
   <BackButton
     url="/"
   />