[MM-1442] Update mattermost-redux and related dependencies to 10.9.0 (#101)

* [MM-1442] Update mattermost-redux and related dependencies

* [MM-1442] Remvoed unused iles

* [MM-1442] Fix lint issue

---------

Co-authored-by: raghavaggarwal2308 <[email protected]>

Author: raghavaggarwal2308

webapp/.eslintrc.json

@@ -378,7 +378,7 @@
          }
       ],
       "no-use-before-define": [
-         2,
+         0,
          {
             "classes": false,
             "functions": false,

webapp/package-lock.json

@@ -14,7 +14,7 @@
   },
   "devDependencies": {
     "@babel/cli": "7.16.8",
-    "@babel/core": "7.16.12",
+    "@babel/core": "7.28.0",
     "@babel/plugin-proposal-class-properties": "7.16.7",
     "@babel/plugin-proposal-object-rest-spread": "7.16.7",
     "@babel/plugin-proposal-optional-chaining": "7.16.7",
@@ -25,12 +25,14 @@
     "@babel/runtime": "7.16.7",
     "@emotion/babel-preset-css-prop": "11.2.0",
     "@emotion/core": "10.3.1",
-    "@mattermost/types": "6.7.0-0",
+    "@mattermost/client": "10.9.0",
+    "@mattermost/types": "10.9.0",
     "@testing-library/jest-dom": "5.16.1",
     "@types/babel__core": "7.1.18",
     "@types/babel__template": "7.4.1",
+    "@types/cheerio": "0.22.30",
     "@types/enzyme": "3.10.11",
-    "@types/jest": "27.4.0",
+    "@types/jest": "29.5.11",
     "@types/node": "17.0.12",
     "@types/react": "16.14.26",
     "@types/react-dom": "17.0.11",
@@ -41,21 +43,22 @@
     "@typescript-eslint/parser": "5.10.1",
     "@typescript-eslint/typescript-estree": "5.52.0",
     "babel-eslint": "10.1.0",
+    "babel-jest": "29.7.0",
     "babel-loader": "8.2.2",
     "babel-plugin-formatjs": "10.3.7",
-    "babel-plugin-typescript-to-proptypes": "2.0.0",
+    "babel-plugin-typescript-to-proptypes": "2.1.0",
+    "cheerio": "0.22.0",
     "css-loader": "6.5.1",
-    "enzyme": "3.11.0",
+    "enzyme": "3.10.0",
     "enzyme-adapter-react-16": "1.15.6",
     "enzyme-to-json": "3.6.2",
-    "eslint": "8.8.0",
-    "eslint-import-resolver-alias": "1.1.2",
-    "eslint-import-resolver-typescript": "2.7.1",
-    "eslint-import-resolver-webpack": "0.13.2",
+    "eslint": "7.9.0",
+    "eslint-import-resolver-typescript": "3.6.1",
+    "eslint-import-resolver-webpack": "0.12.2",
     "eslint-plugin-babel": "5.3.1",
     "eslint-plugin-cypress": "2.12.1",
     "eslint-plugin-header": "3.1.1",
-    "eslint-plugin-import": "2.25.4",
+    "eslint-plugin-import": "2.22.0",
     "eslint-plugin-jest": "26.5.3",
     "eslint-plugin-mattermost": "github:mattermost/eslint-plugin-mattermost",
     "eslint-plugin-no-only-tests": "2.6.0",
@@ -64,8 +67,9 @@
     "file-loader": "6.2.0",
     "identity-obj-proxy": "3.0.0",
     "isomorphic-fetch": "3.0.0",
-    "jest": "27.4.7",
+    "jest": "29.7.0",
     "jest-canvas-mock": "2.3.1",
+    "jest-environment-jsdom": "29.7.0",
     "jest-junit": "13.0.0",
     "sass": "1.52.3",
     "sass-loader": "13.0.0",
@@ -75,13 +79,15 @@
   },
   "dependencies": {
     "core-js": "3.22.8",
-    "mattermost-redux": "5.33.1",
+    "mattermost-redux": "10.9.0",
     "react": "16.14.0",
-    "react-bootstrap": "2.8.0",
+    "react-bootstrap": "1.3.0",
+    "react-dom": "16.13.1",
     "react-redux": "8.0.2",
     "react-select": "5.7.4",
     "redux": "4.2.0",
-    "typescript": "4.6.4"
+    "reselect": "5.1.1",
+    "typescript": "5.6.3"
   },
   "jest": {
     "snapshotSerializers": [
@@ -105,8 +111,10 @@
       "^.*i18n.*\\.(json)$": "<rootDir>/tests/i18n_mock.json",
       "^bundle-loader\\?lazy\\!(.*)$": "$1"
     },
+    "transform": {
+      "^.+\\.[jt]sx?$": "babel-jest"
+    },
     "moduleDirectories": [
-      "",
       "node_modules",
       "non_npm_dependencies"
     ],
@@ -115,14 +123,17 @@
       "jest-junit"
     ],
     "transformIgnorePatterns": [
-      "node_modules/(?!react-native|react-router|mattermost-webapp)"
+      "node_modules/(?!react-native|react-router|mattermost-webapp|enzyme|cheerio)"
     ],
     "setupFiles": [
       "jest-canvas-mock"
     ],
     "setupFilesAfterEnv": [
       "<rootDir>/tests/setup.tsx"
     ],
-    "testURL": "http://localhost:8065"
+    "testEnvironment": "jsdom",
+    "testEnvironmentOptions": {
+      "url": "http://localhost:8065"
+    }
   }
 }

