chore(deps): bump dependencies

3 files changed, 33 insertions, 19 deletions

diff --git a/subprojects/frontend/package.json b/subprojects/frontend/package.json
index ae1103d6..f394e6e5 100644
--- a/subprojects/frontend/package.json
+++ b/subprojects/frontend/package.json
@@ -28,13 +28,13 @@
   },
   "homepage": "https://refinery.tools",
   "dependencies": {
-    "@codemirror/autocomplete": "^6.16.2",
+    "@codemirror/autocomplete": "^6.16.3",
     "@codemirror/commands": "^6.6.0",
     "@codemirror/language": "^6.10.2",
-    "@codemirror/lint": "^6.8.0",
+    "@codemirror/lint": "^6.8.1",
     "@codemirror/search": "^6.5.6",
     "@codemirror/state": "^6.4.1",
-    "@codemirror/view": "^6.28.1",
+    "@codemirror/view": "^6.28.2",
     "@emotion/cache": "^11.11.0",
     "@emotion/react": "^11.11.4",
     "@emotion/serialize": "^1.1.4",
@@ -51,7 +51,7 @@
     "@mui/icons-material": "^5.15.20",
     "@mui/material": "^5.15.20",
     "@mui/system": "^5.15.20",
-    "@mui/x-data-grid": "^7.7.0",
+    "@mui/x-data-grid": "^7.7.1",
     "ansi-styles": "^6.2.1",
     "csstype": "^3.1.3",
     "d3": "^7.9.0",
@@ -77,7 +77,7 @@
     "zod": "^3.23.8"
   },
   "devDependencies": {
-    "@lezer/generator": "^1.7.0",
+    "@lezer/generator": "^1.7.1",
     "@types/d3": "^7.4.3",
     "@types/d3-color": "^3.1.3",
     "@types/d3-graphviz": "^2.6.10",
@@ -88,7 +88,7 @@
     "@types/lodash-es": "^4.17.12",
     "@types/micromatch": "^4.0.7",
     "@types/ms": "^0.7.34",
-    "@types/node": "^20.14.2",
+    "@types/node": "^20.14.8",
     "@types/pnpapi": "^0.0.5",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
@@ -97,7 +97,7 @@
     "html-minifier-terser": "^7.2.0",
     "micromatch": "^4.0.7",
     "pnpapi": "^0.0.0",
-    "typescript": "5.4.5",
+    "typescript": "5.5.2",
     "vite": "^5.3.1",
     "vite-plugin-pwa": "^0.20.0",
     "workbox-window": "^7.1.0"
diff --git a/subprojects/frontend/src/graph/VisibilityPanel.tsx b/subprojects/frontend/src/graph/VisibilityPanel.tsx
index 9d81e906..619113ef 100644
--- a/subprojects/frontend/src/graph/VisibilityPanel.tsx
+++ b/subprojects/frontend/src/graph/VisibilityPanel.tsx
@@ -102,20 +102,32 @@ const VisibilityDialogScroll = styled('div', {
       width: 'min-content',
     },
     '& td:nth-of-type(3)': {
-      cursor: 'pointer',
-      userSelect: 'none',
-      WebkitTapHighlightColor: 'transparent',
+      position: 'relative',
     },
 
     '& thead th, .VisibilityDialog-custom tr:last-child td': {
       borderBottom: `1px solid ${theme.palette.divider}`,
     },
-    // Hack to apply `text-overflow`.
-    '.VisibilityDialog-nowrap': {
+    '.VisibilityDialog-toggleVisibility': {
+      // Hack to apply `text-overflow`.
       maxWidth: '100%',
       overflow: 'hidden',
       wordWrap: 'nowrap',
       textOverflow: 'ellipsis',
+      background: 'transparent',
+      border: 'none',
+      font: 'inherit',
+      lineHeight: 'inherit',
+      cursor: 'pointer',
+      WebkitTapHighlightColor: 'transparent',
+      '&::after': {
+        content: '" "',
+        position: 'absolute',
+        left: 0,
+        right: 0,
+        top: 0,
+        bottom: 0,
+      },
     },
     '.VisibilityDialog-empty': {
       display: 'flex',
@@ -172,13 +184,15 @@ function VisibilityPanel({
             />
           </Tooltip>
         </td>
-        <td
-          onClick={() => graph.cycleVisibility(name)}
-          aria-label="Toggle visiblity"
-        >
-          <div className="VisibilityDialog-nowrap">
+        <td>
+          <button
+            type="button"
+            onClick={() => graph.cycleVisibility(name)}
+            aria-label={`Toggle visibility of ${metadata.simpleName}`}
+            className="VisibilityDialog-toggleVisibility"
+          >
             <RelationName metadata={metadata} abbreviate={graph.abbreviate} />
-          </div>
+          </button>
         </td>
       </tr>
     );
diff --git a/subprojects/frontend/src/xtext/UpdateStateTracker.ts b/subprojects/frontend/src/xtext/UpdateStateTracker.ts
index 4ce93ed6..3297e12a 100644
--- a/subprojects/frontend/src/xtext/UpdateStateTracker.ts
+++ b/subprojects/frontend/src/xtext/UpdateStateTracker.ts
@@ -102,7 +102,7 @@ export default class UpdateStateTracker {
   onTransaction(transaction: Transaction): boolean {
     const setDirtyChangesEffect = transaction.effects.find((effect) =>
       effect.is(setDirtyChanges),
-    ) as StateEffect<ChangeSet> | undefined;
+    );
     if (setDirtyChangesEffect) {
       const { value } = setDirtyChangesEffect;
       if (this.pendingChanges !== undefined) {