chore(deps): bump dependencies

3 files changed, 155 insertions, 27 deletions

diff --git a/subprojects/frontend/package.json b/subprojects/frontend/package.json
index 970d00a3..5a21069a 100644
--- a/subprojects/frontend/package.json
+++ b/subprojects/frontend/package.json
@@ -28,33 +28,33 @@
   },
   "homepage": "https://refinery.tools",
   "dependencies": {
-    "@codemirror/autocomplete": "^6.12.0",
+    "@codemirror/autocomplete": "^6.15.0",
     "@codemirror/commands": "^6.3.3",
     "@codemirror/language": "^6.10.1",
     "@codemirror/lint": "^6.5.0",
     "@codemirror/search": "^6.5.6",
     "@codemirror/state": "^6.4.1",
-    "@codemirror/view": "^6.24.1",
+    "@codemirror/view": "^6.26.0",
     "@emotion/cache": "^11.11.0",
-    "@emotion/react": "^11.11.3",
+    "@emotion/react": "^11.11.4",
     "@emotion/serialize": "^1.1.3",
     "@emotion/styled": "^11.11.0",
     "@emotion/utils": "^1.2.1",
-    "@fontsource-variable/jetbrains-mono": "^5.0.19",
-    "@fontsource-variable/open-sans": "^5.0.25",
-    "@fontsource/open-sans": "^5.0.24",
+    "@fontsource-variable/jetbrains-mono": "^5.0.20",
+    "@fontsource-variable/open-sans": "^5.0.28",
+    "@fontsource/open-sans": "^5.0.27",
     "@hpcc-js/wasm": "^2.16.0",
     "@lezer/common": "^1.2.1",
     "@lezer/highlight": "^1.2.0",
     "@lezer/lr": "^1.4.0",
     "@material-icons/svg": "^1.0.33",
-    "@mui/icons-material": "^5.15.11",
-    "@mui/material": "^5.15.11",
-    "@mui/system": "^5.15.11",
-    "@mui/x-data-grid": "^6.19.5",
+    "@mui/icons-material": "^5.15.14",
+    "@mui/material": "^5.15.14",
+    "@mui/system": "^5.15.14",
+    "@mui/x-data-grid": "^7.0.0",
     "ansi-styles": "^6.2.1",
     "csstype": "^3.1.3",
-    "d3": "^7.8.5",
+    "d3": "^7.9.0",
     "d3-color": "^3.1.0",
     "d3-graphviz": "patch:d3-graphviz@npm%3A5.3.0#~/.yarn/patches/d3-graphviz-npm-5.3.0-e0eace978a.patch",
     "d3-selection": "^3.0.0",
@@ -64,8 +64,8 @@
     "lodash-es": "^4.17.21",
     "loglevel": "^1.9.1",
     "loglevel-plugin-prefix": "^0.8.4",
-    "mobx": "^6.12.0",
-    "mobx-react-lite": "^4.0.5",
+    "mobx": "^6.12.1",
+    "mobx-react-lite": "^4.0.6",
     "ms": "^2.1.3",
     "nanoid": "^5.0.6",
     "notistack": "^3.0.1",
@@ -77,45 +77,45 @@
     "zod": "^3.22.4"
   },
   "devDependencies": {
-    "@lezer/generator": "^1.6.0",
+    "@lezer/generator": "^1.7.0",
     "@types/d3": "^7.4.3",
     "@types/d3-color": "^3.1.3",
     "@types/d3-graphviz": "^2.6.10",
     "@types/d3-selection": "^3.0.10",
     "@types/d3-zoom": "^3.0.8",
-    "@types/eslint": "^8.56.3",
+    "@types/eslint": "^8.56.6",
     "@types/html-minifier-terser": "^7.0.2",
     "@types/jspdf": "^2.0.0",
     "@types/lodash-es": "^4.17.12",
     "@types/micromatch": "^4.0.6",
     "@types/ms": "^0.7.34",
-    "@types/node": "^20.11.20",
+    "@types/node": "^20.11.30",
     "@types/pnpapi": "^0.0.5",
-    "@types/react": "^18.2.58",
-    "@types/react-dom": "^18.2.19",
-    "@typescript-eslint/eslint-plugin": "^6.21.0",
-    "@typescript-eslint/parser": "^6.21.0",
+    "@types/react": "^18.2.71",
+    "@types/react-dom": "^18.2.22",
+    "@typescript-eslint/eslint-plugin": "^7.4.0",
+    "@typescript-eslint/parser": "^7.4.0",
     "@vitejs/plugin-react-swc": "^3.6.0",
     "@xstate/cli": "^0.5.17",
     "cross-env": "^7.0.3",
     "eslint": "^8.57.0",
     "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-airbnb-typescript": "^17.1.0",
+    "eslint-config-airbnb-typescript": "^18.0.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-import-resolver-typescript": "^3.6.1",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-jsx-a11y": "^6.8.0",
     "eslint-plugin-mobx": "^0.0.9",
     "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "html-minifier-terser": "^7.2.0",
     "micromatch": "^4.0.5",
     "pnpapi": "^0.0.0",
     "prettier": "^3.2.5",
-    "typescript": "5.3.3",
-    "vite": "^5.1.4",
-    "vite-plugin-pwa": "^0.19.0",
+    "typescript": "5.4.3",
+    "vite": "^5.2.6",
+    "vite-plugin-pwa": "^0.19.7",
     "workbox-window": "^7.0.0"
   }
 }
