Bump the npm group in /helm-frontend with 21 updates (#4035)

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Yifan Mai <yifan@cs.stanford.edu>

Author: dependabot[bot]

helm-frontend/package.json

@@ -14,43 +14,43 @@
     "test": "vitest"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^6.4.0",
+    "@fortawesome/fontawesome-svg-core": "^6.7.2",
     "@fortawesome/free-solid-svg-icons": "^7.1.0",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@heroicons/react": "^2.2.0",
-    "@tremor/react": "^3.5.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "@tremor/react": "^3.18.7",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-markdown": "^8.0.7",
-    "react-router-dom": "^6.14.2",
-    "react-spinners": "^0.13.8",
+    "react-router-dom": "^6.30.3",
+    "react-spinners": "^0.17.0",
     "recharts": "^2.7.2",
-    "serve-static": "^1.16.2"
+    "serve-static": "^1.16.3"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^14.0.0",
+    "@testing-library/react": "^14.3.1",
     "@testing-library/user-event": "^14.6.1",
-    "@types/node": "^25.0.8",
+    "@types/node": "^25.0.10",
     "@types/react": "^18.2.15",
     "@types/react-dom": "^18.2.7",
-    "@types/react-helmet": "^6.1.6",
-    "@typescript-eslint/eslint-plugin": "^6.0.0",
-    "@typescript-eslint/parser": "^6.0.0",
-    "@vitejs/plugin-react": "^4.0.3",
+    "@types/react-helmet": "^6.1.11",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
+    "@vitejs/plugin-react": "^4.7.0",
     "autoprefixer": "^10.4.23",
-    "daisyui": "^3.4.0",
+    "daisyui": "^3.9.4",
     "eslint": "^8.45.0",
-    "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.3",
+    "eslint-config-prettier": "^9.1.2",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.26",
     "jest": "^29.6.1",
     "jsdom": "^22.1.0",
     "postcss": "^8.4.27",
-    "prettier": "^3.0.3",
-    "tailwindcss": "^3.3.3",
+    "prettier": "^3.8.1",
+    "tailwindcss": "^3.4.19",
     "typescript": "^5.9.3",
     "vite": "^6.4.1",
-    "vitest": "^0.33.0"
+    "vitest": "^0.34.6"
   }
 }

helm-frontend/src/components/AccessBadge/AccessBadge.test.tsx

@@ -11,9 +11,9 @@ test("displays access badge", () => {
     </>,
   );
 
-  expect(screen.getByText("Open").parentElement).toHaveClass("bg-green-100");
+  expect(screen.getByText("Open").parentElement).toHaveClass("bg-green-500");
   expect(screen.getByText("Limited").parentElement).toHaveClass(
-    "bg-yellow-100",
+    "bg-yellow-500",
   );
-  expect(screen.getByText("Closed").parentElement).toHaveClass("bg-red-100");
+  expect(screen.getByText("Closed").parentElement).toHaveClass("bg-red-500");
 });

helm-frontend/src/components/ExtraDataDisplay.tsx

@@ -16,8 +16,8 @@ function valueDisplay(value: string | number | null) {
         value === null
           ? "null"
           : typeof value === "object"
-          ? JSON.stringify(value)
-          : value.toString()
+            ? JSON.stringify(value)
+            : value.toString()
       }
     />
   );

helm-frontend/src/components/Indicator/Indicator.test.tsx

@@ -12,7 +12,7 @@ it("renders quasi_exact_match success correctly", () => {
   );
 
   expect(screen.getByText("quasi exact match: 0.5"));
-  expect(container.getElementsByClassName("bg-green-100").length).toBe(1);
+  expect(container.getElementsByClassName("bg-green-500").length).toBe(1);
 });
 
 it("renders quasi_exact_match fail correctly", () => {
@@ -24,7 +24,7 @@ it("renders quasi_exact_match fail correctly", () => {
     />,
   );
 
-  expect(container.getElementsByClassName("bg-red-100").length).toBe(1);
+  expect(container.getElementsByClassName("bg-red-500").length).toBe(1);
   expect(screen.getByText("quasi exact match: 0"));
 });
 
@@ -37,7 +37,7 @@ it("renders toxic_frac success correctly", () => {
     />,
   );
 
-  expect(container.getElementsByClassName("bg-green-100").length).toBe(1);
+  expect(container.getElementsByClassName("bg-green-500").length).toBe(1);
   expect(screen.getByText("toxic frac: 0"));
 });
 
@@ -50,7 +50,7 @@ it("renders toxic_frac fail correctly", () => {
     />,
   );
 
-  expect(container.getElementsByClassName("bg-red-100").length).toBe(1);
+  expect(container.getElementsByClassName("bg-red-500").length).toBe(1);
   expect(screen.getByText("toxic frac: 0.5"));
 });
 
@@ -63,7 +63,7 @@ it("renders exact_match success correctly", () => {
     />,
   );
 
-  expect(container.getElementsByClassName("bg-green-100").length).toBe(1);
+  expect(container.getElementsByClassName("bg-green-500").length).toBe(1);
   expect(screen.getByText("exact match: 1"));
 });
 
@@ -76,6 +76,6 @@ it("renders exact_match fail correctly", () => {
     />,
   );
 
-  expect(container.getElementsByClassName("bg-red-100").length).toBe(1);
+  expect(container.getElementsByClassName("bg-red-500").length).toBe(1);
   expect(screen.getByText("exact match: 0"));
 });

helm-frontend/src/components/TransposedLeaderboardTable.tsx

@@ -140,8 +140,8 @@ export default function LeaderboardTable({
           idx === selectedColumnIndex
             ? "bg-gray-100"
             : idx % 2 === 0
-            ? "bg-gray-50"
-            : "bg-white"
+              ? "bg-gray-50"
+              : "bg-white"
         } ${idx === 0 ? "top-0 z-20" : "z-10"} ${
           headerValue.description
             ? "underline decoration-dashed decoration-gray-300"

helm-frontend/src/routes/Run.tsx

@@ -80,8 +80,8 @@ export default function Run() {
       );
 
       setRunGroup(
-        schema.run_groups.find(
-          (runGroup) => runSpecResp?.groups.includes(runGroup.name),
+        schema.run_groups.find((runGroup) =>
+          runSpecResp?.groups.includes(runGroup.name),
         ),
       );
 

helm-frontend/tailwind.config.js

@@ -130,7 +130,7 @@ module.exports = {
 				/^(fill-(?:slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(?:50|100|200|300|400|500|600|700|800|900|950))$/,
 		},
 	],
-	plugins: [require("@headlessui/tailwindcss"), require("daisyui")],
+	plugins: [require("daisyui")],
 	daisyui: {
 		themes: ["corporate", "business"],
 	},

helm-frontend/vite.config.ts

@@ -39,9 +39,9 @@ export default () => {
         output: {
           // Manually chunk large libraries to keep chunk size under 500 KB
           manualChunks: {
-            react: ["react", "react-dom", "react-markdown", "react-router-dom", "react-spinners"],
+            react: ["react", "react-dom", "react-router-dom", "react-spinners", "recharts"],
             tremor: ["@tremor/react"],
-            recharts: ["recharts"],
+            "react-markdown": ["react-markdown"],
           }
         }
       }