Update dependencies (#3749)

* Update deps

* use `or` locator

* Fix types

Author: amanmahajan7

package.json

@@ -53,48 +53,48 @@
     "clsx": "^2.0.0"
   },
   "devDependencies": {
-    "@babel/preset-typescript": "^7.26.0",
+    "@babel/preset-typescript": "^7.27.0",
     "@biomejs/biome": "1.9.4",
     "@eslint/markdown": "^6.3.0",
     "@faker-js/faker": "^9.6.0",
     "@ianvs/prettier-plugin-sort-imports": "^4.4.1",
-    "@linaria/core": "^6.0.0",
-    "@microsoft/api-extractor": "^7.50.0",
+    "@linaria/core": "^6.3.0",
+    "@microsoft/api-extractor": "^7.52.2",
     "@tanstack/react-router": "^1.114.16",
     "@tanstack/router-plugin": "^1.114.16",
-    "@types/node": "^22.13.1",
-    "@types/react": "^19.0.8",
+    "@types/node": "^22.13.16",
+    "@types/react": "^19.0.12",
     "@types/react-dom": "^19.0.3",
-    "@typescript-eslint/eslint-plugin": "^8.26.1",
-    "@typescript-eslint/parser": "^8.26.1",
+    "@typescript-eslint/eslint-plugin": "^8.29.0",
+    "@typescript-eslint/parser": "^8.29.0",
     "@vitejs/plugin-react": "^4.3.4",
-    "@vitest/browser": "^3.0.9",
-    "@vitest/coverage-v8": "^3.0.9",
+    "@vitest/browser": "^3.1.1",
+    "@vitest/coverage-v8": "^3.1.1",
     "@vitest/eslint-plugin": "^1.1.38",
     "@wyw-in-js/rollup": "^0.6.0",
     "@wyw-in-js/vite": "^0.6.0",
     "browserslist": "^4.24.4",
-    "eslint": "^9.22.0",
+    "eslint": "^9.23.0",
     "eslint-plugin-jest-dom": "^5.5.0",
     "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-react-compiler": "^19.0.0-beta-3229e95-20250315",
+    "eslint-plugin-react-compiler": "^19.0.0-beta-e993439-20250328",
     "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-hooks-extra": "^1.36.1",
+    "eslint-plugin-react-hooks-extra": "^1.40.1",
     "eslint-plugin-sonarjs": "^3.0.2",
     "eslint-plugin-testing-library": "^7.1.1",
-    "jspdf": "^3.0.0",
+    "jspdf": "^3.0.1",
     "jspdf-autotable": "^5.0.2",
     "playwright": "^1.51.1",
     "postcss": "^8.5.2",
     "prettier": "3.5.3",
-    "react": "^19.0.0",
+    "react": "^19.1.0",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
-    "react-dom": "^19.0.0",
+    "react-dom": "^19.1.0",
     "rolldown": "^1.0.0-beta.6",
     "typescript": "~5.8.2",
-    "vite": "^6.2.2",
-    "vitest": "^3.0.9",
+    "vite": "^6.2.4",
+    "vitest": "^3.1.1",
     "vitest-browser-react": "^0.1.1"
   },
   "peerDependencies": {

test/browser/column/colSpan.test.ts

@@ -49,8 +49,8 @@ describe('colSpan', () => {
     expect(topSummarryRow1[7]).toHaveAttribute('aria-colindex', '8');
     expect(topSummarryRow1[7]).toHaveAttribute('aria-colspan', '2');
     expect(topSummarryRow1[7]).toHaveStyle({
-      'grid-column-start': '8',
-      'grid-column-end': '10'
+      gridColumnStart: '8',
+      gridColumnEnd: '10'
     });
     expect(getCellsAtRowIndex(1)).toHaveLength(15);
 
@@ -61,8 +61,8 @@ describe('colSpan', () => {
     expect(row1[6]).toHaveAttribute('aria-colindex', '7');
     expect(row1[6]).toHaveAttribute('aria-colspan', '2');
     expect(row1[6]).toHaveStyle({
-      'grid-column-start': '7',
-      'grid-column-end': '9'
+      gridTemplateColumns: '7',
+      gridColumnEnd: '9'
     });
     expect(row1[7]).toHaveAttribute('aria-colindex', '9');
     expect(row1[7]).not.toHaveAttribute('aria-colspan');
@@ -72,15 +72,15 @@ describe('colSpan', () => {
     expect(row2).toHaveLength(12);
     expect(row2[2]).toHaveAttribute('aria-colindex', '3');
     expect(row2[2]).toHaveStyle({
-      'grid-column-start': '3',
-      'grid-column-end': '6'
+      gridColumnStart: '3',
+      gridColumnEnd: '6'
     });
     expect(row2[2]).toHaveAttribute('aria-colspan', '3');
     expect(row2[3]).toHaveAttribute('aria-colindex', '6');
     expect(row2[4]).toHaveAttribute('aria-colindex', '7');
     expect(row2[4]).toHaveStyle({
-      'grid-column-start': '7',
-      'grid-column-end': '9'
+      gridColumnStart: '7',
+      gridColumnEnd: '9'
     });
     expect(row2[5]).toHaveAttribute('aria-colindex', '9');
 

test/browser/rowHeight.test.ts

@@ -25,7 +25,7 @@ test('rowHeight is number', async () => {
 
   const grid = page.getByRole('grid').element();
   expect(grid).toHaveStyle({
-    'grid-template-rows':
+    gridTemplateRows:
       '40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px 40px'
   });
   expect(getRows()).toHaveLength(30);
@@ -41,7 +41,7 @@ test('rowHeight is function', async () => {
 
   const grid = page.getByRole('grid').element();
   expect(grid).toHaveStyle({
-    'grid-template-rows':
+    gridTemplateRows:
       '35px 40px 60px 80px 40px 60px 80px 40px 60px 80px 40px 60px 80px 40px 60px 80px 40px 60px 80px 40px 60px 80px 40px 60px 80px 40px 60px 80px 40px 60px 80px 40px 60px 80px 40px 60px 80px 40px 60px 80px 40px 60px 80px 40px 60px 80px 40px 60px 80px 40px 60px'
   });
   expect(getRows()).toHaveLength(22);

test/browser/utils.tsx

@@ -43,13 +43,10 @@ export function getHeaderCells() {
 }
 
 export function getSelectedCell() {
-  const selectedGridCell = page.getByRole('gridcell', { selected: true });
-  // TODO use `or` when available
-  if (selectedGridCell.elements().length > 0) {
-    return selectedGridCell;
-  }
-
-  return page.getByRole('columnheader', { selected: true });
+  return page
+    .getByRole('gridcell', { selected: true })
+    .or(page.getByRole('columnheader', { selected: true }))
+    .first();
 }
 
 export function validateCellPosition(columnIdx: number, rowIdx: number) {