Fix UI dependency vulnerabilities

quickwit/quickwit-ui/jest.config.js

@@ -1,3 +1,16 @@
+const transformImportMeta = ({ types }) => ({
+  visitor: {
+    MetaProperty(path) {
+      if (
+        path.node.meta.name === "import" &&
+        path.node.property.name === "meta"
+      ) {
+        path.replaceWith(types.objectExpression([]));
+      }
+    },
+  },
+});
+
 module.exports = {
   setupFiles: [
     "react-app-polyfill/jsdom", // polyfill jsdom api (such as fetch)
@@ -15,6 +28,7 @@ module.exports = {
       {
         presets: [["babel-preset-react-app", { runtime: "automatic" }]],
         plugins: [
+          transformImportMeta,
           [
             "@dr.pogodin/babel-plugin-transform-assets",
             { extensions: ["svg", "woff2"] },
@@ -26,6 +40,8 @@ module.exports = {
     ],
   },
 
+  transformIgnorePatterns: ["/node_modules/(?!react-router)/"],
+
   moduleNameMapper: {
     "@monaco-editor/react": "<rootDir>/mocks/monacoMock.js",
     "swagger-ui-react": "<rootDir>/mocks/swaggerUIMock.js",

quickwit/quickwit-ui/package.json

@@ -5,7 +5,7 @@
   "private": true,
   "packageManager": "yarn@1.22.22",
   "dependencies": {
-    "@babel/core": "7.29.0",
+    "@babel/core": "7.29.6",
     "@babel/runtime": "7.28.6",
     "@biomejs/biome": "2.4.4",
     "@dr.pogodin/babel-plugin-transform-assets": "1.2.6",
@@ -24,32 +24,37 @@
     "@testing-library/user-event": "14.6.1",
     "@types/jest": "30.0.0",
     "@types/node": "24.10.9",
-    "@types/react": "19.2.14",
+    "@types/react": "19.2.17",
     "@types/react-dom": "19.2.3",
     "@types/swagger-ui-react": "5.18.0",
-    "babel-jest": "30.2.0",
+    "babel-jest": "30.4.1",
     "babel-preset-react-app": "10.1.0",
     "dayjs": "1.11.19",
-    "jest": "30.2.0",
-    "jest-environment-jsdom": "30.2.0",
-    "monaco-editor": "0.55.1",
-    "react": "19.2.4",
+    "jest": "30.4.1",
+    "jest-environment-jsdom": "30.4.1",
+    "monaco-editor": "0.56.0",
+    "react": "19.2.8",
     "react-app-polyfill": "3.0.0",
-    "react-dom": "19.2.4",
+    "react-dom": "19.2.8",
     "react-number-format": "5.4.4",
-    "react-router": "7.13.1",
-    "styled-components": "6.1.19",
+    "react-router": "8.3.0",
+    "styled-components": "6.4.4",
     "styled-icons": "10.47.1",
-    "swagger-ui-react": "5.32.0",
+    "swagger-ui-react": "5.32.11",
     "typescript": "5.9.3",
-    "vite": "7.3.1"
+    "vite": "8.1.5"
   },
   "resolutions": {
-    "@types/react": "19.2.14",
+    "@types/react": "19.2.17",
     "@types/react-dom": "19.2.3",
+    "@babel/core": "7.29.6",
     "@babel/plugin-transform-modules-systemjs": "7.29.4",
-    "dompurify": "3.3.1",
-    "glob": "11.1.0"
+    "dompurify": "3.4.12",
+    "form-data": "4.0.6",
+    "glob": "13.0.6",
+    "postcss": "8.5.23",
+    "test-exclude": "8.0.0",
+    "ws": "8.21.1"
   },
   "scripts": {
     "start": "vite",

quickwit/quickwit-ui/src/components/QueryEditor/QueryEditor.tsx

@@ -14,7 +14,7 @@
 
 import { Editor } from "@monaco-editor/react";
 import { Box } from "@mui/material";
-import * as monacoEditor from "monaco-editor/esm/vs/editor/editor.api";
+import type * as monacoEditor from "monaco-editor";
 import React, { useEffect, useRef, useState } from "react";
 import { SearchComponentProps } from "../../utils/SearchComponentProps";
 import { EDITOR_THEME } from "../../utils/theme";

quickwit/quickwit-ui/src/providers/EditorProvider.tsx

@@ -12,7 +12,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import * as monacoEditor from "monaco-editor/esm/vs/editor/editor.api";
+import type * as monacoEditor from "monaco-editor";
 import {
   createContext,
   MutableRefObject,

quickwit/quickwit-ui/tsconfig.json

@@ -14,7 +14,7 @@
     "forceConsistentCasingInFileNames": true,
     "noFallthroughCasesInSwitch": true,
     "module": "esnext",
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,