webapp/package.json

@@ -1,10 +1,10 @@
-import Client4 from 'mattermost-redux/client/client4';
+import {Client4} from '@mattermost/client';
 import {PostTypes} from 'mattermost-redux/action_types';
-import {GlobalState} from 'mattermost-redux/types/store';
+import {GlobalState} from '@mattermost/types/store';
 import {getConfig} from 'mattermost-redux/selectors/entities/general';
 import {haveIChannelPermission} from 'mattermost-redux/selectors/entities/roles';
 import Permissions from 'mattermost-redux/constants/permissions';
-import {Channel} from '@mattermost/types/lib/channels';
+import {Channel} from '@mattermost/types/channels';
 
 import {getCurrentChannelId} from 'mattermost-redux/selectors/entities/common';
 

webapp/src/actions.ts

@@ -1,6 +1,6 @@
 import {Client4} from 'mattermost-redux/client';
-import {ClientError} from 'mattermost-redux/client/client4';
-import {Options} from 'mattermost-redux/types/client4';
+import {ClientError} from '@mattermost/client';
+import {Options} from '@mattermost/types/client4';
 
 export const doFetch = async (url: string, options: Options) => {
     const {data} = await doFetchWithResponse(url, options);

webapp/src/client/index.ts

@@ -6,7 +6,7 @@ import ReactSelect, {ActionMeta} from 'react-select';
 import AsyncSelect, {Props as ReactSelectProps} from 'react-select/async';
 import CreatableSelect from 'react-select/creatable';
 
-import {Theme} from 'mattermost-redux/types/preferences';
+import {Theme} from 'mattermost-redux/selectors/entities/preferences';
 
 import Setting from '@/components/setting';
 

webapp/src/components/react_select_setting.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import {Theme} from '@mattermost/types/lib/preferences';
+import {Theme} from 'mattermost-redux/selectors/entities/preferences';
 
 import {changeOpacity} from 'mattermost-redux/utils/theme_utils';
 
@@ -18,7 +18,7 @@ export const getBaseStyles = (theme: Theme) => {
     };
 };
 
-export const getModalStyles = (theme) => ({
+export const getModalStyles = (theme: Theme) => ({
     modalBody: {
         padding: '2em 2em 3em',
         color: theme.centerChannelColor,
@@ -34,7 +34,7 @@ export const getModalStyles = (theme) => ({
     },
 });
 
-export const getStyleForReactSelect = (theme) => {
+export const getStyleForReactSelect = (theme: Theme) => {
     if (!theme) {
         return {};
     }

webapp/src/utils/styles.ts

@@ -31,12 +31,10 @@
     ],
   },
   "include": [
-    "src",
-    "tests"
+    "./**/*"
   ],
   "exclude": [
     "dist",
-    "node_modules",
     "!node_modules/@types"
-  ],
+  ]
 }