diff --git a/subprojects/frontend/package.json.orig b/subprojects/frontend/package.json.orig
new file mode 100644
index 00000000..34bbd6d2
--- /dev/null
+++ b/subprojects/frontend/package.json.orig
@@ -0,0 +1,121 @@
+{
+  "//": [
+    "SPDX-FileCopyrightText: 2021-2024 The Refinery Authors <https://refinery.tools/>",
+    "",
+    "SPDX-License-Identifier: EPL-2.0"
+  ],
+  "name": "@refinery/frontend",
+  "version": "0.0.0",
+  "description": "Web frontend for Refinery",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "build": "cross-env MODE=production vite build",
+    "serve": "cross-env MODE=development vite serve",
+    "typegen": "xstate typegen \"src/**/*.ts?(x)\"",
+    "typecheck": "tsc -p tsconfig.shared.json && tsc -p tsconfig.node.json && tsc -p tsconfig.json",
+    "lint": "node config/eslintReport.cjs",
+    "lint:fix": "yarn run lint --fix"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/graphs4value/refinery.git"
+  },
+  "author": "The Refinery Authors <https://refinery.tools/>",
+  "license": "EPL-2.0",
+  "bugs": {
+    "url": "https://github.com/graphs4value/refinery/issues"
+  },
+  "homepage": "https://refinery.tools",
+  "dependencies": {
+    "@codemirror/autocomplete": "^6.15.0",
+    "@codemirror/commands": "^6.3.3",
+    "@codemirror/language": "^6.10.1",
+    "@codemirror/lint": "^6.5.0",
+    "@codemirror/search": "^6.5.6",
+    "@codemirror/state": "^6.4.1",
+    "@codemirror/view": "^6.26.0",
+    "@emotion/cache": "^11.11.0",
+    "@emotion/react": "11.11.3",
+    "@emotion/serialize": "^1.1.3",
+    "@emotion/styled": "^11.11.0",
+    "@emotion/utils": "^1.2.1",
+    "@fontsource-variable/jetbrains-mono": "^5.0.20",
+    "@fontsource-variable/open-sans": "^5.0.28",
+    "@fontsource/open-sans": "^5.0.27",
+    "@hpcc-js/wasm": "^2.16.0",
+    "@lezer/common": "^1.2.1",
+    "@lezer/highlight": "^1.2.0",
+    "@lezer/lr": "^1.4.0",
+    "@material-icons/svg": "^1.0.33",
+    "@mui/icons-material": "5.15.11",
+    "@mui/material": "5.15.11",
+    "@mui/system": "5.15.11",
+    "@mui/x-data-grid": "6.19.5",
+    "ansi-styles": "^6.2.1",
+    "csstype": "^3.1.3",
+    "d3": "^7.9.0",
+    "d3-color": "^3.1.0",
+    "d3-graphviz": "patch:d3-graphviz@npm%3A5.3.0#~/.yarn/patches/d3-graphviz-npm-5.3.0-e0eace978a.patch",
+    "d3-selection": "^3.0.0",
+    "d3-zoom": "patch:d3-zoom@npm%3A3.0.0#~/.yarn/patches/d3-zoom-npm-3.0.0-18f706a421.patch",
+    "escape-string-regexp": "^5.0.0",
+    "jspdf": "^2.5.1",
+    "lodash-es": "^4.17.21",
+    "loglevel": "^1.9.1",
+    "loglevel-plugin-prefix": "^0.8.4",
+    "mobx": "^6.12.1",
+    "mobx-react-lite": "^4.0.6",
+    "ms": "^2.1.3",
+    "nanoid": "^5.0.6",
+    "notistack": "^3.0.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-resize-detector": "^10.0.1",
+    "svg2pdf.js": "^2.2.3",
+    "xstate": "^4.38.3",
+    "zod": "^3.22.4"
+  },
+  "devDependencies": {
+    "@lezer/generator": "^1.7.0",
+    "@types/d3": "^7.4.3",
+    "@types/d3-color": "^3.1.3",
+    "@types/d3-graphviz": "^2.6.10",
+    "@types/d3-selection": "^3.0.10",
+    "@types/d3-zoom": "^3.0.8",
+    "@types/eslint": "^8.56.6",
+    "@types/html-minifier-terser": "^7.0.2",
+    "@types/jspdf": "^2.0.0",
+    "@types/lodash-es": "^4.17.12",
+    "@types/micromatch": "^4.0.6",
+    "@types/ms": "^0.7.34",
+    "@types/node": "^20.11.30",
+    "@types/pnpapi": "^0.0.5",
+    "@types/react": "^18.2.71",
+    "@types/react-dom": "^18.2.22",
+    "@typescript-eslint/eslint-plugin": "^7.4.0",
+    "@typescript-eslint/parser": "^7.4.0",
+    "@vitejs/plugin-react-swc": "^3.6.0",
+    "@xstate/cli": "^0.5.17",
+    "cross-env": "^7.0.3",
+    "eslint": "^8.57.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-airbnb-typescript": "^18.0.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-import-resolver-typescript": "^3.6.1",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
+    "eslint-plugin-mobx": "^0.0.9",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.34.1",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "html-minifier-terser": "^7.2.0",
+    "micromatch": "^4.0.5",
+    "pnpapi": "^0.0.0",
+    "prettier": "^3.2.5",
+    "typescript": "5.4.3",
+    "vite": "5.1.4",
+    "vite-plugin-pwa": "0.19.0",
+    "workbox-window": "^7.0.0"
+  }
+}
diff --git a/subprojects/frontend/src/table/TableArea.tsx b/subprojects/frontend/src/table/TableArea.tsx
index 166b8adf..854f3a97 100644
--- a/subprojects/frontend/src/table/TableArea.tsx
+++ b/subprojects/frontend/src/table/TableArea.tsx
@@ -23,6 +23,13 @@ interface Row {
   value: string;
 }
 
+declare module '@mui/x-data-grid' {
+  // Declare our custom prop type for `TableToolbar`.
+  interface ToolbarPropsOverrides {
+    graph: GraphStore;
+  }
+}
+
 function TableArea({ graph }: { graph: GraphStore }): JSX.Element {
   const {
     selectedSymbol,
@@ -37,7 +44,7 @@ function TableArea({ graph }: { graph: GraphStore }): JSX.Element {
       defs.push({
         field: `n${i}`,
         headerName: String(i + 1),
-        valueGetter: (row) => row.row.nodes[i] ?? '',
+        valueGetter: (_, row) => row.nodes[i] ?? '',
         flex: 1,
       });
     }
@@ -96,7 +103,7 @@ function TableArea({ graph }: { graph: GraphStore }): JSX.Element {
             graph,
           },
         }}
-        density="compact"
+        initialState={{ density: 'compact' }}
         rowSelection={false}
         columns={columns}
         rows={rows}