build(deps-dev): bump the js-deps group across 1 directory with 55 updates

.storybook/static/mockServiceWorker.js

@@ -8,8 +8,8 @@
  * - Please do NOT serve this file on production.
  */
 
-const PACKAGE_VERSION = '2.4.9'
-const INTEGRITY_CHECKSUM = '26357c79639bfa20d64c0efca2a87423'
+const PACKAGE_VERSION = '2.7.0'
+const INTEGRITY_CHECKSUM = '00729d72e3b82faf54ca8b9621dbb96f'
 const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
 const activeClientIds = new Set()
 
@@ -62,7 +62,12 @@ self.addEventListener('message', async function (event) {
 
       sendToClient(client, {
         type: 'MOCKING_ENABLED',
-        payload: true,
+        payload: {
+          client: {
+            id: client.id,
+            frameType: client.frameType,
+          },
+        },
       })
       break
     }
@@ -155,6 +160,10 @@ async function handleRequest(event, requestId) {
 async function resolveMainClient(event) {
   const client = await self.clients.get(event.clientId)
 
+  if (activeClientIds.has(event.clientId)) {
+    return client
+  }
+
   if (client?.frameType === 'top-level') {
     return client
   }
@@ -183,12 +192,26 @@ async function getResponse(event, client, requestId) {
   const requestClone = request.clone()
 
   function passthrough() {
-    const headers = Object.fromEntries(requestClone.headers.entries())
+    // Cast the request headers to a new Headers instance
+    // so the headers can be manipulated with.
+    const headers = new Headers(requestClone.headers)
+
+    // Remove the "accept" header value that marked this request as passthrough.
+    // This prevents request alteration and also keeps it compliant with the
+    // user-defined CORS policies.
+    const acceptHeader = headers.get('accept')
+    if (acceptHeader) {
+      const values = acceptHeader.split(',').map((value) => value.trim())
+      const filteredValues = values.filter(
+        (value) => value !== 'msw/passthrough',
+      )
 
-    // Remove internal MSW request header so the passthrough request
-    // complies with any potential CORS preflight checks on the server.
-    // Some servers forbid unknown request headers.
-    delete headers['x-msw-intention']
+      if (filteredValues.length > 0) {
+        headers.set('accept', filteredValues.join(', '))
+      } else {
+        headers.delete('accept')
+      }
+    }
 
     return fetch(requestClone, { headers })
   }

.yarnrc.yml

@@ -7,11 +7,11 @@ enableGlobalCache: false
 packageExtensions:
   jest-playwright-preset@*:
     dependencies:
-      playwright: 1.47.2
+      playwright: 1.49.1
   markdown-it@*:
     dependencies:
       punycode: 2.3.0
 
 pnpEnableEsmLoader: true
 
-yarnPath: .yarn/releases/yarn-4.3.1.cjs
+yarnPath: .yarn/releases/yarn-4.5.3.cjs

Makefile

@@ -22,7 +22,7 @@ SWO_DB_URL_NEXT = $(shell go run ./devtools/scripts/db-url "$(DB_URL)" "$(SWO_DB
 
 LOG_DIR=
 GOPATH:=$(shell go env GOPATH)
-YARN_VERSION=4.3.1
+YARN_VERSION=4.5.3
 PG_VERSION=13
 
 # add all files except those under web/src/build and web/src/cypress

package.json

@@ -32,130 +32,130 @@
     ]
   },
   "devDependencies": {
-    "@apollo/client": "3.12.3",
-    "@babel/core": "7.25.2",
-    "@babel/plugin-transform-modules-commonjs": "7.24.8",
+    "@apollo/client": "3.12.4",
+    "@babel/core": "7.26.0",
+    "@babel/plugin-transform-modules-commonjs": "7.26.3",
     "@codemirror/commands": "6.7.1",
-    "@codemirror/language": "6.10.3",
-    "@codemirror/lint": "6.8.2",
-    "@codemirror/state": "6.4.1",
-    "@codemirror/view": "6.34.2",
-    "@dnd-kit/core": "6.1.0",
+    "@codemirror/language": "6.10.8",
+    "@codemirror/lint": "6.8.4",
+    "@codemirror/state": "6.5.0",
+    "@codemirror/view": "6.36.1",
+    "@dnd-kit/core": "6.3.1",
     "@dnd-kit/sortable": "10.0.0",
     "@dnd-kit/utilities": "3.2.2",
-    "@emotion/cache": "11.13.1",
-    "@emotion/react": "11.13.3",
-    "@emotion/styled": "11.13.0",
-    "@lezer/generator": "1.7.1",
+    "@emotion/cache": "11.14.0",
+    "@emotion/react": "11.14.0",
+    "@emotion/styled": "11.14.0",
+    "@lezer/generator": "1.7.2",
     "@lezer/highlight": "1.2.1",
     "@lezer/lr": "1.4.2",
-    "@material/material-color-utilities": "0.2.7",
+    "@material/material-color-utilities": "0.3.0",
     "@mui/icons-material": "5.16.7",
     "@mui/lab": "5.0.0-alpha.170",
     "@mui/material": "5.16.7",
     "@mui/styles": "5.16.7",
     "@mui/system": "5.16.7",
     "@mui/x-data-grid": "6.20.4",
-    "@playwright/test": "1.47.2",
-    "@storybook/addon-essentials": "8.3.6",
-    "@storybook/addon-interactions": "8.3.3",
-    "@storybook/addon-links": "8.4.1",
-    "@storybook/blocks": "8.3.6",
-    "@storybook/preview-api": "8.3.3",
-    "@storybook/react": "8.3.3",
-    "@storybook/react-vite": "8.3.3",
-    "@storybook/test": "8.3.3",
-    "@storybook/test-runner": "0.19.1",
-    "@storybook/types": "8.4.4",
+    "@playwright/test": "1.49.1",
+    "@storybook/addon-essentials": "8.4.7",
+    "@storybook/addon-interactions": "8.4.7",
+    "@storybook/addon-links": "8.4.7",
+    "@storybook/blocks": "8.4.7",
+    "@storybook/preview-api": "8.4.7",
+    "@storybook/react": "8.4.7",
+    "@storybook/react-vite": "8.4.7",
+    "@storybook/test": "8.4.7",
+    "@storybook/test-runner": "0.21.0",
+    "@storybook/types": "8.4.7",
     "@types/chance": "1.1.6",
     "@types/diff": "5.2.2",
     "@types/glob": "8.1.0",
-    "@types/jest": "29.5.13",
+    "@types/jest": "29.5.14",
     "@types/k6": "0.54.2",
     "@types/lodash": "4.17.13",
     "@types/luxon": "3.4.2",
     "@types/node": "20.16.6",
-    "@types/prop-types": "15.7.13",
-    "@types/react": "18.3.9",
-    "@types/react-big-calendar": "1.8.12",
-    "@types/react-dom": "18.3.0",
-    "@types/react-transition-group": "4.4.11",
+    "@types/prop-types": "15.7.14",
+    "@types/react": "18.3.1",
+    "@types/react-big-calendar": "1.16.0",
+    "@types/react-dom": "18.3.1",
+    "@types/react-transition-group": "4.4.12",
     "@types/react-virtualized-auto-sizer": "1.0.4",
-    "@typescript-eslint/eslint-plugin": "8.7.0",
-    "@typescript-eslint/parser": "8.7.0",
-    "@uiw/codemirror-theme-vscode": "4.23.6",
-    "@uiw/react-codemirror": "4.23.6",
+    "@typescript-eslint/eslint-plugin": "8.18.1",
+    "@typescript-eslint/parser": "8.18.1",
+    "@uiw/codemirror-theme-vscode": "4.23.7",
+    "@uiw/react-codemirror": "4.23.7",
     "@urql/exchange-retry": "1.3.0",
     "bowser": "2.11.0",
     "chance": "1.1.12",
     "classnames": "2.5.1",
     "cm6-graphql": "0.2.0",
-    "concurrently": "9.0.1",
+    "concurrently": "9.1.0",
     "cypress": "13.14.2",
     "detect-package-manager": "3.0.2",
     "diff": "7.0.0",
-    "esbuild": "0.24.0",
+    "esbuild": "0.24.2",
     "esbuild-jest": "0.5.0",
     "eslint": "8.57.1",
     "eslint-config-prettier": "9.1.0",
     "eslint-config-standard": "17.1.0",
     "eslint-config-standard-jsx": "11.0.0",
     "eslint-plugin-cypress": "3.5.0",
-    "eslint-plugin-import": "2.30.0",
-    "eslint-plugin-jsx-a11y": "6.10.0",
-    "eslint-plugin-n": "17.11.1",
+    "eslint-plugin-import": "2.31.0",
+    "eslint-plugin-jsx-a11y": "6.10.2",
+    "eslint-plugin-n": "17.15.1",
     "eslint-plugin-node": "11.1.0",
     "eslint-plugin-prettier": "5.2.1",
-    "eslint-plugin-promise": "7.1.0",
-    "eslint-plugin-react": "7.36.1",
+    "eslint-plugin-promise": "7.2.1",
+    "eslint-plugin-react": "7.37.2",
     "eslint-plugin-react-hooks": "4.6.2",
-    "eslint-plugin-storybook": "0.9.0",
+    "eslint-plugin-storybook": "0.11.1",
     "fuse.js": "7.0.0",
     "glob": "11.0.0",
-    "graphiql": "3.7.1",
-    "graphql": "16.9.0",
+    "graphiql": "3.8.3",
+    "graphql": "16.10.0",
     "http-server": "14.1.1",
     "jest": "29.7.0",
     "lodash": "4.17.21",
     "luxon": "3.5.0",
     "mdast-util-find-and-replace": "3.0.1",
-    "mdi-material-ui": "7.9.2",
-    "msw": "2.4.9",
-    "msw-storybook-addon": "2.0.3",
-    "prettier": "3.3.3",
+    "mdi-material-ui": "7.9.3",
+    "msw": "2.7.0",
+    "msw-storybook-addon": "2.0.4",
+    "prettier": "3.4.2",
     "prettier-plugin-go-template": "0.0.15",
     "prop-types": "15.8.1",
     "punycode": "2.3.1",
     "react": "18.3.1",
-    "react-big-calendar": "1.14.1",
+    "react-big-calendar": "1.17.1",
     "react-colorful": "5.6.1",
     "react-countdown": "2.3.6",
     "react-dom": "18.3.1",
-    "react-error-boundary": "4.0.13",
+    "react-error-boundary": "4.1.2",
     "react-ga4": "2.1.0",
     "react-infinite-scroll-component": "6.1.0",
     "react-markdown": "9.0.1",
-    "react-redux": "9.1.2",
+    "react-redux": "9.2.0",
     "react-transition-group": "4.4.5",
-    "react-virtualized-auto-sizer": "1.0.24",
-    "recharts": "2.12.7",
+    "react-virtualized-auto-sizer": "1.0.25",
+    "recharts": "2.15.0",
     "redux": "4.2.1",
     "redux-devtools-extension": "2.13.9",
     "redux-thunk": "3.1.0",
     "remark-breaks": "4.0.0",
     "remark-gfm": "4.0.0",
     "semver": "7.6.3",
-    "storybook": "8.3.3",
+    "storybook": "8.4.7",
     "storybook-addon-mock": "4.3.0",
-    "stylelint": "16.9.0",
+    "stylelint": "16.12.0",
     "stylelint-config-standard": "36.0.1",
-    "typescript": "5.5.2",
-    "urql": "4.1.0",
+    "typescript": "5.7.2",
+    "urql": "4.2.1",
     "vite": "5.4.10",
     "wonka": "6.3.4",
     "wouter": "2.12.1"
   },
-  "packageManager": "yarn@4.3.1",
+  "packageManager": "yarn@4.5.3",
   "dependenciesMeta": {
     "prettier@3.0.3": {
       "unplugged": true

web/src/app/admin/admin-alert-counts/AlertCountLineGraph.tsx

@@ -26,8 +26,10 @@ import {
 import Spinner from '../../loading/components/Spinner'
 import { Time } from '../../util/Time'
 
+type LineData = React.ComponentProps<typeof LineChart>['data']
+
 interface AlertCountLineGraphProps {
-  data: (typeof LineChart.defaultProps)['data']
+  data: LineData
   loading: boolean
   unit: DateTimeUnit
 }
@@ -116,7 +118,7 @@ export default function AlertCountLineGraph(
   }
 
   function flattenData(
-    data: (typeof LineChart.defaultProps)['data'],
+    data: LineData,
   ): Array<{ [key: string]: number | string }> {
     const dateMap: { [key: string]: { [key: string]: number | string } } = {}
 

web/src/app/services/AlertMetrics/AlertAveragesGraph.tsx

@@ -39,7 +39,7 @@ const CustomDot = (props: CustomDotProps): JSX.Element => {
 }
 
 interface AlertAveragesGraphProps {
-  data: (typeof LineChart.defaultProps)['data']
+  data: React.ComponentProps<typeof LineChart>['data']
   loading: boolean
 }
 

web/src/app/services/AlertMetrics/AlertCountGraph.tsx

@@ -16,7 +16,7 @@ import {
 } from 'recharts'
 
 interface AlertCountGraphProps {
-  data: (typeof ComposedChart.defaultProps)['data']
+  data: React.ComponentProps<typeof ComposedChart>['data']
   loading: boolean
 }