[MM-945]: Converting user_attribute component and client files to TS and Upgrade mattermost-redux to 10.8.0 (#853)

* [MM-944]: Typescript migration and converting github_label_selector to TS

* [MM-944]

* [MM-945]: Converting user_attribute component and client files to TS

* Fixed CI

* Updated package-lock file

* Upgraded the mattermost-redux to version 10.8.0

* [MM-945] Update jest version

* [MM-945] Upgrade enzyme-to-json version

* [MM-945] Fix jest config

* [MM-945] Update jest config

* [MM-945] Update jest config

* [MM-945] Fix jest config and added testEnvironmentOptions

* [MM-945] Added cheerio dependency and fix version of jest packages

* [MM-945] Fix failing test

* [MM-945] Downgrade the @mattermost/client version for ci snyk issue

* [MM-945] Fix package versions

---------

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

Author: 3 people

webapp/package-lock.json

@@ -14,7 +14,7 @@
   },
   "devDependencies": {
     "@babel/cli": "7.20.7",
-    "@babel/core": "7.11.6",
+    "@babel/core": "7.28.0",
     "@babel/plugin-proposal-class-properties": "7.10.4",
     "@babel/plugin-proposal-object-rest-spread": "7.11.0",
     "@babel/plugin-proposal-optional-chaining": "7.11.0",
@@ -26,9 +26,12 @@
     "@babel/runtime": "7.27.1",
     "@emotion/babel-preset-css-prop": "10.0.27",
     "@emotion/core": "10.0.35",
+    "@mattermost/client": "10.9.0",
+    "@mattermost/types": "10.9.0",
+    "@types/cheerio": "0.22.30",
     "@types/enzyme": "3.10.6",
     "@types/enzyme-adapter-react-16": "1.0.9",
-    "@types/jest": "26.0.14",
+    "@types/jest": "29.5.11",
     "@types/node": "14.11.1",
     "@types/react": "16.9.49",
     "@types/react-dom": "16.9.8",
@@ -40,13 +43,14 @@
     "@typescript-eslint/eslint-plugin": "4.1.1",
     "@typescript-eslint/parser": "4.1.1",
     "babel-eslint": "10.1.0",
-    "babel-jest": "26.3.0",
-    "babel-loader": "8.1.0",
-    "babel-plugin-typescript-to-proptypes": "1.4.1",
-    "css-loader": "4.3.0",
-    "enzyme": "3.11.0",
-    "enzyme-adapter-react-16": "1.15.4",
-    "enzyme-to-json": "3.5.0",
+    "babel-jest": "29.7.0",
+    "babel-loader": "9.1.3",
+    "babel-plugin-typescript-to-proptypes": "2.1.0",
+    "cheerio": "0.22.0",
+    "css-loader": "6.11.0",
+    "enzyme": "3.10.0",
+    "enzyme-adapter-react-16": "1.15.1",
+    "enzyme-to-json": "3.6.2",
     "eslint": "7.9.0",
     "eslint-import-resolver-typescript": "3.6.1",
     "eslint-import-resolver-webpack": "0.12.2",
@@ -56,22 +60,25 @@
     "eslint-plugin-react-hooks": "4.1.2",
     "file-loader": "6.1.0",
     "identity-obj-proxy": "3.0.0",
-    "jest": "26.4.2",
+    "jest": "29.7.0",
     "jest-canvas-mock": "2.2.0",
-    "jest-junit": "11.1.0",
+    "jest-config": "30.0.4",
+    "jest-environment-jsdom": "29.7.0",
+    "jest-junit": "16.0.0",
+    "react-test-renderer": "16.13.1",
     "sass": "1.60.0",
     "sass-loader": "10.4.1",
     "style-loader": "1.2.1",
-    "typescript": "4.2.3",
-    "webpack": "4.44.2",
-    "webpack-cli": "3.3.12"
+    "typescript": "5.6.3",
+    "webpack": "5.96.1",
+    "webpack-cli": "5.1.4"
   },
   "dependencies": {
     "@primer/octicons-react": "10.1.0",
     "core-js": "3.6.5",
     "csstype": "3.0.3",
     "debounce-promise": "3.1.2",
-    "mattermost-redux": "5.33.1",
+    "mattermost-redux": "10.9.0",
     "node-fetch": "2.6.7",
     "prop-types": "15.7.2",
     "react": "16.13.1",
@@ -81,11 +88,12 @@
     "react-markdown": "^8.0.5",
     "react-redux": "7.2.1",
     "react-select": "3.1.0",
-    "redux": "4.0.5"
+    "redux": "4.0.5",
+    "reselect": "4.1.8"
   },
   "jest": {
     "snapshotSerializers": [
-      "<rootDir>/node_modules/enzyme-to-json/serializer"
+      "enzyme-to-json/serializer"
     ],
     "testPathIgnorePatterns": [
       "/node_modules/",
@@ -107,23 +115,28 @@
       "^bundle-loader\\?lazy\\!(.*)$": "$1"
     },
     "moduleDirectories": [
-      "",
       "node_modules",
       "non_npm_dependencies"
     ],
     "reporters": [
       "default",
       "jest-junit"
     ],
+    "transform": {
+      "^.+\\.[jt]sx?$": "babel-jest"
+    },
     "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"
+    }
   }
 }