Update ui dependencies

.github/workflows/release.yml

@@ -29,7 +29,7 @@ jobs:
 
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 20
 
       - name: Get yarn cache directory path
         id: yarn-cache-dir-path

ui/README.md

@@ -4,7 +4,7 @@ This is the UI component of XP based on React web framework.
 
 ## Prerequisites
 
-- [Node.js](https://nodejs.org/en/download/) v16
+- [Node.js](https://nodejs.org/en/download/) v20
 - yarn 1.22.x (`npm install --global yarn`)
 
 ## Install Dependencies

ui/package.json

@@ -4,39 +4,43 @@
   "private": true,
   "homepage": "/xp",
   "dependencies": {
-    "@caraml-dev/ui-lib": "^1.7.6",
-    "@elastic/datemath": "5.0.3",
-    "@elastic/eui": "66.0.0",
-    "@emotion/react": "^11.9.0",
-    "@sentry/browser": "5.15.5",
+    "@caraml-dev/ui-lib": "^1.13.0-build.1-d1f1876",
+    "@elastic/datemath": "^5.0.3",
+    "@elastic/eui": "^95.2.0",
+    "@emotion/react": "^11.11.4",
+    "@emotion/css": "^11.11.2",
+    "@sentry/browser": "^7.118.0",
     "json-bigint": "1.0.0",
     "lint-staged": "^11.1.2",
-    "moment": "^2.29.4",
+    "moment": "^2.30.1",
     "object-assign-deep": "^0.4.0",
     "proper-url-join": "2.1.1",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
-    "react-router-dom": "^6.3.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^6.23.1",
     "react-scripts": "^5.0.1",
     "resize-observer-polyfill": "^1.5.1",
-    "yup": "^0.29.1"
+    "yup": "^1.4.0"
   },
   "devDependencies": {
-    "@craco/craco": "6.3.0",
-    "@testing-library/jest-dom": "^5.14.1",
-    "@testing-library/react": "^11.2.7",
-    "@testing-library/user-event": "^12.8.3",
+    "@craco/craco": "^7.1.0",
+    "@testing-library/jest-dom": "^6.4.6",
+    "@testing-library/react": "^16.0.0",
+    "@testing-library/user-event": "^14.5.2",
     "husky": "^7.0.1",
     "import-sort-style-react": "^5.1.0",
-    "node-sass": "^6.0.1",
     "postcss-normalize": "10.0.1",
-    "prettier": "^2.3.2",
-    "prettier-plugin-import-sort": "^0.0.7"
+    "prettier": "^3.2.5",
+    "prettier-plugin-import-sort": "^0.0.7",
+    "sass": "^1.77.2"
   },
   "resolutions": {
     "react-scripts/**/postcss-normalize": "10.0.1",
     "**/react-beautiful-dnd": "git+https://github.com/gojekfarm/react-beautiful-dnd.git#master"
   },
+  "engines": {
+    "node": ">=20.13.1"
+  },
   "scripts": {
     "start": "PORT=3002 craco start --verbose",
     "build": "craco build",