upgrade dependencies + add onKeyDownCell for HighTable

Author: severo

package.json

@@ -53,41 +53,41 @@
     "watch:url": "NODE_ENV=development nodemon bin/cli.js https://hyperparam.blob.core.windows.net/hyperparam/starcoderdata-js-00000-of-00065.parquet"
   },
   "dependencies": {
-    "hightable": "0.15.1",
-    "hyparquet": "1.12.1",
+    "hightable": "0.15.4",
+    "hyparquet": "1.13.1",
     "hyparquet-compressors": "1.1.1",
-    "icebird": "0.2.0",
+    "icebird": "0.3.0",
     "react": "18.3.1",
     "react-dom": "18.3.1"
   },
   "devDependencies": {
-    "@eslint/js": "9.25.1",
+    "@eslint/js": "9.26.0",
     "@storybook/addon-essentials": "8.6.12",
     "@storybook/addon-interactions": "8.6.12",
     "@storybook/blocks": "8.6.12",
     "@storybook/react": "8.6.12",
     "@storybook/react-vite": "8.6.12",
     "@storybook/test": "8.6.12",
     "@testing-library/react": "16.3.0",
-    "@types/node": "22.14.1",
-    "@types/react": "19.1.2",
-    "@types/react-dom": "19.1.2",
+    "@types/node": "22.15.17",
+    "@types/react": "19.1.3",
+    "@types/react-dom": "19.1.3",
     "@vitejs/plugin-react": "4.4.1",
-    "@vitest/coverage-v8": "3.1.2",
-    "eslint": "9.25.1",
+    "@vitest/coverage-v8": "3.1.3",
+    "eslint": "9.26.0",
     "eslint-plugin-react": "7.37.5",
     "eslint-plugin-react-hooks": "5.2.0",
     "eslint-plugin-react-refresh": "0.4.20",
     "eslint-plugin-storybook": "0.12.0",
-    "globals": "16.0.0",
+    "globals": "16.1.0",
     "jsdom": "26.1.0",
     "nodemon": "3.1.10",
     "npm-run-all": "4.1.5",
     "storybook": "8.6.12",
     "typescript": "5.8.3",
-    "typescript-eslint": "8.31.0",
-    "vite": "6.3.3",
-    "vitest": "3.1.2"
+    "typescript-eslint": "8.32.0",
+    "vite": "6.3.5",
+    "vitest": "3.1.3"
   },
   "eslintConfig": {
     "extends": [

src/components/ParquetView/ParquetView.tsx

@@ -78,13 +78,23 @@ export default function ParquetView({ source, setProgress, setError }: ViewerPro
     return appendSearchParams({ col: col.toString(), row: row.toString() })
   }, [routes, sourceId])
 
+  const toggleCell = useCallback((col: number, row: number) => {
+    setCell(cell => {
+      if (cell?.col === col && cell.row === row) {
+        return undefined
+      }
+      return { row, col }
+    })
+  }, [])
   const onDoubleClickCell = useCallback((_event: React.MouseEvent, col: number, row: number) => {
-    if (cell?.col === col && cell.row === row) {
-      setCell(undefined)
-    } else {
-      setCell({ row, col })
+    toggleCell(col, row)
+  }, [toggleCell])
+  const onKeyDownCell = useCallback((event: React.KeyboardEvent, col: number, row: number) => {
+    if (event.key === 'Enter') {
+      event.preventDefault()
+      toggleCell(col, row)
     }
-  }, [cell])
+  }, [toggleCell])
   const onMouseDownCell = useCallback((event: React.MouseEvent, col: number, row: number) => {
     if (event.button === 1) {
       // Middle click open in new tab
@@ -101,6 +111,7 @@ export default function ParquetView({ source, setProgress, setError }: ViewerPro
       data={content.dataframe}
       onDoubleClickCell={onDoubleClickCell}
       onMouseDownCell={onMouseDownCell}
+      onKeyDownCell={onKeyDownCell}
       onError={setError}
       className={cn(styles.hightable, customClass?.highTable)}
     />}