merge: merge branch 'THU/upgrade_dependencies_PROD-14745'

Author: csm-thu

.github/workflows/eslint.yml

@@ -13,13 +13,13 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout git repository
-        uses: actions/checkout@v4
+        uses: actions/checkout@v5
       - name: Enable Corepack
         run: corepack enable
       - name: Setup Node
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v5
         with:
-          node-version: '18'
+          node-version: '24'
           cache: 'yarn'
       - name: Run eslint
         run: yarn install && yarn eslint .

.github/workflows/track_dependencies.yml

@@ -15,9 +15,9 @@ jobs:
       - name: Enable Corepack
         run: corepack enable
       - name: Setup Node
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v5
         with:
-          node-version: '18'
+          node-version: '24'
           cache: 'yarn'
       - name: Generate SBOM
         run: yarn dlx -q @cyclonedx/yarn-plugin-cyclonedx -o sbom.json

.nvmrc

@@ -1 +1 @@
-v18
+v24

package.json

@@ -25,59 +25,59 @@
   },
   "homepage": "https://github.com/Cosmo-Tech/webapp-component-ui#readme",
   "devDependencies": {
-    "@babel/core": "^7.27.7",
-    "@babel/preset-env": "^7.27.2",
+    "@babel/core": "^7.28.4",
+    "@babel/preset-env": "^7.28.3",
     "@babel/preset-react": "^7.27.1",
     "@cosmotech/azure": "^2.0.1",
     "@cosmotech/core": "^2.0.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@eslint/compat": "^1.3.1",
+    "@eslint/compat": "^1.3.2",
     "@eslint/eslintrc": "^3.3.1",
-    "@eslint/js": "^9.30.0",
-    "@mui/icons-material": "^6.4.12",
+    "@eslint/js": "^9.35.0",
+    "@mui/icons-material": "^6.5.0",
     "@mui/lab": "^5.0.0-alpha.170",
-    "@mui/material": "^6.4.12",
-    "@mui/styles": "^6.4.12",
+    "@mui/material": "^6.5.0",
+    "@mui/styles": "^6.5.0",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.6",
     "@rollup/plugin-image": "^3.0.3",
-    "@rollup/plugin-node-resolve": "^15.3.1",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.6.3",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
-    "babel-jest": "^29.7.0",
-    "dayjs": "^1.11.13",
-    "eslint": "^9.30.0",
-    "eslint-config-prettier": "^9.1.0",
+    "@trivago/prettier-plugin-sort-imports": "^5.2.2",
+    "babel-jest": "^30.1.2",
+    "dayjs": "^1.11.18",
+    "eslint": "^9.35.0",
+    "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-jest": "^28.14.0",
+    "eslint-plugin-jest": "^29.0.1",
     "eslint-plugin-jest-dom": "^5.5.0",
-    "eslint-plugin-n": "^17.20.0",
+    "eslint-plugin-n": "^17.23.1",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-prettier": "^5.5.1",
+    "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-promise": "^7.2.1",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-testing-library": "^6.5.0",
-    "globals": "^15.15.0",
+    "eslint-plugin-testing-library": "^7.8.0",
+    "globals": "^16.4.0",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^29.7.0",
+    "jest": "^30.1.3",
     "jest-canvas-mock": "^2.5.2",
-    "jest-environment-jsdom": "^29.7.0",
-    "neostandard": "^0.11.9",
+    "jest-environment-jsdom": "^30.1.2",
+    "neostandard": "^0.12.2",
     "postcss": "^8.5.6",
     "prettier": "^3.6.2",
     "prop-types": "^15.8.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-i18next": "^15.5.3",
-    "rollup": "^4.44.1",
+    "react-i18next": "^15.7.3",
+    "rollup": "^4.50.2",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-visualizer": "^5.14.0"
+    "rollup-plugin-visualizer": "^6.0.3"
   },
   "peerDependencies": {
     "@cosmotech/azure": "^2.0.1",
@@ -95,13 +95,13 @@
     "@emotion/styled": "^11.14.1",
     "@mui/x-date-pickers": "^7.29.4",
     "@nosferatu500/react-sortable-tree": "^3.0.6",
-    "ag-grid-community": "~32.2.2",
-    "ag-grid-react": "~32.2.2",
+    "ag-grid-community": "~34.2.0",
+    "ag-grid-react": "~34.2.0",
     "clsx": "^2.1.1",
-    "cytoscape": "^3.32.0",
-    "cytoscape-bubblesets": "^3.2.3",
+    "cytoscape": "^3.33.1",
+    "cytoscape-bubblesets": "^4.0.0",
     "cytoscape-dagre": "^2.5.0",
-    "cytoscape-layers": "^2.4.6",
+    "cytoscape-layers": "^3.0.0",
     "powerbi-client-react": "^1.4.0",
     "react-cytoscapejs": "^2.0.0",
     "react-lottie-player": "^2.1.0",
@@ -112,5 +112,5 @@
     "get-pkg-repo": "4.1.1",
     "hosted-git-info": "^2.1.4"
   },
-  "packageManager": "yarn@4.3.1"
+  "packageManager": "yarn@4.9.4"
 }

src/inputs/SelectWithAction/SelectWithAction.spec.js

@@ -125,7 +125,7 @@ describe('SelectWithAction', () => {
       await SelectElement.openMenu();
       await SelectElement.selectMenuItem(actionToSelect.label);
 
-      expect(mockActionClick).toBeCalledWith(actionToSelect.id);
+      expect(mockActionClick).toHaveBeenCalledWith(actionToSelect.id);
     });
   });
 

src/inputs/Table/Table.js

@@ -6,6 +6,7 @@ import PropTypes from 'prop-types';
 import UploadFileIcon from '@mui/icons-material/UploadFile';
 import { Stack, Typography, Box, Button } from '@mui/material';
 import makeStyles from '@mui/styles/makeStyles';
+import { AllCommunityModule, ModuleRegistry, provideGlobalGridOptions } from 'ag-grid-community';
 import 'ag-grid-community/styles/ag-grid.css';
 import 'ag-grid-community/styles/ag-theme-balham.css';
 import rfdc from 'rfdc';
@@ -17,6 +18,9 @@ import { TABLE_DATA_STATUS } from './TableDataStatus';
 import { TableToolbar } from './components';
 import { TABLE_TOOLBAR_HEIGHT } from './components/TableToolbar/style.js';
 
+ModuleRegistry.registerModules([AllCommunityModule]);
+provideGlobalGridOptions({ theme: 'legacy' });
+
 const clone = rfdc();
 
 const useStyles = makeStyles((theme) => ({
@@ -386,7 +390,12 @@ export const Table = (props) => {
         rowData={rows}
         context={context}
         stopEditingWhenCellsLoseFocus={true}
-        rowSelection={'multiple'}
+        rowSelection={{
+          mode: 'multiRow',
+          checkboxes: false,
+          headerCheckbox: false,
+          enableClickSelection: true,
+        }}
         onSelectionChanged={onSelectionChanged}
       />
     );