diff --git a/.github/workflows/push.yml b/.github/workflows/push.yml index dbd28b95b..f08ce6cc5 100644 --- a/.github/workflows/push.yml +++ b/.github/workflows/push.yml @@ -8,6 +8,7 @@ on: # the paths-ignore in both push and pull_request events. # More info: https://github.com/actions/runner/issues/1182 paths-ignore: + - ".github/prompts/**" - ".husky/**" - ".vscode/**" - "website/**" @@ -19,6 +20,7 @@ on: branches: - "main" paths-ignore: + - ".github/prompts/**" - ".husky/**" - ".vscode/**" - "website/**" diff --git a/.storybook/main.ts b/.storybook/main.ts index 8c6d0da0a..4a56ea3a3 100644 --- a/.storybook/main.ts +++ b/.storybook/main.ts @@ -4,10 +4,9 @@ const config: StorybookConfig = { stories: ["../src/**/*.mdx", "../src/**/*.stories.tsx"], addons: [ "@storybook/addon-webpack5-compiler-babel", - "@storybook/addon-essentials", - "@storybook/addon-interactions", "@storybook/addon-a11y", "@storybook/addon-designs", + "@storybook/addon-docs", "storybook-addon-remix-react-router" ], framework: { diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx index a244eef30..02d5a5d83 100644 --- a/.storybook/preview.tsx +++ b/.storybook/preview.tsx @@ -1,7 +1,5 @@ -import type { Preview, StoryFn } from "@storybook/react"; -// TODO: remove React import due to new JSX transform -// eslint-disable-next-line @typescript-eslint/no-unused-vars -import React, { useEffect, useState } from "react"; +import type { Preview, StoryFn } from "@storybook/react-webpack5"; +import { useEffect, useState } from "react"; import { Provider } from "react-redux"; import { withRouter } from "storybook-addon-remix-react-router"; import { diff --git a/eslint.config.mjs b/eslint.config.mjs index 985ecd32d..b7f442796 100644 --- a/eslint.config.mjs +++ b/eslint.config.mjs @@ -37,17 +37,9 @@ export default tseslint.config( files: ["**/*.tsx"], ...reactPlugin.configs.flat["jsx-runtime"] }, - // TODO: fix types by updating "eslint-plugin-react-hooks" once the following issue is resolved - // https://github.com/facebook/react/issues/28313 - // https://github.com/facebook/react/pull/30774 { files: ["**/*.{ts,tsx}"], - plugins: { - // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment - "react-hooks": reactHooksPlugin - }, - // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access - rules: reactHooksPlugin.configs.recommended.rules + ...reactHooksPlugin.configs["recommended-latest"] }, storybookPlugin.configs["flat/recommended"], eslintConfigPrettier, diff --git a/package-lock.json b/package-lock.json index b7d53073a..f890c1137 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "digma-ui", - "version": "15.1.1", + "version": "15.2.0-alpha.0", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "digma-ui", - "version": "15.1.1", + "version": "15.2.0-alpha.0", "license": "MIT", "dependencies": { "@floating-ui/react": "^0.25.1", @@ -32,7 +32,6 @@ "react-product-fruits": "^2.2.61", "react-redux": "^9.2.0", "react-router": "^7.5.2", - "react-scrollbar-size": "^5.0.0", "react-syntax-highlighter": "^15.6.1", "react-transition-group": "^4.4.5", "recharts": "^2.15.3", @@ -52,15 +51,11 @@ "@eslint/js": "^9.16.0", "@octokit/rest": "^21.1.1", "@rtk-query/codegen-openapi": "^2.0.0", - "@storybook/addon-a11y": "^8.6.12", - "@storybook/addon-designs": "^8.2.1", - "@storybook/addon-essentials": "^8.6.12", - "@storybook/addon-interactions": "^8.6.12", + "@storybook/addon-a11y": "^9.0.6", + "@storybook/addon-designs": "^10.0.1", + "@storybook/addon-docs": "^9.0.6", "@storybook/addon-webpack5-compiler-babel": "^3.0.6", - "@storybook/blocks": "^8.6.12", - "@storybook/react": "^8.6.12", - "@storybook/react-webpack5": "^8.6.12", - "@storybook/test": "^8.6.12", + "@storybook/react-webpack5": "^9.0.6", "@testing-library/react": "^16.3.0", "@types/adm-zip": "^0.5.7", "@types/eslint-config-prettier": "^6.11.3", @@ -84,9 +79,9 @@ "dotenv": "^16.4.7", "eslint": "^9.16.0", "eslint-config-prettier": "^9.1.0", - "eslint-plugin-react": "^7.37.2", - "eslint-plugin-react-hooks": "^5.1.0", - "eslint-plugin-storybook": "^0.12.0", + "eslint-plugin-react": "^7.37.5", + "eslint-plugin-react-hooks": "^5.2.0", + "eslint-plugin-storybook": "^9.0.6", "fs-extra": "^11.2.0", "html-webpack-plugin": "^5.6.3", "husky": "^9.0.10", @@ -97,8 +92,8 @@ "postcss-styled-syntax": "^0.7.0", "prettier": "^2.8.3", "rimraf": "^6.0.1", - "storybook": "^8.6.12", - "storybook-addon-remix-react-router": "^4.0.1", + "storybook": "^9.0.6", + "storybook-addon-remix-react-router": "^5.0.0", "style-loader": "^3.3.1", "stylelint": "^16.11.0", "stylelint-config-standard": "^36.0.1", @@ -115,9 +110,9 @@ } }, "node_modules/@adobe/css-tools": { - "version": "4.4.2", - "resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.4.2.tgz", - "integrity": "sha512-baYZExFpsdkBNuvGKTKWCwKH57HRZLVtycZS05WTQNVOiXVSeAki3nU35zlRbToeMW8aHlJfyS+1C4BOv27q0A==", + "version": "4.4.3", + "resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.4.3.tgz", + "integrity": "sha512-VQKMkwriZbaOgVCby1UDY/LDk5fIjhQicCvVPFqfe+69fWaPWydbWJ3wRt59/YzIwda1I81loas3oCoHxnqvdA==", "dev": true, "license": "MIT" }, @@ -2276,9 +2271,9 @@ "license": "MIT" }, "node_modules/@esbuild/aix-ppc64": { - "version": "0.25.2", - "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.2.tgz", - "integrity": "sha512-wCIboOL2yXZym2cgm6mlA742s9QeJ8DjGVaL39dLN4rRwrOgOyYSnOaFPhKZGLb2ngj4EyfAFjsNJwPXZvseag==", + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.5.tgz", + "integrity": "sha512-9o3TMmpmftaCMepOdA5k/yDw8SfInyzWWTjYTFCX3kPSDJMROQTb8jg+h9Cnwnmm1vOzvxN7gIfB5V2ewpjtGA==", "cpu": [ "ppc64" ], @@ -2293,9 +2288,9 @@ } }, "node_modules/@esbuild/android-arm": { - "version": "0.25.2", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.2.tgz", - "integrity": "sha512-NQhH7jFstVY5x8CKbcfa166GoV0EFkaPkCKBQkdPJFvo5u+nGXLEH/ooniLb3QI8Fk58YAx7nsPLozUWfCBOJA==", + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.5.tgz", + "integrity": "sha512-AdJKSPeEHgi7/ZhuIPtcQKr5RQdo6OO2IL87JkianiMYMPbCtot9fxPbrMiBADOWWm3T2si9stAiVsGbTQFkbA==", "cpu": [ "arm" ], @@ -2310,9 +2305,9 @@ } }, "node_modules/@esbuild/android-arm64": { - "version": "0.25.2", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.2.tgz", - "integrity": "sha512-5ZAX5xOmTligeBaeNEPnPaeEuah53Id2tX4c2CVP3JaROTH+j4fnfHCkr1PjXMd78hMst+TlkfKcW/DlTq0i4w==", + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.5.tgz", + "integrity": "sha512-VGzGhj4lJO+TVGV1v8ntCZWJktV7SGCs3Pn1GRWI1SBFtRALoomm8k5E9Pmwg3HOAal2VDc2F9+PM/rEY6oIDg==", "cpu": [ "arm64" ], @@ -2327,9 +2322,9 @@ } }, "node_modules/@esbuild/android-x64": { - "version": "0.25.2", - "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.2.tgz", - "integrity": "sha512-Ffcx+nnma8Sge4jzddPHCZVRvIfQ0kMsUsCMcJRHkGJ1cDmhe4SsrYIjLUKn1xpHZybmOqCWwB0zQvsjdEHtkg==", + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.5.tgz", + "integrity": "sha512-D2GyJT1kjvO//drbRT3Hib9XPwQeWd9vZoBJn+bu/lVsOZ13cqNdDeqIF/xQ5/VmWvMduP6AmXvylO/PIc2isw==", "cpu": [ "x64" ], @@ -2344,9 +2339,9 @@ } }, "node_modules/@esbuild/darwin-arm64": { - "version": "0.25.2", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.2.tgz", - "integrity": "sha512-MpM6LUVTXAzOvN4KbjzU/q5smzryuoNjlriAIx+06RpecwCkL9JpenNzpKd2YMzLJFOdPqBpuub6eVRP5IgiSA==", + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.5.tgz", + "integrity": "sha512-GtaBgammVvdF7aPIgH2jxMDdivezgFu6iKpmT+48+F8Hhg5J/sfnDieg0aeG/jfSvkYQU2/pceFPDKlqZzwnfQ==", "cpu": [ "arm64" ], @@ -2361,9 +2356,9 @@ } }, "node_modules/@esbuild/darwin-x64": { - "version": "0.25.2", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.2.tgz", - "integrity": "sha512-5eRPrTX7wFyuWe8FqEFPG2cU0+butQQVNcT4sVipqjLYQjjh8a8+vUTfgBKM88ObB85ahsnTwF7PSIt6PG+QkA==", + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.5.tgz", + "integrity": "sha512-1iT4FVL0dJ76/q1wd7XDsXrSW+oLoquptvh4CLR4kITDtqi2e/xwXwdCVH8hVHU43wgJdsq7Gxuzcs6Iq/7bxQ==", "cpu": [ "x64" ], @@ -2378,9 +2373,9 @@ } }, "node_modules/@esbuild/freebsd-arm64": { - "version": "0.25.2", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.2.tgz", - "integrity": "sha512-mLwm4vXKiQ2UTSX4+ImyiPdiHjiZhIaE9QvC7sw0tZ6HoNMjYAqQpGyui5VRIi5sGd+uWq940gdCbY3VLvsO1w==", + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.5.tgz", + "integrity": "sha512-nk4tGP3JThz4La38Uy/gzyXtpkPW8zSAmoUhK9xKKXdBCzKODMc2adkB2+8om9BDYugz+uGV7sLmpTYzvmz6Sw==", "cpu": [ "arm64" ], @@ -2395,9 +2390,9 @@ } }, "node_modules/@esbuild/freebsd-x64": { - "version": "0.25.2", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.2.tgz", - "integrity": "sha512-6qyyn6TjayJSwGpm8J9QYYGQcRgc90nmfdUb0O7pp1s4lTY+9D0H9O02v5JqGApUyiHOtkz6+1hZNvNtEhbwRQ==", + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.5.tgz", + "integrity": "sha512-PrikaNjiXdR2laW6OIjlbeuCPrPaAl0IwPIaRv+SMV8CiM8i2LqVUHFC1+8eORgWyY7yhQY+2U2fA55mBzReaw==", "cpu": [ "x64" ], @@ -2412,9 +2407,9 @@ } }, "node_modules/@esbuild/linux-arm": { - "version": "0.25.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.2.tgz", - "integrity": "sha512-UHBRgJcmjJv5oeQF8EpTRZs/1knq6loLxTsjc3nxO9eXAPDLcWW55flrMVc97qFPbmZP31ta1AZVUKQzKTzb0g==", + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.5.tgz", + "integrity": "sha512-cPzojwW2okgh7ZlRpcBEtsX7WBuqbLrNXqLU89GxWbNt6uIg78ET82qifUy3W6OVww6ZWobWub5oqZOVtwolfw==", "cpu": [ "arm" ], @@ -2429,9 +2424,9 @@ } }, "node_modules/@esbuild/linux-arm64": { - "version": "0.25.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.2.tgz", - "integrity": "sha512-gq/sjLsOyMT19I8obBISvhoYiZIAaGF8JpeXu1u8yPv8BE5HlWYobmlsfijFIZ9hIVGYkbdFhEqC0NvM4kNO0g==", + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.5.tgz", + "integrity": "sha512-Z9kfb1v6ZlGbWj8EJk9T6czVEjjq2ntSYLY2cw6pAZl4oKtfgQuS4HOq41M/BcoLPzrUbNd+R4BXFyH//nHxVg==", "cpu": [ "arm64" ], @@ -2446,9 +2441,9 @@ } }, "node_modules/@esbuild/linux-ia32": { - "version": "0.25.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.2.tgz", - "integrity": "sha512-bBYCv9obgW2cBP+2ZWfjYTU+f5cxRoGGQ5SeDbYdFCAZpYWrfjjfYwvUpP8MlKbP0nwZ5gyOU/0aUzZ5HWPuvQ==", + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.5.tgz", + "integrity": "sha512-sQ7l00M8bSv36GLV95BVAdhJ2QsIbCuCjh/uYrWiMQSUuV+LpXwIqhgJDcvMTj+VsQmqAHL2yYaasENvJ7CDKA==", "cpu": [ "ia32" ], @@ -2463,9 +2458,9 @@ } }, "node_modules/@esbuild/linux-loong64": { - "version": "0.25.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.2.tgz", - "integrity": "sha512-SHNGiKtvnU2dBlM5D8CXRFdd+6etgZ9dXfaPCeJtz+37PIUlixvlIhI23L5khKXs3DIzAn9V8v+qb1TRKrgT5w==", + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.5.tgz", + "integrity": "sha512-0ur7ae16hDUC4OL5iEnDb0tZHDxYmuQyhKhsPBV8f99f6Z9KQM02g33f93rNH5A30agMS46u2HP6qTdEt6Q1kg==", "cpu": [ "loong64" ], @@ -2480,9 +2475,9 @@ } }, "node_modules/@esbuild/linux-mips64el": { - "version": "0.25.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.2.tgz", - "integrity": "sha512-hDDRlzE6rPeoj+5fsADqdUZl1OzqDYow4TB4Y/3PlKBD0ph1e6uPHzIQcv2Z65u2K0kpeByIyAjCmjn1hJgG0Q==", + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.5.tgz", + "integrity": "sha512-kB/66P1OsHO5zLz0i6X0RxlQ+3cu0mkxS3TKFvkb5lin6uwZ/ttOkP3Z8lfR9mJOBk14ZwZ9182SIIWFGNmqmg==", "cpu": [ "mips64el" ], @@ -2497,9 +2492,9 @@ } }, "node_modules/@esbuild/linux-ppc64": { - "version": "0.25.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.2.tgz", - "integrity": "sha512-tsHu2RRSWzipmUi9UBDEzc0nLc4HtpZEI5Ba+Omms5456x5WaNuiG3u7xh5AO6sipnJ9r4cRWQB2tUjPyIkc6g==", + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.5.tgz", + "integrity": "sha512-UZCmJ7r9X2fe2D6jBmkLBMQetXPXIsZjQJCjgwpVDz+YMcS6oFR27alkgGv3Oqkv07bxdvw7fyB71/olceJhkQ==", "cpu": [ "ppc64" ], @@ -2514,9 +2509,9 @@ } }, "node_modules/@esbuild/linux-riscv64": { - "version": "0.25.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.2.tgz", - "integrity": "sha512-k4LtpgV7NJQOml/10uPU0s4SAXGnowi5qBSjaLWMojNCUICNu7TshqHLAEbkBdAszL5TabfvQ48kK84hyFzjnw==", + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.5.tgz", + "integrity": "sha512-kTxwu4mLyeOlsVIFPfQo+fQJAV9mh24xL+y+Bm6ej067sYANjyEw1dNHmvoqxJUCMnkBdKpvOn0Ahql6+4VyeA==", "cpu": [ "riscv64" ], @@ -2531,9 +2526,9 @@ } }, "node_modules/@esbuild/linux-s390x": { - "version": "0.25.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.2.tgz", - "integrity": "sha512-GRa4IshOdvKY7M/rDpRR3gkiTNp34M0eLTaC1a08gNrh4u488aPhuZOCpkF6+2wl3zAN7L7XIpOFBhnaE3/Q8Q==", + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.5.tgz", + "integrity": "sha512-K2dSKTKfmdh78uJ3NcWFiqyRrimfdinS5ErLSn3vluHNeHVnBAFWC8a4X5N+7FgVE1EjXS1QDZbpqZBjfrqMTQ==", "cpu": [ "s390x" ], @@ -2548,9 +2543,9 @@ } }, "node_modules/@esbuild/linux-x64": { - "version": "0.25.2", - "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.2.tgz", - "integrity": "sha512-QInHERlqpTTZ4FRB0fROQWXcYRD64lAoiegezDunLpalZMjcUcld3YzZmVJ2H/Cp0wJRZ8Xtjtj0cEHhYc/uUg==", + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.5.tgz", + "integrity": "sha512-uhj8N2obKTE6pSZ+aMUbqq+1nXxNjZIIjCjGLfsWvVpy7gKCOL6rsY1MhRh9zLtUtAI7vpgLMK6DxjO8Qm9lJw==", "cpu": [ "x64" ], @@ -2565,9 +2560,9 @@ } }, "node_modules/@esbuild/netbsd-arm64": { - "version": "0.25.2", - "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.2.tgz", - "integrity": "sha512-talAIBoY5M8vHc6EeI2WW9d/CkiO9MQJ0IOWX8hrLhxGbro/vBXJvaQXefW2cP0z0nQVTdQ/eNyGFV1GSKrxfw==", + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.5.tgz", + "integrity": "sha512-pwHtMP9viAy1oHPvgxtOv+OkduK5ugofNTVDilIzBLpoWAM16r7b/mxBvfpuQDpRQFMfuVr5aLcn4yveGvBZvw==", "cpu": [ "arm64" ], @@ -2582,9 +2577,9 @@ } }, "node_modules/@esbuild/netbsd-x64": { - "version": "0.25.2", - "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.2.tgz", - "integrity": "sha512-voZT9Z+tpOxrvfKFyfDYPc4DO4rk06qamv1a/fkuzHpiVBMOhpjK+vBmWM8J1eiB3OLSMFYNaOaBNLXGChf5tg==", + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.5.tgz", + "integrity": "sha512-WOb5fKrvVTRMfWFNCroYWWklbnXH0Q5rZppjq0vQIdlsQKuw6mdSihwSo4RV/YdQ5UCKKvBy7/0ZZYLBZKIbwQ==", "cpu": [ "x64" ], @@ -2599,9 +2594,9 @@ } }, "node_modules/@esbuild/openbsd-arm64": { - "version": "0.25.2", - "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.2.tgz", - "integrity": "sha512-dcXYOC6NXOqcykeDlwId9kB6OkPUxOEqU+rkrYVqJbK2hagWOMrsTGsMr8+rW02M+d5Op5NNlgMmjzecaRf7Tg==", + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.5.tgz", + "integrity": "sha512-7A208+uQKgTxHd0G0uqZO8UjK2R0DDb4fDmERtARjSHWxqMTye4Erz4zZafx7Di9Cv+lNHYuncAkiGFySoD+Mw==", "cpu": [ "arm64" ], @@ -2616,9 +2611,9 @@ } }, "node_modules/@esbuild/openbsd-x64": { - "version": "0.25.2", - "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.2.tgz", - "integrity": "sha512-t/TkWwahkH0Tsgoq1Ju7QfgGhArkGLkF1uYz8nQS/PPFlXbP5YgRpqQR3ARRiC2iXoLTWFxc6DJMSK10dVXluw==", + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.5.tgz", + "integrity": "sha512-G4hE405ErTWraiZ8UiSoesH8DaCsMm0Cay4fsFWOOUcz8b8rC6uCvnagr+gnioEjWn0wC+o1/TAHt+It+MpIMg==", "cpu": [ "x64" ], @@ -2633,9 +2628,9 @@ } }, "node_modules/@esbuild/sunos-x64": { - "version": "0.25.2", - "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.2.tgz", - "integrity": "sha512-cfZH1co2+imVdWCjd+D1gf9NjkchVhhdpgb1q5y6Hcv9TP6Zi9ZG/beI3ig8TvwT9lH9dlxLq5MQBBgwuj4xvA==", + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.5.tgz", + "integrity": "sha512-l+azKShMy7FxzY0Rj4RCt5VD/q8mG/e+mDivgspo+yL8zW7qEwctQ6YqKX34DTEleFAvCIUviCFX1SDZRSyMQA==", "cpu": [ "x64" ], @@ -2650,9 +2645,9 @@ } }, "node_modules/@esbuild/win32-arm64": { - "version": "0.25.2", - "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.2.tgz", - "integrity": "sha512-7Loyjh+D/Nx/sOTzV8vfbB3GJuHdOQyrOryFdZvPHLf42Tk9ivBU5Aedi7iyX+x6rbn2Mh68T4qq1SDqJBQO5Q==", + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.5.tgz", + "integrity": "sha512-O2S7SNZzdcFG7eFKgvwUEZ2VG9D/sn/eIiz8XRZ1Q/DO5a3s76Xv0mdBzVM5j5R639lXQmPmSo0iRpHqUUrsxw==", "cpu": [ "arm64" ], @@ -2667,9 +2662,9 @@ } }, "node_modules/@esbuild/win32-ia32": { - "version": "0.25.2", - "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.2.tgz", - "integrity": "sha512-WRJgsz9un0nqZJ4MfhabxaD9Ft8KioqU3JMinOTvobbX6MOSUigSBlogP8QB3uxpJDsFS6yN+3FDBdqE5lg9kg==", + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.5.tgz", + "integrity": "sha512-onOJ02pqs9h1iMJ1PQphR+VZv8qBMQ77Klcsqv9CNW2w6yLqoURLcgERAIurY6QE63bbLuqgP9ATqajFLK5AMQ==", "cpu": [ "ia32" ], @@ -2684,9 +2679,9 @@ } }, "node_modules/@esbuild/win32-x64": { - "version": "0.25.2", - "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.2.tgz", - "integrity": "sha512-kM3HKb16VIXZyIeVrM1ygYmZBKybX8N4p754bw390wGO3Tf2j4L2/WYL+4suWujpgf6GBYs3jv7TyUivdd05JA==", + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.5.tgz", + "integrity": "sha512-TXv6YnJ8ZMVdX+SXWVBo/0p8LTcrUYngpWjvm91TMjjBQii7Oz11Lw5lbDV5Y0TzuhSJHwiH4hEtC1I42mMS0g==", "cpu": [ "x64" ], @@ -4178,15 +4173,13 @@ } }, "node_modules/@storybook/addon-a11y": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-8.6.12.tgz", - "integrity": "sha512-H28zHiL8uuv29XsVNf9VjNWsCeht/l66GPYHT7aom1jh+f3fS9+sutrCGEBC/T7cnRpy8ZyuHCtihUqS+RI4pg==", + "version": "9.0.6", + "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-9.0.6.tgz", + "integrity": "sha512-V5S2+nF8JwjDyKtxy6KW+lH6WO8bI+X/OMYb2MYkGlm4cehxDBymhFSlmmrSWMTE1F/wE4wcEZ/U7M7FT2Lgxg==", "dev": true, "license": "MIT", "dependencies": { - "@storybook/addon-highlight": "8.6.12", "@storybook/global": "^5.0.0", - "@storybook/test": "8.6.12", "axe-core": "^4.2.0" }, "funding": { @@ -4194,92 +4187,26 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.6.12" - } - }, - "node_modules/@storybook/addon-actions": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-8.6.12.tgz", - "integrity": "sha512-B5kfiRvi35oJ0NIo53CGH66H471A3XTzrfaa6SxXEJsgxxSeKScG5YeXcCvLiZfvANRQ7QDsmzPUgg0o3hdMXw==", - "dev": true, - "license": "MIT", - "dependencies": { - "@storybook/global": "^5.0.0", - "@types/uuid": "^9.0.1", - "dequal": "^2.0.2", - "polished": "^4.2.2", - "uuid": "^9.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.6.12" - } - }, - "node_modules/@storybook/addon-backgrounds": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/addon-backgrounds/-/addon-backgrounds-8.6.12.tgz", - "integrity": "sha512-lmIAma9BiiCTbJ8YfdZkXjpnAIrOUcgboLkt1f6XJ78vNEMnLNzD9gnh7Tssz1qrqvm34v9daDjIb+ggdiKp3Q==", - "dev": true, - "license": "MIT", - "dependencies": { - "@storybook/global": "^5.0.0", - "memoizerific": "^1.11.3", - "ts-dedent": "^2.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.6.12" - } - }, - "node_modules/@storybook/addon-controls": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-8.6.12.tgz", - "integrity": "sha512-9VSRPJWQVb9wLp21uvpxDGNctYptyUX0gbvxIWOHMH3R2DslSoq41lsC/oQ4l4zSHVdL+nq8sCTkhBxIsjKqdQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "@storybook/global": "^5.0.0", - "dequal": "^2.0.2", - "ts-dedent": "^2.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.6.12" + "storybook": "^9.0.6" } }, "node_modules/@storybook/addon-designs": { - "version": "8.2.1", - "resolved": "https://registry.npmjs.org/@storybook/addon-designs/-/addon-designs-8.2.1.tgz", - "integrity": "sha512-orwihs1D5alhh4Qu3BSJKbSgQOdSagvRX/25m5fYZQAaqVErBY0lRR4vCAU/G/STkcdv+MHwIQ5U+0kX5Tm2+w==", + "version": "10.0.1", + "resolved": "https://registry.npmjs.org/@storybook/addon-designs/-/addon-designs-10.0.1.tgz", + "integrity": "sha512-R+C9DRN7nYmPpPSMXzDNmdDY9XEclH90CYvSbCntNvizazlAUnZnkOaO0Bko/UK7guC+eEQ0bFYaxxndYu+dsA==", "dev": true, "license": "MIT", "dependencies": { "@figspec/react": "^1.0.0" }, "peerDependencies": { - "@storybook/blocks": "^8.0.0 || ^8.1.0-0 || ^8.2.0-0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0", - "@storybook/components": "^8.0.0 || ^8.1.0-0 || ^8.2.0-0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0", - "@storybook/theming": "^8.0.0 || ^8.1.0-0 || ^8.2.0-0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0", - "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", - "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta" + "@storybook/addon-docs": "^0.0.0-0 || ^9.0.0 || ^9.1.0-0", + "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", + "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", + "storybook": "^0.0.0-0 || ^9.0.0 || ^9.1.0-0" }, "peerDependenciesMeta": { - "@storybook/blocks": { - "optional": true - }, - "@storybook/components": { - "optional": true - }, - "@storybook/theming": { + "@storybook/addon-docs": { "optional": true }, "react": { @@ -4291,16 +4218,16 @@ } }, "node_modules/@storybook/addon-docs": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-8.6.12.tgz", - "integrity": "sha512-kEezQjAf/p3SpDzLABgg4fbT48B6dkT2LiZCKTRmCrJVtuReaAr4R9MMM6Jsph6XjbIj/SvOWf3CMeOPXOs9sg==", + "version": "9.0.6", + "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-9.0.6.tgz", + "integrity": "sha512-Q3I++3xk0+TUouuofi2vuOi8cJweBRat2saAO8ymmaWJX2mzR2MiSp4JP46LpkTtOA8+BU1dHVq5x+LEHJQHDA==", "dev": true, "license": "MIT", "dependencies": { "@mdx-js/react": "^3.0.0", - "@storybook/blocks": "8.6.12", - "@storybook/csf-plugin": "8.6.12", - "@storybook/react-dom-shim": "8.6.12", + "@storybook/csf-plugin": "9.0.6", + "@storybook/icons": "^1.2.12", + "@storybook/react-dom-shim": "9.0.6", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", "ts-dedent": "^2.0.0" @@ -4310,138 +4237,7 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.6.12" - } - }, - "node_modules/@storybook/addon-essentials": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/addon-essentials/-/addon-essentials-8.6.12.tgz", - "integrity": "sha512-Y/7e8KFlttaNfv7q2zoHMPdX6hPXHdsuQMAjYl5NG9HOAJREu4XBy4KZpbcozRe4ApZ78rYsN/MO1EuA+bNMIA==", - "dev": true, - "license": "MIT", - "dependencies": { - "@storybook/addon-actions": "8.6.12", - "@storybook/addon-backgrounds": "8.6.12", - "@storybook/addon-controls": "8.6.12", - "@storybook/addon-docs": "8.6.12", - "@storybook/addon-highlight": "8.6.12", - "@storybook/addon-measure": "8.6.12", - "@storybook/addon-outline": "8.6.12", - "@storybook/addon-toolbars": "8.6.12", - "@storybook/addon-viewport": "8.6.12", - "ts-dedent": "^2.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.6.12" - } - }, - "node_modules/@storybook/addon-highlight": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-8.6.12.tgz", - "integrity": "sha512-9FITVxdoycZ+eXuAZL9ElWyML/0fPPn9UgnnAkrU7zkMi+Segq/Tx7y+WWanC5zfWZrXAuG6WTOYEXeWQdm//w==", - "dev": true, - "license": "MIT", - "dependencies": { - "@storybook/global": "^5.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.6.12" - } - }, - "node_modules/@storybook/addon-interactions": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/addon-interactions/-/addon-interactions-8.6.12.tgz", - "integrity": "sha512-cTAJlTq6uVZBEbtwdXkXoPQ4jHOAGKQnYSezBT4pfNkdjn/FnEeaQhMBDzf14h2wr5OgBnJa6Lmd8LD9ficz4A==", - "dev": true, - "license": "MIT", - "dependencies": { - "@storybook/global": "^5.0.0", - "@storybook/instrumenter": "8.6.12", - "@storybook/test": "8.6.12", - "polished": "^4.2.2", - "ts-dedent": "^2.2.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.6.12" - } - }, - "node_modules/@storybook/addon-measure": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/addon-measure/-/addon-measure-8.6.12.tgz", - "integrity": "sha512-tACmwqqOvutaQSduw8SMb62wICaT1rWaHtMN3vtWXuxgDPSdJQxLP+wdVyRYMAgpxhLyIO7YRf++Hfha9RHgFg==", - "dev": true, - "license": "MIT", - "dependencies": { - "@storybook/global": "^5.0.0", - "tiny-invariant": "^1.3.1" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.6.12" - } - }, - "node_modules/@storybook/addon-outline": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/addon-outline/-/addon-outline-8.6.12.tgz", - "integrity": "sha512-1ylwm+n1s40S91No0v9T4tCjZORu3GbnjINlyjYTDLLhQHyBQd3nWR1Y1eewU4xH4cW9SnSLcMQFS/82xHqU6A==", - "dev": true, - "license": "MIT", - "dependencies": { - "@storybook/global": "^5.0.0", - "ts-dedent": "^2.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.6.12" - } - }, - "node_modules/@storybook/addon-toolbars": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-8.6.12.tgz", - "integrity": "sha512-HEcSzo1DyFtIu5/ikVOmh5h85C1IvK9iFKSzBR6ice33zBOaehVJK+Z5f487MOXxPsZ63uvWUytwPyViGInj+g==", - "dev": true, - "license": "MIT", - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.6.12" - } - }, - "node_modules/@storybook/addon-viewport": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-8.6.12.tgz", - "integrity": "sha512-EXK2LArAnABsPP0leJKy78L/lbMWow+EIJfytEP5fHaW4EhMR6h7Hzaqzre6U0IMMr/jVFa1ci+m0PJ0eQc2bw==", - "dev": true, - "license": "MIT", - "dependencies": { - "memoizerific": "^1.11.3" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.6.12" + "storybook": "^9.0.6" } }, "node_modules/@storybook/addon-webpack5-compiler-babel": { @@ -4458,61 +4254,24 @@ "node": ">=18" } }, - "node_modules/@storybook/blocks": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-8.6.12.tgz", - "integrity": "sha512-DohlTq6HM1jDbHYiXL4ZvZ00VkhpUp5uftzj/CZDLY1fYHRjqtaTwWm2/OpceivMA8zDitLcq5atEZN+f+siTg==", - "dev": true, - "license": "MIT", - "dependencies": { - "@storybook/icons": "^1.2.12", - "ts-dedent": "^2.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", - "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", - "storybook": "^8.6.12" - }, - "peerDependenciesMeta": { - "react": { - "optional": true - }, - "react-dom": { - "optional": true - } - } - }, "node_modules/@storybook/builder-webpack5": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/builder-webpack5/-/builder-webpack5-8.6.12.tgz", - "integrity": "sha512-Z7RsQ/1+HbxdbM69JrEFcTL+pnVKUTMmeURMn5/eOvYTGjBtM18vbQTj0LjCUDIjC+v9U+uX8ZJEUVxFbGcxBw==", + "version": "9.0.6", + "resolved": "https://registry.npmjs.org/@storybook/builder-webpack5/-/builder-webpack5-9.0.6.tgz", + "integrity": "sha512-doz4iaAQU7oxrV8eN2kAyS5KZdKYkiQP+mhrFDI5nTw6VOvMzGmT5voxHpm3KxjCPiSv29GBclljlmdE9asypQ==", "dev": true, "license": "MIT", "dependencies": { - "@storybook/core-webpack": "8.6.12", - "@types/semver": "^7.3.4", - "browser-assert": "^1.2.1", + "@storybook/core-webpack": "9.0.6", "case-sensitive-paths-webpack-plugin": "^2.4.0", "cjs-module-lexer": "^1.2.3", - "constants-browserify": "^1.0.0", "css-loader": "^6.7.1", "es-module-lexer": "^1.5.0", "fork-ts-checker-webpack-plugin": "^8.0.0", "html-webpack-plugin": "^5.5.0", "magic-string": "^0.30.5", - "path-browserify": "^1.0.1", - "process": "^0.11.10", - "semver": "^7.3.7", "style-loader": "^3.3.1", "terser-webpack-plugin": "^5.3.1", "ts-dedent": "^2.0.0", - "url": "^0.11.0", - "util": "^0.12.4", - "util-deprecate": "^1.0.2", "webpack": "5", "webpack-dev-middleware": "^6.1.2", "webpack-hot-middleware": "^2.25.1", @@ -4523,7 +4282,7 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.6.12" + "storybook": "^9.0.6" }, "peerDependenciesMeta": { "typescript": { @@ -4567,86 +4326,10 @@ } } }, - "node_modules/@storybook/channels": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-8.6.12.tgz", - "integrity": "sha512-31hhRuAcEJjb8whU9nlbStD/5SK2lPW3dDfJLg8+LqHh8MadXKPXbZYG08oETrP53jZadVPhhZU6th1duF2Gcg==", - "dev": true, - "license": "MIT", - "peer": true, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0" - } - }, - "node_modules/@storybook/components": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/components/-/components-8.6.12.tgz", - "integrity": "sha512-FiaE8xvCdvKC2arYusgtlDNZ77b8ysr8njAYQZwwaIHjy27TbR2tEpLDCmUwSbANNmivtc/xGEiDDwcNppMWlQ==", - "dev": true, - "license": "MIT", - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0" - } - }, - "node_modules/@storybook/core": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/core/-/core-8.6.12.tgz", - "integrity": "sha512-t+ZuDzAlsXKa6tLxNZT81gEAt4GNwsKP/Id2wluhmUWD/lwYW0uum1JiPUuanw8xD6TdakCW/7ULZc7aQUBLCQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "@storybook/theming": "8.6.12", - "better-opn": "^3.0.2", - "browser-assert": "^1.2.1", - "esbuild": "^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0", - "esbuild-register": "^3.5.0", - "jsdoc-type-pratt-parser": "^4.0.0", - "process": "^0.11.10", - "recast": "^0.23.5", - "semver": "^7.6.2", - "util": "^0.12.5", - "ws": "^8.2.3" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "prettier": "^2 || ^3" - }, - "peerDependenciesMeta": { - "prettier": { - "optional": true - } - } - }, - "node_modules/@storybook/core-events": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-8.6.12.tgz", - "integrity": "sha512-j2MUlSfYOhTsjlruRWTqSVwYreJGFIsWeqHFAhCdtmXe3qpFBM/LuxTKuaM1uWvs6vEAyGEzDw8+DXwuO6uISg==", - "dev": true, - "license": "MIT", - "peer": true, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0" - } - }, "node_modules/@storybook/core-webpack": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/core-webpack/-/core-webpack-8.6.12.tgz", - "integrity": "sha512-TiE+KOm0hxb/p0JxeGHKxqTNX+xnTOFsBh6uloCSuvodutJ5pR/XpxKVxwo1gtSc0Uq3qpgbMhW6qYlYQetnKA==", + "version": "9.0.6", + "resolved": "https://registry.npmjs.org/@storybook/core-webpack/-/core-webpack-9.0.6.tgz", + "integrity": "sha512-fA+9awn2J5fTdgjH07CySmmL+1ToY27WEFBT+ik1hIbHc8sWk70jwBEk2ploU0nP7aQ0pgYjFvpJa3e0QOTZaw==", "dev": true, "license": "MIT", "dependencies": { @@ -4657,22 +4340,13 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.6.12" - } - }, - "node_modules/@storybook/csf": { - "version": "0.1.12", - "resolved": "https://registry.npmjs.org/@storybook/csf/-/csf-0.1.12.tgz", - "integrity": "sha512-9/exVhabisyIVL0VxTCxo01Tdm8wefIXKXfltAPTSr8cbLn5JAxGQ6QV3mjdecLGEOucfoVhAKtJfVHxEK1iqw==", - "dev": true, - "dependencies": { - "type-fest": "^2.19.0" + "storybook": "^9.0.6" } }, "node_modules/@storybook/csf-plugin": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-8.6.12.tgz", - "integrity": "sha512-6s8CnP1aoKPb3XtC0jRLUp8M5vTA8RhGAwQDKUsFpCC7g89JR9CaKs9FY2ZSzsNbjR15uASi7b3K8BzeYumYQg==", + "version": "9.0.6", + "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-9.0.6.tgz", + "integrity": "sha512-LAfKXQ0ebT3PPPZ+TE54/01pQfOuZGm2MMEZr8S4Z0jXs9epoF2i6IduHZFbnYeJZeiENd5OM76gn17q0KY9WQ==", "dev": true, "license": "MIT", "dependencies": { @@ -4683,7 +4357,7 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^8.6.12" + "storybook": "^9.0.6" } }, "node_modules/@storybook/global": { @@ -4707,59 +4381,26 @@ "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta" } }, - "node_modules/@storybook/instrumenter": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/instrumenter/-/instrumenter-8.6.12.tgz", - "integrity": "sha512-VK5fYAF8jMwWP/u3YsmSwKGh+FeSY8WZn78flzRUwirp2Eg1WWjsqPRubAk7yTpcqcC/km9YMF3KbqfzRv2s/A==", - "dev": true, - "license": "MIT", - "dependencies": { - "@storybook/global": "^5.0.0", - "@vitest/utils": "^2.1.1" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.6.12" - } - }, - "node_modules/@storybook/manager-api": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-8.6.12.tgz", - "integrity": "sha512-O0SpISeJLNTQvhSBOsWzzkCgs8vCjOq1578rwqHlC6jWWm4QmtfdyXqnv7rR1Hk08kQ+Dzqh0uhwHx0nfwy4nQ==", - "dev": true, - "license": "MIT", - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0" - } - }, "node_modules/@storybook/preset-react-webpack": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/preset-react-webpack/-/preset-react-webpack-8.6.12.tgz", - "integrity": "sha512-aCCHjR/jsVPVThRH7nK70wS0Od44M6hqkkakg3xr7LETZZGj99heen6t4VHvz8gcQYT9l6R/oZwCl7f/PQ3ZBQ==", + "version": "9.0.6", + "resolved": "https://registry.npmjs.org/@storybook/preset-react-webpack/-/preset-react-webpack-9.0.6.tgz", + "integrity": "sha512-VulW8p97vxC4P6gEOn3APPecVSZk9ubwJiero+FLBgOuXSBBnOnIg+rqFH6qQHSe77DjCyUwgIGFy6za9fIlnA==", "dev": true, "license": "MIT", "dependencies": { - "@storybook/core-webpack": "8.6.12", - "@storybook/react": "8.6.12", + "@storybook/core-webpack": "9.0.6", "@storybook/react-docgen-typescript-plugin": "1.0.6--canary.9.0c3f3b7.0", "@types/semver": "^7.3.4", "find-up": "^5.0.0", "magic-string": "^0.30.5", - "react-docgen": "^7.0.0", + "react-docgen": "^7.1.1", "resolve": "^1.22.8", "semver": "^7.3.7", "tsconfig-paths": "^4.2.0", "webpack": "5" }, "engines": { - "node": ">=18.0.0" + "node": ">=20.0.0" }, "funding": { "type": "opencollective", @@ -4768,7 +4409,7 @@ "peerDependencies": { "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", - "storybook": "^8.6.12" + "storybook": "^9.0.6" }, "peerDependenciesMeta": { "typescript": { @@ -4776,52 +4417,30 @@ } } }, - "node_modules/@storybook/preview-api": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-8.6.12.tgz", - "integrity": "sha512-84FE3Hrs0AYKHqpDZOwx1S/ffOfxBdL65lhCoeI8GoWwCkzwa9zEP3kvXBo/BnEDO7nAfxvMhjASTZXbKRJh5Q==", - "dev": true, - "license": "MIT", - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0" - } - }, "node_modules/@storybook/react": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/react/-/react-8.6.12.tgz", - "integrity": "sha512-NzxlHLA5DkDgZM/dMwTYinuzRs6rsUPmlqP+NIv6YaciQ4NGnTYyOC7R/SqI6HHFm8ZZ5eMYvpfiFmhZ9rU+rQ==", + "version": "9.0.6", + "resolved": "https://registry.npmjs.org/@storybook/react/-/react-9.0.6.tgz", + "integrity": "sha512-e1GcvtPSzLxpcZLNEQOA9gbBYk5wlkXmTz7w7XRa2nt1e+QjG1rkxFvJ/CxKVW8uqMbq1NjBaRP0BNfjSDIeGA==", "dev": true, "license": "MIT", "dependencies": { - "@storybook/components": "8.6.12", "@storybook/global": "^5.0.0", - "@storybook/manager-api": "8.6.12", - "@storybook/preview-api": "8.6.12", - "@storybook/react-dom-shim": "8.6.12", - "@storybook/theming": "8.6.12" + "@storybook/react-dom-shim": "9.0.6" }, "engines": { - "node": ">=18.0.0" + "node": ">=20.0.0" }, "funding": { "type": "opencollective", "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "@storybook/test": "8.6.12", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", - "storybook": "^8.6.12", - "typescript": ">= 4.2.x" + "storybook": "^9.0.6", + "typescript": ">= 4.9.x" }, "peerDependenciesMeta": { - "@storybook/test": { - "optional": true - }, "typescript": { "optional": true } @@ -4848,9 +4467,9 @@ } }, "node_modules/@storybook/react-dom-shim": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-8.6.12.tgz", - "integrity": "sha512-51QvoimkBzYs8s3rCYnY5h0cFqLz/Mh0vRcughwYaXckWzDBV8l67WBO5Xf5nBsukCbWyqBVPpEQLww8s7mrLA==", + "version": "9.0.6", + "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-9.0.6.tgz", + "integrity": "sha512-YreUzZatirM+utmc5QO88ADNRLfX11rKvMNWNX2MYuAvQF7TB+gztfk4qzfX4mcgub+XuIpfwr3LfXznwlFw6A==", "dev": true, "license": "MIT", "funding": { @@ -4860,22 +4479,22 @@ "peerDependencies": { "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", - "storybook": "^8.6.12" + "storybook": "^9.0.6" } }, "node_modules/@storybook/react-webpack5": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/react-webpack5/-/react-webpack5-8.6.12.tgz", - "integrity": "sha512-wZOjPQ00gu85iQoKgwz5uvM3+bhXrQDVR0ppVAj7vVy6cvLEsJXmqNLHbXPCZuKPmvwzYr1QkslMLCIkF8OGdA==", + "version": "9.0.6", + "resolved": "https://registry.npmjs.org/@storybook/react-webpack5/-/react-webpack5-9.0.6.tgz", + "integrity": "sha512-Bqsf944Ru1C4WTBUaYtmeAOqwvl7ZdL8AVbHJYV2QTb4bARmhtNA7gXjr723silnC87GcRn04x/Jo0vgD4CXjQ==", "dev": true, "license": "MIT", "dependencies": { - "@storybook/builder-webpack5": "8.6.12", - "@storybook/preset-react-webpack": "8.6.12", - "@storybook/react": "8.6.12" + "@storybook/builder-webpack5": "9.0.6", + "@storybook/preset-react-webpack": "9.0.6", + "@storybook/react": "9.0.6" }, "engines": { - "node": ">=18.0.0" + "node": ">=20.0.0" }, "funding": { "type": "opencollective", @@ -4884,8 +4503,8 @@ "peerDependencies": { "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta", - "storybook": "^8.6.12", - "typescript": ">= 4.2.x" + "storybook": "^9.0.6", + "typescript": ">= 4.9.x" }, "peerDependenciesMeta": { "typescript": { @@ -4893,43 +4512,6 @@ } } }, - "node_modules/@storybook/test": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/test/-/test-8.6.12.tgz", - "integrity": "sha512-0BK1Eg+VD0lNMB1BtxqHE3tP9FdkUmohtvWG7cq6lWvMrbCmAmh3VWai3RMCCDOukPFpjabOr8BBRLVvhNpv2w==", - "dev": true, - "license": "MIT", - "dependencies": { - "@storybook/global": "^5.0.0", - "@storybook/instrumenter": "8.6.12", - "@testing-library/dom": "10.4.0", - "@testing-library/jest-dom": "6.5.0", - "@testing-library/user-event": "14.5.2", - "@vitest/expect": "2.0.5", - "@vitest/spy": "2.0.5" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.6.12" - } - }, - "node_modules/@storybook/theming": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-8.6.12.tgz", - "integrity": "sha512-6VjZg8HJ2Op7+KV7ihJpYrDnFtd9D1jrQnUS8LckcpuBXrIEbaut5+34ObY8ssQnSqkk2GwIZBBBQYQBCVvkOw==", - "dev": true, - "license": "MIT", - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/storybook" - }, - "peerDependencies": { - "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0" - } - }, "node_modules/@swc/core": { "version": "1.11.21", "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.11.21.tgz", @@ -5209,6 +4791,7 @@ "integrity": "sha512-pemlzrSESWbdAloYml3bAJMEfNh1Z7EduzqPKprCH5S341frlpYnUEW0H72dLxa6IsYr+mPno20GiSm+h9dEdQ==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "@babel/code-frame": "^7.10.4", "@babel/runtime": "^7.12.5", @@ -5224,9 +4807,9 @@ } }, "node_modules/@testing-library/jest-dom": { - "version": "6.5.0", - "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.5.0.tgz", - "integrity": "sha512-xGGHpBXYSHUUr6XsKBfs85TWlYKpTc37cSBBVrXcib2MkHLboWlkClhWF37JKlDb9KEq3dHs+f2xR7XJEWGBxA==", + "version": "6.6.3", + "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.6.3.tgz", + "integrity": "sha512-IteBhl4XqYNkM54f4ejhLRJiZNqcSCoXUOG2CPK7qbD322KjQozM4kHQOfkG2oln9b9HTYqs+Sae8vBATubxxA==", "dev": true, "license": "MIT", "dependencies": { @@ -5294,9 +4877,9 @@ } }, "node_modules/@testing-library/user-event": { - "version": "14.5.2", - "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-14.5.2.tgz", - "integrity": "sha512-YAh82Wh4TIrxYLmfGcixwD18oIjyC1pFQC2Y01F2lzV2HTMiYrI0nze0FD0ocB//CKS/7jIUgae+adPqxK5yCQ==", + "version": "14.6.1", + "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-14.6.1.tgz", + "integrity": "sha512-vq7fv0rnt+QTXgPxr5Hjc210p6YKq2kmdziLgnsZGgLJ9e6VAShx1pACLuRjd/AS/sr7phAR58OIIpf0LlmQNw==", "dev": true, "license": "MIT", "engines": { @@ -5355,7 +4938,8 @@ "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz", "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==", "dev": true, - "license": "MIT" + "license": "MIT", + "peer": true }, "node_modules/@types/babel__core": { "version": "7.20.5", @@ -6327,86 +5911,57 @@ "license": "ISC" }, "node_modules/@vitest/expect": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-2.0.5.tgz", - "integrity": "sha512-yHZtwuP7JZivj65Gxoi8upUN2OzHTi3zVfjwdpu2WrvCZPLwsJ2Ey5ILIPccoW23dd/zQBlJ4/dhi7DWNyXCpA==", - "dev": true, - "license": "MIT", - "dependencies": { - "@vitest/spy": "2.0.5", - "@vitest/utils": "2.0.5", - "chai": "^5.1.1", - "tinyrainbow": "^1.2.0" - }, - "funding": { - "url": "https://opencollective.com/vitest" - } - }, - "node_modules/@vitest/expect/node_modules/@vitest/pretty-format": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.0.5.tgz", - "integrity": "sha512-h8k+1oWHfwTkyTkb9egzwNMfJAEx4veaPSnMeKbVSjp4euqGSbQlm5+6VHwTr7u4FJslVVsUG5nopCaAYdOmSQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "tinyrainbow": "^1.2.0" - }, - "funding": { - "url": "https://opencollective.com/vitest" - } - }, - "node_modules/@vitest/expect/node_modules/@vitest/utils": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-2.0.5.tgz", - "integrity": "sha512-d8HKbqIcya+GR67mkZbrzhS5kKhtp8dQLcmRZLGTscGVg7yImT82cIrhtn2L8+VujWcy6KZweApgNmPsTAO/UQ==", + "version": "3.0.9", + "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-3.0.9.tgz", + "integrity": "sha512-5eCqRItYgIML7NNVgJj6TVCmdzE7ZVgJhruW0ziSQV4V7PvLkDL1bBkBdcTs/VuIz0IxPb5da1IDSqc1TR9eig==", "dev": true, "license": "MIT", "dependencies": { - "@vitest/pretty-format": "2.0.5", - "estree-walker": "^3.0.3", - "loupe": "^3.1.1", - "tinyrainbow": "^1.2.0" + "@vitest/spy": "3.0.9", + "@vitest/utils": "3.0.9", + "chai": "^5.2.0", + "tinyrainbow": "^2.0.0" }, "funding": { "url": "https://opencollective.com/vitest" } }, "node_modules/@vitest/pretty-format": { - "version": "2.1.9", - "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.1.9.tgz", - "integrity": "sha512-KhRIdGV2U9HOUzxfiHmY8IFHTdqtOhIzCpd8WRdJiE7D/HUcZVD0EgQCVjm+Q9gkUXWgBvMmTtZgIG48wq7sOQ==", + "version": "3.0.9", + "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-3.0.9.tgz", + "integrity": "sha512-OW9F8t2J3AwFEwENg3yMyKWweF7oRJlMyHOMIhO5F3n0+cgQAJZBjNgrF8dLwFTEXl5jUqBLXd9QyyKv8zEcmA==", "dev": true, "license": "MIT", "dependencies": { - "tinyrainbow": "^1.2.0" + "tinyrainbow": "^2.0.0" }, "funding": { "url": "https://opencollective.com/vitest" } }, "node_modules/@vitest/spy": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-2.0.5.tgz", - "integrity": "sha512-c/jdthAhvJdpfVuaexSrnawxZz6pywlTPe84LUB2m/4t3rl2fTo9NFGBG4oWgaD+FTgDDV8hJ/nibT7IfH3JfA==", + "version": "3.0.9", + "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-3.0.9.tgz", + "integrity": "sha512-/CcK2UDl0aQ2wtkp3YVWldrpLRNCfVcIOFGlVGKO4R5eajsH393Z1yiXLVQ7vWsj26JOEjeZI0x5sm5P4OGUNQ==", "dev": true, "license": "MIT", "dependencies": { - "tinyspy": "^3.0.0" + "tinyspy": "^3.0.2" }, "funding": { "url": "https://opencollective.com/vitest" } }, "node_modules/@vitest/utils": { - "version": "2.1.9", - "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-2.1.9.tgz", - "integrity": "sha512-v0psaMSkNJ3A2NMrUEHFRzJtDPFn+/VWZ5WxImB21T9fjucJRmS7xCS3ppEnARb9y11OAzaD+P2Ps+b+BGX5iQ==", + "version": "3.0.9", + "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-3.0.9.tgz", + "integrity": "sha512-ilHM5fHhZ89MCp5aAaM9uhfl1c2JdxVxl3McqsdVyVNN6JffnEen8UMCdRTzOhGXNQGo5GNL9QugHrz727Wnng==", "dev": true, "license": "MIT", "dependencies": { - "@vitest/pretty-format": "2.1.9", - "loupe": "^3.1.2", - "tinyrainbow": "^1.2.0" + "@vitest/pretty-format": "3.0.9", + "loupe": "^3.1.3", + "tinyrainbow": "^2.0.0" }, "funding": { "url": "https://opencollective.com/vitest" @@ -6959,14 +6514,14 @@ } }, "node_modules/array-buffer-byte-length": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.1.tgz", - "integrity": "sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==", + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz", + "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.5", - "is-array-buffer": "^3.0.4" + "call-bound": "^1.0.3", + "is-array-buffer": "^3.0.5" }, "engines": { "node": ">= 0.4" @@ -6983,18 +6538,20 @@ "license": "MIT" }, "node_modules/array-includes": { - "version": "3.1.8", - "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.8.tgz", - "integrity": "sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==", + "version": "3.1.9", + "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.9.tgz", + "integrity": "sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.7", + "call-bind": "^1.0.8", + "call-bound": "^1.0.4", "define-properties": "^1.2.1", - "es-abstract": "^1.23.2", - "es-object-atoms": "^1.0.0", - "get-intrinsic": "^1.2.4", - "is-string": "^1.0.7" + "es-abstract": "^1.24.0", + "es-object-atoms": "^1.1.1", + "get-intrinsic": "^1.3.0", + "is-string": "^1.1.1", + "math-intrinsics": "^1.1.0" }, "engines": { "node": ">= 0.4" @@ -7035,16 +6592,16 @@ } }, "node_modules/array.prototype.flat": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz", - "integrity": "sha512-djYB+Zx2vLewY8RWlNCUdHjDXs2XOgm602S9E7P/UpHgfeHL00cRiIF+IN/G/aUJ7kGPb6yO/ErDI5V2s8iycA==", + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz", + "integrity": "sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.2", - "define-properties": "^1.2.0", - "es-abstract": "^1.22.1", - "es-shim-unscopables": "^1.0.0" + "call-bind": "^1.0.8", + "define-properties": "^1.2.1", + "es-abstract": "^1.23.5", + "es-shim-unscopables": "^1.0.2" }, "engines": { "node": ">= 0.4" @@ -7054,16 +6611,16 @@ } }, "node_modules/array.prototype.flatmap": { - "version": "1.3.2", - "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.2.tgz", - "integrity": "sha512-Ewyx0c9PmpcsByhSW4r+9zDU7sGjFc86qf/kKtuSCRdhfbk0SNLLkaT5qvcHnRGgc5NP/ly/y+qkXkqONX54CQ==", + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz", + "integrity": "sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.2", - "define-properties": "^1.2.0", - "es-abstract": "^1.22.1", - "es-shim-unscopables": "^1.0.0" + "call-bind": "^1.0.8", + "define-properties": "^1.2.1", + "es-abstract": "^1.23.5", + "es-shim-unscopables": "^1.0.2" }, "engines": { "node": ">= 0.4" @@ -7090,20 +6647,19 @@ } }, "node_modules/arraybuffer.prototype.slice": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.3.tgz", - "integrity": "sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==", + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz", + "integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==", "dev": true, "license": "MIT", "dependencies": { "array-buffer-byte-length": "^1.0.1", - "call-bind": "^1.0.5", + "call-bind": "^1.0.8", "define-properties": "^1.2.1", - "es-abstract": "^1.22.3", - "es-errors": "^1.2.1", - "get-intrinsic": "^1.2.3", - "is-array-buffer": "^3.0.4", - "is-shared-array-buffer": "^1.0.2" + "es-abstract": "^1.23.5", + "es-errors": "^1.3.0", + "get-intrinsic": "^1.2.6", + "is-array-buffer": "^3.0.4" }, "engines": { "node": ">= 0.4" @@ -7152,6 +6708,16 @@ "dev": true, "license": "MIT" }, + "node_modules/async-function": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/async-function/-/async-function-1.0.0.tgz", + "integrity": "sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 0.4" + } + }, "node_modules/asynckit": { "version": "0.4.0", "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz", @@ -7162,6 +6728,7 @@ "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz", "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==", "dev": true, + "license": "MIT", "dependencies": { "possible-typed-array-names": "^1.0.0" }, @@ -7738,12 +7305,6 @@ "node": ">=8" } }, - "node_modules/browser-assert": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/browser-assert/-/browser-assert-1.2.1.tgz", - "integrity": "sha512-nfulgvOR6S4gt9UKCeGJOuSGBPGiFT6oQ/2UBnvTY/5aQ1PnksW72fhZkM30DzoRRv2WpwZf1vHHEr3mtuXIWQ==", - "dev": true - }, "node_modules/browserslist": { "version": "4.24.4", "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.4.tgz", @@ -7843,16 +7404,16 @@ } }, "node_modules/call-bind": { - "version": "1.0.7", - "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz", - "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==", + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz", + "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==", "dev": true, + "license": "MIT", "dependencies": { + "call-bind-apply-helpers": "^1.0.0", "es-define-property": "^1.0.0", - "es-errors": "^1.3.0", - "function-bind": "^1.1.2", "get-intrinsic": "^1.2.4", - "set-function-length": "^1.2.1" + "set-function-length": "^1.2.2" }, "engines": { "node": ">= 0.4" @@ -8671,13 +8232,6 @@ "node": ">=0.8" } }, - "node_modules/constants-browserify": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/constants-browserify/-/constants-browserify-1.0.0.tgz", - "integrity": "sha512-xFxOwqIzR/e1k1gLiWEophSCMqXcwVHIH7akf7b/vxcUeGunlj3hvZaaqxwHsTgn+IndtkQJgSztIDWeumWJDQ==", - "dev": true, - "license": "MIT" - }, "node_modules/content-disposition": { "version": "0.5.4", "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz", @@ -9208,15 +8762,15 @@ } }, "node_modules/data-view-buffer": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.1.tgz", - "integrity": "sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==", + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz", + "integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.6", + "call-bound": "^1.0.3", "es-errors": "^1.3.0", - "is-data-view": "^1.0.1" + "is-data-view": "^1.0.2" }, "engines": { "node": ">= 0.4" @@ -9226,31 +8780,31 @@ } }, "node_modules/data-view-byte-length": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.1.tgz", - "integrity": "sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==", + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz", + "integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.7", + "call-bound": "^1.0.3", "es-errors": "^1.3.0", - "is-data-view": "^1.0.1" + "is-data-view": "^1.0.2" }, "engines": { "node": ">= 0.4" }, "funding": { - "url": "https://github.com/sponsors/ljharb" + "url": "https://github.com/sponsors/inspect-js" } }, "node_modules/data-view-byte-offset": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.0.tgz", - "integrity": "sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==", + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz", + "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.6", + "call-bound": "^1.0.2", "es-errors": "^1.3.0", "is-data-view": "^1.0.1" }, @@ -9418,6 +8972,7 @@ "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz", "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==", "dev": true, + "license": "MIT", "dependencies": { "es-define-property": "^1.0.0", "es-errors": "^1.3.0", @@ -9589,7 +9144,8 @@ "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz", "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==", "dev": true, - "license": "MIT" + "license": "MIT", + "peer": true }, "node_modules/dom-converter": { "version": "0.2.0", @@ -9915,58 +9471,66 @@ } }, "node_modules/es-abstract": { - "version": "1.23.5", - "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.5.tgz", - "integrity": "sha512-vlmniQ0WNPwXqA0BnmwV3Ng7HxiGlh6r5U6JcTMNx8OilcAGqVJBHJcPjqOMaczU9fRuRK5Px2BdVyPRnKMMVQ==", + "version": "1.24.0", + "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.24.0.tgz", + "integrity": "sha512-WSzPgsdLtTcQwm4CROfS5ju2Wa1QQcVeT37jFjYzdFz1r9ahadC8B8/a4qxJxM+09F18iumCdRmlr96ZYkQvEg==", "dev": true, "license": "MIT", "dependencies": { - "array-buffer-byte-length": "^1.0.1", - "arraybuffer.prototype.slice": "^1.0.3", + "array-buffer-byte-length": "^1.0.2", + "arraybuffer.prototype.slice": "^1.0.4", "available-typed-arrays": "^1.0.7", - "call-bind": "^1.0.7", - "data-view-buffer": "^1.0.1", - "data-view-byte-length": "^1.0.1", - "data-view-byte-offset": "^1.0.0", - "es-define-property": "^1.0.0", + "call-bind": "^1.0.8", + "call-bound": "^1.0.4", + "data-view-buffer": "^1.0.2", + "data-view-byte-length": "^1.0.2", + "data-view-byte-offset": "^1.0.1", + "es-define-property": "^1.0.1", "es-errors": "^1.3.0", - "es-object-atoms": "^1.0.0", - "es-set-tostringtag": "^2.0.3", - "es-to-primitive": "^1.2.1", - "function.prototype.name": "^1.1.6", - "get-intrinsic": "^1.2.4", - "get-symbol-description": "^1.0.2", + "es-object-atoms": "^1.1.1", + "es-set-tostringtag": "^2.1.0", + "es-to-primitive": "^1.3.0", + "function.prototype.name": "^1.1.8", + "get-intrinsic": "^1.3.0", + "get-proto": "^1.0.1", + "get-symbol-description": "^1.1.0", "globalthis": "^1.0.4", - "gopd": "^1.0.1", + "gopd": "^1.2.0", "has-property-descriptors": "^1.0.2", - "has-proto": "^1.0.3", - "has-symbols": "^1.0.3", + "has-proto": "^1.2.0", + "has-symbols": "^1.1.0", "hasown": "^2.0.2", - "internal-slot": "^1.0.7", - "is-array-buffer": "^3.0.4", + "internal-slot": "^1.1.0", + "is-array-buffer": "^3.0.5", "is-callable": "^1.2.7", - "is-data-view": "^1.0.1", + "is-data-view": "^1.0.2", "is-negative-zero": "^2.0.3", - "is-regex": "^1.1.4", - "is-shared-array-buffer": "^1.0.3", - "is-string": "^1.0.7", - "is-typed-array": "^1.1.13", - "is-weakref": "^1.0.2", - "object-inspect": "^1.13.3", + "is-regex": "^1.2.1", + "is-set": "^2.0.3", + "is-shared-array-buffer": "^1.0.4", + "is-string": "^1.1.1", + "is-typed-array": "^1.1.15", + "is-weakref": "^1.1.1", + "math-intrinsics": "^1.1.0", + "object-inspect": "^1.13.4", "object-keys": "^1.1.1", - "object.assign": "^4.1.5", - "regexp.prototype.flags": "^1.5.3", - "safe-array-concat": "^1.1.2", - "safe-regex-test": "^1.0.3", - "string.prototype.trim": "^1.2.9", - "string.prototype.trimend": "^1.0.8", + "object.assign": "^4.1.7", + "own-keys": "^1.0.1", + "regexp.prototype.flags": "^1.5.4", + "safe-array-concat": "^1.1.3", + "safe-push-apply": "^1.0.0", + "safe-regex-test": "^1.1.0", + "set-proto": "^1.0.0", + "stop-iteration-iterator": "^1.1.0", + "string.prototype.trim": "^1.2.10", + "string.prototype.trimend": "^1.0.9", "string.prototype.trimstart": "^1.0.8", - "typed-array-buffer": "^1.0.2", - "typed-array-byte-length": "^1.0.1", - "typed-array-byte-offset": "^1.0.2", - "typed-array-length": "^1.0.6", - "unbox-primitive": "^1.0.2", - "which-typed-array": "^1.1.15" + "typed-array-buffer": "^1.0.3", + "typed-array-byte-length": "^1.0.3", + "typed-array-byte-offset": "^1.0.4", + "typed-array-length": "^1.0.7", + "unbox-primitive": "^1.1.0", + "which-typed-array": "^1.1.19" }, "engines": { "node": ">= 0.4" @@ -9995,27 +9559,28 @@ } }, "node_modules/es-iterator-helpers": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.2.0.tgz", - "integrity": "sha512-tpxqxncxnpw3c93u8n3VOzACmRFoVmWJqbWXvX/JfKbkhBw1oslgPrUfeSt2psuqyEJFD6N/9lg5i7bsKpoq+Q==", + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.2.1.tgz", + "integrity": "sha512-uDn+FE1yrDzyC0pCo961B2IHbdM8y/ACZsKD4dG6WqrjV53BADjwa7D+1aom2rsNVfLyDgU/eigvlJGJ08OQ4w==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.7", + "call-bind": "^1.0.8", + "call-bound": "^1.0.3", "define-properties": "^1.2.1", - "es-abstract": "^1.23.3", + "es-abstract": "^1.23.6", "es-errors": "^1.3.0", "es-set-tostringtag": "^2.0.3", "function-bind": "^1.1.2", - "get-intrinsic": "^1.2.4", + "get-intrinsic": "^1.2.6", "globalthis": "^1.0.4", - "gopd": "^1.0.1", + "gopd": "^1.2.0", "has-property-descriptors": "^1.0.2", - "has-proto": "^1.0.3", - "has-symbols": "^1.0.3", - "internal-slot": "^1.0.7", - "iterator.prototype": "^1.1.3", - "safe-array-concat": "^1.1.2" + "has-proto": "^1.2.0", + "has-symbols": "^1.1.0", + "internal-slot": "^1.1.0", + "iterator.prototype": "^1.1.4", + "safe-array-concat": "^1.1.3" }, "engines": { "node": ">= 0.4" @@ -10041,28 +9606,32 @@ } }, "node_modules/es-set-tostringtag": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.3.tgz", - "integrity": "sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==", + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz", + "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==", "dev": true, "license": "MIT", "dependencies": { - "get-intrinsic": "^1.2.4", + "es-errors": "^1.3.0", + "get-intrinsic": "^1.2.6", "has-tostringtag": "^1.0.2", - "hasown": "^2.0.1" + "hasown": "^2.0.2" }, "engines": { "node": ">= 0.4" } }, "node_modules/es-shim-unscopables": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz", - "integrity": "sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==", + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.1.0.tgz", + "integrity": "sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==", "dev": true, "license": "MIT", "dependencies": { - "hasown": "^2.0.0" + "hasown": "^2.0.2" + }, + "engines": { + "node": ">= 0.4" } }, "node_modules/es-to-primitive": { @@ -10091,9 +9660,9 @@ "license": "MIT" }, "node_modules/esbuild": { - "version": "0.25.2", - "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.2.tgz", - "integrity": "sha512-16854zccKPnC+toMywC+uKNeYSv+/eXkevRAfwRD/G9Cleq66m8XFIrigkbvauLLlCfDL45Q2cWegSg53gGBnQ==", + "version": "0.25.5", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.5.tgz", + "integrity": "sha512-P8OtKZRv/5J5hhz0cUAdu/cLuPIKXpQl1R9pZtvmHWQvrAUVd0UNIPT4IB4W3rNOqVO0rlqHmCIbSwxh/c9yUQ==", "dev": true, "hasInstallScript": true, "license": "MIT", @@ -10104,31 +9673,31 @@ "node": ">=18" }, "optionalDependencies": { - "@esbuild/aix-ppc64": "0.25.2", - "@esbuild/android-arm": "0.25.2", - "@esbuild/android-arm64": "0.25.2", - "@esbuild/android-x64": "0.25.2", - "@esbuild/darwin-arm64": "0.25.2", - "@esbuild/darwin-x64": "0.25.2", - "@esbuild/freebsd-arm64": "0.25.2", - "@esbuild/freebsd-x64": "0.25.2", - "@esbuild/linux-arm": "0.25.2", - "@esbuild/linux-arm64": "0.25.2", - "@esbuild/linux-ia32": "0.25.2", - "@esbuild/linux-loong64": "0.25.2", - "@esbuild/linux-mips64el": "0.25.2", - "@esbuild/linux-ppc64": "0.25.2", - "@esbuild/linux-riscv64": "0.25.2", - "@esbuild/linux-s390x": "0.25.2", - "@esbuild/linux-x64": "0.25.2", - "@esbuild/netbsd-arm64": "0.25.2", - "@esbuild/netbsd-x64": "0.25.2", - "@esbuild/openbsd-arm64": "0.25.2", - "@esbuild/openbsd-x64": "0.25.2", - "@esbuild/sunos-x64": "0.25.2", - "@esbuild/win32-arm64": "0.25.2", - "@esbuild/win32-ia32": "0.25.2", - "@esbuild/win32-x64": "0.25.2" + "@esbuild/aix-ppc64": "0.25.5", + "@esbuild/android-arm": "0.25.5", + "@esbuild/android-arm64": "0.25.5", + "@esbuild/android-x64": "0.25.5", + "@esbuild/darwin-arm64": "0.25.5", + "@esbuild/darwin-x64": "0.25.5", + "@esbuild/freebsd-arm64": "0.25.5", + "@esbuild/freebsd-x64": "0.25.5", + "@esbuild/linux-arm": "0.25.5", + "@esbuild/linux-arm64": "0.25.5", + "@esbuild/linux-ia32": "0.25.5", + "@esbuild/linux-loong64": "0.25.5", + "@esbuild/linux-mips64el": "0.25.5", + "@esbuild/linux-ppc64": "0.25.5", + "@esbuild/linux-riscv64": "0.25.5", + "@esbuild/linux-s390x": "0.25.5", + "@esbuild/linux-x64": "0.25.5", + "@esbuild/netbsd-arm64": "0.25.5", + "@esbuild/netbsd-x64": "0.25.5", + "@esbuild/openbsd-arm64": "0.25.5", + "@esbuild/openbsd-x64": "0.25.5", + "@esbuild/sunos-x64": "0.25.5", + "@esbuild/win32-arm64": "0.25.5", + "@esbuild/win32-ia32": "0.25.5", + "@esbuild/win32-x64": "0.25.5" } }, "node_modules/esbuild-register": { @@ -10268,29 +9837,29 @@ } }, "node_modules/eslint-plugin-react": { - "version": "7.37.2", - "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.2.tgz", - "integrity": "sha512-EsTAnj9fLVr/GZleBLFbj/sSuXeWmp1eXIN60ceYnZveqEaUCyW4X+Vh4WTdUhCkW4xutXYqTXCUSyqD4rB75w==", + "version": "7.37.5", + "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.5.tgz", + "integrity": "sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==", "dev": true, "license": "MIT", "dependencies": { "array-includes": "^3.1.8", "array.prototype.findlast": "^1.2.5", - "array.prototype.flatmap": "^1.3.2", + "array.prototype.flatmap": "^1.3.3", "array.prototype.tosorted": "^1.1.4", "doctrine": "^2.1.0", - "es-iterator-helpers": "^1.1.0", + "es-iterator-helpers": "^1.2.1", "estraverse": "^5.3.0", "hasown": "^2.0.2", "jsx-ast-utils": "^2.4.1 || ^3.0.0", "minimatch": "^3.1.2", - "object.entries": "^1.1.8", + "object.entries": "^1.1.9", "object.fromentries": "^2.0.8", - "object.values": "^1.2.0", + "object.values": "^1.2.1", "prop-types": "^15.8.1", "resolve": "^2.0.0-next.5", "semver": "^6.3.1", - "string.prototype.matchall": "^4.0.11", + "string.prototype.matchall": "^4.0.12", "string.prototype.repeat": "^1.0.0" }, "engines": { @@ -10301,9 +9870,9 @@ } }, "node_modules/eslint-plugin-react-hooks": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-5.1.0.tgz", - "integrity": "sha512-mpJRtPgHN2tNAvZ35AMfqeB3Xqeo273QxrHJsbBEPWODRM4r0yB6jfoROqKEYrOn27UtRPpcpHc2UqyBSuUNTw==", + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-5.2.0.tgz", + "integrity": "sha512-+f15FfK64YQwZdJNELETdn5ibXEUQmW1DZL6KXhNnc2heoy/sg9VJJeT7n8TlMWouzWqSWavFkIhHyIbIAEapg==", "dev": true, "license": "MIT", "engines": { @@ -10355,21 +9924,20 @@ } }, "node_modules/eslint-plugin-storybook": { - "version": "0.12.0", - "resolved": "https://registry.npmjs.org/eslint-plugin-storybook/-/eslint-plugin-storybook-0.12.0.tgz", - "integrity": "sha512-Lg5I0+npTgiYgZ4KSvGWGDFZi3eOCNJPaWX0c9rTEEXC5wvooOClsP9ZtbI4hhFKyKgYR877KiJxbRTSJq9gWA==", + "version": "9.0.6", + "resolved": "https://registry.npmjs.org/eslint-plugin-storybook/-/eslint-plugin-storybook-9.0.6.tgz", + "integrity": "sha512-eVxNgHXojaUAVh2uu2ACHJRZfar1E5CnOMp01QIYVZxlkEmaMTR6/V2MAVpKbEnvKi/xjTOPyygufFRhpyXrqA==", "dev": true, "license": "MIT", "dependencies": { - "@storybook/csf": "^0.1.11", - "@typescript-eslint/utils": "^8.8.1", - "ts-dedent": "^2.2.0" + "@typescript-eslint/utils": "^8.8.1" }, "engines": { - "node": ">= 18" + "node": ">=20.0.0" }, "peerDependencies": { - "eslint": ">=8" + "eslint": ">=8", + "storybook": "^9.0.6" } }, "node_modules/eslint-scope": { @@ -10477,16 +10045,6 @@ "url": "https://opencollective.com/unified" } }, - "node_modules/estree-walker": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz", - "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==", - "dev": true, - "license": "MIT", - "dependencies": { - "@types/estree": "^1.0.0" - } - }, "node_modules/esutils": { "version": "2.0.3", "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz", @@ -11019,12 +10577,19 @@ } }, "node_modules/for-each": { - "version": "0.3.3", - "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz", - "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==", + "version": "0.3.5", + "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz", + "integrity": "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==", "dev": true, + "license": "MIT", "dependencies": { - "is-callable": "^1.1.3" + "is-callable": "^1.2.7" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" } }, "node_modules/foreground-child": { @@ -11225,16 +10790,18 @@ } }, "node_modules/function.prototype.name": { - "version": "1.1.6", - "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz", - "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==", + "version": "1.1.8", + "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.8.tgz", + "integrity": "sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.2", - "define-properties": "^1.2.0", - "es-abstract": "^1.22.1", - "functions-have-names": "^1.2.3" + "call-bind": "^1.0.8", + "call-bound": "^1.0.3", + "define-properties": "^1.2.1", + "functions-have-names": "^1.2.3", + "hasown": "^2.0.2", + "is-callable": "^1.2.7" }, "engines": { "node": ">= 0.4" @@ -11348,15 +10915,15 @@ } }, "node_modules/get-symbol-description": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.2.tgz", - "integrity": "sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==", + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz", + "integrity": "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.5", + "call-bound": "^1.0.3", "es-errors": "^1.3.0", - "get-intrinsic": "^1.2.4" + "get-intrinsic": "^1.2.6" }, "engines": { "node": ">= 0.4" @@ -11547,11 +11114,14 @@ "license": "MIT" }, "node_modules/has-bigints": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz", - "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==", + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz", + "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==", "dev": true, "license": "MIT", + "engines": { + "node": ">= 0.4" + }, "funding": { "url": "https://github.com/sponsors/ljharb" } @@ -11571,6 +11141,7 @@ "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz", "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==", "dev": true, + "license": "MIT", "dependencies": { "es-define-property": "^1.0.0" }, @@ -11579,10 +11150,14 @@ } }, "node_modules/has-proto": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz", - "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==", + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz", + "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==", "dev": true, + "license": "MIT", + "dependencies": { + "dunder-proto": "^1.0.0" + }, "engines": { "node": ">= 0.4" }, @@ -11608,6 +11183,7 @@ "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz", "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==", "dev": true, + "license": "MIT", "dependencies": { "has-symbols": "^1.0.3" }, @@ -12246,15 +11822,15 @@ "license": "MIT" }, "node_modules/internal-slot": { - "version": "1.0.7", - "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.7.tgz", - "integrity": "sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==", + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz", + "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==", "dev": true, "license": "MIT", "dependencies": { "es-errors": "^1.3.0", - "hasown": "^2.0.0", - "side-channel": "^1.0.4" + "hasown": "^2.0.2", + "side-channel": "^1.1.0" }, "engines": { "node": ">= 0.4" @@ -12313,32 +11889,16 @@ "url": "https://github.com/sponsors/wooorm" } }, - "node_modules/is-arguments": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.2.0.tgz", - "integrity": "sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==", - "dev": true, - "license": "MIT", - "dependencies": { - "call-bound": "^1.0.2", - "has-tostringtag": "^1.0.2" - }, - "engines": { - "node": ">= 0.4" - }, - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, "node_modules/is-array-buffer": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.4.tgz", - "integrity": "sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==", + "version": "3.0.5", + "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz", + "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.2", - "get-intrinsic": "^1.2.1" + "call-bind": "^1.0.8", + "call-bound": "^1.0.3", + "get-intrinsic": "^1.2.6" }, "engines": { "node": ">= 0.4" @@ -12354,13 +11914,17 @@ "dev": true }, "node_modules/is-async-function": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz", - "integrity": "sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==", + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.1.1.tgz", + "integrity": "sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==", "dev": true, "license": "MIT", "dependencies": { - "has-tostringtag": "^1.0.0" + "async-function": "^1.0.0", + "call-bound": "^1.0.3", + "get-proto": "^1.0.1", + "has-tostringtag": "^1.0.2", + "safe-regex-test": "^1.1.0" }, "engines": { "node": ">= 0.4" @@ -12399,13 +11963,13 @@ } }, "node_modules/is-boolean-object": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.0.tgz", - "integrity": "sha512-kR5g0+dXf/+kXnqI+lu0URKYPKgICtHGGNCDSB10AaUFj3o/HkB3u7WfpRBJGFopxxY0oH3ux7ZsDjLtK7xqvw==", + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.2.tgz", + "integrity": "sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.7", + "call-bound": "^1.0.3", "has-tostringtag": "^1.0.2" }, "engines": { @@ -12420,6 +11984,7 @@ "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz", "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==", "dev": true, + "license": "MIT", "engines": { "node": ">= 0.4" }, @@ -12443,12 +12008,14 @@ } }, "node_modules/is-data-view": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.1.tgz", - "integrity": "sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==", + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz", + "integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==", "dev": true, "license": "MIT", "dependencies": { + "call-bound": "^1.0.2", + "get-intrinsic": "^1.2.6", "is-typed-array": "^1.1.13" }, "engines": { @@ -12459,13 +12026,14 @@ } }, "node_modules/is-date-object": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz", - "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==", + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz", + "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==", "dev": true, "license": "MIT", "dependencies": { - "has-tostringtag": "^1.0.0" + "call-bound": "^1.0.2", + "has-tostringtag": "^1.0.2" }, "engines": { "node": ">= 0.4" @@ -12510,13 +12078,13 @@ } }, "node_modules/is-finalizationregistry": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.0.tgz", - "integrity": "sha512-qfMdqbAQEwBw78ZyReKnlA8ezmPdb9BemzIIip/JkjaZUhitfXDkkr+3QTboW0JrSXT1QWyYShpvnNHGZ4c4yA==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz", + "integrity": "sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.7" + "call-bound": "^1.0.3" }, "engines": { "node": ">= 0.4" @@ -12546,12 +12114,16 @@ } }, "node_modules/is-generator-function": { - "version": "1.0.10", - "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz", - "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==", + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.0.tgz", + "integrity": "sha512-nPUB5km40q9e8UfN/Zc24eLlzdSf9OfKByBw9CIdw4H1giPMeA0OIJvbchsCu4npfI2QcMVBsGEBHKZ7wLTWmQ==", "dev": true, + "license": "MIT", "dependencies": { - "has-tostringtag": "^1.0.0" + "call-bound": "^1.0.3", + "get-proto": "^1.0.0", + "has-tostringtag": "^1.0.2", + "safe-regex-test": "^1.1.0" }, "engines": { "node": ">= 0.4" @@ -12666,13 +12238,13 @@ } }, "node_modules/is-number-object": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.0.tgz", - "integrity": "sha512-KVSZV0Dunv9DTPkhXwcZ3Q+tUc9TsaE1ZwX5J2WMvsSGS6Md8TFPun5uwh0yRdrNerI6vf/tbJxqSx4c1ZI1Lw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz", + "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.7", + "call-bound": "^1.0.3", "has-tostringtag": "^1.0.2" }, "engines": { @@ -12712,14 +12284,14 @@ "dev": true }, "node_modules/is-regex": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.0.tgz", - "integrity": "sha512-B6ohK4ZmoftlUe+uvenXSbPJFo6U37BH7oO1B3nQH8f/7h27N56s85MhUtbFJAziz5dcmuR3i8ovUl35zp8pFA==", + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz", + "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.7", - "gopd": "^1.1.0", + "call-bound": "^1.0.2", + "gopd": "^1.2.0", "has-tostringtag": "^1.0.2", "hasown": "^2.0.2" }, @@ -12744,13 +12316,13 @@ } }, "node_modules/is-shared-array-buffer": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.3.tgz", - "integrity": "sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==", + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz", + "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.7" + "call-bound": "^1.0.3" }, "engines": { "node": ">= 0.4" @@ -12773,13 +12345,13 @@ } }, "node_modules/is-string": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.0.tgz", - "integrity": "sha512-PlfzajuF9vSo5wErv3MJAKD/nqf9ngAs1NFQYm16nUYFO2IzxJ2hcm+IOCg+EEopdykNNUhVq5cz35cAUxU8+g==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz", + "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.7", + "call-bound": "^1.0.3", "has-tostringtag": "^1.0.2" }, "engines": { @@ -12790,15 +12362,15 @@ } }, "node_modules/is-symbol": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.0.tgz", - "integrity": "sha512-qS8KkNNXUZ/I+nX6QT8ZS1/Yx0A444yhzdTKxCzKkNjQ9sHErBxJnJAgh+f5YhusYECEcjo4XcyH87hn6+ks0A==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz", + "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.7", - "has-symbols": "^1.0.3", - "safe-regex-test": "^1.0.3" + "call-bound": "^1.0.2", + "has-symbols": "^1.1.0", + "safe-regex-test": "^1.1.0" }, "engines": { "node": ">= 0.4" @@ -12808,12 +12380,13 @@ } }, "node_modules/is-typed-array": { - "version": "1.1.13", - "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.13.tgz", - "integrity": "sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==", + "version": "1.1.15", + "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz", + "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==", "dev": true, + "license": "MIT", "dependencies": { - "which-typed-array": "^1.1.14" + "which-typed-array": "^1.1.16" }, "engines": { "node": ">= 0.4" @@ -12836,27 +12409,30 @@ } }, "node_modules/is-weakref": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz", - "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.1.tgz", + "integrity": "sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.2" + "call-bound": "^1.0.3" + }, + "engines": { + "node": ">= 0.4" }, "funding": { "url": "https://github.com/sponsors/ljharb" } }, "node_modules/is-weakset": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.3.tgz", - "integrity": "sha512-LvIm3/KWzS9oRFHugab7d+M/GcBXuXX5xZkzPmN+NxihdQlZUQ4dWuSV1xR/sq6upL1TJEDrfBgRepHFdBtSNQ==", + "version": "2.0.4", + "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz", + "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.7", - "get-intrinsic": "^1.2.4" + "call-bound": "^1.0.3", + "get-intrinsic": "^1.2.6" }, "engines": { "node": ">= 0.4" @@ -12989,17 +12565,18 @@ } }, "node_modules/iterator.prototype": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.3.tgz", - "integrity": "sha512-FW5iMbeQ6rBGm/oKgzq2aW4KvAGpxPzYES8N4g4xNXUKpL1mclMvOe+76AcLDTvD+Ze+sOpVhgdAQEKF4L9iGQ==", + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.5.tgz", + "integrity": "sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==", "dev": true, "license": "MIT", "dependencies": { - "define-properties": "^1.2.1", - "get-intrinsic": "^1.2.1", - "has-symbols": "^1.0.3", - "reflect.getprototypeof": "^1.0.4", - "set-function-name": "^2.0.1" + "define-data-property": "^1.1.4", + "es-object-atoms": "^1.0.0", + "get-intrinsic": "^1.2.6", + "get-proto": "^1.0.0", + "has-symbols": "^1.1.0", + "set-function-name": "^2.0.2" }, "engines": { "node": ">= 0.4" @@ -13988,16 +13565,6 @@ "js-yaml": "bin/js-yaml.js" } }, - "node_modules/jsdoc-type-pratt-parser": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/jsdoc-type-pratt-parser/-/jsdoc-type-pratt-parser-4.1.0.tgz", - "integrity": "sha512-Hicd6JK5Njt2QB6XYFS7ok9e37O8AYk3jTcppG4YVQnYjOemymvTcmc7OWsmq/Qqj5TdRFO5/x/tIPmBeRtGHg==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=12.0.0" - } - }, "node_modules/jsdom": { "version": "20.0.3", "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-20.0.3.tgz", @@ -14929,6 +14496,7 @@ "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==", "dev": true, "license": "MIT", + "peer": true, "bin": { "lz-string": "bin/bin.js" } @@ -14985,13 +14553,6 @@ "tmpl": "1.0.5" } }, - "node_modules/map-or-similar": { - "version": "1.5.0", - "resolved": "https://registry.npmjs.org/map-or-similar/-/map-or-similar-1.5.0.tgz", - "integrity": "sha512-0aF7ZmVon1igznGI4VS30yugpduQW3y3GkcgGJOp7d8x8QrizhigUxjI/m2UojsXXto+jLAH3KSz+xOJTiORjg==", - "dev": true, - "license": "MIT" - }, "node_modules/math-intrinsics": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz", @@ -15339,16 +14900,6 @@ "node": ">= 4.0.0" } }, - "node_modules/memoizerific": { - "version": "1.11.3", - "resolved": "https://registry.npmjs.org/memoizerific/-/memoizerific-1.11.3.tgz", - "integrity": "sha512-/EuHYwAPdLtXwAwSZkh/Gutery6pD2KYd44oQLhAvQp/50mpyduZh8Q7PYHXTCJ+wuXxt7oij2LXyIJOOYFPog==", - "dev": true, - "license": "MIT", - "dependencies": { - "map-or-similar": "^1.5.0" - } - }, "node_modules/meow": { "version": "13.2.0", "resolved": "https://registry.npmjs.org/meow/-/meow-13.2.0.tgz", @@ -16283,9 +15834,9 @@ } }, "node_modules/object-inspect": { - "version": "1.13.3", - "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.3.tgz", - "integrity": "sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA==", + "version": "1.13.4", + "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz", + "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==", "dev": true, "license": "MIT", "engines": { @@ -16306,15 +15857,17 @@ } }, "node_modules/object.assign": { - "version": "4.1.5", - "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.5.tgz", - "integrity": "sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==", + "version": "4.1.7", + "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz", + "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.5", + "call-bind": "^1.0.8", + "call-bound": "^1.0.3", "define-properties": "^1.2.1", - "has-symbols": "^1.0.3", + "es-object-atoms": "^1.0.0", + "has-symbols": "^1.1.0", "object-keys": "^1.1.1" }, "engines": { @@ -16325,15 +15878,16 @@ } }, "node_modules/object.entries": { - "version": "1.1.8", - "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.8.tgz", - "integrity": "sha512-cmopxi8VwRIAw/fkijJohSfpef5PdN0pMQJN6VC/ZKvn0LIknWD8KtgY6KlQdEc4tIjcQ3HxSMmnvtzIscdaYQ==", + "version": "1.1.9", + "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.9.tgz", + "integrity": "sha512-8u/hfXFRBD1O0hPUjioLhoWFHRmt6tKA4/vZPyckBr18l1KE9uHrFaFaUi8MDRTpi4uak2goyPTSNJLXX2k2Hw==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.7", + "call-bind": "^1.0.8", + "call-bound": "^1.0.4", "define-properties": "^1.2.1", - "es-object-atoms": "^1.0.0" + "es-object-atoms": "^1.1.1" }, "engines": { "node": ">= 0.4" @@ -16359,13 +15913,14 @@ } }, "node_modules/object.values": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.0.tgz", - "integrity": "sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ==", + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.1.tgz", + "integrity": "sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.7", + "call-bind": "^1.0.8", + "call-bound": "^1.0.3", "define-properties": "^1.2.1", "es-object-atoms": "^1.0.0" }, @@ -16481,6 +16036,24 @@ "node": ">= 0.8.0" } }, + "node_modules/own-keys": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.1.tgz", + "integrity": "sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==", + "dev": true, + "license": "MIT", + "dependencies": { + "get-intrinsic": "^1.2.6", + "object-keys": "^1.1.1", + "safe-push-apply": "^1.0.0" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/p-limit": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz", @@ -16707,13 +16280,6 @@ "tslib": "^2.0.3" } }, - "node_modules/path-browserify": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz", - "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==", - "dev": true, - "license": "MIT" - }, "node_modules/path-exists": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz", @@ -16907,24 +16473,12 @@ "node": ">=8" } }, - "node_modules/polished": { - "version": "4.3.1", - "resolved": "https://registry.npmjs.org/polished/-/polished-4.3.1.tgz", - "integrity": "sha512-OBatVyC/N7SCW/FaDHrSd+vn0o5cS855TOmYi4OkdWUMSJCET/xip//ch8xGUvtr3i44X9LVyWwQlRMTN3pwSA==", - "dev": true, - "license": "MIT", - "dependencies": { - "@babel/runtime": "^7.17.8" - }, - "engines": { - "node": ">=10" - } - }, "node_modules/possible-typed-array-names": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz", - "integrity": "sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==", + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz", + "integrity": "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==", "dev": true, + "license": "MIT", "engines": { "node": ">= 0.4" } @@ -17154,6 +16708,7 @@ "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==", "dev": true, "license": "MIT", + "peer": true, "dependencies": { "ansi-regex": "^5.0.1", "ansi-styles": "^5.0.0", @@ -17169,6 +16724,7 @@ "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==", "dev": true, "license": "MIT", + "peer": true, "engines": { "node": ">=10" }, @@ -17181,7 +16737,8 @@ "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz", "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==", "dev": true, - "license": "MIT" + "license": "MIT", + "peer": true }, "node_modules/pretty-ms": { "version": "9.2.0", @@ -17208,16 +16765,6 @@ "node": ">=6" } }, - "node_modules/process": { - "version": "0.11.10", - "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz", - "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">= 0.6.0" - } - }, "node_modules/process-nextick-args": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz", @@ -17335,22 +16882,6 @@ ], "license": "MIT" }, - "node_modules/qs": { - "version": "6.14.0", - "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.0.tgz", - "integrity": "sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==", - "dev": true, - "license": "BSD-3-Clause", - "dependencies": { - "side-channel": "^1.1.0" - }, - "engines": { - "node": ">=0.6" - }, - "funding": { - "url": "https://github.com/sponsors/ljharb" - } - }, "node_modules/querystringify": { "version": "2.2.0", "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz", @@ -17679,17 +17210,6 @@ "node": ">=18" } }, - "node_modules/react-scrollbar-size": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/react-scrollbar-size/-/react-scrollbar-size-5.0.0.tgz", - "integrity": "sha512-Ly3OuRMz4yDFViTh+ANH6TrG8EqrgjC1uxxm2a/95+2Ijy3XT+bWtzm4QmgZUcUVg+8BCKzmPMM7z39ZtucDIQ==", - "engines": { - "node": ">=14.0.0" - }, - "peerDependencies": { - "react": "^16.8.0 || ^17.0.1 || ^18.0.0" - } - }, "node_modules/react-side-effect": { "version": "2.1.2", "resolved": "https://registry.npmjs.org/react-side-effect/-/react-side-effect-2.1.2.tgz", @@ -17894,19 +17414,20 @@ } }, "node_modules/reflect.getprototypeof": { - "version": "1.0.7", - "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.7.tgz", - "integrity": "sha512-bMvFGIUKlc/eSfXNX+aZ+EL95/EgZzuwA0OBPTbZZDEJw/0AkentjMuM1oiRfwHrshqk4RzdgiTg5CcDalXN5g==", + "version": "1.0.10", + "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz", + "integrity": "sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.7", + "call-bind": "^1.0.8", "define-properties": "^1.2.1", - "es-abstract": "^1.23.5", + "es-abstract": "^1.23.9", "es-errors": "^1.3.0", - "get-intrinsic": "^1.2.4", - "gopd": "^1.0.1", - "which-builtin-type": "^1.1.4" + "es-object-atoms": "^1.0.0", + "get-intrinsic": "^1.2.7", + "get-proto": "^1.0.1", + "which-builtin-type": "^1.2.1" }, "engines": { "node": ">= 0.4" @@ -17977,15 +17498,17 @@ } }, "node_modules/regexp.prototype.flags": { - "version": "1.5.3", - "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.3.tgz", - "integrity": "sha512-vqlC04+RQoFalODCbCumG2xIOvapzVMHwsyIGM/SIE8fRhFFsXeH8/QQ+s0T0kDAhKc4k30s73/0ydkHQz6HlQ==", + "version": "1.5.4", + "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz", + "integrity": "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.7", + "call-bind": "^1.0.8", "define-properties": "^1.2.1", "es-errors": "^1.3.0", + "get-proto": "^1.0.1", + "gopd": "^1.2.0", "set-function-name": "^2.0.2" }, "engines": { @@ -18367,15 +17890,16 @@ } }, "node_modules/safe-array-concat": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.2.tgz", - "integrity": "sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==", + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.3.tgz", + "integrity": "sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.7", - "get-intrinsic": "^1.2.4", - "has-symbols": "^1.0.3", + "call-bind": "^1.0.8", + "call-bound": "^1.0.2", + "get-intrinsic": "^1.2.6", + "has-symbols": "^1.1.0", "isarray": "^2.0.5" }, "engines": { @@ -18405,16 +17929,33 @@ } ] }, + "node_modules/safe-push-apply": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/safe-push-apply/-/safe-push-apply-1.0.0.tgz", + "integrity": "sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==", + "dev": true, + "license": "MIT", + "dependencies": { + "es-errors": "^1.3.0", + "isarray": "^2.0.5" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/safe-regex-test": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.3.tgz", - "integrity": "sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==", + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz", + "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.6", + "call-bound": "^1.0.2", "es-errors": "^1.3.0", - "is-regex": "^1.1.4" + "is-regex": "^1.2.1" }, "engines": { "node": ">= 0.4" @@ -18708,6 +18249,7 @@ "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz", "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==", "dev": true, + "license": "MIT", "dependencies": { "define-data-property": "^1.1.4", "es-errors": "^1.3.0", @@ -18736,6 +18278,21 @@ "node": ">= 0.4" } }, + "node_modules/set-proto": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/set-proto/-/set-proto-1.0.0.tgz", + "integrity": "sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==", + "dev": true, + "license": "MIT", + "dependencies": { + "dunder-proto": "^1.0.1", + "es-errors": "^1.3.0", + "es-object-atoms": "^1.0.0" + }, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/setprototypeof": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz", @@ -19196,18 +18753,40 @@ "node": ">= 0.8" } }, + "node_modules/stop-iteration-iterator": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz", + "integrity": "sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "es-errors": "^1.3.0", + "internal-slot": "^1.1.0" + }, + "engines": { + "node": ">= 0.4" + } + }, "node_modules/storybook": { - "version": "8.6.12", - "resolved": "https://registry.npmjs.org/storybook/-/storybook-8.6.12.tgz", - "integrity": "sha512-Z/nWYEHBTLK1ZBtAWdhxC0l5zf7ioJ7G4+zYqtTdYeb67gTnxNj80gehf8o8QY9L2zA2+eyMRGLC2V5fI7Z3Tw==", + "version": "9.0.6", + "resolved": "https://registry.npmjs.org/storybook/-/storybook-9.0.6.tgz", + "integrity": "sha512-qfo2dnBtgUjKZIAQSUaikr7Zgl8dYEaBpnxUq4X0s1pwbZOuB2WndEvJvsKNSnDRbL8grZvPEc0793XD8y5uCA==", "dev": true, "license": "MIT", "dependencies": { - "@storybook/core": "8.6.12" + "@storybook/global": "^5.0.0", + "@testing-library/jest-dom": "^6.6.3", + "@testing-library/user-event": "^14.6.1", + "@vitest/expect": "3.0.9", + "@vitest/spy": "3.0.9", + "better-opn": "^3.0.2", + "esbuild": "^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0", + "esbuild-register": "^3.5.0", + "recast": "^0.23.5", + "semver": "^7.6.2", + "ws": "^8.18.0" }, "bin": { - "getstorybook": "bin/index.cjs", - "sb": "bin/index.cjs", "storybook": "bin/index.cjs" }, "funding": { @@ -19224,29 +18803,22 @@ } }, "node_modules/storybook-addon-remix-react-router": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/storybook-addon-remix-react-router/-/storybook-addon-remix-react-router-4.0.1.tgz", - "integrity": "sha512-Plhul9kInTKdOhoHumiJ0KRmuIVYhT5WBCnAlNt9MlsmDGEuuiimh8msyj5LPWnGD51/t38i14xI8gmmTyu1ow==", + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/storybook-addon-remix-react-router/-/storybook-addon-remix-react-router-5.0.0.tgz", + "integrity": "sha512-XjNGLD8vhI7DhjPgkjkU9rjqjF6YSRvRjBignwo2kCGiz5HIR4TZTDRRABuwYo35/GoC2aMtxFs7zybJ4pVlsg==", "dev": true, "hasInstallScript": true, "license": "Apache-2.0", "dependencies": { "@mjackson/form-data-parser": "^0.4.0", - "@storybook/theming": "^8.0.0", "compare-versions": "^6.0.0", "react-inspector": "6.0.2" }, "peerDependencies": { - "@storybook/blocks": "^8.0.0", - "@storybook/channels": "^8.0.0", - "@storybook/components": "^8.0.0", - "@storybook/core-events": "^8.0.0", - "@storybook/manager-api": "^8.0.0", - "@storybook/preview-api": "^8.0.0", - "@storybook/theming": "^8.0.0", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", - "react-router": "^7.0.2" + "react-router": "^7.0.2", + "storybook": "^9.0.0" }, "peerDependenciesMeta": { "react": { @@ -19323,24 +18895,25 @@ } }, "node_modules/string.prototype.matchall": { - "version": "4.0.11", - "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.11.tgz", - "integrity": "sha512-NUdh0aDavY2og7IbBPenWqR9exH+E26Sv8e0/eTe1tltDGZL+GtBkDAnnyBtmekfK6/Dq3MkcGtzXFEd1LQrtg==", + "version": "4.0.12", + "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.12.tgz", + "integrity": "sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.7", + "call-bind": "^1.0.8", + "call-bound": "^1.0.3", "define-properties": "^1.2.1", - "es-abstract": "^1.23.2", + "es-abstract": "^1.23.6", "es-errors": "^1.3.0", "es-object-atoms": "^1.0.0", - "get-intrinsic": "^1.2.4", - "gopd": "^1.0.1", - "has-symbols": "^1.0.3", - "internal-slot": "^1.0.7", - "regexp.prototype.flags": "^1.5.2", + "get-intrinsic": "^1.2.6", + "gopd": "^1.2.0", + "has-symbols": "^1.1.0", + "internal-slot": "^1.1.0", + "regexp.prototype.flags": "^1.5.3", "set-function-name": "^2.0.2", - "side-channel": "^1.0.6" + "side-channel": "^1.1.0" }, "engines": { "node": ">= 0.4" @@ -19361,16 +18934,19 @@ } }, "node_modules/string.prototype.trim": { - "version": "1.2.9", - "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.9.tgz", - "integrity": "sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==", + "version": "1.2.10", + "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz", + "integrity": "sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.7", + "call-bind": "^1.0.8", + "call-bound": "^1.0.2", + "define-data-property": "^1.1.4", "define-properties": "^1.2.1", - "es-abstract": "^1.23.0", - "es-object-atoms": "^1.0.0" + "es-abstract": "^1.23.5", + "es-object-atoms": "^1.0.0", + "has-property-descriptors": "^1.0.2" }, "engines": { "node": ">= 0.4" @@ -19380,16 +18956,20 @@ } }, "node_modules/string.prototype.trimend": { - "version": "1.0.8", - "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.8.tgz", - "integrity": "sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==", + "version": "1.0.9", + "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz", + "integrity": "sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.7", + "call-bind": "^1.0.8", + "call-bound": "^1.0.2", "define-properties": "^1.2.1", "es-object-atoms": "^1.0.0" }, + "engines": { + "node": ">= 0.4" + }, "funding": { "url": "https://github.com/sponsors/ljharb" } @@ -20193,9 +19773,9 @@ "license": "MIT" }, "node_modules/tinyrainbow": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-1.2.0.tgz", - "integrity": "sha512-weEDEq7Z5eTHPDh4xjX789+fHfF+P8boiFB+0vbWzpbnbsEr/GRaohi/uMKxg8RZMXnl1ItAi/IUHWMsjDV7kQ==", + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-2.0.0.tgz", + "integrity": "sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==", "dev": true, "license": "MIT", "engines": { @@ -20337,6 +19917,7 @@ "resolved": "https://registry.npmjs.org/ts-dedent/-/ts-dedent-2.2.0.tgz", "integrity": "sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==", "dev": true, + "license": "MIT", "engines": { "node": ">=6.10" } @@ -20533,18 +20114,6 @@ "node": ">=4" } }, - "node_modules/type-fest": { - "version": "2.19.0", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz", - "integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==", - "dev": true, - "engines": { - "node": ">=12.20" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/type-is": { "version": "1.6.18", "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz", @@ -20560,32 +20129,32 @@ } }, "node_modules/typed-array-buffer": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.2.tgz", - "integrity": "sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz", + "integrity": "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.7", + "call-bound": "^1.0.3", "es-errors": "^1.3.0", - "is-typed-array": "^1.1.13" + "is-typed-array": "^1.1.14" }, "engines": { "node": ">= 0.4" } }, "node_modules/typed-array-byte-length": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.1.tgz", - "integrity": "sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz", + "integrity": "sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.7", + "call-bind": "^1.0.8", "for-each": "^0.3.3", - "gopd": "^1.0.1", - "has-proto": "^1.0.3", - "is-typed-array": "^1.1.13" + "gopd": "^1.2.0", + "has-proto": "^1.2.0", + "is-typed-array": "^1.1.14" }, "engines": { "node": ">= 0.4" @@ -20595,19 +20164,19 @@ } }, "node_modules/typed-array-byte-offset": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.3.tgz", - "integrity": "sha512-GsvTyUHTriq6o/bHcTd0vM7OQ9JEdlvluu9YISaA7+KzDzPaIzEeDFNkTfhdE3MYcNhNi0vq/LlegYgIs5yPAw==", + "version": "1.0.4", + "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz", + "integrity": "sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==", "dev": true, "license": "MIT", "dependencies": { "available-typed-arrays": "^1.0.7", - "call-bind": "^1.0.7", + "call-bind": "^1.0.8", "for-each": "^0.3.3", - "gopd": "^1.0.1", - "has-proto": "^1.0.3", - "is-typed-array": "^1.1.13", - "reflect.getprototypeof": "^1.0.6" + "gopd": "^1.2.0", + "has-proto": "^1.2.0", + "is-typed-array": "^1.1.15", + "reflect.getprototypeof": "^1.0.9" }, "engines": { "node": ">= 0.4" @@ -20689,16 +20258,19 @@ } }, "node_modules/unbox-primitive": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz", - "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==", + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz", + "integrity": "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.2", + "call-bound": "^1.0.3", "has-bigints": "^1.0.2", - "has-symbols": "^1.0.3", - "which-boxed-primitive": "^1.0.2" + "has-symbols": "^1.1.0", + "which-boxed-primitive": "^1.1.1" + }, + "engines": { + "node": ">= 0.4" }, "funding": { "url": "https://github.com/sponsors/ljharb" @@ -20992,20 +20564,6 @@ "punycode": "^2.1.0" } }, - "node_modules/url": { - "version": "0.11.4", - "resolved": "https://registry.npmjs.org/url/-/url-0.11.4.tgz", - "integrity": "sha512-oCwdVC7mTuWiPyjLUz/COz5TLk6wgp0RCsN+wHZ2Ekneac9w8uuV0njcbbie2ME+Vs+d6duwmYuR3HgQXs1fOg==", - "dev": true, - "license": "MIT", - "dependencies": { - "punycode": "^1.4.1", - "qs": "^6.12.3" - }, - "engines": { - "node": ">= 0.4" - } - }, "node_modules/url-parse": { "version": "1.5.10", "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz", @@ -21016,13 +20574,6 @@ "requires-port": "^1.0.0" } }, - "node_modules/url/node_modules/punycode": { - "version": "1.4.1", - "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz", - "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==", - "dev": true, - "license": "MIT" - }, "node_modules/use-resize-observer": { "version": "9.1.0", "resolved": "https://registry.npmjs.org/use-resize-observer/-/use-resize-observer-9.1.0.tgz", @@ -21043,20 +20594,6 @@ "react": "^16.8.0 || ^17.0.0 || ^18.0.0" } }, - "node_modules/util": { - "version": "0.12.5", - "resolved": "https://registry.npmjs.org/util/-/util-0.12.5.tgz", - "integrity": "sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==", - "dev": true, - "license": "MIT", - "dependencies": { - "inherits": "^2.0.3", - "is-arguments": "^1.0.4", - "is-generator-function": "^1.0.7", - "is-typed-array": "^1.1.3", - "which-typed-array": "^1.1.2" - } - }, "node_modules/util-deprecate": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", @@ -21703,17 +21240,17 @@ } }, "node_modules/which-boxed-primitive": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.0.tgz", - "integrity": "sha512-Ei7Miu/AXe2JJ4iNF5j/UphAgRoma4trE6PtisM09bPygb3egMH3YLW/befsWb1A1AxvNSFidOFTB18XtnIIng==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz", + "integrity": "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==", "dev": true, "license": "MIT", "dependencies": { "is-bigint": "^1.1.0", - "is-boolean-object": "^1.2.0", - "is-number-object": "^1.1.0", - "is-string": "^1.1.0", - "is-symbol": "^1.1.0" + "is-boolean-object": "^1.2.1", + "is-number-object": "^1.1.1", + "is-string": "^1.1.1", + "is-symbol": "^1.1.1" }, "engines": { "node": ">= 0.4" @@ -21723,25 +21260,25 @@ } }, "node_modules/which-builtin-type": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.2.0.tgz", - "integrity": "sha512-I+qLGQ/vucCby4tf5HsLmGueEla4ZhwTBSqaooS+Y0BuxN4Cp+okmGuV+8mXZ84KDI9BA+oklo+RzKg0ONdSUA==", + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.2.1.tgz", + "integrity": "sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.7", + "call-bound": "^1.0.2", "function.prototype.name": "^1.1.6", "has-tostringtag": "^1.0.2", "is-async-function": "^2.0.0", - "is-date-object": "^1.0.5", + "is-date-object": "^1.1.0", "is-finalizationregistry": "^1.1.0", "is-generator-function": "^1.0.10", - "is-regex": "^1.1.4", + "is-regex": "^1.2.1", "is-weakref": "^1.0.2", "isarray": "^2.0.5", - "which-boxed-primitive": "^1.0.2", + "which-boxed-primitive": "^1.1.0", "which-collection": "^1.0.2", - "which-typed-array": "^1.1.15" + "which-typed-array": "^1.1.16" }, "engines": { "node": ">= 0.4" @@ -21770,15 +21307,18 @@ } }, "node_modules/which-typed-array": { - "version": "1.1.15", - "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.15.tgz", - "integrity": "sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==", + "version": "1.1.19", + "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.19.tgz", + "integrity": "sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==", "dev": true, + "license": "MIT", "dependencies": { "available-typed-arrays": "^1.0.7", - "call-bind": "^1.0.7", - "for-each": "^0.3.3", - "gopd": "^1.0.1", + "call-bind": "^1.0.8", + "call-bound": "^1.0.4", + "for-each": "^0.3.5", + "get-proto": "^1.0.1", + "gopd": "^1.2.0", "has-tostringtag": "^1.0.2" }, "engines": { diff --git a/package.json b/package.json index 824739939..1b631815a 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "digma-ui", - "version": "15.1.1", + "version": "15.2.0-alpha.0", "description": "Digma UI", "scripts": { "lint:eslint": "eslint --cache .", @@ -60,15 +60,11 @@ "@eslint/js": "^9.16.0", "@octokit/rest": "^21.1.1", "@rtk-query/codegen-openapi": "^2.0.0", - "@storybook/addon-a11y": "^8.6.12", - "@storybook/addon-designs": "^8.2.1", - "@storybook/addon-essentials": "^8.6.12", - "@storybook/addon-interactions": "^8.6.12", + "@storybook/addon-a11y": "^9.0.6", + "@storybook/addon-designs": "^10.0.1", + "@storybook/addon-docs": "^9.0.6", "@storybook/addon-webpack5-compiler-babel": "^3.0.6", - "@storybook/blocks": "^8.6.12", - "@storybook/react": "^8.6.12", - "@storybook/react-webpack5": "^8.6.12", - "@storybook/test": "^8.6.12", + "@storybook/react-webpack5": "^9.0.6", "@testing-library/react": "^16.3.0", "@types/adm-zip": "^0.5.7", "@types/eslint-config-prettier": "^6.11.3", @@ -92,9 +88,9 @@ "dotenv": "^16.4.7", "eslint": "^9.16.0", "eslint-config-prettier": "^9.1.0", - "eslint-plugin-react": "^7.37.2", - "eslint-plugin-react-hooks": "^5.1.0", - "eslint-plugin-storybook": "^0.12.0", + "eslint-plugin-react": "^7.37.5", + "eslint-plugin-react-hooks": "^5.2.0", + "eslint-plugin-storybook": "^9.0.6", "fs-extra": "^11.2.0", "html-webpack-plugin": "^5.6.3", "husky": "^9.0.10", @@ -105,8 +101,8 @@ "postcss-styled-syntax": "^0.7.0", "prettier": "^2.8.3", "rimraf": "^6.0.1", - "storybook": "^8.6.12", - "storybook-addon-remix-react-router": "^4.0.1", + "storybook": "^9.0.6", + "storybook-addon-remix-react-router": "^5.0.0", "style-loader": "^3.3.1", "stylelint": "^16.11.0", "stylelint-config-standard": "^36.0.1", @@ -145,7 +141,6 @@ "react-product-fruits": "^2.2.61", "react-redux": "^9.2.0", "react-router": "^7.5.2", - "react-scrollbar-size": "^5.0.0", "react-syntax-highlighter": "^15.6.1", "react-transition-group": "^4.4.5", "recharts": "^2.15.3", diff --git a/src/components/Admin/Admin.stories.tsx b/src/components/Admin/Admin.stories.tsx index 6a141aedb..72896b922 100644 --- a/src/components/Admin/Admin.stories.tsx +++ b/src/components/Admin/Admin.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Admin } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Admin/Environments/Environments.stories.tsx b/src/components/Admin/Environments/Environments.stories.tsx index 04b4ee35d..86eba6345 100644 --- a/src/components/Admin/Environments/Environments.stories.tsx +++ b/src/components/Admin/Environments/Environments.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Environments } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Admin/Header/Greeting/Greeting.stories.tsx b/src/components/Admin/Header/Greeting/Greeting.stories.tsx index 444e99123..0029621c7 100644 --- a/src/components/Admin/Header/Greeting/Greeting.stories.tsx +++ b/src/components/Admin/Header/Greeting/Greeting.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Greeting } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Admin/Header/Header.stories.tsx b/src/components/Admin/Header/Header.stories.tsx index 15c2cf956..377a71690 100644 --- a/src/components/Admin/Header/Header.stories.tsx +++ b/src/components/Admin/Header/Header.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Header } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Admin/Home/Environments/EnvironmentWidget/EnvironmentWidget.stories.tsx b/src/components/Admin/Home/Environments/EnvironmentWidget/EnvironmentWidget.stories.tsx index fa918c056..d08f9ba7c 100644 --- a/src/components/Admin/Home/Environments/EnvironmentWidget/EnvironmentWidget.stories.tsx +++ b/src/components/Admin/Home/Environments/EnvironmentWidget/EnvironmentWidget.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EnvironmentWidget } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Admin/Home/Environments/Environments.stories.tsx b/src/components/Admin/Home/Environments/Environments.stories.tsx index e25b5c09c..e0a97c9bc 100644 --- a/src/components/Admin/Home/Environments/Environments.stories.tsx +++ b/src/components/Admin/Home/Environments/Environments.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Environments } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Admin/Home/HomeSection/HomeSection.stories.tsx b/src/components/Admin/Home/HomeSection/HomeSection.stories.tsx index 35012986c..70bf78a48 100644 --- a/src/components/Admin/Home/HomeSection/HomeSection.stories.tsx +++ b/src/components/Admin/Home/HomeSection/HomeSection.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { HomeSection } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Admin/Home/Overview/Overview.stories.tsx b/src/components/Admin/Home/Overview/Overview.stories.tsx index 5ea198361..92b69554b 100644 --- a/src/components/Admin/Home/Overview/Overview.stories.tsx +++ b/src/components/Admin/Home/Overview/Overview.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Overview } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Admin/Home/Overview/OverviewWidget/OverviewWidget.stories.tsx b/src/components/Admin/Home/Overview/OverviewWidget/OverviewWidget.stories.tsx index 7dfe174f3..960789bc8 100644 --- a/src/components/Admin/Home/Overview/OverviewWidget/OverviewWidget.stories.tsx +++ b/src/components/Admin/Home/Overview/OverviewWidget/OverviewWidget.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { OverviewWidget } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Admin/Home/Reports/ReportWidget/ReportWidget.stories.tsx b/src/components/Admin/Home/Reports/ReportWidget/ReportWidget.stories.tsx index b54633549..e7ce17158 100644 --- a/src/components/Admin/Home/Reports/ReportWidget/ReportWidget.stories.tsx +++ b/src/components/Admin/Home/Reports/ReportWidget/ReportWidget.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { ReportWidget } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Admin/Home/Reports/Reports.stories.tsx b/src/components/Admin/Home/Reports/Reports.stories.tsx index 54f953e1c..ccd5879c3 100644 --- a/src/components/Admin/Home/Reports/Reports.stories.tsx +++ b/src/components/Admin/Home/Reports/Reports.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Reports } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Admin/NavSidebar/NavMenu/NavMenu.stories.tsx b/src/components/Admin/NavSidebar/NavMenu/NavMenu.stories.tsx index c15a181e0..4b33b4595 100644 --- a/src/components/Admin/NavSidebar/NavMenu/NavMenu.stories.tsx +++ b/src/components/Admin/NavSidebar/NavMenu/NavMenu.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { NavMenu } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Admin/NavSidebar/NavMenu/NavMenuItem/NavMenuItem.stories.tsx b/src/components/Admin/NavSidebar/NavMenu/NavMenuItem/NavMenuItem.stories.tsx index dc95b1358..581998408 100644 --- a/src/components/Admin/NavSidebar/NavMenu/NavMenuItem/NavMenuItem.stories.tsx +++ b/src/components/Admin/NavSidebar/NavMenu/NavMenuItem/NavMenuItem.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { NavMenuItem } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Admin/NavSidebar/NavSidebar.stories.tsx b/src/components/Admin/NavSidebar/NavSidebar.stories.tsx index 18bf82507..b8fec36ce 100644 --- a/src/components/Admin/NavSidebar/NavSidebar.stories.tsx +++ b/src/components/Admin/NavSidebar/NavSidebar.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { NavSidebar } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Admin/Reports/CodeIssues/CodeIssues.stories.tsx b/src/components/Admin/Reports/CodeIssues/CodeIssues.stories.tsx index ef9b2ef6c..6a74eb39a 100644 --- a/src/components/Admin/Reports/CodeIssues/CodeIssues.stories.tsx +++ b/src/components/Admin/Reports/CodeIssues/CodeIssues.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { CodeIssues } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Admin/common/RepositorySidebarOverlay/RepositorySidebar/Analytics/index.tsx b/src/components/Admin/common/RepositorySidebarOverlay/RepositorySidebar/Analytics/index.tsx index b53ed5fbe..6aef067ec 100644 --- a/src/components/Admin/common/RepositorySidebarOverlay/RepositorySidebar/Analytics/index.tsx +++ b/src/components/Admin/common/RepositorySidebarOverlay/RepositorySidebar/Analytics/index.tsx @@ -1,148 +1,62 @@ -import { useEffect, useRef, useState } from "react"; -import { - useGetAboutQuery, - useGetInsightsQuery -} from "../../../../../../redux/services/digma"; -import { - InsightsSortingCriterion, - SortingOrder -} from "../../../../../../redux/services/types"; -import type { ChangeScopePayload } from "../../../../../../utils/actions/changeScope"; -import { sendUserActionTrackingEvent } from "../../../../../../utils/actions/sendUserActionTrackingEvent"; -import { Pagination } from "../../../../../common/Pagination"; -import { NewButton } from "../../../../../common/v3/NewButton"; -import { EmptyState } from "../../../../../Insights/EmptyState"; -import { EmptyState as InsightsPageEmptyState } from "../../../../../Insights/InsightsCatalog/InsightsPage/EmptyState"; -import { InsightCardRenderer } from "../../../../../Insights/InsightsCatalog/InsightsPage/InsightCardRenderer"; -import { trackingEvents } from "../../../../tracking"; +import { useEffect } from "react"; +import { useAdminDispatch } from "../../../../../../containers/Admin/hooks"; +import { setScope } from "../../../../../../redux/slices/repositorySlice"; +import { useStore } from "../../../../../../store/useStore"; +import { useInsightsData } from "../../../../../Insights/hooks/useInsightsData"; import * as s from "./styles"; import type { AnalyticsProps } from "./types"; -const PAGE_SIZE = 10; - export const Analytics = ({ query, onScopeChange, - onGoToAssets + onGoToTab }: AnalyticsProps) => { - const [page, setPage] = useState(0); - const insightsListRef = useRef(null); - const { data: about } = useGetAboutQuery(); - const pageSize = query?.pageSize ?? PAGE_SIZE; - const { data, isFetching } = useGetInsightsQuery({ - data: { - environment: query?.environment, - scopedSpanCodeObjectId: query?.scopedSpanCodeObjectId, - services: - query?.services && query?.services.length > 0 - ? query?.services.join(",") - : undefined, - sortBy: InsightsSortingCriterion.Criticality, - sortOrder: SortingOrder.Desc, - page, - pageSize: PAGE_SIZE - }, - extra: { - insightViewType: "Analytics" - } - }); - - const handleChangePage = (page: number) => { - sendUserActionTrackingEvent(trackingEvents.ANALYTICS_PAGE_CHANGED); - setPage(page); - }; + const { setInsightViewType } = useStore.getState(); + const dispatch = useAdminDispatch(); + const { data, isLoading, refresh } = useInsightsData(); - const handleScopeChange = (payload: ChangeScopePayload) => { - onScopeChange(payload); + const handleRefresh = () => { + refresh(); }; - const totalCount = data?.data.totalCount ?? 0; - const pageStartItemNumber = page * pageSize + 1; - const pageEndItemNumber = Math.min( - pageStartItemNumber + pageSize - 1, - totalCount - ); - + // Set the insight view type in zustand store on component mount useEffect(() => { - setPage(0); - }, [query]); + setInsightViewType("Analytics"); + }, [setInsightViewType]); + // Set the scope on query change useEffect(() => { - insightsListRef.current?.scrollTo(0, 0); - }, [page, query]); - - const renderEmptyState = () => { - const handleSeeAllAssetsClick = () => { - sendUserActionTrackingEvent( - trackingEvents.ANALYTICS_SEE_ALL_ASSETS_BUTTON_CLICKED - ); - onGoToAssets(); - }; - - if (!query?.scopedSpanCodeObjectId) { - return ( - - } - /> - ); - } - - return ; - }; + dispatch( + setScope({ + span: query?.scopedSpanCodeObjectId + ? { + spanCodeObjectId: query.scopedSpanCodeObjectId, + displayName: "", + methodId: null, + serviceName: null, + role: null + } + : null, + code: { + relatedCodeDetailsList: [], + codeDetailsList: [] + }, + hasErrors: false, + issuesInsightsCount: 0, + analyticsInsightsCount: 0, + unreadInsightsCount: 0, + environmentId: query?.environment + }) + ); + }, [query, dispatch]); return ( - - - {isFetching ? ( - - ) : data ? ( - data.data.insights.length > 0 ? ( - - {data.data.insights.map((insight) => ( - - ))} - - ) : ( - renderEmptyState() - ) - ) : null} - - - {totalCount > 0 && ( - <> - - - Showing{" "} - - {pageStartItemNumber} - {pageEndItemNumber} - {" "} - of {totalCount} - - - )} - - + ); }; diff --git a/src/components/Admin/common/RepositorySidebarOverlay/RepositorySidebar/Analytics/styles.ts b/src/components/Admin/common/RepositorySidebarOverlay/RepositorySidebar/Analytics/styles.ts index fe6c3b40c..dfc715c6c 100644 --- a/src/components/Admin/common/RepositorySidebarOverlay/RepositorySidebar/Analytics/styles.ts +++ b/src/components/Admin/common/RepositorySidebarOverlay/RepositorySidebar/Analytics/styles.ts @@ -1,61 +1,6 @@ import styled from "styled-components"; -import { caption1RegularTypography } from "../../../../../common/App/typographies"; +import { InsightsContent } from "../../../../../Insights/InsightsContent"; -export const TRANSITION_DURATION = 300; -export const drawerTransitionClassName = "drawer"; - -export const Container = styled.div` - display: flex; - flex-direction: column; - width: 100%; -`; - -export const ContentContainer = styled.div` - position: relative; - flex-grow: 1; - display: flex; - overflow-y: auto; -`; - -export const InsightsList = styled.div` - display: flex; - flex-direction: column; - gap: 8px; - overflow-y: auto; - padding: 16px 16px 16px 0; +export const Content = styled(InsightsContent)` width: 100%; `; - -export const Footer = styled.div` - ${caption1RegularTypography} - display: flex; - align-items: center; - margin-top: auto; - padding: 8px; - gap: 8px; -`; - -export const FooterItemsCount = styled.span` - font-weight: 500; - color: ${({ theme }) => { - switch (theme.mode) { - case "light": - return "#818594"; - case "dark": - case "dark-jetbrains": - return "#b4b8bf"; - } - }}; -`; - -export const FooterPageItemsCount = styled.span` - color: ${({ theme }) => { - switch (theme.mode) { - case "light": - return "#494b57"; - case "dark": - case "dark-jetbrains": - return "#dfe1e5"; - } - }}; -`; diff --git a/src/components/Admin/common/RepositorySidebarOverlay/RepositorySidebar/Analytics/types.ts b/src/components/Admin/common/RepositorySidebarOverlay/RepositorySidebar/Analytics/types.ts index 3f65d22b1..1251f9e6e 100644 --- a/src/components/Admin/common/RepositorySidebarOverlay/RepositorySidebar/Analytics/types.ts +++ b/src/components/Admin/common/RepositorySidebarOverlay/RepositorySidebar/Analytics/types.ts @@ -4,5 +4,5 @@ import type { ChangeScopePayload } from "../../../../../../utils/actions/changeS export interface AnalyticsProps { query?: GetIssuesPayload; onScopeChange: (payload: ChangeScopePayload) => void; - onGoToAssets: () => void; + onGoToTab: (tabId: string) => void; } diff --git a/src/components/Admin/common/RepositorySidebarOverlay/RepositorySidebar/Assets/index.tsx b/src/components/Admin/common/RepositorySidebarOverlay/RepositorySidebar/Assets/index.tsx index 6bdc661db..e8f38d938 100644 --- a/src/components/Admin/common/RepositorySidebarOverlay/RepositorySidebar/Assets/index.tsx +++ b/src/components/Admin/common/RepositorySidebarOverlay/RepositorySidebar/Assets/index.tsx @@ -70,7 +70,6 @@ export const Assets = ({ onRefresh={handleRefresh} onAssetTypeSelect={handleAssetTypeSelect} selectedAssetTypeId={selectedAssetTypeId} - areFiltersEnabled={false} /> ); }; diff --git a/src/components/Admin/common/RepositorySidebarOverlay/RepositorySidebar/Issues/index.tsx b/src/components/Admin/common/RepositorySidebarOverlay/RepositorySidebar/Issues/index.tsx index 39dcd134b..30b1e36fa 100644 --- a/src/components/Admin/common/RepositorySidebarOverlay/RepositorySidebar/Issues/index.tsx +++ b/src/components/Admin/common/RepositorySidebarOverlay/RepositorySidebar/Issues/index.tsx @@ -1,51 +1,30 @@ import { useEffect, useRef, useState } from "react"; import { CSSTransition } from "react-transition-group"; -import { useTheme } from "styled-components"; import { useAdminDispatch, useAdminSelector } from "../../../../../../containers/Admin/hooks"; -import { - useGetAboutQuery, - useGetIssuesQuery -} from "../../../../../../redux/services/digma"; -import { - InsightsSortingCriterion, - SortingOrder -} from "../../../../../../redux/services/types"; import { setIsInsightJiraTicketHintShown } from "../../../../../../redux/slices/persistSlice"; import { setIssuesInsightIdToOpenSuggestion, - setIssuesInsightInfoToOpenTicket + setIssuesInsightInfoToOpenTicket, + setScope } from "../../../../../../redux/slices/repositorySlice"; -import { isUndefined } from "../../../../../../typeGuards/isUndefined"; -import type { ChangeScopePayload } from "../../../../../../utils/actions/changeScope"; -import { sendUserActionTrackingEvent } from "../../../../../../utils/actions/sendUserActionTrackingEvent"; -import { EyeIcon } from "../../../../../common/icons/16px/EyeIcon"; -import { Pagination } from "../../../../../common/Pagination"; -import { NewButton } from "../../../../../common/v3/NewButton"; -import { EmptyState } from "../../../../../Insights/EmptyState"; -import { getInsightToShowJiraHint } from "../../../../../Insights/InsightsCatalog/InsightsPage"; -import { EmptyState as InsightsPageEmptyState } from "../../../../../Insights/InsightsCatalog/InsightsPage/EmptyState"; -import { InsightCardRenderer } from "../../../../../Insights/InsightsCatalog/InsightsPage/InsightCardRenderer"; -import { actions } from "../../../../../Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/hooks/useDismissal"; -import { ViewMode } from "../../../../../Insights/InsightsCatalog/types"; -import { InsightTicketRenderer } from "../../../../../Insights/InsightTicketRenderer"; -import { type GenericCodeObjectInsight } from "../../../../../Insights/types"; -import { trackingEvents } from "../../../../tracking"; +import { useStore } from "../../../../../../store/useStore"; +import { useInsightsData } from "../../../../../Insights/hooks/useInsightsData"; +import { InsightsContent } from "../../../../../Insights/InsightsContent"; +import type { GenericCodeObjectInsight } from "../../../../../Insights/types"; import { SuggestionBar } from "../SuggestionBar"; import * as s from "./styles"; import type { IssuesProps } from "./types"; -const PAGE_SIZE = 10; - export const Issues = ({ isTransitioning, query, - onScopeChange + onScopeChange, + onGoToTab }: IssuesProps) => { - const [page, setPage] = useState(0); - const [viewMode, setViewMode] = useState(ViewMode.All); + const { setInsightViewType } = useStore.getState(); const [isDrawerTransitioning, setIsDrawerTransitioning] = useState(false); const drawerRef = useRef(null); const dispatch = useAdminDispatch(); @@ -59,52 +38,19 @@ export const Issues = ({ (state) => state.persist.isInsightJiraTicketHintShown ); const isDrawerOpen = Boolean(insightIdToOpenSuggestion); - const issuesListRef = useRef(null); - const theme = useTheme(); - const { data: about } = useGetAboutQuery(); + const isJiraHintEnabled = + !isInsightJiraTicketHintShown && + !isDrawerOpen && + !isDrawerTransitioning && + !isTransitioning; - const pageSize = query?.pageSize ?? PAGE_SIZE; - const { data, isFetching, refetch } = useGetIssuesQuery({ - showDismissed: viewMode === ViewMode.OnlyDismissed, - sortBy: InsightsSortingCriterion.Criticality, - sortOrder: SortingOrder.Desc, - ...query, - page, - pageSize - }); - - const refresh = () => { - void refetch(); - }; + const { data, isLoading, refresh } = useInsightsData(); - const handleDismissalChange = (action: string, insightId: string) => { - if ( - action === actions.UNDISMISS && - data?.insights.length === 1 && - data.insights[0].id === insightId - ) { - setViewMode(ViewMode.All); - } + const handleRefresh = () => { refresh(); }; - const handleChangePage = (page: number) => { - sendUserActionTrackingEvent(trackingEvents.ISSUES_PAGE_CHANGED); - setPage(page); - }; - - const handleDismissalViewModeButtonClick = () => { - sendUserActionTrackingEvent( - viewMode === ViewMode.All - ? trackingEvents.ISSUES_SHOW_ALL_BUTTON_CLICKED - : trackingEvents.ISSUES_SHOW_ONLY_DISMISSED_BUTTON_CLICKED - ); - const newMode = - viewMode === ViewMode.All ? ViewMode.OnlyDismissed : ViewMode.All; - setViewMode(newMode); - }; - const handleJiraTicketPopupOpen = ( insight: GenericCodeObjectInsight, spanCodeObjectId?: string @@ -133,116 +79,51 @@ export const Issues = ({ setIsDrawerTransitioning(false); }; - const handleScopeChange = (payload: ChangeScopePayload) => { - onScopeChange(payload); - }; - - const dismissedCount = data?.dismissedCount; - const totalCount = data?.totalCount ?? 0; - const pageStartItemNumber = page * pageSize + 1; - const pageEndItemNumber = Math.min( - pageStartItemNumber + pageSize - 1, - totalCount - ); - const isDismissalViewModeButtonVisible = - data && (isUndefined(dismissedCount) || dismissedCount > 0); // isUndefined - check for backward compatibility, always show when BE does not return this counter - const isAtHome = !query?.scopedSpanCodeObjectId; - + // Set the insight view type in zustand store on component mount useEffect(() => { - setPage(0); - }, [viewMode, query]); + setInsightViewType("Issues"); + }, [setInsightViewType]); + // Set the scope on query change useEffect(() => { - issuesListRef.current?.scrollTo(0, 0); - }, [page, viewMode, query]); + dispatch( + setScope({ + span: query?.scopedSpanCodeObjectId + ? { + spanCodeObjectId: query.scopedSpanCodeObjectId, + displayName: "", + methodId: null, + serviceName: null, + role: null + } + : null, + code: { + relatedCodeDetailsList: [], + codeDetailsList: [] + }, + hasErrors: false, + issuesInsightsCount: 0, + analyticsInsightsCount: 0, + unreadInsightsCount: 0, + environmentId: query?.environment + }) + ); + }, [query, dispatch]); return ( - - {isFetching ? ( - - ) : data ? ( - data.insights.length > 0 ? ( - - {data.insights.map((insight, i) => ( - - ))} - - ) : ( - - ) - ) : null} - - - {totalCount > 0 && ( - <> - - - Showing{" "} - - {pageStartItemNumber} - {pageEndItemNumber} - {" "} - of {totalCount} - - - )} - {isDismissalViewModeButtonVisible && ( - ( - - )} - onClick={handleDismissalViewModeButtonClick} - /> - )} - - {insightInfoToOpenTicket && ( - - - - - - )} + { - switch (theme.mode) { - case "light": - return "#818594"; - case "dark": - case "dark-jetbrains": - return "#b4b8bf"; - } - }}; -`; - -export const FooterPageItemsCount = styled.span` - color: ${({ theme }) => { - switch (theme.mode) { - case "light": - return "#494b57"; - case "dark": - case "dark-jetbrains": - return "#dfe1e5"; - } - }}; -`; - export const Overlay = styled.div` position: absolute; inset: 0; @@ -70,16 +19,6 @@ export const Overlay = styled.div` overflow: hidden; `; -export const PopupContainer = styled.div` - display: flex; - align-items: center; - justify-content: center; - min-height: 100%; - padding: 16px 4%; - overflow: hidden; - box-sizing: border-box; -`; - export const DrawerContainer = styled.div` position: absolute; bottom: 0; diff --git a/src/components/Admin/common/RepositorySidebarOverlay/RepositorySidebar/Issues/types.ts b/src/components/Admin/common/RepositorySidebarOverlay/RepositorySidebar/Issues/types.ts index dfbf3acad..bc0c4acca 100644 --- a/src/components/Admin/common/RepositorySidebarOverlay/RepositorySidebar/Issues/types.ts +++ b/src/components/Admin/common/RepositorySidebarOverlay/RepositorySidebar/Issues/types.ts @@ -5,6 +5,7 @@ export interface IssuesProps { isTransitioning: boolean; query?: GetIssuesPayload; onScopeChange: (payload: ChangeScopePayload) => void; + onGoToTab: (tabId: string) => void; } export interface DrawerContainerProps { diff --git a/src/components/Admin/common/RepositorySidebarOverlay/RepositorySidebar/SuggestionBar/SuggestionBar.stories.tsx b/src/components/Admin/common/RepositorySidebarOverlay/RepositorySidebar/SuggestionBar/SuggestionBar.stories.tsx index 35866361a..cdaec15b0 100644 --- a/src/components/Admin/common/RepositorySidebarOverlay/RepositorySidebar/SuggestionBar/SuggestionBar.stories.tsx +++ b/src/components/Admin/common/RepositorySidebarOverlay/RepositorySidebar/SuggestionBar/SuggestionBar.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { SuggestionBar } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Admin/common/RepositorySidebarOverlay/index.tsx b/src/components/Admin/common/RepositorySidebarOverlay/index.tsx index 20b52de73..80bb2d83d 100644 --- a/src/components/Admin/common/RepositorySidebarOverlay/index.tsx +++ b/src/components/Admin/common/RepositorySidebarOverlay/index.tsx @@ -326,6 +326,10 @@ export const RepositorySidebarOverlay = ({ updateHistory({ tabLocation: { id: TAB_IDS.ASSETS, path: assetTypeId } }); }; + const handleGoToTab = (tabId: string) => { + updateHistory({ tabLocation: { id: tabId } }); + }; + const handleGoToAssets = () => { handleSelectedAssetTypeIdChange(undefined); }; @@ -358,7 +362,7 @@ export const RepositorySidebarOverlay = ({ ); case TAB_IDS.ERRORS: @@ -378,6 +382,7 @@ export const RepositorySidebarOverlay = ({ isTransitioning={isSidebarTransitioning} onScopeChange={handleScopeChange} query={currentQuery} + onGoToTab={handleGoToTab} /> ); } diff --git a/src/components/Agentic/Agentic.stories.tsx b/src/components/Agentic/Agentic.stories.tsx index 8d72be497..dfc804470 100644 --- a/src/components/Agentic/Agentic.stories.tsx +++ b/src/components/Agentic/Agentic.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Agentic } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Agentic/Sidebar/Sidebar.stories.tsx b/src/components/Agentic/Sidebar/Sidebar.stories.tsx index 57833dab2..3628e72cc 100644 --- a/src/components/Agentic/Sidebar/Sidebar.stories.tsx +++ b/src/components/Agentic/Sidebar/Sidebar.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Sidebar } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Agentic/common/FlowChart/FlowChart.stories.tsx b/src/components/Agentic/common/FlowChart/FlowChart.stories.tsx index 7a66eb213..314e8bb8a 100644 --- a/src/components/Agentic/common/FlowChart/FlowChart.stories.tsx +++ b/src/components/Agentic/common/FlowChart/FlowChart.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { FlowChart } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Agentic/common/PromptInput/PromptInput.stories.tsx b/src/components/Agentic/common/PromptInput/PromptInput.stories.tsx index 5bd23c107..182e2f269 100644 --- a/src/components/Agentic/common/PromptInput/PromptInput.stories.tsx +++ b/src/components/Agentic/common/PromptInput/PromptInput.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { useState } from "react"; import { PromptInput } from "."; diff --git a/src/components/Assets/AssetList/AssetEntry/AssetEntry.stories.tsx b/src/components/Assets/AssetList/AssetEntry/AssetEntry.stories.tsx index ae5283e63..f79be8db7 100644 --- a/src/components/Assets/AssetList/AssetEntry/AssetEntry.stories.tsx +++ b/src/components/Assets/AssetList/AssetEntry/AssetEntry.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { AssetEntry } from "."; import { AssetType } from "../../../../redux/services/types"; import { InsightType } from "../../../../types"; diff --git a/src/components/Assets/AssetList/AssetList.stories.tsx b/src/components/Assets/AssetList/AssetList.stories.tsx index b68bd3dc1..8c4c77c97 100644 --- a/src/components/Assets/AssetList/AssetList.stories.tsx +++ b/src/components/Assets/AssetList/AssetList.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { AssetList } from "."; import { AssetType } from "../../../redux/services/types"; import { ConfigContext, initialState } from "../../common/App/ConfigContext"; diff --git a/src/components/Assets/AssetTypeList/AssetTypeList.stories.tsx b/src/components/Assets/AssetTypeList/AssetTypeList.stories.tsx index d8be3ec6e..9f1584d18 100644 --- a/src/components/Assets/AssetTypeList/AssetTypeList.stories.tsx +++ b/src/components/Assets/AssetTypeList/AssetTypeList.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { AssetTypeList } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Assets/AssetTypeList/AssetTypeListItem/AssetTypeListItem.stories.tsx b/src/components/Assets/AssetTypeList/AssetTypeListItem/AssetTypeListItem.stories.tsx index ca3b68ae7..217ab50a1 100644 --- a/src/components/Assets/AssetTypeList/AssetTypeListItem/AssetTypeListItem.stories.tsx +++ b/src/components/Assets/AssetTypeList/AssetTypeListItem/AssetTypeListItem.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { AssetTypeListItem } from "."; import { AssetType } from "../../../../redux/services/types"; import { DatabaseIcon } from "../../../common/icons/DatabaseIcon"; diff --git a/src/components/Assets/Assets.stories.tsx b/src/components/Assets/Assets.stories.tsx index fd27dd37e..438df2b03 100644 --- a/src/components/Assets/Assets.stories.tsx +++ b/src/components/Assets/Assets.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Assets } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Assets/AssetsContent/index.tsx b/src/components/Assets/AssetsContent/index.tsx index bf82b5103..267d1a512 100644 --- a/src/components/Assets/AssetsContent/index.tsx +++ b/src/components/Assets/AssetsContent/index.tsx @@ -2,6 +2,7 @@ import { useEffect, useMemo, useRef, useState } from "react"; import useDimensions from "react-cool-dimensions"; import { useDebounce } from "../../../hooks/useDebounce"; import { usePrevious } from "../../../hooks/usePrevious"; +import { platform } from "../../../platform"; import { type AssetType, type GetAssetsCategoriesResponse @@ -46,7 +47,6 @@ export const AssetsContent = ({ onAssetTypeSelect, onRefresh, selectedAssetTypeId, - areFiltersEnabled, backendInfo, spanRole, className @@ -68,6 +68,7 @@ export const AssetsContent = ({ ); const previousSpanCodeObjectId = usePrevious(spanCodeObjectId); const isBackendUpgradeMessageVisible = false; + const areFiltersRehydrated = platform === "Web" ? true : filters; useEffect(() => { if (previousSpanCodeObjectId !== spanCodeObjectId) { @@ -116,7 +117,7 @@ export const AssetsContent = ({ return ; } - if (areFiltersEnabled && !filters && showAssetsHeaderToolBox) { + if (!areFiltersRehydrated && showAssetsHeaderToolBox) { return ; } @@ -170,16 +171,14 @@ export const AssetsContent = ({ onChange={handleSearchInputChange} value={searchInputValue} /> - {areFiltersEnabled && ( - - )} + void; selectedAssetTypeId?: string; - areFiltersEnabled: boolean; className?: string; backendInfo?: BackendInfo | GetAboutResponse | null; spanRole?: ScopeSpanRole; diff --git a/src/components/Assets/AssetsFilter/AssetsFilter.stories.tsx b/src/components/Assets/AssetsFilter/AssetsFilter.stories.tsx index db48606d9..712d46b6c 100644 --- a/src/components/Assets/AssetsFilter/AssetsFilter.stories.tsx +++ b/src/components/Assets/AssetsFilter/AssetsFilter.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { AssetsFilter } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Assets/AssetsViewScopeConfiguration/AssetsViewScopeConfiguration.stories.tsx b/src/components/Assets/AssetsViewScopeConfiguration/AssetsViewScopeConfiguration.stories.tsx index 5763eaf13..6e2cce816 100644 --- a/src/components/Assets/AssetsViewScopeConfiguration/AssetsViewScopeConfiguration.stories.tsx +++ b/src/components/Assets/AssetsViewScopeConfiguration/AssetsViewScopeConfiguration.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { AssetsViewScopeConfiguration } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Assets/EmptyState/EmptyState.stories.tsx b/src/components/Assets/EmptyState/EmptyState.stories.tsx index c58ad6cd2..aa8188add 100644 --- a/src/components/Assets/EmptyState/EmptyState.stories.tsx +++ b/src/components/Assets/EmptyState/EmptyState.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EmptyState } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Assets/index.tsx b/src/components/Assets/index.tsx index 14cf4e2b9..66b4b9d6c 100644 --- a/src/components/Assets/index.tsx +++ b/src/components/Assets/index.tsx @@ -48,6 +48,7 @@ export const Assets = () => { const isInitialized = Boolean(filters); const dispatch = useMainDispatch(); + // Rehydrate filters from persistence useEffect(() => { if ( isUndefined(previousPersistedFilters) && @@ -110,7 +111,6 @@ export const Assets = () => { onRefresh={handleRefresh} onAssetTypeSelect={handleAssetTypeSelect} selectedAssetTypeId={selectedAssetTypeId} - areFiltersEnabled={true} /> ); }; diff --git a/src/components/Dashboard/Dashboard.stories.tsx b/src/components/Dashboard/Dashboard.stories.tsx index f7828c7a6..457585199 100644 --- a/src/components/Dashboard/Dashboard.stories.tsx +++ b/src/components/Dashboard/Dashboard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Dashboard } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Dashboard/MetricsReport/MetricsReport.stories.tsx b/src/components/Dashboard/MetricsReport/MetricsReport.stories.tsx index a023c6d4b..fd7c35a8f 100644 --- a/src/components/Dashboard/MetricsReport/MetricsReport.stories.tsx +++ b/src/components/Dashboard/MetricsReport/MetricsReport.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { MetricsReport } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Dashboard/Report/Cards/CardOption/CardOption.stories.tsx b/src/components/Dashboard/Report/Cards/CardOption/CardOption.stories.tsx index be1ac2bf4..4c012c631 100644 --- a/src/components/Dashboard/Report/Cards/CardOption/CardOption.stories.tsx +++ b/src/components/Dashboard/Report/Cards/CardOption/CardOption.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { CardOption } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Dashboard/Report/Cards/DiscoveredAssets/DiscoveredAssets.stories.tsx b/src/components/Dashboard/Report/Cards/DiscoveredAssets/DiscoveredAssets.stories.tsx index a9a9c51d0..a8f9ae818 100644 --- a/src/components/Dashboard/Report/Cards/DiscoveredAssets/DiscoveredAssets.stories.tsx +++ b/src/components/Dashboard/Report/Cards/DiscoveredAssets/DiscoveredAssets.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { DiscoveredAssets } from "."; const meta: Meta = { diff --git a/src/components/Dashboard/Report/Cards/DiscoveredCard/DiscoveredCard.stories.tsx b/src/components/Dashboard/Report/Cards/DiscoveredCard/DiscoveredCard.stories.tsx index bb873d001..1835e694a 100644 --- a/src/components/Dashboard/Report/Cards/DiscoveredCard/DiscoveredCard.stories.tsx +++ b/src/components/Dashboard/Report/Cards/DiscoveredCard/DiscoveredCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { DiscoveredCard } from "."; const meta: Meta = { diff --git a/src/components/Dashboard/Report/Cards/DiscoveredIssues/DiscoveredIssues.stories.tsx b/src/components/Dashboard/Report/Cards/DiscoveredIssues/DiscoveredIssues.stories.tsx index 14d77e072..e90ae6fb0 100644 --- a/src/components/Dashboard/Report/Cards/DiscoveredIssues/DiscoveredIssues.stories.tsx +++ b/src/components/Dashboard/Report/Cards/DiscoveredIssues/DiscoveredIssues.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { DiscoveredIssues } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Dashboard/Report/Report.stories.tsx b/src/components/Dashboard/Report/Report.stories.tsx index f14eac21c..f2865e3a0 100644 --- a/src/components/Dashboard/Report/Report.stories.tsx +++ b/src/components/Dashboard/Report/Report.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Report } from "."; import { actions as globalActions } from "../../../actions"; import { actions } from "../actions"; diff --git a/src/components/Dashboard/Report/ReportCard/ReportCard.stories.tsx b/src/components/Dashboard/Report/ReportCard/ReportCard.stories.tsx index 0ac0f4b04..e735499b6 100644 --- a/src/components/Dashboard/Report/ReportCard/ReportCard.stories.tsx +++ b/src/components/Dashboard/Report/ReportCard/ReportCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { ReportCard } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Dashboard/Report/ReportFooter/ReportFooter.stories.tsx b/src/components/Dashboard/Report/ReportFooter/ReportFooter.stories.tsx index d260e7533..1579a0d9e 100644 --- a/src/components/Dashboard/Report/ReportFooter/ReportFooter.stories.tsx +++ b/src/components/Dashboard/Report/ReportFooter/ReportFooter.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { ReportFooter } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Dashboard/Report/ReportHeader/ReportHeader.stories.tsx b/src/components/Dashboard/Report/ReportHeader/ReportHeader.stories.tsx index c1f14598f..f5a89bf49 100644 --- a/src/components/Dashboard/Report/ReportHeader/ReportHeader.stories.tsx +++ b/src/components/Dashboard/Report/ReportHeader/ReportHeader.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { ReportHeader } from "."; import { actions } from "../../actions"; diff --git a/src/components/Dashboard/Report/ReportHeader/Ribbon/Ribbon.stories.tsx b/src/components/Dashboard/Report/ReportHeader/Ribbon/Ribbon.stories.tsx index c3e135291..62b7c4f70 100644 --- a/src/components/Dashboard/Report/ReportHeader/Ribbon/Ribbon.stories.tsx +++ b/src/components/Dashboard/Report/ReportHeader/Ribbon/Ribbon.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Ribbon } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Dashboard/widgets/ClientSpansPerformanceImpact/ClientSpansPerformanceImpact.stories.tsx b/src/components/Dashboard/widgets/ClientSpansPerformanceImpact/ClientSpansPerformanceImpact.stories.tsx index f3874a542..e2a729f7f 100644 --- a/src/components/Dashboard/widgets/ClientSpansPerformanceImpact/ClientSpansPerformanceImpact.stories.tsx +++ b/src/components/Dashboard/widgets/ClientSpansPerformanceImpact/ClientSpansPerformanceImpact.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { ClientSpansPerformanceImpact } from "."; import { actions } from "../../actions"; diff --git a/src/components/Dashboard/widgets/SlowQueries/SlowQueries.stories.tsx b/src/components/Dashboard/widgets/SlowQueries/SlowQueries.stories.tsx index 1b39ef10d..b3182e883 100644 --- a/src/components/Dashboard/widgets/SlowQueries/SlowQueries.stories.tsx +++ b/src/components/Dashboard/widgets/SlowQueries/SlowQueries.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { SlowQueries } from "."; import { actions } from "../../actions"; diff --git a/src/components/Documentation/Documentation.stories.tsx b/src/components/Documentation/Documentation.stories.tsx index d0997625d..148006021 100644 --- a/src/components/Documentation/Documentation.stories.tsx +++ b/src/components/Documentation/Documentation.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Documentation } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Documentation/pages/RunDigma/GetEnvironmentIdInstruction.tsx/GetEnvironmentIdInstruction.stories.tsx b/src/components/Documentation/pages/RunDigma/GetEnvironmentIdInstruction.tsx/GetEnvironmentIdInstruction.stories.tsx index c5b5e07b4..2f2bd0b3b 100644 --- a/src/components/Documentation/pages/RunDigma/GetEnvironmentIdInstruction.tsx/GetEnvironmentIdInstruction.stories.tsx +++ b/src/components/Documentation/pages/RunDigma/GetEnvironmentIdInstruction.tsx/GetEnvironmentIdInstruction.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { GetEnvironmentIdInstruction } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/EmailConfirmation/EmailConfirmation.stories.tsx b/src/components/EmailConfirmation/EmailConfirmation.stories.tsx index 3ae6f1eb9..3c9237bb2 100644 --- a/src/components/EmailConfirmation/EmailConfirmation.stories.tsx +++ b/src/components/EmailConfirmation/EmailConfirmation.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EmailConfirmation } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Errors/EmptyState/EmptyState.stories.tsx b/src/components/Errors/EmptyState/EmptyState.stories.tsx index 888041221..7e707691a 100644 --- a/src/components/Errors/EmptyState/EmptyState.stories.tsx +++ b/src/components/Errors/EmptyState/EmptyState.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EmptyState } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Errors/ErrorCard/ErrorCard.stories.tsx b/src/components/Errors/ErrorCard/ErrorCard.stories.tsx index 53d90d745..5fb57f991 100644 --- a/src/components/Errors/ErrorCard/ErrorCard.stories.tsx +++ b/src/components/Errors/ErrorCard/ErrorCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { ErrorCard } from "."; import { mockedError } from "./mockData"; diff --git a/src/components/Errors/ErrorDetails/ErrorDetails.stories.tsx b/src/components/Errors/ErrorDetails/ErrorDetails.stories.tsx index 33644948c..85bd31e09 100644 --- a/src/components/Errors/ErrorDetails/ErrorDetails.stories.tsx +++ b/src/components/Errors/ErrorDetails/ErrorDetails.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { ErrorDetails } from "."; import { actions } from "../actions"; diff --git a/src/components/Errors/Errors.stories.tsx b/src/components/Errors/Errors.stories.tsx index 379ea668d..ab9dd654f 100644 --- a/src/components/Errors/Errors.stories.tsx +++ b/src/components/Errors/Errors.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Errors } from "."; import { ConfigContext, initialState } from "../common/App/ConfigContext"; import type { ConfigContextData } from "../common/App/types"; diff --git a/src/components/Errors/ErrorsList/ErrorsList.stories.tsx b/src/components/Errors/ErrorsList/ErrorsList.stories.tsx index 3e4ba75a7..aa6e4d374 100644 --- a/src/components/Errors/ErrorsList/ErrorsList.stories.tsx +++ b/src/components/Errors/ErrorsList/ErrorsList.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { ErrorsList } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Errors/GlobalErrorsList/GlobalErrorsFilters/GlobalErrorsFilters.stories.tsx b/src/components/Errors/GlobalErrorsList/GlobalErrorsFilters/GlobalErrorsFilters.stories.tsx index 86aa1bd2f..36d80da0a 100644 --- a/src/components/Errors/GlobalErrorsList/GlobalErrorsFilters/GlobalErrorsFilters.stories.tsx +++ b/src/components/Errors/GlobalErrorsList/GlobalErrorsFilters/GlobalErrorsFilters.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { GlobalErrorsFilters } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Errors/GlobalErrorsList/GlobalErrorsList.stories.tsx b/src/components/Errors/GlobalErrorsList/GlobalErrorsList.stories.tsx index afcb3ed4a..599476de9 100644 --- a/src/components/Errors/GlobalErrorsList/GlobalErrorsList.stories.tsx +++ b/src/components/Errors/GlobalErrorsList/GlobalErrorsList.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { GlobalErrorsList } from "."; import { ViewMode } from "../../../store/errors/errorsSlice"; import { useStore } from "../../../store/useStore"; diff --git a/src/components/Errors/NewErrorCard/NewErrorCard.stories.tsx b/src/components/Errors/NewErrorCard/NewErrorCard.stories.tsx index 747e22aa7..033ef0fc2 100644 --- a/src/components/Errors/NewErrorCard/NewErrorCard.stories.tsx +++ b/src/components/Errors/NewErrorCard/NewErrorCard.stories.tsx @@ -1,5 +1,5 @@ -import type { Meta, StoryObj } from "@storybook/react"; -import { fn } from "@storybook/test"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; +import { fn } from "storybook/test"; import { NewErrorCard } from "."; import { mockedGlobalErrorData } from "./mockData"; diff --git a/src/components/Errors/NewErrorCard/OccurrenceChart/OccurrenceChart.stories.tsx b/src/components/Errors/NewErrorCard/OccurrenceChart/OccurrenceChart.stories.tsx index 117738e78..713d98d63 100644 --- a/src/components/Errors/NewErrorCard/OccurrenceChart/OccurrenceChart.stories.tsx +++ b/src/components/Errors/NewErrorCard/OccurrenceChart/OccurrenceChart.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { OccurrenceChart } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Highlights/EmptyStateCard/EmptyStateCard.stories.tsx b/src/components/Highlights/EmptyStateCard/EmptyStateCard.stories.tsx index d5a011fa1..8626563cd 100644 --- a/src/components/Highlights/EmptyStateCard/EmptyStateCard.stories.tsx +++ b/src/components/Highlights/EmptyStateCard/EmptyStateCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EmptyStateCard } from "."; import { CrossCircleIcon } from "../../common/icons/16px/CrossCircleIcon"; import { RefreshIcon } from "../../common/icons/16px/RefreshIcon"; diff --git a/src/components/Highlights/Highlights.stories.tsx b/src/components/Highlights/Highlights.stories.tsx index 6effb86ac..1fc23ae54 100644 --- a/src/components/Highlights/Highlights.stories.tsx +++ b/src/components/Highlights/Highlights.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Highlights } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Highlights/Impact/Impact.stories.tsx b/src/components/Highlights/Impact/Impact.stories.tsx index b862474be..7ad60c33a 100644 --- a/src/components/Highlights/Impact/Impact.stories.tsx +++ b/src/components/Highlights/Impact/Impact.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Impact } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Highlights/Performance/Performance.stories.tsx b/src/components/Highlights/Performance/Performance.stories.tsx index b3a252aba..f9c21672d 100644 --- a/src/components/Highlights/Performance/Performance.stories.tsx +++ b/src/components/Highlights/Performance/Performance.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Performance } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Highlights/Scaling/Scaling.stories.tsx b/src/components/Highlights/Scaling/Scaling.stories.tsx index 8de8882df..311f1685c 100644 --- a/src/components/Highlights/Scaling/Scaling.stories.tsx +++ b/src/components/Highlights/Scaling/Scaling.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Scaling } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Highlights/TopIssues/TopIssues.stories.tsx b/src/components/Highlights/TopIssues/TopIssues.stories.tsx index bf7bf2edd..6a7018f42 100644 --- a/src/components/Highlights/TopIssues/TopIssues.stories.tsx +++ b/src/components/Highlights/TopIssues/TopIssues.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { TopIssues } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Highlights/TopIssues/common/HighlightCard/HighlightCard.stories.tsx b/src/components/Highlights/TopIssues/common/HighlightCard/HighlightCard.stories.tsx index 1ad506778..d1e597305 100644 --- a/src/components/Highlights/TopIssues/common/HighlightCard/HighlightCard.stories.tsx +++ b/src/components/Highlights/TopIssues/common/HighlightCard/HighlightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { HighlightCard } from "."; import { mockedTopIssuesData } from "../../mockData"; diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointBottleneckHighlightCard/EndpointBottleneckHighlightCard.stories.tsx b/src/components/Highlights/TopIssues/highlightCards/EndpointBottleneckHighlightCard/EndpointBottleneckHighlightCard.stories.tsx index ff7058fb3..e11866fd5 100644 --- a/src/components/Highlights/TopIssues/highlightCards/EndpointBottleneckHighlightCard/EndpointBottleneckHighlightCard.stories.tsx +++ b/src/components/Highlights/TopIssues/highlightCards/EndpointBottleneckHighlightCard/EndpointBottleneckHighlightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EndpointBottleneckHighlightCard } from "."; import { mockedEndpointBottleneckHighlightData } from "./mockData"; diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointChattyApiV2HighlightCard/EndpointChattyApiV2HighlightCard.stories.tsx b/src/components/Highlights/TopIssues/highlightCards/EndpointChattyApiV2HighlightCard/EndpointChattyApiV2HighlightCard.stories.tsx index b0c86ee10..f1eb04dc1 100644 --- a/src/components/Highlights/TopIssues/highlightCards/EndpointChattyApiV2HighlightCard/EndpointChattyApiV2HighlightCard.stories.tsx +++ b/src/components/Highlights/TopIssues/highlightCards/EndpointChattyApiV2HighlightCard/EndpointChattyApiV2HighlightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EndpointChattyApiV2HighlightCard } from "."; import { mockedEndpointChattyApiV2HighlightData } from "./mockData"; diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointHighNumberOfQueriesHighlightCard/EndpointHighNumberOfQueriesHighlightCard.stories.tsx b/src/components/Highlights/TopIssues/highlightCards/EndpointHighNumberOfQueriesHighlightCard/EndpointHighNumberOfQueriesHighlightCard.stories.tsx index cb5ded781..640899511 100644 --- a/src/components/Highlights/TopIssues/highlightCards/EndpointHighNumberOfQueriesHighlightCard/EndpointHighNumberOfQueriesHighlightCard.stories.tsx +++ b/src/components/Highlights/TopIssues/highlightCards/EndpointHighNumberOfQueriesHighlightCard/EndpointHighNumberOfQueriesHighlightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EndpointHighNumberOfQueriesHighlightCard } from "."; import { mockedEndpointHighNumberOfQueriesHighlightData } from "./mockData"; diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointQueryOptimizationV2HighlightCard/EndpointQueryOptimizationV2HighlightCard.stories.tsx b/src/components/Highlights/TopIssues/highlightCards/EndpointQueryOptimizationV2HighlightCard/EndpointQueryOptimizationV2HighlightCard.stories.tsx index 2b065880d..c9ca208b6 100644 --- a/src/components/Highlights/TopIssues/highlightCards/EndpointQueryOptimizationV2HighlightCard/EndpointQueryOptimizationV2HighlightCard.stories.tsx +++ b/src/components/Highlights/TopIssues/highlightCards/EndpointQueryOptimizationV2HighlightCard/EndpointQueryOptimizationV2HighlightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EndpointQueryOptimizationV2HighlightCard } from "."; import { mockedEndpointQueryHighLightData } from "./mockData"; diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointScalingHighlightCard/EndpointScalingHighlightCard.stories.tsx b/src/components/Highlights/TopIssues/highlightCards/EndpointScalingHighlightCard/EndpointScalingHighlightCard.stories.tsx index a75f93b3d..e3d0c614d 100644 --- a/src/components/Highlights/TopIssues/highlightCards/EndpointScalingHighlightCard/EndpointScalingHighlightCard.stories.tsx +++ b/src/components/Highlights/TopIssues/highlightCards/EndpointScalingHighlightCard/EndpointScalingHighlightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EndpointScalingHighlightCard } from "."; import { mockedEndpointScalingHighlightData } from "./mockData"; diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointSessionInViewHighlightCard/EndpointSessionInViewHighlightCard.stories.tsx b/src/components/Highlights/TopIssues/highlightCards/EndpointSessionInViewHighlightCard/EndpointSessionInViewHighlightCard.stories.tsx index f73eae1b8..ebccd1de2 100644 --- a/src/components/Highlights/TopIssues/highlightCards/EndpointSessionInViewHighlightCard/EndpointSessionInViewHighlightCard.stories.tsx +++ b/src/components/Highlights/TopIssues/highlightCards/EndpointSessionInViewHighlightCard/EndpointSessionInViewHighlightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EndpointSessionInViewHighlightCard } from "."; import { mockedEndpointSessionInViewHighlightData } from "./mockData"; diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointSlowdownSourceHighlightCard/EndpointSlowdownSourceHighlightCard.stories.tsx b/src/components/Highlights/TopIssues/highlightCards/EndpointSlowdownSourceHighlightCard/EndpointSlowdownSourceHighlightCard.stories.tsx index be5117334..58920c794 100644 --- a/src/components/Highlights/TopIssues/highlightCards/EndpointSlowdownSourceHighlightCard/EndpointSlowdownSourceHighlightCard.stories.tsx +++ b/src/components/Highlights/TopIssues/highlightCards/EndpointSlowdownSourceHighlightCard/EndpointSlowdownSourceHighlightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EndpointSlowdownSourceHighlightCard } from "."; import { mockedEndpointSlowdownSourceHighlightData } from "./mockData"; diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointSpanNPlusOneHighlightCard/EndpointSpanNPlusOneHighlightCard.stories.tsx b/src/components/Highlights/TopIssues/highlightCards/EndpointSpanNPlusOneHighlightCard/EndpointSpanNPlusOneHighlightCard.stories.tsx index 4248d0fe0..3c85934e5 100644 --- a/src/components/Highlights/TopIssues/highlightCards/EndpointSpanNPlusOneHighlightCard/EndpointSpanNPlusOneHighlightCard.stories.tsx +++ b/src/components/Highlights/TopIssues/highlightCards/EndpointSpanNPlusOneHighlightCard/EndpointSpanNPlusOneHighlightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EndpointSpanNPlusOneHighlightCard } from "."; import { mockedEndpointSpanNPlusOneHighlightData } from "./mockData"; diff --git a/src/components/Highlights/TopIssues/highlightCards/HotSpotHighlightCard/HotSpotHighlightCard.stories.tsx b/src/components/Highlights/TopIssues/highlightCards/HotSpotHighlightCard/HotSpotHighlightCard.stories.tsx index 5e7761924..27e174a87 100644 --- a/src/components/Highlights/TopIssues/highlightCards/HotSpotHighlightCard/HotSpotHighlightCard.stories.tsx +++ b/src/components/Highlights/TopIssues/highlightCards/HotSpotHighlightCard/HotSpotHighlightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { HotSpotHighlightCard } from "."; import { mockedHotSpotHighlightData } from "./mockData"; diff --git a/src/components/Highlights/TopIssues/highlightCards/SpaNPlusOneHighlightCard/SpaNPlusOneHighlightCard.stories.tsx b/src/components/Highlights/TopIssues/highlightCards/SpaNPlusOneHighlightCard/SpaNPlusOneHighlightCard.stories.tsx index 3c8614af1..0f5304b61 100644 --- a/src/components/Highlights/TopIssues/highlightCards/SpaNPlusOneHighlightCard/SpaNPlusOneHighlightCard.stories.tsx +++ b/src/components/Highlights/TopIssues/highlightCards/SpaNPlusOneHighlightCard/SpaNPlusOneHighlightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { SpaNPlusOneHighlightCard } from "."; import { mockedSpaNPlusOneHighlightData } from "./mockData"; diff --git a/src/components/Highlights/TopIssues/highlightCards/SpanEndpointBottleneckHighlightCard/SpanEndpointBottleneckHighlightCard.stories.tsx b/src/components/Highlights/TopIssues/highlightCards/SpanEndpointBottleneckHighlightCard/SpanEndpointBottleneckHighlightCard.stories.tsx index 718c728f3..7ac2c60cf 100644 --- a/src/components/Highlights/TopIssues/highlightCards/SpanEndpointBottleneckHighlightCard/SpanEndpointBottleneckHighlightCard.stories.tsx +++ b/src/components/Highlights/TopIssues/highlightCards/SpanEndpointBottleneckHighlightCard/SpanEndpointBottleneckHighlightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { SpanEndpointBottleneckHighlightCard } from "."; import { mockedSpanEndpointBottleneckHighlightData } from "./mockData"; diff --git a/src/components/Highlights/TopIssues/highlightCards/SpanPerformanceAnomalyHighlightCard/SpanPerformanceAnomalyHighlightCard.stories.tsx b/src/components/Highlights/TopIssues/highlightCards/SpanPerformanceAnomalyHighlightCard/SpanPerformanceAnomalyHighlightCard.stories.tsx index 47b24d032..16b219fdd 100644 --- a/src/components/Highlights/TopIssues/highlightCards/SpanPerformanceAnomalyHighlightCard/SpanPerformanceAnomalyHighlightCard.stories.tsx +++ b/src/components/Highlights/TopIssues/highlightCards/SpanPerformanceAnomalyHighlightCard/SpanPerformanceAnomalyHighlightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { SpanPerformanceAnomalyHighlightCard } from "."; import { mockedSpanPerformanceAnomalyHighlightData } from "./mockData"; diff --git a/src/components/Highlights/TopIssues/highlightCards/SpanQueryOptimizationHighlightCard/SpanQueryOptimizationHighlightCard.stories.tsx b/src/components/Highlights/TopIssues/highlightCards/SpanQueryOptimizationHighlightCard/SpanQueryOptimizationHighlightCard.stories.tsx index d7f43bbeb..45bbfdfc6 100644 --- a/src/components/Highlights/TopIssues/highlightCards/SpanQueryOptimizationHighlightCard/SpanQueryOptimizationHighlightCard.stories.tsx +++ b/src/components/Highlights/TopIssues/highlightCards/SpanQueryOptimizationHighlightCard/SpanQueryOptimizationHighlightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { SpanQueryOptimizationHighlightCard } from "."; import { mockedSpanQueryOptimizationHighlightData } from "./mockData"; diff --git a/src/components/Highlights/TopIssues/highlightCards/SpanScalingHighlightCard/SpanScalingHighlightCard.stories.tsx b/src/components/Highlights/TopIssues/highlightCards/SpanScalingHighlightCard/SpanScalingHighlightCard.stories.tsx index d357713e5..075e066dd 100644 --- a/src/components/Highlights/TopIssues/highlightCards/SpanScalingHighlightCard/SpanScalingHighlightCard.stories.tsx +++ b/src/components/Highlights/TopIssues/highlightCards/SpanScalingHighlightCard/SpanScalingHighlightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { SpanScalingHighlightCard } from "."; import { mockedSpanScalingHighlightData } from "./mockData"; diff --git a/src/components/Highlights/common/CarouselPagination/CarouselPagination.stories.tsx b/src/components/Highlights/common/CarouselPagination/CarouselPagination.stories.tsx index 98c4d6839..b2b5666c1 100644 --- a/src/components/Highlights/common/CarouselPagination/CarouselPagination.stories.tsx +++ b/src/components/Highlights/common/CarouselPagination/CarouselPagination.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { CarouselPagination } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/IdeLauncher/IdeLauncher.stories.tsx b/src/components/IdeLauncher/IdeLauncher.stories.tsx index 0fd8aefd1..c51722f5c 100644 --- a/src/components/IdeLauncher/IdeLauncher.stories.tsx +++ b/src/components/IdeLauncher/IdeLauncher.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { IdeLauncher } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Insights/EmptyState/EmptyState.stories.tsx b/src/components/Insights/EmptyState/EmptyState.stories.tsx index 5b6f35535..dc87bd4de 100644 --- a/src/components/Insights/EmptyState/EmptyState.stories.tsx +++ b/src/components/Insights/EmptyState/EmptyState.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EmptyState } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Insights/InsightTicketRenderer/InsightTicketRenderer.stories.tsx b/src/components/Insights/InsightTicketRenderer/InsightTicketRenderer.stories.tsx index 1d577bc5a..03bd53a30 100644 --- a/src/components/Insights/InsightTicketRenderer/InsightTicketRenderer.stories.tsx +++ b/src/components/Insights/InsightTicketRenderer/InsightTicketRenderer.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { InsightTicketRenderer } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Insights/InsightTicketRenderer/index.tsx b/src/components/Insights/InsightTicketRenderer/index.tsx index 5eaf17319..2c1d958a4 100644 --- a/src/components/Insights/InsightTicketRenderer/index.tsx +++ b/src/components/Insights/InsightTicketRenderer/index.tsx @@ -37,7 +37,6 @@ import { SpanScalingByRootCauseInsightTicket } from "./insightTickets/SpanScalin import { SpanScalingInsightTicket } from "./insightTickets/SpanScalingInsightTicket"; import type { InsightTicketRendererProps } from "./types"; -// TODO: move to common export const InsightTicketRenderer = ({ data, onClose, diff --git a/src/components/Insights/InsightTicketRenderer/insightTickets/EndpointBottleneckInsightTicket/EndpointBottleneckInsightTicket.stories.tsx b/src/components/Insights/InsightTicketRenderer/insightTickets/EndpointBottleneckInsightTicket/EndpointBottleneckInsightTicket.stories.tsx index 66dae665d..71c9777fe 100644 --- a/src/components/Insights/InsightTicketRenderer/insightTickets/EndpointBottleneckInsightTicket/EndpointBottleneckInsightTicket.stories.tsx +++ b/src/components/Insights/InsightTicketRenderer/insightTickets/EndpointBottleneckInsightTicket/EndpointBottleneckInsightTicket.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EndpointBottleneckInsightTicket } from "."; import { mockedEndpointBottleneckInsight } from "../../../InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointBottleneckInsightCard/mockData"; diff --git a/src/components/Insights/InsightTicketRenderer/insightTickets/EndpointHighNumberOfQueriesInsightTicket/EndpointHighNumberOfQueriesInsightTicket.stories.tsx b/src/components/Insights/InsightTicketRenderer/insightTickets/EndpointHighNumberOfQueriesInsightTicket/EndpointHighNumberOfQueriesInsightTicket.stories.tsx index 0e0fcb1fa..ff0fcbd6f 100644 --- a/src/components/Insights/InsightTicketRenderer/insightTickets/EndpointHighNumberOfQueriesInsightTicket/EndpointHighNumberOfQueriesInsightTicket.stories.tsx +++ b/src/components/Insights/InsightTicketRenderer/insightTickets/EndpointHighNumberOfQueriesInsightTicket/EndpointHighNumberOfQueriesInsightTicket.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EndpointHighNumberOfQueriesInsightTicket } from "."; import { mockedEndpointHighNumberOfQueriesInsight } from "../../../InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointHighNumberOfQueriesInsightCard/mockData"; diff --git a/src/components/Insights/InsightTicketRenderer/insightTickets/EndpointQueryOptimizationV2InsightTicket/EndpointQueryOptimizationV2InsightTicket.stories.tsx b/src/components/Insights/InsightTicketRenderer/insightTickets/EndpointQueryOptimizationV2InsightTicket/EndpointQueryOptimizationV2InsightTicket.stories.tsx index 95f6e254a..b38857958 100644 --- a/src/components/Insights/InsightTicketRenderer/insightTickets/EndpointQueryOptimizationV2InsightTicket/EndpointQueryOptimizationV2InsightTicket.stories.tsx +++ b/src/components/Insights/InsightTicketRenderer/insightTickets/EndpointQueryOptimizationV2InsightTicket/EndpointQueryOptimizationV2InsightTicket.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EndpointQueryOptimizationV2InsightTicket } from "."; import { mockedEndpointQueryOptimizationV2Insight } from "../../../InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointQueryOptimizationV2InsightCard/mockData"; diff --git a/src/components/Insights/InsightTicketRenderer/insightTickets/EndpointScalingInsightTicket/EndpointScalingInsightTicket.stories.tsx b/src/components/Insights/InsightTicketRenderer/insightTickets/EndpointScalingInsightTicket/EndpointScalingInsightTicket.stories.tsx index 4354f4bbb..e9ab3ae34 100644 --- a/src/components/Insights/InsightTicketRenderer/insightTickets/EndpointScalingInsightTicket/EndpointScalingInsightTicket.stories.tsx +++ b/src/components/Insights/InsightTicketRenderer/insightTickets/EndpointScalingInsightTicket/EndpointScalingInsightTicket.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EndpointScalingInsightTicket } from "."; import { mockedEndpointScalingInsight } from "../../../InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointScalingInsightCard/mockData"; diff --git a/src/components/Insights/InsightTicketRenderer/insightTickets/EndpointScalingWithSpanInsightTicket/EndpointScalingWithSpanInsightTicket.stories.tsx b/src/components/Insights/InsightTicketRenderer/insightTickets/EndpointScalingWithSpanInsightTicket/EndpointScalingWithSpanInsightTicket.stories.tsx index 75f4cb8a6..b6112a60a 100644 --- a/src/components/Insights/InsightTicketRenderer/insightTickets/EndpointScalingWithSpanInsightTicket/EndpointScalingWithSpanInsightTicket.stories.tsx +++ b/src/components/Insights/InsightTicketRenderer/insightTickets/EndpointScalingWithSpanInsightTicket/EndpointScalingWithSpanInsightTicket.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EndpointScalingWithSpanInsightTicket } from "."; import { mockedEndpointScalingWithRootCauseInsight, diff --git a/src/components/Insights/InsightTicketRenderer/insightTickets/EndpointSpanNPlusOneInsightTicket/EndpointSpanNPlusOneInsightTicket.stories.tsx b/src/components/Insights/InsightTicketRenderer/insightTickets/EndpointSpanNPlusOneInsightTicket/EndpointSpanNPlusOneInsightTicket.stories.tsx index 1f46bff5d..45f294963 100644 --- a/src/components/Insights/InsightTicketRenderer/insightTickets/EndpointSpanNPlusOneInsightTicket/EndpointSpanNPlusOneInsightTicket.stories.tsx +++ b/src/components/Insights/InsightTicketRenderer/insightTickets/EndpointSpanNPlusOneInsightTicket/EndpointSpanNPlusOneInsightTicket.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EndpointSpanNPlusOneInsightTicket } from "."; import { mockedEndpointSpanNPlusOneInsight } from "../../../InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointSpanNPlusOneInsightInsightCard/mockData"; diff --git a/src/components/Insights/InsightTicketRenderer/insightTickets/SpaNPlusOneInsightTicket/SpaNPlusOneInsightTicket.stories.tsx b/src/components/Insights/InsightTicketRenderer/insightTickets/SpaNPlusOneInsightTicket/SpaNPlusOneInsightTicket.stories.tsx index 61e6db5c8..42ba33c82 100644 --- a/src/components/Insights/InsightTicketRenderer/insightTickets/SpaNPlusOneInsightTicket/SpaNPlusOneInsightTicket.stories.tsx +++ b/src/components/Insights/InsightTicketRenderer/insightTickets/SpaNPlusOneInsightTicket/SpaNPlusOneInsightTicket.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { SpaNPlusOneInsightTicket } from "."; import { mockedSpaNPlusOneInsight } from "../../../InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpaNPlusOneInsightCard/mockData"; diff --git a/src/components/Insights/InsightTicketRenderer/insightTickets/SpanEndpointBottleneckInsightTicket/SpanEndpointBottleneckInsightTicket.stories.tsx b/src/components/Insights/InsightTicketRenderer/insightTickets/SpanEndpointBottleneckInsightTicket/SpanEndpointBottleneckInsightTicket.stories.tsx index c0a2fcfed..111150202 100644 --- a/src/components/Insights/InsightTicketRenderer/insightTickets/SpanEndpointBottleneckInsightTicket/SpanEndpointBottleneckInsightTicket.stories.tsx +++ b/src/components/Insights/InsightTicketRenderer/insightTickets/SpanEndpointBottleneckInsightTicket/SpanEndpointBottleneckInsightTicket.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { SpanEndpointBottleneckInsightTicket } from "."; import { mockedSpanEndpointBottleneckInsight } from "../../../InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanEndpointBottleneckInsightCard/mockData"; diff --git a/src/components/Insights/InsightTicketRenderer/insightTickets/SpanPerformanceAnomalyInsightTicket/SpanPerformanceAnomalyInsightTicket.stories.tsx b/src/components/Insights/InsightTicketRenderer/insightTickets/SpanPerformanceAnomalyInsightTicket/SpanPerformanceAnomalyInsightTicket.stories.tsx index 54b8b0d96..cf5f669f7 100644 --- a/src/components/Insights/InsightTicketRenderer/insightTickets/SpanPerformanceAnomalyInsightTicket/SpanPerformanceAnomalyInsightTicket.stories.tsx +++ b/src/components/Insights/InsightTicketRenderer/insightTickets/SpanPerformanceAnomalyInsightTicket/SpanPerformanceAnomalyInsightTicket.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { SpanPerformanceAnomalyInsightTicket } from "."; import { mockedSpanPerformanceAnomalyInsight } from "../../../InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanPerformanceAnomalyInsightCard/mockData"; diff --git a/src/components/Insights/InsightTicketRenderer/insightTickets/SpanQueryOptimizationInsightTicket/SpanQueryOptimizationInsightTicket.stories.tsx b/src/components/Insights/InsightTicketRenderer/insightTickets/SpanQueryOptimizationInsightTicket/SpanQueryOptimizationInsightTicket.stories.tsx index 64e893e29..60e18beb8 100644 --- a/src/components/Insights/InsightTicketRenderer/insightTickets/SpanQueryOptimizationInsightTicket/SpanQueryOptimizationInsightTicket.stories.tsx +++ b/src/components/Insights/InsightTicketRenderer/insightTickets/SpanQueryOptimizationInsightTicket/SpanQueryOptimizationInsightTicket.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { SpanQueryOptimizationInsightTicket } from "."; import { mockedSpanQueryOptimizationInsight } from "../../../InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanQueryOptimizationInsightCard/mockData"; diff --git a/src/components/Insights/InsightTicketRenderer/insightTickets/SpanScalingByRootCauseInsightTicket/SpanScalingByRootCauseInsightTicket.stories.tsx b/src/components/Insights/InsightTicketRenderer/insightTickets/SpanScalingByRootCauseInsightTicket/SpanScalingByRootCauseInsightTicket.stories.tsx index 81a764482..53610fd16 100644 --- a/src/components/Insights/InsightTicketRenderer/insightTickets/SpanScalingByRootCauseInsightTicket/SpanScalingByRootCauseInsightTicket.stories.tsx +++ b/src/components/Insights/InsightTicketRenderer/insightTickets/SpanScalingByRootCauseInsightTicket/SpanScalingByRootCauseInsightTicket.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { SpanScalingByRootCauseInsightTicket } from "."; import { mockedSpanScalingInsight, diff --git a/src/components/Insights/InsightTicketRenderer/insightTickets/SpanScalingInsightTicket/SpanScalingInsightTicket.stories.tsx b/src/components/Insights/InsightTicketRenderer/insightTickets/SpanScalingInsightTicket/SpanScalingInsightTicket.stories.tsx index 3bfe38a74..1f1cf81d9 100644 --- a/src/components/Insights/InsightTicketRenderer/insightTickets/SpanScalingInsightTicket/SpanScalingInsightTicket.stories.tsx +++ b/src/components/Insights/InsightTicketRenderer/insightTickets/SpanScalingInsightTicket/SpanScalingInsightTicket.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { SpanScalingInsightTicket } from "."; import { mockedSpanScalingInsight, diff --git a/src/components/Insights/InsightTicketRenderer/insightTickets/common/BottleneckEndpoints/BottleneckEndpoints.stories.tsx b/src/components/Insights/InsightTicketRenderer/insightTickets/common/BottleneckEndpoints/BottleneckEndpoints.stories.tsx index c94ff3036..2235affc5 100644 --- a/src/components/Insights/InsightTicketRenderer/insightTickets/common/BottleneckEndpoints/BottleneckEndpoints.stories.tsx +++ b/src/components/Insights/InsightTicketRenderer/insightTickets/common/BottleneckEndpoints/BottleneckEndpoints.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { BottleneckEndpoints } from "."; import { mockedSpanEndpointBottleneckInsight } from "../../../../InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanEndpointBottleneckInsightCard/mockData"; diff --git a/src/components/Insights/InsightTicketRenderer/insightTickets/common/CodeLocations/CodeLocations.stories.tsx b/src/components/Insights/InsightTicketRenderer/insightTickets/common/CodeLocations/CodeLocations.stories.tsx index b2863d029..2f162550e 100644 --- a/src/components/Insights/InsightTicketRenderer/insightTickets/common/CodeLocations/CodeLocations.stories.tsx +++ b/src/components/Insights/InsightTicketRenderer/insightTickets/common/CodeLocations/CodeLocations.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { CodeLocations } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Insights/InsightTicketRenderer/insightTickets/common/CommitInfos/CommitInfos.stories.tsx b/src/components/Insights/InsightTicketRenderer/insightTickets/common/CommitInfos/CommitInfos.stories.tsx index d01f6f52b..93c090f03 100644 --- a/src/components/Insights/InsightTicketRenderer/insightTickets/common/CommitInfos/CommitInfos.stories.tsx +++ b/src/components/Insights/InsightTicketRenderer/insightTickets/common/CommitInfos/CommitInfos.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { CommitInfos } from "."; import { mockedSpaNPlusOneInsight } from "../../../../InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpaNPlusOneInsightCard/mockData"; diff --git a/src/components/Insights/InsightTicketRenderer/insightTickets/common/InsightJiraTicket/InsightJiraTicket.stories.tsx b/src/components/Insights/InsightTicketRenderer/insightTickets/common/InsightJiraTicket/InsightJiraTicket.stories.tsx index e4f57eabb..bc65a60c5 100644 --- a/src/components/Insights/InsightTicketRenderer/insightTickets/common/InsightJiraTicket/InsightJiraTicket.stories.tsx +++ b/src/components/Insights/InsightTicketRenderer/insightTickets/common/InsightJiraTicket/InsightJiraTicket.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { InsightJiraTicket } from "."; import { InsightType } from "../../../../../../types"; import type { SpanUsagesInsight } from "../../../../types"; diff --git a/src/components/Insights/InsightTicketRenderer/insightTickets/common/NPlusOneEndpoints/NPlusOneEndpoints.stories.tsx b/src/components/Insights/InsightTicketRenderer/insightTickets/common/NPlusOneEndpoints/NPlusOneEndpoints.stories.tsx index 181f8794b..61bd7657d 100644 --- a/src/components/Insights/InsightTicketRenderer/insightTickets/common/NPlusOneEndpoints/NPlusOneEndpoints.stories.tsx +++ b/src/components/Insights/InsightTicketRenderer/insightTickets/common/NPlusOneEndpoints/NPlusOneEndpoints.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { NPlusOneEndpoints } from "."; import { mockedSpaNPlusOneInsight } from "../../../../InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpaNPlusOneInsightCard/mockData"; diff --git a/src/components/Insights/InsightTicketRenderer/insightTickets/common/QueryOptimizationEndpoints/QueryOptimizationEndpoints.stories.tsx b/src/components/Insights/InsightTicketRenderer/insightTickets/common/QueryOptimizationEndpoints/QueryOptimizationEndpoints.stories.tsx index 5d67562c8..dd2b07edc 100644 --- a/src/components/Insights/InsightTicketRenderer/insightTickets/common/QueryOptimizationEndpoints/QueryOptimizationEndpoints.stories.tsx +++ b/src/components/Insights/InsightTicketRenderer/insightTickets/common/QueryOptimizationEndpoints/QueryOptimizationEndpoints.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { QueryOptimizationEndpoints } from "."; import { mockedSpanQueryOptimizationInsight } from "../../../../InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanQueryOptimizationInsightCard/mockData"; diff --git a/src/components/Insights/Insights.stories.tsx b/src/components/Insights/Insights.stories.tsx index 65c83ec75..c4c8a3dfd 100644 --- a/src/components/Insights/Insights.stories.tsx +++ b/src/components/Insights/Insights.stories.tsx @@ -1,9 +1,8 @@ -import type { Meta, StoryObj } from "@storybook/react"; -import { Insights } from "."; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; +import { Insights, IS_INSIGHT_JIRA_TICKET_HINT_SHOWN_PERSISTENCE_KEY } from "."; import { ConfigContext, initialState } from "../common/App/ConfigContext"; import type { ConfigContextData } from "../common/App/types"; import { actions as globalActions } from "./../../actions"; -import { IS_INSIGHT_JIRA_TICKET_HINT_SHOWN_PERSISTENCE_KEY } from "./InsightsCatalog/InsightsPage"; const mockedConfig: ConfigContextData = { ...initialState, diff --git a/src/components/Insights/InsightsCatalog/EnvironmentSelector/EnvironmentChip/EnvironmentChip.stories.tsx b/src/components/Insights/InsightsCatalog/EnvironmentSelector/EnvironmentChip/EnvironmentChip.stories.tsx index c747c367f..2fc3f9c91 100644 --- a/src/components/Insights/InsightsCatalog/EnvironmentSelector/EnvironmentChip/EnvironmentChip.stories.tsx +++ b/src/components/Insights/InsightsCatalog/EnvironmentSelector/EnvironmentChip/EnvironmentChip.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EnvironmentChip } from "."; import type { Environment } from "../../../../../redux/services/types"; diff --git a/src/components/Insights/InsightsCatalog/EnvironmentSelector/EnvironmentSelector.stories.tsx b/src/components/Insights/InsightsCatalog/EnvironmentSelector/EnvironmentSelector.stories.tsx index 90c38665c..b9c832d65 100644 --- a/src/components/Insights/InsightsCatalog/EnvironmentSelector/EnvironmentSelector.stories.tsx +++ b/src/components/Insights/InsightsCatalog/EnvironmentSelector/EnvironmentSelector.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EnvironmentSelector } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Insights/InsightsCatalog/EnvironmentSelector/index.tsx b/src/components/Insights/InsightsCatalog/EnvironmentSelector/index.tsx index d29619bdb..d1b3ee8e5 100644 --- a/src/components/Insights/InsightsCatalog/EnvironmentSelector/index.tsx +++ b/src/components/Insights/InsightsCatalog/EnvironmentSelector/index.tsx @@ -2,7 +2,6 @@ import { useMemo, useState } from "react"; import useDimensions from "react-cool-dimensions"; import type { Environment } from "../../../../redux/services/types"; import { useConfigSelector } from "../../../../store/config/useConfigSelector"; -import { changeScope } from "../../../../utils/actions/changeScope"; import { sendUserActionTrackingEvent } from "../../../../utils/actions/sendUserActionTrackingEvent"; import { NewPopover } from "../../../common/NewPopover"; import { NewButton } from "../../../common/v3/NewButton"; @@ -57,7 +56,8 @@ const sortEnvironmentsByCriticalIssues = ( }; export const EnvironmentSelector = ({ - environments + environments, + onScopeChange }: EnvironmentSelectorProps) => { const { scope, environment } = useConfigSelector(); const [isMenuOpen, setIsMenuOpen] = useState(false); @@ -77,7 +77,7 @@ export const EnvironmentSelector = ({ const changeEnvironment = (environmentId: string) => { sendUserActionTrackingEvent(trackingEvents.ENVIRONMENT_SELECTED); - changeScope({ + onScopeChange({ span: scope?.span ? { spanCodeObjectId: scope.span.spanCodeObjectId diff --git a/src/components/Insights/InsightsCatalog/EnvironmentSelector/types.ts b/src/components/Insights/InsightsCatalog/EnvironmentSelector/types.ts index b6dc5980e..95d04bc94 100644 --- a/src/components/Insights/InsightsCatalog/EnvironmentSelector/types.ts +++ b/src/components/Insights/InsightsCatalog/EnvironmentSelector/types.ts @@ -2,6 +2,7 @@ import type { Environment, EnvironmentIssueCounts } from "../../../../redux/services/types"; +import type { ChangeScopePayload } from "../../../../utils/actions/changeScope"; export interface SelectorEnvironment { environment: Environment; @@ -10,4 +11,5 @@ export interface SelectorEnvironment { export interface EnvironmentSelectorProps { environments: SelectorEnvironment[]; + onScopeChange: (payload: ChangeScopePayload) => void; } diff --git a/src/components/Insights/InsightsCatalog/FilterButton/FilterButton.stories.tsx b/src/components/Insights/InsightsCatalog/FilterButton/FilterButton.stories.tsx index 95603bbc2..32712f947 100644 --- a/src/components/Insights/InsightsCatalog/FilterButton/FilterButton.stories.tsx +++ b/src/components/Insights/InsightsCatalog/FilterButton/FilterButton.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { FilterButton } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Insights/InsightsCatalog/FilterPanel/FilterChip/FilterChip.stories.tsx b/src/components/Insights/InsightsCatalog/FilterPanel/FilterChip/FilterChip.stories.tsx index 8b63a507c..43300a777 100644 --- a/src/components/Insights/InsightsCatalog/FilterPanel/FilterChip/FilterChip.stories.tsx +++ b/src/components/Insights/InsightsCatalog/FilterPanel/FilterChip/FilterChip.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { FilterChip } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Insights/InsightsCatalog/FilterPanel/FilterPanel.stories.tsx b/src/components/Insights/InsightsCatalog/FilterPanel/FilterPanel.stories.tsx index ee98903c9..7dbce67fe 100644 --- a/src/components/Insights/InsightsCatalog/FilterPanel/FilterPanel.stories.tsx +++ b/src/components/Insights/InsightsCatalog/FilterPanel/FilterPanel.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { FilterPanel } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Insights/InsightsCatalog/FilterPanel/IssuesFilter/IssuesFilter.stories.tsx b/src/components/Insights/InsightsCatalog/FilterPanel/IssuesFilter/IssuesFilter.stories.tsx index e37954f8e..4f57bbb1b 100644 --- a/src/components/Insights/InsightsCatalog/FilterPanel/IssuesFilter/IssuesFilter.stories.tsx +++ b/src/components/Insights/InsightsCatalog/FilterPanel/IssuesFilter/IssuesFilter.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { IssuesFilter } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Insights/InsightsCatalog/FilterPanel/IssuesFilter/index.tsx b/src/components/Insights/InsightsCatalog/FilterPanel/IssuesFilter/index.tsx index 635ca666a..17a6b4edc 100644 --- a/src/components/Insights/InsightsCatalog/FilterPanel/IssuesFilter/index.tsx +++ b/src/components/Insights/InsightsCatalog/FilterPanel/IssuesFilter/index.tsx @@ -18,8 +18,12 @@ import { useIssuesFilters } from "../../../hooks/useIssuesFilters"; import { type InsightFilterType } from "../../types"; import * as s from "./styles"; import { trackingEvents } from "./tracking"; +import type { IssuesFilterProps } from "./types"; -export const IssuesFilter = () => { +export const IssuesFilter = ({ + popupBoundaryRef, + width +}: IssuesFilterProps) => { const [isPopupOpen, setIsPopupOpen] = useState(false); const { filteredInsightTypes: filteredInsightTypesInSpanScope, @@ -461,6 +465,7 @@ export const IssuesFilter = () => { return ( { appliedFiltersCount={appliedFiltersCount} filters={filterComponents} onFiltersButtonClick={handleFiltersButtonClick} + width={width} /> ); }; diff --git a/src/components/Insights/InsightsCatalog/FilterPanel/IssuesFilter/types.ts b/src/components/Insights/InsightsCatalog/FilterPanel/IssuesFilter/types.ts index a447a6d25..efff93926 100644 --- a/src/components/Insights/InsightsCatalog/FilterPanel/IssuesFilter/types.ts +++ b/src/components/Insights/InsightsCatalog/FilterPanel/IssuesFilter/types.ts @@ -1,6 +1,12 @@ +import type { RefObject } from "react"; import type { IssueCriticality } from "../../../../../redux/services/types"; import type { InsightFilterType } from "../../types"; +export interface IssuesFilterProps { + popupBoundaryRef?: RefObject; + width?: number; +} + export interface IssuesFilterEntry { enabled: boolean; name: string; diff --git a/src/components/Insights/InsightsCatalog/InsightsCatalog.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsCatalog.stories.tsx index 605434831..e731cc0bc 100644 --- a/src/components/Insights/InsightsCatalog/InsightsCatalog.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsCatalog.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { InsightsCatalog } from "."; import { ConfigContext, initialState } from "../../common/App/ConfigContext"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/EmptyState/EmptyState.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/EmptyState/EmptyState.stories.tsx index 60c9863b7..5c2e5de84 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/EmptyState/EmptyState.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/EmptyState/EmptyState.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EmptyState } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/InsightCardRenderer.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/InsightCardRenderer.stories.tsx index e183b11df..c966b4d01 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/InsightCardRenderer.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/InsightCardRenderer.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { InsightCardRenderer } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/index.tsx index c858e7766..e428a9c92 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/index.tsx @@ -61,7 +61,6 @@ import { SpanScalingInsightCard } from "./insightCards/SpanScalingInsightCard"; import { SpanUsagesInsightCard } from "./insightCards/SpanUsagesInsightCard"; import type { InsightCardRendererProps } from "./types"; -// TODO: move to common export const InsightCardRenderer = ({ insight, onJiraTicketCreate, diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointBottleneckInsightCard/EndpointBottleneckInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointBottleneckInsightCard/EndpointBottleneckInsightCard.stories.tsx index f74eb23ba..a54e74dca 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointBottleneckInsightCard/EndpointBottleneckInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointBottleneckInsightCard/EndpointBottleneckInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EndpointBottleneckInsightCard } from "."; import { mockedEndpointBottleneckInsight } from "./mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointBreakdownInsightCard/EndpointBreakdownInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointBreakdownInsightCard/EndpointBreakdownInsightCard.stories.tsx index d8cc6f44b..45c171d6c 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointBreakdownInsightCard/EndpointBreakdownInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointBreakdownInsightCard/EndpointBreakdownInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EndpointBreakdownInsightCard } from "."; import { ComponentType } from "../../../../../types"; import { mockedEndpointBreakdownInsight } from "./mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointChattyApiV2InsightCard/EndpointChattyApiV2InsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointChattyApiV2InsightCard/EndpointChattyApiV2InsightCard.stories.tsx index 0475a1bd8..f2f8bcbf4 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointChattyApiV2InsightCard/EndpointChattyApiV2InsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointChattyApiV2InsightCard/EndpointChattyApiV2InsightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EndpointChattyApiV2InsightCard } from "."; import { mockedEndpointChattyApiV2Insight } from "./mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointHighNumberOfQueriesInsightCard/EndpointHighNumberOfQueriesInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointHighNumberOfQueriesInsightCard/EndpointHighNumberOfQueriesInsightCard.stories.tsx index d814714f7..1dcc8adc0 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointHighNumberOfQueriesInsightCard/EndpointHighNumberOfQueriesInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointHighNumberOfQueriesInsightCard/EndpointHighNumberOfQueriesInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EndpointHighNumberOfQueriesInsightCard } from "."; import { mockedEndpointHighNumberOfQueriesInsight } from "./mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointQueryOptimizationV2InsightCard/EndpointQueryOptimizationV2InsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointQueryOptimizationV2InsightCard/EndpointQueryOptimizationV2InsightCard.stories.tsx index 53e431650..37850d3a6 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointQueryOptimizationV2InsightCard/EndpointQueryOptimizationV2InsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointQueryOptimizationV2InsightCard/EndpointQueryOptimizationV2InsightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EndpointQueryOptimizationV2InsightCard } from "."; import { mockedEndpointQueryOptimizationV2Insight } from "./mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointScalingInsightCard/EndpointScalingInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointScalingInsightCard/EndpointScalingInsightCard.stories.tsx index 95bb9ed66..22192f1bf 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointScalingInsightCard/EndpointScalingInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointScalingInsightCard/EndpointScalingInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EndpointScalingInsightCard } from "."; import { mockedEndpointScalingInsight, diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointSessionInViewInsightCard/EndpointSessionInViewInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointSessionInViewInsightCard/EndpointSessionInViewInsightCard.stories.tsx index 9bb3efa8f..086a2b354 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointSessionInViewInsightCard/EndpointSessionInViewInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointSessionInViewInsightCard/EndpointSessionInViewInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EndpointSessionInViewInsightCard } from "."; import { mockedEndpointSessionInViewInsight } from "./mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointSlowdownSourceInsightCard/EndpointSlowdownSourceInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointSlowdownSourceInsightCard/EndpointSlowdownSourceInsightCard.stories.tsx index e181bec2a..5e273def9 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointSlowdownSourceInsightCard/EndpointSlowdownSourceInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointSlowdownSourceInsightCard/EndpointSlowdownSourceInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EndpointSlowdownSourceInsightCard } from "."; import { mockedEndpointSlowdownSourceInsight } from "./mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointSpanNPlusOneInsightInsightCard/EndpointSpanNPlusOneInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointSpanNPlusOneInsightInsightCard/EndpointSpanNPlusOneInsightCard.stories.tsx index f545ddad6..4904d6394 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointSpanNPlusOneInsightInsightCard/EndpointSpanNPlusOneInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointSpanNPlusOneInsightInsightCard/EndpointSpanNPlusOneInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EndpointSpanNPlusOneInsightCard } from "."; import { mockedEndpointSpanNPlusOneInsight } from "./mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointUsageInsightCard/EndpointUsageInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointUsageInsightCard/EndpointUsageInsightCard.stories.tsx index 80bf241f6..ceb82350d 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointUsageInsightCard/EndpointUsageInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/EndpointUsageInsightCard/EndpointUsageInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EndpointUsageInsightCard } from "."; import { InsightType } from "../../../../../../../types"; import { InsightImportance } from "../../../../../types"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SlowEndpointInsightCard/SlowEndpointInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SlowEndpointInsightCard/SlowEndpointInsightCard.stories.tsx index 3e243da3c..7616bda64 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SlowEndpointInsightCard/SlowEndpointInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SlowEndpointInsightCard/SlowEndpointInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { SlowEndpointInsightCard } from "."; import { mockedSlowEndpointInsight } from "./mockData"; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpaNPlusOneInsightCard/SpaNPlusOneInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpaNPlusOneInsightCard/SpaNPlusOneInsightCard.stories.tsx index 3b143456f..460529aa4 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpaNPlusOneInsightCard/SpaNPlusOneInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpaNPlusOneInsightCard/SpaNPlusOneInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { SpaNPlusOneInsightCard } from "."; import { mockedSpaNPlusOneInsight } from "./mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanDurationBreakdownInsightCard/SpanDurationBreakdownInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanDurationBreakdownInsightCard/SpanDurationBreakdownInsightCard.stories.tsx index 3ae64dea7..d844a5b5e 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanDurationBreakdownInsightCard/SpanDurationBreakdownInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanDurationBreakdownInsightCard/SpanDurationBreakdownInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { SpanDurationBreakdownInsightCard } from "."; import { featureFlagMinBackendVersions } from "../../../../../../../featureFlags"; import { FeatureFlag } from "../../../../../../../types"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanDurationsInsightCard/SpanDurationsInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanDurationsInsightCard/SpanDurationsInsightCard.stories.tsx index 2f91af25b..73e456e21 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanDurationsInsightCard/SpanDurationsInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanDurationsInsightCard/SpanDurationsInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { SpanDurationsInsightCard } from "."; import { mockedSpanDurationsInsight } from "./mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanEndpointBottleneckInsightCard/SpanEndpointBottleneckInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanEndpointBottleneckInsightCard/SpanEndpointBottleneckInsightCard.stories.tsx index c57ef106e..1efa18a36 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanEndpointBottleneckInsightCard/SpanEndpointBottleneckInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanEndpointBottleneckInsightCard/SpanEndpointBottleneckInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { SpanEndpointBottleneckInsightCard } from "."; import { mockedSpanEndpointBottleneckInsight } from "./mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanNexusInsightCard/SpanNexusInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanNexusInsightCard/SpanNexusInsightCard.stories.tsx index edcef6e82..aee375402 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanNexusInsightCard/SpanNexusInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanNexusInsightCard/SpanNexusInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { SpanNexusInsightCard } from "."; import { mockedSpanNexusInsight } from "./mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanPerformanceAnomalyInsightCard/SpanPerformanceAnomalyInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanPerformanceAnomalyInsightCard/SpanPerformanceAnomalyInsightCard.stories.tsx index 978bc0abd..c35eb7de6 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanPerformanceAnomalyInsightCard/SpanPerformanceAnomalyInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanPerformanceAnomalyInsightCard/SpanPerformanceAnomalyInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { SpanPerformanceAnomalyInsightCard } from "."; import { mockedSpanPerformanceAnomalyInsight } from "./mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanQueryOptimizationInsightCard/SpanQueryOptimizationInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanQueryOptimizationInsightCard/SpanQueryOptimizationInsightCard.stories.tsx index ac61ab645..8912d6c11 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanQueryOptimizationInsightCard/SpanQueryOptimizationInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanQueryOptimizationInsightCard/SpanQueryOptimizationInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { SpanQueryOptimizationInsightCard } from "."; import { mockedSpanQueryOptimizationInsight } from "./mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanScalingInsightCard/SpanScalingInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanScalingInsightCard/SpanScalingInsightCard.stories.tsx index 2d8635cd3..c7cb4503a 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanScalingInsightCard/SpanScalingInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanScalingInsightCard/SpanScalingInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { SpanScalingInsightCard } from "."; import { mockedSpanScalingInsight, diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanUsagesInsightCard/SpanUsagesInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanUsagesInsightCard/SpanUsagesInsightCard.stories.tsx index 73f2f9b0f..7393db061 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanUsagesInsightCard/SpanUsagesInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/SpanUsagesInsightCard/SpanUsagesInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { SpanUsagesInsightCard } from "."; import { mockedSpanUsagesInsight } from "./mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/DurationChange/DurationChange.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/DurationChange/DurationChange.stories.tsx index 18e7a54d6..0ca809639 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/DurationChange/DurationChange.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/DurationChange/DurationChange.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { DurationChange } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/ColumnsContainer/ColumnsContainer.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/ColumnsContainer/ColumnsContainer.stories.tsx index 2deb3a0c6..ae22f11a0 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/ColumnsContainer/ColumnsContainer.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/ColumnsContainer/ColumnsContainer.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { ColumnsContainer } from "."; import { KeyValue } from "../KeyValue"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/IconButton/IconButton.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/IconButton/IconButton.stories.tsx index b3b1e4b63..effd3d710 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/IconButton/IconButton.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/IconButton/IconButton.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { IconButton } from "."; import { JiraLogoIcon } from "../../../../../../../../common/icons/16px/JiraLogoIcon"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/InsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/InsightCard.stories.tsx index 61820420f..06cec2910 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/InsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/InsightCard.stories.tsx @@ -1,5 +1,5 @@ -import type { Meta, StoryObj } from "@storybook/react"; -import { fn } from "@storybook/test"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; +import { fn } from "storybook/test"; import { InsightCard } from "."; import { ConfigContext, diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/InsightHeader/AsyncTag/AsyncTag.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/InsightHeader/AsyncTag/AsyncTag.stories.tsx index bfe466665..f950cb46c 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/InsightHeader/AsyncTag/AsyncTag.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/InsightHeader/AsyncTag/AsyncTag.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { AsyncTag } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/InsightHeader/InsightHeader.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/InsightHeader/InsightHeader.stories.tsx index eb2d293f9..09911cd33 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/InsightHeader/InsightHeader.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/InsightHeader/InsightHeader.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { InsightHeader } from "."; import { mockedEndpointSpanNPlusOneInsight } from "../../../EndpointSpanNPlusOneInsightInsightCard/mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/InsightStatusTooltipContent.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/InsightStatusTooltipContent.stories.tsx index 8107cfc14..8d937d071 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/InsightStatusTooltipContent.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/InsightStatusTooltipContent.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { InsightStatusTooltipContent } from "."; import { InsightStatus } from "../../../../../../../../types"; import { mockedEndpointSpanNPlusOneInsight } from "../../../../EndpointSpanNPlusOneInsightInsightCard/mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/InsightsInfo/InsightsInfo.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/InsightsInfo/InsightsInfo.stories.tsx index c6832491e..7c50b409a 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/InsightsInfo/InsightsInfo.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/InsightsInfo/InsightsInfo.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { InsightsInfo } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/KeyValue/KeyValue.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/KeyValue/KeyValue.stories.tsx index 88cd3c825..10a8890d4 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/KeyValue/KeyValue.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/KeyValue/KeyValue.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { KeyValue } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/ListItem/ListItem.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/ListItem/ListItem.stories.tsx index eff2ea79b..804783a28 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/ListItem/ListItem.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/ListItem/ListItem.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { ListItem } from "."; import { Button } from "../../../../../../../../common/Button"; import { JiraLogoIcon } from "../../../../../../../../common/icons/12px/JiraLogoIcon"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/PercentileViewModeToggle/PercentileViewModeToggle.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/PercentileViewModeToggle/PercentileViewModeToggle.stories.tsx index 91974e730..fa18cd34c 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/PercentileViewModeToggle/PercentileViewModeToggle.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/PercentileViewModeToggle/PercentileViewModeToggle.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { PercentileViewModeToggle } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/ProductionAffectionBar/ProductionAffectionBar.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/ProductionAffectionBar/ProductionAffectionBar.stories.tsx index e9f8ec3f2..2036585cf 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/ProductionAffectionBar/ProductionAffectionBar.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/ProductionAffectionBar/ProductionAffectionBar.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { ProductionAffectionBar } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/RecalculateBar/RecalculateBar.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/RecalculateBar/RecalculateBar.stories.tsx index c5963889d..e1c0ec482 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/RecalculateBar/RecalculateBar.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/RecalculateBar/RecalculateBar.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { RecalculateBar } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/Select/Select.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/Select/Select.stories.tsx index a792c7c6d..50325973c 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/Select/Select.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightCard/Select/Select.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Select } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightStatusBadge/InsightStatusBadge.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightStatusBadge/InsightStatusBadge.stories.tsx index 0581600b5..32ad35124 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightStatusBadge/InsightStatusBadge.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/InsightStatusBadge/InsightStatusBadge.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { InsightStatusBadge } from "."; import { InsightStatus } from "../../../../../../types"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/IssueCompactCard/IssueCompactCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/IssueCompactCard/IssueCompactCard.stories.tsx index fea3d4abf..cbf0303a5 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/IssueCompactCard/IssueCompactCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightCardRenderer/insightCards/common/IssueCompactCard/IssueCompactCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { IssueCompactCard } from "."; import { mockedEndpointSpanNPlusOneInsight } from "../../EndpointSpanNPlusOneInsightInsightCard/mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightsPage.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightsPage.stories.tsx index 4847b7be3..30da634e6 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightsPage.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightsPage.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { InsightsPage } from "."; import { ConfigContext, initialState } from "../../../common/App/ConfigContext"; import type { Scope } from "../../../common/App/types"; @@ -37,6 +37,13 @@ const props: InsightsPageProps = { onRefresh: () => { return undefined; }, + onScopeChange: () => { + return undefined; + }, + onGoToTab: () => { + return undefined; + }, + isJiraTicketHintEnabled: false, isMarkAsReadButtonEnabled: false }; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/index.tsx index b1121ab6f..1995ce13b 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/index.tsx @@ -1,17 +1,13 @@ import { useEffect, useMemo, useRef } from "react"; import { actions as globalActions } from "../../../../actions"; -import { usePersistence } from "../../../../hooks/usePersistence"; import { platform } from "../../../../platform"; import { useConfigSelector } from "../../../../store/config/useConfigSelector"; import { useInsightsSelector } from "../../../../store/insights/useInsightsSelector"; import { useStore } from "../../../../store/useStore"; import { trackingEvents as globalEvents } from "../../../../trackingEvents"; import { isNumber } from "../../../../typeGuards/isNumber"; -import { isUndefined } from "../../../../typeGuards/isUndefined"; import { InsightType } from "../../../../types"; -import { changeScope } from "../../../../utils/actions/changeScope"; import { sendUserActionTrackingEvent } from "../../../../utils/actions/sendUserActionTrackingEvent"; -import { useHistory } from "../../../Main/useHistory"; import { TAB_IDS } from "../../../Navigation/Tabs/types"; import type { Scope } from "../../../common/App/types"; import { NewButton } from "../../../common/v3/NewButton"; @@ -29,8 +25,7 @@ import { actions } from "./InsightCardRenderer/insightCards/common/InsightCard/h import * as s from "./styles"; import type { InsightsPageProps, - MarkInsightTypesAsViewedPayload, - isInsightJiraTicketHintShownPayload + MarkInsightTypesAsViewedPayload } from "./types"; export const getInsightToShowJiraHint = ( @@ -59,7 +54,7 @@ const renderEmptyState = ( search: string, scope: Scope | null, insightsViewType: InsightViewType | null, - goTo: (location: string) => void, + onGoToTab: (tabId: string) => void, onFiltersClear: (spanCodeObjectId?: string) => void, hasIssues?: boolean ) => { @@ -74,7 +69,7 @@ const renderEmptyState = ( }; const handleAnalyticsTabLinkClick = () => { - goTo(`/${TAB_IDS.ANALYTICS}`); + onGoToTab(TAB_IDS.ANALYTICS); }; const handleSeeAllAssetsClick = () => { @@ -82,7 +77,7 @@ const renderEmptyState = ( source: "Analytics tab" }); - goTo(`/${TAB_IDS.ASSETS}`); + onGoToTab(TAB_IDS.ASSETS); }; const handleClearFiltersButtonClick = () => { @@ -177,13 +172,14 @@ const renderEmptyState = ( ); }; -export const IS_INSIGHT_JIRA_TICKET_HINT_SHOWN_PERSISTENCE_KEY = - "isInsightJiraTicketHintShown"; - export const InsightsPage = ({ onJiraTicketCreate, onRefresh, - isMarkAsReadButtonEnabled + isMarkAsReadButtonEnabled, + onScopeChange, + onGoToTab, + onOpenSuggestion, + isJiraTicketHintEnabled }: InsightsPageProps) => { const { scope, environment, backendInfo } = useConfigSelector(); const { @@ -213,13 +209,8 @@ export const InsightsPage = ({ filteredInsightTypes.length > 0 || filteredCriticalityLevels.length > 0 : 0) || search.length > 0; - const [isInsightJiraTicketHintShown, setIsInsightJiraTicketHintShown] = - usePersistence( - IS_INSIGHT_JIRA_TICKET_HINT_SHOWN_PERSISTENCE_KEY, - "application" - ); + const listRef = useRef(null); - const { goTo } = useHistory(); const insights = useMemo(() => data?.insights ?? [], [data?.insights]); const insightIndexWithJiraHint = getInsightToShowJiraHint(insights); @@ -246,12 +237,11 @@ export const InsightsPage = ({ event?: string ) => { onJiraTicketCreate(insight, spanCodeObjectId); - if (!isInsightJiraTicketHintShown?.value) { + if (!isJiraTicketHintEnabled) { sendUserActionTrackingEvent(trackingEvents.JIRA_TICKET_HINT_CLOSED, { event }); } - setIsInsightJiraTicketHintShown({ value: true }); }; const handleDismissalChange = (action: string, insightId: string) => { @@ -274,9 +264,8 @@ export const InsightsPage = ({ insight={insight} onJiraTicketCreate={handleShowJiraTicket} isJiraHintEnabled={ + isJiraTicketHintEnabled && platform !== "Visual Studio" && - !isUndefined(isInsightJiraTicketHintShown) && - !isInsightJiraTicketHintShown?.value && j === insightIndexWithJiraHint } isMarkAsReadButtonEnabled={isMarkAsReadButtonEnabled} @@ -284,7 +273,8 @@ export const InsightsPage = ({ onDismissalChange={handleDismissalChange} tooltipBoundaryRef={listRef} backendInfo={backendInfo} - onScopeChange={changeScope} + onScopeChange={onScopeChange} + onOpenSuggestion={onOpenSuggestion} /> )) : renderEmptyState( @@ -293,7 +283,7 @@ export const InsightsPage = ({ search, scope, insightViewType, - goTo, + onGoToTab, clearInsightsFilters, data?.hasIssuesIgnoringFilters )} diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/types.ts index 308a5b700..f346e4da6 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/types.ts @@ -1,4 +1,5 @@ import type { InsightType } from "../../../../types"; +import type { ChangeScopePayload } from "../../../../utils/actions/changeScope"; import type { GenericCodeObjectInsight } from "../../types"; export interface InsightsPageProps { onJiraTicketCreate: ( @@ -7,10 +8,10 @@ export interface InsightsPageProps { ) => void; onRefresh: () => void; isMarkAsReadButtonEnabled: boolean; -} - -export interface isInsightJiraTicketHintShownPayload { - value: boolean; + onScopeChange: (payload: ChangeScopePayload) => void; + onGoToTab: (tabId: string) => void; + onOpenSuggestion?: (insightId: string) => void; + isJiraTicketHintEnabled: boolean; } export interface MarkInsightTypesAsViewedPayload { diff --git a/src/components/Insights/InsightsCatalog/PromotionSection/PromotionCard/EarlyAccessPromotionCard/EarlyAccessPromotionCard.stories.tsx b/src/components/Insights/InsightsCatalog/PromotionSection/PromotionCard/EarlyAccessPromotionCard/EarlyAccessPromotionCard.stories.tsx index 80b64c2f3..e8e264c74 100644 --- a/src/components/Insights/InsightsCatalog/PromotionSection/PromotionCard/EarlyAccessPromotionCard/EarlyAccessPromotionCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/PromotionSection/PromotionCard/EarlyAccessPromotionCard/EarlyAccessPromotionCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EarlyAccessPromotionCard } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Insights/InsightsCatalog/PromotionSection/PromotionCard/PromotionCard.stories.tsx b/src/components/Insights/InsightsCatalog/PromotionSection/PromotionCard/PromotionCard.stories.tsx index 9870e63c4..b8443149c 100644 --- a/src/components/Insights/InsightsCatalog/PromotionSection/PromotionCard/PromotionCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/PromotionSection/PromotionCard/PromotionCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { PromotionCard } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Insights/InsightsCatalog/PromotionSection/PromotionCard/PromotionTag/PromotionTag.stories.tsx b/src/components/Insights/InsightsCatalog/PromotionSection/PromotionCard/PromotionTag/PromotionTag.stories.tsx index 76172c6d1..73238e252 100644 --- a/src/components/Insights/InsightsCatalog/PromotionSection/PromotionCard/PromotionTag/PromotionTag.stories.tsx +++ b/src/components/Insights/InsightsCatalog/PromotionSection/PromotionCard/PromotionTag/PromotionTag.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { PromotionTag } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Insights/InsightsCatalog/PromotionSection/PromotionCard/UdemyCoursePromotionCard/UdemyCoursePromotionCard.stories.tsx b/src/components/Insights/InsightsCatalog/PromotionSection/PromotionCard/UdemyCoursePromotionCard/UdemyCoursePromotionCard.stories.tsx index 02207d7ad..512dd09a7 100644 --- a/src/components/Insights/InsightsCatalog/PromotionSection/PromotionCard/UdemyCoursePromotionCard/UdemyCoursePromotionCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/PromotionSection/PromotionCard/UdemyCoursePromotionCard/UdemyCoursePromotionCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { UdemyCoursePromotionCard } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Insights/InsightsCatalog/index.tsx b/src/components/Insights/InsightsCatalog/index.tsx index 039ec6f73..4e9d2fe4a 100644 --- a/src/components/Insights/InsightsCatalog/index.tsx +++ b/src/components/Insights/InsightsCatalog/index.tsx @@ -1,4 +1,5 @@ -import { useEffect, useMemo, useState } from "react"; +import { useEffect, useMemo, useRef, useState } from "react"; +import useDimensions from "react-cool-dimensions"; import { useTheme } from "styled-components"; import { getFeatureFlagValue } from "../../../featureFlags"; import { platform } from "../../../platform"; @@ -93,8 +94,14 @@ const isShowUnreadOnly = (filters: InsightFilterType[]) => export const InsightsCatalog = ({ onJiraTicketCreate, - onRefresh + onRefresh, + onScopeChange, + onGoToTab, + onOpenSuggestion, + isJiraTicketHintEnabled }: InsightsCatalogProps) => { + const containerRef = useRef(null); + const { observe, width } = useDimensions(); const { setInsightsViewMode: setMode, setInsightsPage: setPage, @@ -302,12 +309,20 @@ export const InsightsCatalog = ({ ); }; + const getContainerRef = (el: HTMLDivElement | null) => { + containerRef.current = el; + observe(el); + }; + return ( - <> + {isAtSpan && ( - + )} {!isAtSpan && renderFilterPanel()} @@ -328,7 +343,9 @@ export const InsightsCatalog = ({ {isFiltersToolbarVisible && ( <> - {isIssuesView && isIssuesFilterVisible && } + {isIssuesView && isIssuesFilterVisible && ( + + )} {totalCount > 0 && ( @@ -437,6 +458,6 @@ export const InsightsCatalog = ({ /> )} - + ); }; diff --git a/src/components/Insights/InsightsCatalog/styles.ts b/src/components/Insights/InsightsCatalog/styles.ts index b3f091f7f..a7b910bae 100644 --- a/src/components/Insights/InsightsCatalog/styles.ts +++ b/src/components/Insights/InsightsCatalog/styles.ts @@ -8,6 +8,15 @@ import { } from "../../common/App/typographies"; import { Link } from "../../common/v3/Link"; +export const Container = styled.div` + display: flex; + flex-direction: column; + flex-grow: 1; + padding: 8px 0; + gap: 8px; + box-sizing: border-box; +`; + export const Footer = styled.div` display: flex; align-items: center; diff --git a/src/components/Insights/InsightsCatalog/types.ts b/src/components/Insights/InsightsCatalog/types.ts index f25c7bc4a..010129feb 100644 --- a/src/components/Insights/InsightsCatalog/types.ts +++ b/src/components/Insights/InsightsCatalog/types.ts @@ -1,3 +1,4 @@ +import type { ChangeScopePayload } from "../../../utils/actions/changeScope"; import type { GenericCodeObjectInsight } from "../types"; export interface InsightsCatalogProps { @@ -5,7 +6,11 @@ export interface InsightsCatalogProps { insight: GenericCodeObjectInsight, spanCodeObjectId?: string ) => void; + onScopeChange: (payload: ChangeScopePayload) => void; onRefresh: () => void; + onGoToTab: (tabId: string) => void; + onOpenSuggestion?: (insightId: string) => void; + isJiraTicketHintEnabled: boolean; } export interface FilterButtonContainerProps { diff --git a/src/components/Insights/InsightsContent/index.tsx b/src/components/Insights/InsightsContent/index.tsx new file mode 100644 index 000000000..a5b34edb5 --- /dev/null +++ b/src/components/Insights/InsightsContent/index.tsx @@ -0,0 +1,150 @@ +import { useEffect, useState, type KeyboardEvent } from "react"; +import { actions as globalActions } from "../../../actions"; +import { usePrevious } from "../../../hooks/usePrevious"; +import { useConfigSelector } from "../../../store/config/useConfigSelector"; +import type { InsightsData } from "../../../store/insights/insightsSlice"; +import { useInsightsSelector } from "../../../store/insights/useInsightsSelector"; +import { RegistrationDialog } from "../../common/RegistrationDialog"; +import type { RegistrationFormValues } from "../../common/RegistrationDialog/types"; +import { EmptyState } from "../EmptyState"; +import { InsightsCatalog } from "../InsightsCatalog"; +import { InsightTicketRenderer } from "../InsightTicketRenderer"; +import type { GenericCodeObjectInsight } from "../types"; +import * as s from "./styles"; +import type { InsightsContentProps } from "./types"; + +export const InsightsContent = ({ + onScopeChange, + onGoToTab, + data, + isLoading, + onRefresh, + className, + onOpenSuggestion, + isJiraTicketHintEnabled, + onJiraTicketPopupOpen, + onJiraTicketPopupClose, + infoToOpenJiraTicket +}: InsightsContentProps) => { + const { backendInfo, userRegistrationEmail, environments } = + useConfigSelector(); + const previousUserRegistrationEmail = usePrevious(userRegistrationEmail); + const [isRegistrationInProgress, setIsRegistrationInProgress] = + useState(false); + const isRegistrationEnabled = false; + const isRegistrationRequired = + isRegistrationEnabled && !userRegistrationEmail; + const { insightViewType } = useInsightsSelector(); + + const handleJiraTicketPopupClose = () => { + onJiraTicketPopupClose?.(); + }; + + const handleRegistrationSubmit = (formData: RegistrationFormValues) => { + window.sendMessageToDigma({ + action: globalActions.PERSONALIZE_REGISTER, + payload: { + ...formData, + scope: "insights view jira ticket info" + } + }); + + setIsRegistrationInProgress(true); + }; + + const handleRegistrationDialogClose = () => { + onJiraTicketPopupClose?.(); + }; + + const handleOverlayKeyDown = (e: KeyboardEvent) => { + if (e.key === "Escape") { + onJiraTicketPopupClose?.(); + } + }; + + useEffect(() => { + if ( + previousUserRegistrationEmail !== userRegistrationEmail && + isRegistrationInProgress + ) { + setIsRegistrationInProgress(false); + } + }, [ + userRegistrationEmail, + isRegistrationInProgress, + previousUserRegistrationEmail + ]); + + const renderContent = ( + data: InsightsData | null, + isLoading: boolean + ): JSX.Element => { + const handleJiraTicketPopupOpen = ( + insight: GenericCodeObjectInsight, + spanCodeObjectId?: string + ) => { + onJiraTicketPopupOpen?.(insight, spanCodeObjectId); + }; + + const isInitialLoading = + (!data && isLoading) || !backendInfo || !insightViewType; + + if (isInitialLoading) { + return ; + } + + if (!environments?.length) { + return ; + } + + // switch (data?.insightsStatus) { + // case InsightsStatus.STARTUP: + // return ; + // case InsightsStatus.NO_INSIGHTS: + // return ; + // case InsightsStatus.INSIGHT_PENDING: + // return ; + // case InsightsStatus.NO_SPANS_DATA: + // return ; + // case InsightsStatus.NO_OBSERVABILITY: + // return ; + // case InsightsStatus.DEFAULT: + // default: + return ( + + ); + // } + }; + + return ( + + {renderContent(data, isLoading)} + {infoToOpenJiraTicket && ( + + + {isRegistrationRequired ? ( + + ) : ( + + )} + + + )} + + ); +}; diff --git a/src/components/Insights/InsightsContent/styles.ts b/src/components/Insights/InsightsContent/styles.ts new file mode 100644 index 000000000..2382b64aa --- /dev/null +++ b/src/components/Insights/InsightsContent/styles.ts @@ -0,0 +1,28 @@ +import styled from "styled-components"; +import { LAYERS } from "../../common/App/styles"; + +export const Container = styled.div` + display: flex; + flex-direction: column; + height: 100%; + position: relative; +`; + +export const Overlay = styled.div` + position: fixed; + inset: 0; + margin: auto; + background: rgb(18 18 21 / 70%); + z-index: ${LAYERS.OVERLAY}; + overflow: auto; +`; + +export const PopupContainer = styled.div` + display: flex; + align-items: center; + justify-content: center; + min-height: 100%; + padding: 16px 4%; + overflow: hidden; + box-sizing: border-box; +`; diff --git a/src/components/Insights/InsightsContent/types.ts b/src/components/Insights/InsightsContent/types.ts new file mode 100644 index 000000000..bb662bb01 --- /dev/null +++ b/src/components/Insights/InsightsContent/types.ts @@ -0,0 +1,23 @@ +import type { InsightsData } from "../../../store/insights/insightsSlice"; +import type { ChangeScopePayload } from "../../../utils/actions/changeScope"; +import type { GenericCodeObjectInsight } from "../types"; + +export interface InsightsContentProps { + onScopeChange: (payload: ChangeScopePayload) => void; + onGoToTab: (tabId: string) => void; + isLoading: boolean; + data: InsightsData | null; + onRefresh: () => void; + className?: string; + onOpenSuggestion?: (insightId: string) => void; + isJiraTicketHintEnabled?: boolean; + onJiraTicketPopupOpen?: ( + insight: GenericCodeObjectInsight, + spanCodeObjectId?: string + ) => void; + onJiraTicketPopupClose?: () => void; + infoToOpenJiraTicket?: { + insight: GenericCodeObjectInsight; + spanCodeObjectId?: string; + }; +} diff --git a/src/components/Insights/deprecated/InsightList/InsightCard/InsightCard.stories.tsx b/src/components/Insights/deprecated/InsightList/InsightCard/InsightCard.stories.tsx index b31be00c3..dc7329648 100644 --- a/src/components/Insights/deprecated/InsightList/InsightCard/InsightCard.stories.tsx +++ b/src/components/Insights/deprecated/InsightList/InsightCard/InsightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { InsightCard } from "."; import { Button } from "../../../../common/Button"; import { mockedErrorsInsight } from "../insightCards/ErrorsInsight/mockData"; diff --git a/src/components/Insights/deprecated/InsightList/insightCards/ErrorsInsight/ErrorsInsight.stories.tsx b/src/components/Insights/deprecated/InsightList/insightCards/ErrorsInsight/ErrorsInsight.stories.tsx index 4ae13bacd..273900098 100644 --- a/src/components/Insights/deprecated/InsightList/insightCards/ErrorsInsight/ErrorsInsight.stories.tsx +++ b/src/components/Insights/deprecated/InsightList/insightCards/ErrorsInsight/ErrorsInsight.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { ErrorsInsight } from "."; import { InsightType } from "../../../../../../types"; import { InsightCategory, InsightScope } from "../../../../types"; diff --git a/src/components/Insights/deprecated/InsightList/insightCards/NoScalingIssueInsight/NoScalingIssueInsight.stories.tsx b/src/components/Insights/deprecated/InsightList/insightCards/NoScalingIssueInsight/NoScalingIssueInsight.stories.tsx index 89a7e47f4..8ca23cb75 100644 --- a/src/components/Insights/deprecated/InsightList/insightCards/NoScalingIssueInsight/NoScalingIssueInsight.stories.tsx +++ b/src/components/Insights/deprecated/InsightList/insightCards/NoScalingIssueInsight/NoScalingIssueInsight.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { NoScalingIssueInsight } from "."; import { InsightType } from "../../../../../../types"; import { InsightCategory, InsightScope } from "../../../../types"; diff --git a/src/components/Insights/deprecated/InsightList/insightCards/PerformanceAtScaleInsight/PerformanceAtScaleInsight.stories.tsx b/src/components/Insights/deprecated/InsightList/insightCards/PerformanceAtScaleInsight/PerformanceAtScaleInsight.stories.tsx index 084833781..95f92576b 100644 --- a/src/components/Insights/deprecated/InsightList/insightCards/PerformanceAtScaleInsight/PerformanceAtScaleInsight.stories.tsx +++ b/src/components/Insights/deprecated/InsightList/insightCards/PerformanceAtScaleInsight/PerformanceAtScaleInsight.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { PerformanceAtScaleInsight } from "."; import { InsightType } from "../../../../../../types"; import { InsightCategory, InsightScope } from "../../../../types"; diff --git a/src/components/Insights/index.tsx b/src/components/Insights/index.tsx index cafc3f905..4e5c6fbdd 100644 --- a/src/components/Insights/index.tsx +++ b/src/components/Insights/index.tsx @@ -1,38 +1,36 @@ -import type { KeyboardEvent } from "react"; import { useCallback, useEffect, useState } from "react"; -import { actions as globalActions } from "../../actions"; -import { usePrevious } from "../../hooks/usePrevious"; -import { useConfigSelector } from "../../store/config/useConfigSelector"; -import { type InsightsData } from "../../store/insights/insightsSlice"; -import { useInsightsSelector } from "../../store/insights/useInsightsSelector"; +import { usePersistence } from "../../hooks/usePersistence"; import { useStore } from "../../store/useStore"; -import { RegistrationDialog } from "../common/RegistrationDialog"; -import type { RegistrationFormValues } from "../common/RegistrationDialog/types"; -import { EmptyState } from "./EmptyState"; +import { isUndefined } from "../../typeGuards/isUndefined"; +import { changeScope } from "../../utils/actions/changeScope"; +import { useHistory } from "../Main/useHistory"; import { useInsightsData } from "./hooks/useInsightsData"; -import { InsightsCatalog } from "./InsightsCatalog"; -import { InsightTicketRenderer } from "./InsightTicketRenderer"; -import * as s from "./styles"; +import { InsightsContent } from "./InsightsContent"; import type { GenericCodeObjectInsight, InsightTicketInfo, - InsightsProps + InsightsProps, + isInsightJiraTicketHintShownPayload } from "./types"; +export const IS_INSIGHT_JIRA_TICKET_HINT_SHOWN_PERSISTENCE_KEY = + "isInsightJiraTicketHintShown"; + export const Insights = ({ insightViewType }: InsightsProps) => { const { data, isLoading, refresh } = useInsightsData(); const [infoToOpenJiraTicket, setInfoToOpenJiraTicket] = useState>(); - const { backendInfo, userRegistrationEmail, environments } = - useConfigSelector(); - const previousUserRegistrationEmail = usePrevious(userRegistrationEmail); - const [isRegistrationInProgress, setIsRegistrationInProgress] = - useState(false); - const isRegistrationEnabled = false; - const isRegistrationRequired = - isRegistrationEnabled && !userRegistrationEmail; const { setInsightViewType, resetInsights: reset } = useStore.getState(); - const { insightViewType: storedInsightViewType } = useInsightsSelector(); + const { goTo } = useHistory(); + const [isInsightJiraTicketHintShown, setIsInsightJiraTicketHintShown] = + usePersistence( + IS_INSIGHT_JIRA_TICKET_HINT_SHOWN_PERSISTENCE_KEY, + "application" + ); + + const isJiraTicketHintEnabled = + !isUndefined(isInsightJiraTicketHintShown) && + !isInsightJiraTicketHintShown?.value; useEffect(() => { return () => { @@ -44,110 +42,33 @@ export const Insights = ({ insightViewType }: InsightsProps) => { setInsightViewType(insightViewType); }, [insightViewType, setInsightViewType]); - useEffect(() => { - if ( - previousUserRegistrationEmail !== userRegistrationEmail && - isRegistrationInProgress - ) { - setIsRegistrationInProgress(false); - } - }, [ - userRegistrationEmail, - isRegistrationInProgress, - previousUserRegistrationEmail - ]); - const handleJiraTicketPopupOpen = useCallback( (insight: GenericCodeObjectInsight, spanCodeObjectId?: string) => { setInfoToOpenJiraTicket({ insight, spanCodeObjectId }); + setIsInsightJiraTicketHintShown({ value: true }); }, - [] + [setIsInsightJiraTicketHintShown] ); const handleJiraTicketPopupClose = () => { setInfoToOpenJiraTicket(undefined); }; - const handleRegistrationSubmit = (formData: RegistrationFormValues) => { - window.sendMessageToDigma({ - action: globalActions.PERSONALIZE_REGISTER, - payload: { - ...formData, - scope: "insights view jira ticket info" - } - }); - - setIsRegistrationInProgress(true); - }; - - const handleRegistrationDialogClose = () => { - setInfoToOpenJiraTicket(undefined); - }; - - const handleOverlayKeyDown = (e: KeyboardEvent) => { - if (e.key === "Escape") { - setInfoToOpenJiraTicket(undefined); - } - }; - - const renderContent = ( - data: InsightsData | null, - isLoading: boolean - ): JSX.Element => { - const isInitialLoading = - (!data && isLoading) || !backendInfo || !storedInsightViewType; - if (isInitialLoading) { - return ; - } - - if (!environments?.length) { - return ; - } - - // switch (data?.insightsStatus) { - // case InsightsStatus.STARTUP: - // return ; - // case InsightsStatus.NO_INSIGHTS: - // return ; - // case InsightsStatus.INSIGHT_PENDING: - // return ; - // case InsightsStatus.NO_SPANS_DATA: - // return ; - // case InsightsStatus.NO_OBSERVABILITY: - // return ; - // case InsightsStatus.DEFAULT: - // default: - return ( - - ); - // } + const handleGoToTab = (tabId: string) => { + goTo(`/${tabId}`); }; return ( - - {renderContent(data, isLoading)} - {infoToOpenJiraTicket && ( - - - {isRegistrationRequired ? ( - - ) : ( - - )} - - - )} - + ); }; diff --git a/src/components/Insights/styles.ts b/src/components/Insights/styles.ts index 67b56a4d1..1e5133294 100644 --- a/src/components/Insights/styles.ts +++ b/src/components/Insights/styles.ts @@ -1,17 +1,7 @@ import styled from "styled-components"; -import { LAYERS } from "../common/App/styles"; import { Link as CommonLink } from "../common/Link"; -export const Container = styled.div` - display: flex; - flex-direction: column; - padding: 8px 0; - gap: 8px; - height: 100%; - box-sizing: border-box; - position: relative; -`; - +/** @deprecated */ export const Description = styled.div` display: flex; gap: 8px; @@ -39,22 +29,3 @@ export const Link = styled(CommonLink)` } }}; `; - -export const Overlay = styled.div` - position: fixed; - inset: 0; - margin: auto; - background: rgb(18 18 21 / 70%); - z-index: ${LAYERS.OVERLAY}; - overflow: auto; -`; - -export const PopupContainer = styled.div` - display: flex; - align-items: center; - justify-content: center; - min-height: 100%; - padding: 16px 4%; - overflow: hidden; - box-sizing: border-box; -`; diff --git a/src/components/Insights/types.ts b/src/components/Insights/types.ts index 2b9070f10..aeb6bae74 100644 --- a/src/components/Insights/types.ts +++ b/src/components/Insights/types.ts @@ -19,6 +19,10 @@ export enum InsightsStatus { Loading = "Loading" } +export interface isInsightJiraTicketHintShownPayload { + value: boolean; +} + export type GenericCodeObjectInsight = | GenericFunctionInsight | GenericEndpointInsight diff --git a/src/components/InstallationWizard/InstallStep/EngineManager/EngineManager.stories.tsx b/src/components/InstallationWizard/InstallStep/EngineManager/EngineManager.stories.tsx index 9c79d4bb3..8cbfec0b3 100644 --- a/src/components/InstallationWizard/InstallStep/EngineManager/EngineManager.stories.tsx +++ b/src/components/InstallationWizard/InstallStep/EngineManager/EngineManager.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EngineManager } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/InstallationWizard/InstallationWizard.stories.tsx b/src/components/InstallationWizard/InstallationWizard.stories.tsx index a582e483d..3bdfa69bb 100644 --- a/src/components/InstallationWizard/InstallationWizard.stories.tsx +++ b/src/components/InstallationWizard/InstallationWizard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { InstallationWizard } from "."; import { actions as globalActions } from "../../actions"; diff --git a/src/components/Login/Login.stories.tsx b/src/components/Login/Login.stories.tsx index 136a14759..2fa6a9521 100644 --- a/src/components/Login/Login.stories.tsx +++ b/src/components/Login/Login.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Login } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Main/Authentication/AccountActivation/AccountActivation.stories.tsx b/src/components/Main/Authentication/AccountActivation/AccountActivation.stories.tsx index 56c92cb8b..7e2e1fbd1 100644 --- a/src/components/Main/Authentication/AccountActivation/AccountActivation.stories.tsx +++ b/src/components/Main/Authentication/AccountActivation/AccountActivation.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { AccountActivation } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Main/Authentication/Authentication.stories.tsx b/src/components/Main/Authentication/Authentication.stories.tsx index 1e02e6ade..095ea3bcd 100644 --- a/src/components/Main/Authentication/Authentication.stories.tsx +++ b/src/components/Main/Authentication/Authentication.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Authentication } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Main/Authentication/Login/Login.stories.tsx b/src/components/Main/Authentication/Login/Login.stories.tsx index 0edf14a36..167763c44 100644 --- a/src/components/Main/Authentication/Login/Login.stories.tsx +++ b/src/components/Main/Authentication/Login/Login.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Login } from "."; import { actions } from "../../../../actions"; diff --git a/src/components/Main/Authentication/Registration/Registration.stories.tsx b/src/components/Main/Authentication/Registration/Registration.stories.tsx index f8b6a91f4..145d28f8f 100644 --- a/src/components/Main/Authentication/Registration/Registration.stories.tsx +++ b/src/components/Main/Authentication/Registration/Registration.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Registration } from "."; import { actions } from "../../../../actions"; diff --git a/src/components/Main/Main.stories.tsx b/src/components/Main/Main.stories.tsx index c988bb90c..b86bf9b7f 100644 --- a/src/components/Main/Main.stories.tsx +++ b/src/components/Main/Main.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import type { RouterRoute } from "storybook-addon-remix-react-router"; import { reactRouterParameters } from "storybook-addon-remix-react-router"; import { Main } from "."; diff --git a/src/components/Main/RegistrationCard/EarlyAccessRegistrationCard/EarlyAccessRegistrationCard.stories.tsx b/src/components/Main/RegistrationCard/EarlyAccessRegistrationCard/EarlyAccessRegistrationCard.stories.tsx index 68a17464b..c3d3f4221 100644 --- a/src/components/Main/RegistrationCard/EarlyAccessRegistrationCard/EarlyAccessRegistrationCard.stories.tsx +++ b/src/components/Main/RegistrationCard/EarlyAccessRegistrationCard/EarlyAccessRegistrationCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EarlyAccessRegistrationCard } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Main/RegistrationCard/RegistrationCard.stories.tsx b/src/components/Main/RegistrationCard/RegistrationCard.stories.tsx index 044b983d0..69d139bc4 100644 --- a/src/components/Main/RegistrationCard/RegistrationCard.stories.tsx +++ b/src/components/Main/RegistrationCard/RegistrationCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { RegistrationCard } from "."; import { ConfigContext, initialState } from "../../common/App/ConfigContext"; diff --git a/src/components/Main/RegistrationCard/SuccessRegistration/SuccessRegistration.stories.tsx b/src/components/Main/RegistrationCard/SuccessRegistration/SuccessRegistration.stories.tsx index eebfe8e26..bbbcca3d6 100644 --- a/src/components/Main/RegistrationCard/SuccessRegistration/SuccessRegistration.stories.tsx +++ b/src/components/Main/RegistrationCard/SuccessRegistration/SuccessRegistration.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { SuccessRegistration } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Main/RegistrationCard/UdemyRegistrationCard/UdemyRegistrationCard.stories.tsx b/src/components/Main/RegistrationCard/UdemyRegistrationCard/UdemyRegistrationCard.stories.tsx index 4a387cc0d..142256a37 100644 --- a/src/components/Main/RegistrationCard/UdemyRegistrationCard/UdemyRegistrationCard.stories.tsx +++ b/src/components/Main/RegistrationCard/UdemyRegistrationCard/UdemyRegistrationCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { UdemyRegistrationCard } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Main/index.tsx b/src/components/Main/index.tsx index ec99d4a01..3ee71891c 100644 --- a/src/components/Main/index.tsx +++ b/src/components/Main/index.tsx @@ -83,12 +83,7 @@ export const Main = () => { const location = useLocation(); const { environments, environment, userInfo, backendInfo, selectedServices } = useConfigSelector(); - const { - setSelectedServices, - setInsightsFilteredCriticalityLevels: - setInsightsFilteredCriticalityLevelsInSpanScope, - setInsightsFilteredCriticalityLevelsInGlobalScope - } = useStore.getState(); + const { setSelectedServices } = useStore.getState(); const previousEnvironment = usePrevious(environment); const userId = userInfo?.id; const previousUserId = usePrevious(userId); @@ -305,16 +300,7 @@ export const Main = () => { return () => { dispatcher.removeActionListener(globalActions.SET_SCOPE, handleSetScope); }; - }, [ - goTo, - location, - environments, - environment, - updateBrowserLocation, - setSelectedServices, - setInsightsFilteredCriticalityLevelsInSpanScope, - setInsightsFilteredCriticalityLevelsInGlobalScope - ]); + }, [goTo, location, environment, updateBrowserLocation]); useLayoutEffect(() => { window.sendMessageToDigma({ diff --git a/src/components/Navigation/CodeButton/AnimatedCodeButton/AnimatedCodeButton.stories.tsx b/src/components/Navigation/CodeButton/AnimatedCodeButton/AnimatedCodeButton.stories.tsx index cf65227f1..893e926b1 100644 --- a/src/components/Navigation/CodeButton/AnimatedCodeButton/AnimatedCodeButton.stories.tsx +++ b/src/components/Navigation/CodeButton/AnimatedCodeButton/AnimatedCodeButton.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { AnimatedCodeButton } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Navigation/CodeButton/CodeButton.stories.tsx b/src/components/Navigation/CodeButton/CodeButton.stories.tsx index bf4d536c8..e031c7ba7 100644 --- a/src/components/Navigation/CodeButton/CodeButton.stories.tsx +++ b/src/components/Navigation/CodeButton/CodeButton.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { CodeButton } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Navigation/CodeButtonMenu/CodeButtonMenu.stories.tsx b/src/components/Navigation/CodeButtonMenu/CodeButtonMenu.stories.tsx index 48ad10f56..3f26b5349 100644 --- a/src/components/Navigation/CodeButtonMenu/CodeButtonMenu.stories.tsx +++ b/src/components/Navigation/CodeButtonMenu/CodeButtonMenu.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { CodeButtonMenu } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Navigation/EnvironmentBar/EnvironmentBar.stories.tsx b/src/components/Navigation/EnvironmentBar/EnvironmentBar.stories.tsx index c15005269..09bf45002 100644 --- a/src/components/Navigation/EnvironmentBar/EnvironmentBar.stories.tsx +++ b/src/components/Navigation/EnvironmentBar/EnvironmentBar.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EnvironmentBar } from "."; import { mockedEnvironments } from "./mockData"; diff --git a/src/components/Navigation/KebabMenu/KebabMenu.stories.tsx b/src/components/Navigation/KebabMenu/KebabMenu.stories.tsx index c83ab3562..c03388d9d 100644 --- a/src/components/Navigation/KebabMenu/KebabMenu.stories.tsx +++ b/src/components/Navigation/KebabMenu/KebabMenu.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { KebabMenu } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Navigation/Navigation.stories.tsx b/src/components/Navigation/Navigation.stories.tsx index 78496508e..2241095d0 100644 --- a/src/components/Navigation/Navigation.stories.tsx +++ b/src/components/Navigation/Navigation.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Navigation } from "."; import { TAB_IDS } from "./Tabs/types"; diff --git a/src/components/Navigation/ScopeBar/LinkedEndpointsMenu/LinkedEndpointsMenu.stories.tsx b/src/components/Navigation/ScopeBar/LinkedEndpointsMenu/LinkedEndpointsMenu.stories.tsx index 8c1914e3e..2be548810 100644 --- a/src/components/Navigation/ScopeBar/LinkedEndpointsMenu/LinkedEndpointsMenu.stories.tsx +++ b/src/components/Navigation/ScopeBar/LinkedEndpointsMenu/LinkedEndpointsMenu.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { LinkedEndpointsMenu } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Navigation/ScopeBar/ScopeBar.stories.tsx b/src/components/Navigation/ScopeBar/ScopeBar.stories.tsx index 302a056f1..384928062 100644 --- a/src/components/Navigation/ScopeBar/ScopeBar.stories.tsx +++ b/src/components/Navigation/ScopeBar/ScopeBar.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { ScopeBar } from "."; import type { Scope } from "../../common/App/types"; import type { CodeContext } from "../types"; diff --git a/src/components/Navigation/SpanInfo/SpanInfo.stories.tsx b/src/components/Navigation/SpanInfo/SpanInfo.stories.tsx index 583b92932..eec8ae559 100644 --- a/src/components/Navigation/SpanInfo/SpanInfo.stories.tsx +++ b/src/components/Navigation/SpanInfo/SpanInfo.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { SpanInfo } from "."; import { mockedSpanInfoData } from "./mockData"; diff --git a/src/components/Navigation/SpanInfo/Status/Status.stories.tsx b/src/components/Navigation/SpanInfo/Status/Status.stories.tsx index 907fee55a..ef35e67b3 100644 --- a/src/components/Navigation/SpanInfo/Status/Status.stories.tsx +++ b/src/components/Navigation/SpanInfo/Status/Status.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { sub } from "date-fns"; import { Status } from "."; diff --git a/src/components/Navigation/Tabs/Tabs.stories.tsx b/src/components/Navigation/Tabs/Tabs.stories.tsx index f4c4f2d1f..0d7059f2f 100644 --- a/src/components/Navigation/Tabs/Tabs.stories.tsx +++ b/src/components/Navigation/Tabs/Tabs.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Tabs } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Navigation/common/Bar/Bar.stories.tsx b/src/components/Navigation/common/Bar/Bar.stories.tsx index 4aa01632c..45d7aa611 100644 --- a/src/components/Navigation/common/Bar/Bar.stories.tsx +++ b/src/components/Navigation/common/Bar/Bar.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Bar } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Navigation/common/IconButton/IconButton.stories.tsx b/src/components/Navigation/common/IconButton/IconButton.stories.tsx index 29fcd5950..065eac322 100644 --- a/src/components/Navigation/common/IconButton/IconButton.stories.tsx +++ b/src/components/Navigation/common/IconButton/IconButton.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { IconButton } from "."; import { CodeIcon } from "../../../common/icons/16px/CodeIcon"; diff --git a/src/components/Navigation/common/MenuList/MenuList.stories.tsx b/src/components/Navigation/common/MenuList/MenuList.stories.tsx index e267ba365..5fec8abbf 100644 --- a/src/components/Navigation/common/MenuList/MenuList.stories.tsx +++ b/src/components/Navigation/common/MenuList/MenuList.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { MenuList } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Navigation/common/Popup/Popup.stories.tsx b/src/components/Navigation/common/Popup/Popup.stories.tsx index 299bba546..8f54471e9 100644 --- a/src/components/Navigation/common/Popup/Popup.stories.tsx +++ b/src/components/Navigation/common/Popup/Popup.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Popup } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Notifications/EmptyState/EmptyState.stories.tsx b/src/components/Notifications/EmptyState/EmptyState.stories.tsx index e093d68d6..8c77bff86 100644 --- a/src/components/Notifications/EmptyState/EmptyState.stories.tsx +++ b/src/components/Notifications/EmptyState/EmptyState.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EmptyState } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Notifications/NotificationCard/NotificationCard.stories.tsx b/src/components/Notifications/NotificationCard/NotificationCard.stories.tsx index edcf12ff8..50ecfd9e5 100644 --- a/src/components/Notifications/NotificationCard/NotificationCard.stories.tsx +++ b/src/components/Notifications/NotificationCard/NotificationCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { NotificationCard } from "."; import { InsightType } from "../../../types"; import { InsightScope } from "../../Insights/types"; diff --git a/src/components/Notifications/Notifications.stories.tsx b/src/components/Notifications/Notifications.stories.tsx index 1b4d6325e..ca4fe3bb7 100644 --- a/src/components/Notifications/Notifications.stories.tsx +++ b/src/components/Notifications/Notifications.stories.tsx @@ -2,7 +2,7 @@ // spanCodeObjectId: // "span:OpenTelemetry.Instrumentation.AspNetCore$_$HTTP POST Transfer/TransferFunds", -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Notifications } from "."; import { InsightType } from "../../types"; import { InsightScope } from "../Insights/types"; diff --git a/src/components/RecentActivity/ConfirmationDialog/ConfirmationDialog.stories.tsx b/src/components/RecentActivity/ConfirmationDialog/ConfirmationDialog.stories.tsx index c24a89be0..b1a3fcd7f 100644 --- a/src/components/RecentActivity/ConfirmationDialog/ConfirmationDialog.stories.tsx +++ b/src/components/RecentActivity/ConfirmationDialog/ConfirmationDialog.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { ConfirmationDialog } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentPanel/CreateEnvironmentPanel.stories.tsx b/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentPanel/CreateEnvironmentPanel.stories.tsx index a4395e30e..bb00ba758 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentPanel/CreateEnvironmentPanel.stories.tsx +++ b/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentPanel/CreateEnvironmentPanel.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { CreateEnvironmentPanel } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentPanel/Tab/Tab.stories.tsx b/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentPanel/Tab/Tab.stories.tsx index df8866dd4..444149010 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentPanel/Tab/Tab.stories.tsx +++ b/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentPanel/Tab/Tab.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Tab } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentWizard.stories.tsx b/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentWizard.stories.tsx index 0c1aef1da..b376aff5e 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentWizard.stories.tsx +++ b/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentWizard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { CreateEnvironmentWizard } from "."; import { ConfigContext, initialState } from "../../common/App/ConfigContext"; import { DeploymentType } from "../../common/App/types"; diff --git a/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentNameStep/EnvironmentNameStep.stories.tsx b/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentNameStep/EnvironmentNameStep.stories.tsx index 15f9b631a..e00977002 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentNameStep/EnvironmentNameStep.stories.tsx +++ b/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentNameStep/EnvironmentNameStep.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EnvironmentNameStep } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypeStep/EnvironmentTypePanel/EnvironmentTypePanel.stories.tsx b/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypeStep/EnvironmentTypePanel/EnvironmentTypePanel.stories.tsx index 6677c0254..6d8055db4 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypeStep/EnvironmentTypePanel/EnvironmentTypePanel.stories.tsx +++ b/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypeStep/EnvironmentTypePanel/EnvironmentTypePanel.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EnvironmentTypePanel } from "."; import { ConfigContext, diff --git a/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypeStep/EnvironmentTypeStep.stories.tsx b/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypeStep/EnvironmentTypeStep.stories.tsx index e41d44ce4..a11fd59ed 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypeStep/EnvironmentTypeStep.stories.tsx +++ b/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypeStep/EnvironmentTypeStep.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EnvironmentTypeStep } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/RecentActivity/CreateEnvironmentWizard/ErrorsPanel/ErrorCard/ErrorCard.stories.tsx b/src/components/RecentActivity/CreateEnvironmentWizard/ErrorsPanel/ErrorCard/ErrorCard.stories.tsx index 5926b633f..b0700c64f 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/ErrorsPanel/ErrorCard/ErrorCard.stories.tsx +++ b/src/components/RecentActivity/CreateEnvironmentWizard/ErrorsPanel/ErrorCard/ErrorCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { ErrorCard } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/RecentActivity/CreateEnvironmentWizard/ErrorsPanel/ErrorsPanel.stories.tsx b/src/components/RecentActivity/CreateEnvironmentWizard/ErrorsPanel/ErrorsPanel.stories.tsx index ff9a2565b..743589d8c 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/ErrorsPanel/ErrorsPanel.stories.tsx +++ b/src/components/RecentActivity/CreateEnvironmentWizard/ErrorsPanel/ErrorsPanel.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { ErrorsPanel } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/RecentActivity/CreateEnvironmentWizard/FinishStep/FinishStep.stories.tsx b/src/components/RecentActivity/CreateEnvironmentWizard/FinishStep/FinishStep.stories.tsx index 6887997f4..541895955 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/FinishStep/FinishStep.stories.tsx +++ b/src/components/RecentActivity/CreateEnvironmentWizard/FinishStep/FinishStep.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { FinishStep } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/RecentActivity/CreateEnvironmentWizard/RegisterStep/RegisterStep.stories.tsx b/src/components/RecentActivity/CreateEnvironmentWizard/RegisterStep/RegisterStep.stories.tsx index d8e90e4b0..7a2da9875 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/RegisterStep/RegisterStep.stories.tsx +++ b/src/components/RecentActivity/CreateEnvironmentWizard/RegisterStep/RegisterStep.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { RegisterStep } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/RecentActivity/Digmathon/Digmathon.stories.tsx b/src/components/RecentActivity/Digmathon/Digmathon.stories.tsx index 27d6b5323..a93f6be18 100644 --- a/src/components/RecentActivity/Digmathon/Digmathon.stories.tsx +++ b/src/components/RecentActivity/Digmathon/Digmathon.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Digmathon } from "."; import { actions } from "../actions"; import { useDigmathonProgressData } from "../useDigmathonProgressData"; diff --git a/src/components/RecentActivity/Digmathon/DigmathonInsightCard/DigmathonInsightCard.stories.tsx b/src/components/RecentActivity/Digmathon/DigmathonInsightCard/DigmathonInsightCard.stories.tsx index 7cfa82064..441b4e10d 100644 --- a/src/components/RecentActivity/Digmathon/DigmathonInsightCard/DigmathonInsightCard.stories.tsx +++ b/src/components/RecentActivity/Digmathon/DigmathonInsightCard/DigmathonInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { DigmathonInsightCard } from "."; import { InsightType } from "../../../../types"; import { getDigmathonInsightCardData } from "../getDigmathonInsightData"; diff --git a/src/components/RecentActivity/EnvironmentInstructionsPanel/EnvironmentInstructionsPanel.stories.tsx b/src/components/RecentActivity/EnvironmentInstructionsPanel/EnvironmentInstructionsPanel.stories.tsx index 7eac6af8d..6298c5add 100644 --- a/src/components/RecentActivity/EnvironmentInstructionsPanel/EnvironmentInstructionsPanel.stories.tsx +++ b/src/components/RecentActivity/EnvironmentInstructionsPanel/EnvironmentInstructionsPanel.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EnvironmentInstructionsPanel } from "."; import { ConfigContext, initialState } from "../../common/App/ConfigContext"; import type { ConfigContextData } from "../../common/App/types"; diff --git a/src/components/RecentActivity/EnvironmentInstructionsPanel/EnvironmentVariableCode/EnvironmentVariableCode.stories.tsx b/src/components/RecentActivity/EnvironmentInstructionsPanel/EnvironmentVariableCode/EnvironmentVariableCode.stories.tsx index 264d2df82..782e95cbb 100644 --- a/src/components/RecentActivity/EnvironmentInstructionsPanel/EnvironmentVariableCode/EnvironmentVariableCode.stories.tsx +++ b/src/components/RecentActivity/EnvironmentInstructionsPanel/EnvironmentVariableCode/EnvironmentVariableCode.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EnvironmentVariableCode } from "."; import { ConfigContext, initialState } from "../../../common/App/ConfigContext"; import type { ConfigContextData } from "../../../common/App/types"; diff --git a/src/components/RecentActivity/EnvironmentPanel/EnvironmentTab/EnvironmentTab.stories.tsx b/src/components/RecentActivity/EnvironmentPanel/EnvironmentTab/EnvironmentTab.stories.tsx index 759340142..2f2483082 100644 --- a/src/components/RecentActivity/EnvironmentPanel/EnvironmentTab/EnvironmentTab.stories.tsx +++ b/src/components/RecentActivity/EnvironmentPanel/EnvironmentTab/EnvironmentTab.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EnvironmentTab } from "."; import type { ExtendedEnvironment } from "../../types"; diff --git a/src/components/RecentActivity/LiveView/LiveView.stories.tsx b/src/components/RecentActivity/LiveView/LiveView.stories.tsx index 0fdd842d9..0db0e73a5 100644 --- a/src/components/RecentActivity/LiveView/LiveView.stories.tsx +++ b/src/components/RecentActivity/LiveView/LiveView.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { LiveView } from "."; import { mockData } from "./mockData"; import type { LiveDataDurationPercentile } from "./types"; diff --git a/src/components/RecentActivity/LiveView/index.tsx b/src/components/RecentActivity/LiveView/index.tsx index af260942e..e7650b98a 100644 --- a/src/components/RecentActivity/LiveView/index.tsx +++ b/src/components/RecentActivity/LiveView/index.tsx @@ -2,8 +2,6 @@ import { format } from "date-fns"; import type { MouseEvent, UIEvent } from "react"; import { useCallback, useEffect, useMemo, useRef, useState } from "react"; import useDimensions from "react-cool-dimensions"; -import useScrollbarSize from "react-scrollbar-size"; - import { Area, CartesianGrid, @@ -18,6 +16,7 @@ import { import type { DefaultTheme } from "styled-components"; import { useTheme } from "styled-components"; import { usePrevious } from "../../../hooks/usePrevious"; +import { useScrollbarDimensions } from "../../../hooks/useScrollbarDimensions"; import { isNumber } from "../../../typeGuards/isNumber"; import { sendUserActionTrackingEvent } from "../../../utils/actions/sendUserActionTrackingEvent"; import { convertToDurationUnit } from "../../../utils/convertToDurationUnit"; @@ -160,7 +159,7 @@ export const LiveView = ({ data, onClose }: LiveViewProps) => { const [areaTooltip, setAreaTooltip] = useState(); const [dotToolTip, setDotTooltip] = useState(); const [scrollPercentagePosition, setScrollPercentagePosition] = useState(1); - const scrollbar = useScrollbarSize(); + const scrollbar = useScrollbarDimensions(); const [areErrorsVisible, setAreErrorsVisible] = useState(true); useEffect(() => { @@ -357,7 +356,7 @@ export const LiveView = ({ data, onClose }: LiveViewProps) => { chartContainerRef.current && chartContainerRef.current.scrollWidth > chartContainerRef.current.clientWidth - ? scrollbar.width + ? scrollbar.height : 0; const changedPercentile = useMemo(() => { diff --git a/src/components/RecentActivity/NoData/NoData.stories.tsx b/src/components/RecentActivity/NoData/NoData.stories.tsx index b81a8af2a..714af94c5 100644 --- a/src/components/RecentActivity/NoData/NoData.stories.tsx +++ b/src/components/RecentActivity/NoData/NoData.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { NoData } from "."; const meta: Meta = { diff --git a/src/components/RecentActivity/RecentActivity.stories.tsx b/src/components/RecentActivity/RecentActivity.stories.tsx index c605c984f..5f2469491 100644 --- a/src/components/RecentActivity/RecentActivity.stories.tsx +++ b/src/components/RecentActivity/RecentActivity.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { RecentActivity } from "."; import { actions as globalActions } from "../../actions"; import { mockedDigmathonProgressData } from "./Digmathon/mockData"; diff --git a/src/components/RecentActivity/SetupOrgDigmaPanel/SetupOrgDigmaPanel.stories.tsx b/src/components/RecentActivity/SetupOrgDigmaPanel/SetupOrgDigmaPanel.stories.tsx index c09a633a8..198160a44 100644 --- a/src/components/RecentActivity/SetupOrgDigmaPanel/SetupOrgDigmaPanel.stories.tsx +++ b/src/components/RecentActivity/SetupOrgDigmaPanel/SetupOrgDigmaPanel.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { SetupOrgDigmaPanel } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/RecentActivity/WelcomeScreen/WelcomeScreen.stories.tsx b/src/components/RecentActivity/WelcomeScreen/WelcomeScreen.stories.tsx index 822af0190..0503584f2 100644 --- a/src/components/RecentActivity/WelcomeScreen/WelcomeScreen.stories.tsx +++ b/src/components/RecentActivity/WelcomeScreen/WelcomeScreen.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { WelcomeScreen } from "."; const meta: Meta = { diff --git a/src/components/Tests/EmptyState/EmptyState.stories.tsx b/src/components/Tests/EmptyState/EmptyState.stories.tsx index 3ed702e06..15bcb2a2e 100644 --- a/src/components/Tests/EmptyState/EmptyState.stories.tsx +++ b/src/components/Tests/EmptyState/EmptyState.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EmptyState } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/Tests/EnvironmentFilter/EnvironmentFilter.stories.tsx b/src/components/Tests/EnvironmentFilter/EnvironmentFilter.stories.tsx index f09921572..25618e9c5 100644 --- a/src/components/Tests/EnvironmentFilter/EnvironmentFilter.stories.tsx +++ b/src/components/Tests/EnvironmentFilter/EnvironmentFilter.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { useState } from "react"; import { EnvironmentFilter } from "."; import type { MenuItem } from "../../common/FilterMenu/types"; diff --git a/src/components/Tests/TestCard/TestCard.stories.tsx b/src/components/Tests/TestCard/TestCard.stories.tsx index 57551bedf..2f344ecca 100644 --- a/src/components/Tests/TestCard/TestCard.stories.tsx +++ b/src/components/Tests/TestCard/TestCard.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { TestCard } from "."; import { mockedTest } from "./mockData"; diff --git a/src/components/Tests/TestTicket/TestTicket.stories.tsx b/src/components/Tests/TestTicket/TestTicket.stories.tsx index 0339b4001..b375c8b0b 100644 --- a/src/components/Tests/TestTicket/TestTicket.stories.tsx +++ b/src/components/Tests/TestTicket/TestTicket.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { TestTicket } from "."; import { mockedTest } from "../TestCard/mockData"; diff --git a/src/components/Tests/Tests.stories.tsx b/src/components/Tests/Tests.stories.tsx index 7bc3928e8..8b3f55be5 100644 --- a/src/components/Tests/Tests.stories.tsx +++ b/src/components/Tests/Tests.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Tests } from "."; import { mockedTest } from "./TestCard/mockData"; import { actions } from "./actions"; diff --git a/src/components/Troubleshooting/Troubleshooting.stories.tsx b/src/components/Troubleshooting/Troubleshooting.stories.tsx index a2931b8a1..b0461ae7f 100644 --- a/src/components/Troubleshooting/Troubleshooting.stories.tsx +++ b/src/components/Troubleshooting/Troubleshooting.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Troubleshooting } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/AffectedEndpointsSelector/AffectedEndpointsSelector.stories.tsx b/src/components/common/AffectedEndpointsSelector/AffectedEndpointsSelector.stories.tsx index 7d68e9d40..c38769172 100644 --- a/src/components/common/AffectedEndpointsSelector/AffectedEndpointsSelector.stories.tsx +++ b/src/components/common/AffectedEndpointsSelector/AffectedEndpointsSelector.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { AffectedEndpointsSelector } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/Badge/Badge.stories.tsx b/src/components/common/Badge/Badge.stories.tsx index c7438415d..efaa2aded 100644 --- a/src/components/common/Badge/Badge.stories.tsx +++ b/src/components/common/Badge/Badge.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Badge } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/Button/Button.stories.tsx b/src/components/common/Button/Button.stories.tsx index 7bb01c7e2..a3d696bab 100644 --- a/src/components/common/Button/Button.stories.tsx +++ b/src/components/common/Button/Button.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Button } from "."; import { UserIcon } from "../icons/UserIcon"; diff --git a/src/components/common/CancelConfirmation/CancelConfirmation.stories.tsx b/src/components/common/CancelConfirmation/CancelConfirmation.stories.tsx index f6012bd62..8cde9fc78 100644 --- a/src/components/common/CancelConfirmation/CancelConfirmation.stories.tsx +++ b/src/components/common/CancelConfirmation/CancelConfirmation.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { CancelConfirmation } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/Card/Card.stories.tsx b/src/components/common/Card/Card.stories.tsx index 9c3ba75c1..315b59625 100644 --- a/src/components/common/Card/Card.stories.tsx +++ b/src/components/common/Card/Card.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Card } from "."; import { NewButton } from "../v3/NewButton"; import type { CardProps } from "./types"; diff --git a/src/components/common/Checkbox/Checkbox.stories.tsx b/src/components/common/Checkbox/Checkbox.stories.tsx index 6c452ac99..64b99f65e 100644 --- a/src/components/common/Checkbox/Checkbox.stories.tsx +++ b/src/components/common/Checkbox/Checkbox.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Checkbox } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/Chip/Chip.stories.tsx b/src/components/common/Chip/Chip.stories.tsx index d939ea3f2..a7d93d04e 100644 --- a/src/components/common/Chip/Chip.stories.tsx +++ b/src/components/common/Chip/Chip.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Chip } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/CircleLoader/CircleLoader.stories.tsx b/src/components/common/CircleLoader/CircleLoader.stories.tsx index 17c06939f..c2e206848 100644 --- a/src/components/common/CircleLoader/CircleLoader.stories.tsx +++ b/src/components/common/CircleLoader/CircleLoader.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { CircleLoader } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/CodeSnippet/CodeSnippet.stories.tsx b/src/components/common/CodeSnippet/CodeSnippet.stories.tsx index be823a54c..687d7fe83 100644 --- a/src/components/common/CodeSnippet/CodeSnippet.stories.tsx +++ b/src/components/common/CodeSnippet/CodeSnippet.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { CodeSnippet } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/CursorFollower/CursorFollower.stories.tsx b/src/components/common/CursorFollower/CursorFollower.stories.tsx index 2ba93a378..566a8bbf7 100644 --- a/src/components/common/CursorFollower/CursorFollower.stories.tsx +++ b/src/components/common/CursorFollower/CursorFollower.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { CursorFollower } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/DaysFilter/DaysFilter.stories.tsx b/src/components/common/DaysFilter/DaysFilter.stories.tsx index 4f3cd9ecd..e52bd2e79 100644 --- a/src/components/common/DaysFilter/DaysFilter.stories.tsx +++ b/src/components/common/DaysFilter/DaysFilter.stories.tsx @@ -1,5 +1,5 @@ -import type { Meta, StoryObj } from "@storybook/react"; -import { fn } from "@storybook/test"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; +import { fn } from "storybook/test"; import { DaysFilter } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/DigmaSignature/DigmaSignature.stories.tsx b/src/components/common/DigmaSignature/DigmaSignature.stories.tsx index b027d9ff1..d7032766d 100644 --- a/src/components/common/DigmaSignature/DigmaSignature.stories.tsx +++ b/src/components/common/DigmaSignature/DigmaSignature.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { DigmaSignature } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/DismissPanel/DismissPanel.stories.tsx b/src/components/common/DismissPanel/DismissPanel.stories.tsx index 7319b6867..b22287a4a 100644 --- a/src/components/common/DismissPanel/DismissPanel.stories.tsx +++ b/src/components/common/DismissPanel/DismissPanel.stories.tsx @@ -1,5 +1,5 @@ -import type { Meta, StoryObj } from "@storybook/react"; -import { fn } from "@storybook/test"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; +import { fn } from "storybook/test"; import { DismissPanel } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/EnvironmentIcon/EnvironmentIcon.stories.tsx b/src/components/common/EnvironmentIcon/EnvironmentIcon.stories.tsx index fa74f4a8a..e2ba55cbf 100644 --- a/src/components/common/EnvironmentIcon/EnvironmentIcon.stories.tsx +++ b/src/components/common/EnvironmentIcon/EnvironmentIcon.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EnvironmentIcon } from "."; import type { Environment } from "../../../redux/services/types"; diff --git a/src/components/common/ErrorScreen/ErrorScreen.stories.tsx b/src/components/common/ErrorScreen/ErrorScreen.stories.tsx index 979edabc1..df8e8488b 100644 --- a/src/components/common/ErrorScreen/ErrorScreen.stories.tsx +++ b/src/components/common/ErrorScreen/ErrorScreen.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { ErrorScreen } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/FilterButton/FilterButton.stories.tsx b/src/components/common/FilterButton/FilterButton.stories.tsx index bd8e0bc14..46b63e62e 100644 --- a/src/components/common/FilterButton/FilterButton.stories.tsx +++ b/src/components/common/FilterButton/FilterButton.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { FilterButton } from "."; import type { FilterButtonProps } from "./types"; diff --git a/src/components/common/FilterMenu/FilterMenu.stories.tsx b/src/components/common/FilterMenu/FilterMenu.stories.tsx index e97af576d..188acb639 100644 --- a/src/components/common/FilterMenu/FilterMenu.stories.tsx +++ b/src/components/common/FilterMenu/FilterMenu.stories.tsx @@ -1,6 +1,6 @@ -import type { Meta, StoryObj } from "@storybook/react"; -import { fn } from "@storybook/test"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { useState } from "react"; +import { fn } from "storybook/test"; import { FilterMenu } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/FilterPopup/FilterPopup.stories.tsx b/src/components/common/FilterPopup/FilterPopup.stories.tsx index 861ecf648..917c72b92 100644 --- a/src/components/common/FilterPopup/FilterPopup.stories.tsx +++ b/src/components/common/FilterPopup/FilterPopup.stories.tsx @@ -1,5 +1,5 @@ -import type { Meta, StoryObj } from "@storybook/react"; -import { fn } from "@storybook/test"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; +import { fn } from "storybook/test"; import { FilterPopup } from "."; import { Select } from "../v3/Select"; diff --git a/src/components/common/HistoryNavigationPanel/HistoryNavigationPanel.stories.tsx b/src/components/common/HistoryNavigationPanel/HistoryNavigationPanel.stories.tsx index dd3ba6797..2d1ddbbe2 100644 --- a/src/components/common/HistoryNavigationPanel/HistoryNavigationPanel.stories.tsx +++ b/src/components/common/HistoryNavigationPanel/HistoryNavigationPanel.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { HistoryNavigationPanel } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/IconButton/IconButton.stories.tsx b/src/components/common/IconButton/IconButton.stories.tsx index ba30c82cd..f59661f26 100644 --- a/src/components/common/IconButton/IconButton.stories.tsx +++ b/src/components/common/IconButton/IconButton.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { IconButton } from "."; import { CodeIcon } from "../icons/16px/CodeIcon"; diff --git a/src/components/common/IconTag/IconTag.stories.tsx b/src/components/common/IconTag/IconTag.stories.tsx index 874742008..cd9157793 100644 --- a/src/components/common/IconTag/IconTag.stories.tsx +++ b/src/components/common/IconTag/IconTag.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { IconTag } from "."; import { CodeIcon } from "../icons/16px/CodeIcon"; diff --git a/src/components/common/IssuesReport/Chart/Chart.stories.tsx b/src/components/common/IssuesReport/Chart/Chart.stories.tsx index 43347fe51..851fa0619 100644 --- a/src/components/common/IssuesReport/Chart/Chart.stories.tsx +++ b/src/components/common/IssuesReport/Chart/Chart.stories.tsx @@ -1,5 +1,5 @@ -import type { Meta, StoryObj } from "@storybook/react"; -import { fn } from "@storybook/test"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; +import { fn } from "storybook/test"; import { Chart } from "."; import { mockedReport } from "../Table/mockData"; import { transformServicesData } from "../utils"; diff --git a/src/components/common/IssuesReport/Chart/index.tsx b/src/components/common/IssuesReport/Chart/index.tsx index 638e918b7..fe819d505 100644 --- a/src/components/common/IssuesReport/Chart/index.tsx +++ b/src/components/common/IssuesReport/Chart/index.tsx @@ -1,8 +1,8 @@ import type { UIEvent } from "react"; import { useEffect, useState } from "react"; import useDimensions from "react-cool-dimensions"; -import useScrollbarSize from "react-scrollbar-size"; import type { Input } from "squarify"; +import { useScrollbarDimensions } from "../../../../hooks/useScrollbarDimensions"; import { sendUserActionTrackingEvent } from "../../../../utils/actions/sendUserActionTrackingEvent"; import { TreeMap } from "../../TreeMap"; import type { TileData } from "../../TreeMap/types"; @@ -23,7 +23,7 @@ export const Chart = ({ const { width, height, entry, observe } = useDimensions(); const [isLeftOverlayVisible, setIsLeftOverlayVisible] = useState(false); const [isRightOverlayVisible, setIsRightOverlayVisible] = useState(false); - const scrollbar = useScrollbarSize(); + const scrollbar = useScrollbarDimensions(); useEffect(() => { if (entry) { @@ -105,12 +105,12 @@ export const Chart = ({ ); diff --git a/src/components/common/IssuesReport/EmptyState/EmptyState.stories.tsx b/src/components/common/IssuesReport/EmptyState/EmptyState.stories.tsx index 7015b7d3c..cc4bb3648 100644 --- a/src/components/common/IssuesReport/EmptyState/EmptyState.stories.tsx +++ b/src/components/common/IssuesReport/EmptyState/EmptyState.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EmptyState } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/IssuesReport/Header/Header.stories.tsx b/src/components/common/IssuesReport/Header/Header.stories.tsx index db9492dff..179c6f498 100644 --- a/src/components/common/IssuesReport/Header/Header.stories.tsx +++ b/src/components/common/IssuesReport/Header/Header.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Header } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/IssuesReport/IssuesReport.stories.tsx b/src/components/common/IssuesReport/IssuesReport.stories.tsx index 11edfbc80..cd90a58d6 100644 --- a/src/components/common/IssuesReport/IssuesReport.stories.tsx +++ b/src/components/common/IssuesReport/IssuesReport.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { IssuesReport } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/IssuesReport/Table/Table.stories.tsx b/src/components/common/IssuesReport/Table/Table.stories.tsx index 4c931ff47..21ad377cf 100644 --- a/src/components/common/IssuesReport/Table/Table.stories.tsx +++ b/src/components/common/IssuesReport/Table/Table.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Table } from "."; import { transformServicesData } from "../utils"; import { mockedReport } from "./mockData"; diff --git a/src/components/common/JiraTicket/Field/index.tsx b/src/components/common/JiraTicket/Field/index.tsx index b0105a54c..ac5b262c4 100644 --- a/src/components/common/JiraTicket/Field/index.tsx +++ b/src/components/common/JiraTicket/Field/index.tsx @@ -1,11 +1,11 @@ import { useCallback, useRef } from "react"; import useDimensions from "react-cool-dimensions"; -import useScrollbarSize from "react-scrollbar-size"; +import { useScrollbarDimensions } from "../../../../hooks/useScrollbarDimensions"; import * as s from "./styles"; import type { ButtonPosition, FieldProps } from "./types"; export const Field = ({ multiline, children, button }: FieldProps) => { - const scrollbar = useScrollbarSize(); + const scrollbar = useScrollbarDimensions(); const contentRef = useRef(null); const { observe } = useDimensions(); diff --git a/src/components/common/JiraTicket/JiraTicket.stories.tsx b/src/components/common/JiraTicket/JiraTicket.stories.tsx index 933934862..f76417c88 100644 --- a/src/components/common/JiraTicket/JiraTicket.stories.tsx +++ b/src/components/common/JiraTicket/JiraTicket.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { JiraTicket } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/Link/Link.stories.tsx b/src/components/common/Link/Link.stories.tsx index acb93d040..0899e2366 100644 --- a/src/components/common/Link/Link.stories.tsx +++ b/src/components/common/Link/Link.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Link } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/Loader/Loader.stories.tsx b/src/components/common/Loader/Loader.stories.tsx index d3e7ba075..027ada76c 100644 --- a/src/components/common/Loader/Loader.stories.tsx +++ b/src/components/common/Loader/Loader.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Loader } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/Menu/Menu.stories.tsx b/src/components/common/Menu/Menu.stories.tsx index 540f9c9e3..a76f7f70c 100644 --- a/src/components/common/Menu/Menu.stories.tsx +++ b/src/components/common/Menu/Menu.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Menu } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/NewButton/NewButton.stories.tsx b/src/components/common/NewButton/NewButton.stories.tsx index c786cd9bf..68b251f82 100644 --- a/src/components/common/NewButton/NewButton.stories.tsx +++ b/src/components/common/NewButton/NewButton.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { NewButton } from "."; import { CrosshairIcon } from "../icons/CrosshairIcon"; diff --git a/src/components/common/NewCircleLoader/NewCircleLoader.stories.tsx b/src/components/common/NewCircleLoader/NewCircleLoader.stories.tsx index cff808855..b7e131631 100644 --- a/src/components/common/NewCircleLoader/NewCircleLoader.stories.tsx +++ b/src/components/common/NewCircleLoader/NewCircleLoader.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { NewCircleLoader } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/Overlay/Overlay.stories.tsx b/src/components/common/Overlay/Overlay.stories.tsx index dab3dfd78..baa8aa871 100644 --- a/src/components/common/Overlay/Overlay.stories.tsx +++ b/src/components/common/Overlay/Overlay.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { useState } from "react"; import { Overlay } from "."; diff --git a/src/components/common/Pagination/Pagination.stories.tsx b/src/components/common/Pagination/Pagination.stories.tsx index 29c97aa61..02502b0a1 100644 --- a/src/components/common/Pagination/Pagination.stories.tsx +++ b/src/components/common/Pagination/Pagination.stories.tsx @@ -1,6 +1,6 @@ -import type { Meta, StoryObj } from "@storybook/react"; -import { fn } from "@storybook/test"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { useState } from "react"; +import { fn } from "storybook/test"; import { Pagination } from "."; import type { PaginationProps } from "./types"; diff --git a/src/components/common/RegisterForm/RegisterForm.stories.tsx b/src/components/common/RegisterForm/RegisterForm.stories.tsx index d9aec2138..ff7ed8a3f 100644 --- a/src/components/common/RegisterForm/RegisterForm.stories.tsx +++ b/src/components/common/RegisterForm/RegisterForm.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { RegisterForm } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/RegistrationDialog/RegistrationDialog.stories.tsx b/src/components/common/RegistrationDialog/RegistrationDialog.stories.tsx index 52ead011e..c24e46c15 100644 --- a/src/components/common/RegistrationDialog/RegistrationDialog.stories.tsx +++ b/src/components/common/RegistrationDialog/RegistrationDialog.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { RegistrationDialog } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/RegistrationDialog/TextField/TextField.stories.tsx b/src/components/common/RegistrationDialog/TextField/TextField.stories.tsx index f0e28afd6..f34f4ce52 100644 --- a/src/components/common/RegistrationDialog/TextField/TextField.stories.tsx +++ b/src/components/common/RegistrationDialog/TextField/TextField.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { TextField } from "."; import { DigmaLogoIcon } from "../../icons/DigmaLogoIcon"; diff --git a/src/components/common/ScoreIndicator/ScoreIndicator.stories.tsx b/src/components/common/ScoreIndicator/ScoreIndicator.stories.tsx index 6fb84fb17..22a941c91 100644 --- a/src/components/common/ScoreIndicator/ScoreIndicator.stories.tsx +++ b/src/components/common/ScoreIndicator/ScoreIndicator.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { ScoreIndicator } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/SearchInput/SearchInput.stories.tsx b/src/components/common/SearchInput/SearchInput.stories.tsx index 9cdbbe0ef..b5ba63adc 100644 --- a/src/components/common/SearchInput/SearchInput.stories.tsx +++ b/src/components/common/SearchInput/SearchInput.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { SearchInput } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/SearchInput/index.tsx b/src/components/common/SearchInput/index.tsx index 96ec31941..d00170ca7 100644 --- a/src/components/common/SearchInput/index.tsx +++ b/src/components/common/SearchInput/index.tsx @@ -28,9 +28,9 @@ export const SearchInput = ({ onChange={handleSearchInputChange} value={value ?? ""} /> - + - + ); }; diff --git a/src/components/common/SearchInput/styles.ts b/src/components/common/SearchInput/styles.ts index 18b48b118..8113c7459 100644 --- a/src/components/common/SearchInput/styles.ts +++ b/src/components/common/SearchInput/styles.ts @@ -21,7 +21,7 @@ export const SearchInputIconContainer = styled.div` export const SearchInput = styled.input` width: 100%; font-size: 14px; - padding: 4px 4px 4px 20px; + padding: 4px 20px; border-radius: 4px; outline: none; border: 1px solid ${({ theme }) => theme.colors.stroke.primary}; @@ -83,7 +83,7 @@ export const SearchInput = styled.input` } `; -export const DeleteTagButton = styled.button` +export const DeleteButton = styled.button` padding: 0; cursor: pointer; background: none; diff --git a/src/components/common/Select/Select.stories.tsx b/src/components/common/Select/Select.stories.tsx index a2f56655d..3c7daa638 100644 --- a/src/components/common/Select/Select.stories.tsx +++ b/src/components/common/Select/Select.stories.tsx @@ -1,6 +1,6 @@ -import type { Meta, StoryObj } from "@storybook/react"; -import { fn } from "@storybook/test"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { useState } from "react"; +import { fn } from "storybook/test"; import { Select } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/SortingSelector/SortingSelector.stories.tsx b/src/components/common/SortingSelector/SortingSelector.stories.tsx index df2a303a5..35a398a00 100644 --- a/src/components/common/SortingSelector/SortingSelector.stories.tsx +++ b/src/components/common/SortingSelector/SortingSelector.stories.tsx @@ -1,5 +1,5 @@ -import type { Meta, StoryObj } from "@storybook/react"; -import { fn } from "@storybook/test"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; +import { fn } from "storybook/test"; import { SortingSelector } from "."; import { SortingOrder } from "../../../redux/services/types"; diff --git a/src/components/common/Tag/Tag.stories.tsx b/src/components/common/Tag/Tag.stories.tsx index c0b4c6ccb..b40914bbf 100644 --- a/src/components/common/Tag/Tag.stories.tsx +++ b/src/components/common/Tag/Tag.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Tag } from "."; import { BottleneckIcon } from "../icons/BottleneckIcon"; diff --git a/src/components/common/TextField/TextField.stories.tsx b/src/components/common/TextField/TextField.stories.tsx index 0d63590b7..f879e2696 100644 --- a/src/components/common/TextField/TextField.stories.tsx +++ b/src/components/common/TextField/TextField.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { TextField } from "."; import { DigmaLogoIcon } from "../icons/DigmaLogoIcon"; diff --git a/src/components/common/Toggle/Toggle.stories.tsx b/src/components/common/Toggle/Toggle.stories.tsx index c8e67a580..ebf5a956e 100644 --- a/src/components/common/Toggle/Toggle.stories.tsx +++ b/src/components/common/Toggle/Toggle.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { useState } from "react"; import { Toggle } from "."; import { PERCENTILES } from "../../../constants"; diff --git a/src/components/common/ToggleSwitch/ToggleSwitch.stories.tsx b/src/components/common/ToggleSwitch/ToggleSwitch.stories.tsx index 110e73c80..1439bb90c 100644 --- a/src/components/common/ToggleSwitch/ToggleSwitch.stories.tsx +++ b/src/components/common/ToggleSwitch/ToggleSwitch.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { ToggleSwitch } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/Tooltip/Tooltip.stories.tsx b/src/components/common/Tooltip/Tooltip.stories.tsx index bb8841875..82c15071e 100644 --- a/src/components/common/Tooltip/Tooltip.stories.tsx +++ b/src/components/common/Tooltip/Tooltip.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Tooltip } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/TreeMap/TreeMap.stories.tsx b/src/components/common/TreeMap/TreeMap.stories.tsx index 81fdda138..aafa7efa8 100644 --- a/src/components/common/TreeMap/TreeMap.stories.tsx +++ b/src/components/common/TreeMap/TreeMap.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { TreeMap } from "."; import { ReportTile } from "../IssuesReport/Chart/ReportTile"; diff --git a/src/components/common/v3/Button/Button.stories.tsx b/src/components/common/v3/Button/Button.stories.tsx index 33da99a6b..9abde9e94 100644 --- a/src/components/common/v3/Button/Button.stories.tsx +++ b/src/components/common/v3/Button/Button.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Button } from "."; import { CrosshairIcon } from "../../icons/CrosshairIcon"; diff --git a/src/components/common/v3/Card/Card.stories.tsx b/src/components/common/v3/Card/Card.stories.tsx index f283df3ae..426a81cc5 100644 --- a/src/components/common/v3/Card/Card.stories.tsx +++ b/src/components/common/v3/Card/Card.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Card } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/v3/Checkmark/Checkmark.stories.tsx b/src/components/common/v3/Checkmark/Checkmark.stories.tsx index cf8c44104..738bc1681 100644 --- a/src/components/common/v3/Checkmark/Checkmark.stories.tsx +++ b/src/components/common/v3/Checkmark/Checkmark.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Checkmark } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/v3/EmptyState/EmptyState.stories.tsx b/src/components/common/v3/EmptyState/EmptyState.stories.tsx index 9805e5f6d..2ce8aa9b4 100644 --- a/src/components/common/v3/EmptyState/EmptyState.stories.tsx +++ b/src/components/common/v3/EmptyState/EmptyState.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { EmptyState } from "."; import { CrossCircleIcon } from "../../icons/CrossCircleIcon"; diff --git a/src/components/common/v3/JiraButton/JiraButton.stories.tsx b/src/components/common/v3/JiraButton/JiraButton.stories.tsx index ec2214bbf..7003fc326 100644 --- a/src/components/common/v3/JiraButton/JiraButton.stories.tsx +++ b/src/components/common/v3/JiraButton/JiraButton.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { JiraButton } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/v3/Link/Link.stories.tsx b/src/components/common/v3/Link/Link.stories.tsx index 31a636c65..34cbc29ce 100644 --- a/src/components/common/v3/Link/Link.stories.tsx +++ b/src/components/common/v3/Link/Link.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Link } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/v3/NewButton/NewButton.stories.tsx b/src/components/common/v3/NewButton/NewButton.stories.tsx index 764a7f01b..c72b2b669 100644 --- a/src/components/common/v3/NewButton/NewButton.stories.tsx +++ b/src/components/common/v3/NewButton/NewButton.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { NewButton } from "."; import { CrosshairIcon } from "../../icons/CrosshairIcon"; diff --git a/src/components/common/v3/NewIconButton/NewIconButton.stories.tsx b/src/components/common/v3/NewIconButton/NewIconButton.stories.tsx index bd28461af..10c07b7fc 100644 --- a/src/components/common/v3/NewIconButton/NewIconButton.stories.tsx +++ b/src/components/common/v3/NewIconButton/NewIconButton.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { NewIconButton } from "."; import { CrosshairIcon } from "../../icons/CrosshairIcon"; diff --git a/src/components/common/v3/NewTag/NewTag.stories.tsx b/src/components/common/v3/NewTag/NewTag.stories.tsx index f985e769a..a36b31cef 100644 --- a/src/components/common/v3/NewTag/NewTag.stories.tsx +++ b/src/components/common/v3/NewTag/NewTag.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { NewTag } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/v3/Pagination/Pagination.stories.tsx b/src/components/common/v3/Pagination/Pagination.stories.tsx index 0562e0d4f..e02b17b1b 100644 --- a/src/components/common/v3/Pagination/Pagination.stories.tsx +++ b/src/components/common/v3/Pagination/Pagination.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Pagination } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/v3/Select/Select.stories.tsx b/src/components/common/v3/Select/Select.stories.tsx index cd761d16d..7354fed8e 100644 --- a/src/components/common/v3/Select/Select.stories.tsx +++ b/src/components/common/v3/Select/Select.stories.tsx @@ -1,6 +1,6 @@ -import type { Meta, StoryObj } from "@storybook/react"; -import { fn } from "@storybook/test"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { useState } from "react"; +import { fn } from "storybook/test"; import { Select } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/v3/Tag/Tag.stories.tsx b/src/components/common/v3/Tag/Tag.stories.tsx index 968ab3a5b..e978a5db6 100644 --- a/src/components/common/v3/Tag/Tag.stories.tsx +++ b/src/components/common/v3/Tag/Tag.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Tag } from "."; import { BottleneckIcon } from "../../icons/BottleneckIcon"; diff --git a/src/components/common/v3/TextField/TextField.stories.tsx b/src/components/common/v3/TextField/TextField.stories.tsx index 72b28a28b..24bd1c601 100644 --- a/src/components/common/v3/TextField/TextField.stories.tsx +++ b/src/components/common/v3/TextField/TextField.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { TextField } from "."; import { DigmaLogoIcon } from "../../icons/DigmaLogoIcon"; diff --git a/src/components/common/v3/ToggleSwitch/ToggleSwitch.stories.tsx b/src/components/common/v3/ToggleSwitch/ToggleSwitch.stories.tsx index 1270b2abe..e7bb2b3ca 100644 --- a/src/components/common/v3/ToggleSwitch/ToggleSwitch.stories.tsx +++ b/src/components/common/v3/ToggleSwitch/ToggleSwitch.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { ToggleSwitch } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/common/v3/Tooltip/Tooltip.stories.tsx b/src/components/common/v3/Tooltip/Tooltip.stories.tsx index 07c3cc452..fbfe9e09e 100644 --- a/src/components/common/v3/Tooltip/Tooltip.stories.tsx +++ b/src/components/common/v3/Tooltip/Tooltip.stories.tsx @@ -1,4 +1,4 @@ -import type { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react-webpack5"; import { Tooltip } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/containers/Admin/configSyncMiddleware.ts b/src/containers/Admin/configSyncMiddleware.ts new file mode 100644 index 000000000..11d591631 --- /dev/null +++ b/src/containers/Admin/configSyncMiddleware.ts @@ -0,0 +1,61 @@ +import type { Middleware } from "@reduxjs/toolkit"; +import { digmaApi } from "../../redux/services/digma"; +import { issuesReportSlice } from "../../redux/slices/issuesReportSlice"; +import { repositorySlice } from "../../redux/slices/repositorySlice"; +import { useStore } from "../../store/useStore"; +import { store } from "./store"; + +// This middleware synchronizes the redux state with the zustand state "config" slice +export const configSyncMiddleware: Middleware = () => (next) => (action) => { + const result = next(action); + + // Sync backend info + if (digmaApi.endpoints.getAbout.matchFulfilled(action)) { + useStore.getState().setBackendInfo({ + applicationVersion: action.payload.applicationVersion, + deploymentType: action.payload.deploymentType, + centralize: action.payload.isCentralize, + site: action.payload.site, + features: action.payload.features + }); + } + + // Sync environments + if (digmaApi.endpoints.getEnvironments.matchFulfilled(action)) { + useStore.getState().setEnvironments(action.payload); + + // Sync selected environment + const state = store.getState(); + const selectedEnvironmentId = state.codeIssuesReport.selectedEnvironmentId; + const environment = + action.payload.find((env) => env.id === selectedEnvironmentId) ?? null; + + useStore.getState().setEnvironment(environment); + } + + // Sync selected environment on change + if (issuesReportSlice.actions.setSelectedEnvironmentId.match(action)) { + if (!action.payload) { + useStore.getState().setEnvironment(null); + } else { + const state = store.getState(); + const environment = + state.app.environments?.find((env) => env.id === action.payload) ?? + null; + + useStore.getState().setEnvironment(environment); + } + } + + // Sync selected services + if (issuesReportSlice.actions.setSelectedServices.match(action)) { + useStore.getState().setSelectedServices(action.payload); + } + + // Sync scope + if (repositorySlice.actions.setScope.match(action)) { + useStore.getState().setScope(action.payload); + } + + return result; +}; diff --git a/src/containers/Admin/store.ts b/src/containers/Admin/store.ts index 236184003..26643c99d 100644 --- a/src/containers/Admin/store.ts +++ b/src/containers/Admin/store.ts @@ -14,6 +14,7 @@ import { persistSlice } from "../../redux/slices/persistSlice"; import { repositorySlice } from "../../redux/slices/repositorySlice"; import { scopeSlice } from "../../redux/slices/scopeSlice"; import { getRememberEnhancer } from "../../redux/utils/getRememberEnhancer"; +import { configSyncMiddleware } from "./configSyncMiddleware"; import { APP_ID } from "./constants"; const rememberedKeys = @@ -49,7 +50,8 @@ export const store = configureStore({ getDefaultMiddleware().concat( digmaApi.middleware, authApi.middleware, - posthogMiddleware + posthogMiddleware, + configSyncMiddleware ) }); diff --git a/src/hooks/useScrollbarDimensions.ts b/src/hooks/useScrollbarDimensions.ts new file mode 100644 index 000000000..725bd8543 --- /dev/null +++ b/src/hooks/useScrollbarDimensions.ts @@ -0,0 +1,46 @@ +import { useEffect, useState } from "react"; + +interface ScrollbarDimensions { + width: number; + height: number; +} + +export const useScrollbarDimensions = () => { + const [dimensions, setDimensions] = useState({ + width: 0, + height: 0 + }); + + useEffect(() => { + const calculateDimensions = (): ScrollbarDimensions => { + const verticalContainer = document.createElement("div"); + verticalContainer.style.visibility = "hidden"; + verticalContainer.style.overflow = "scroll"; + verticalContainer.style.width = "100px"; + verticalContainer.style.height = "100px"; + document.body.appendChild(verticalContainer); + + const horizontalContainer = document.createElement("div"); + horizontalContainer.style.visibility = "hidden"; + horizontalContainer.style.overflowX = "scroll"; + horizontalContainer.style.overflowY = "hidden"; + horizontalContainer.style.width = "100px"; + horizontalContainer.style.height = "100px"; + document.body.appendChild(horizontalContainer); + + const width = + verticalContainer.offsetWidth - verticalContainer.clientWidth; + const height = + horizontalContainer.offsetHeight - horizontalContainer.clientHeight; + + document.body.removeChild(verticalContainer); + document.body.removeChild(horizontalContainer); + + return { width, height }; + }; + + setDimensions(calculateDimensions()); + }, []); + + return dimensions; +}; diff --git a/src/redux/slices/appSlice.ts b/src/redux/slices/appSlice.ts index 7c5eec331..35b11c352 100644 --- a/src/redux/slices/appSlice.ts +++ b/src/redux/slices/appSlice.ts @@ -2,15 +2,24 @@ import type { PayloadAction } from "@reduxjs/toolkit"; import { createSlice } from "@reduxjs/toolkit"; import { globalClear } from "../actions"; import { STATE_VERSION } from "../constants"; +import { digmaApi } from "../services/digma"; +import type { + GetAboutResponse, + GetEnvironmentsResponse +} from "../services/types"; import type { BaseState } from "./types"; export interface AppState extends BaseState { isInitialized: boolean; + backend: GetAboutResponse | null; + environments: GetEnvironmentsResponse | null; } const initialState: AppState = { version: STATE_VERSION, - isInitialized: false + isInitialized: false, + backend: null, + environments: null }; export const appSlice = createSlice({ @@ -24,9 +33,19 @@ export const appSlice = createSlice({ }, extraReducers: (builder) => { builder.addCase(globalClear, () => initialState); + builder.addMatcher( + digmaApi.endpoints.getAbout.matchFulfilled, + (state, action) => { + state.backend = action.payload; + } + ); + builder.addMatcher( + digmaApi.endpoints.getEnvironments.matchFulfilled, + (state, action) => { + state.environments = action.payload; + } + ); } }); -export const { setIsInitialized } = appSlice.actions; - -export default appSlice.reducer; +export const { setIsInitialized, clear } = appSlice.actions; diff --git a/src/redux/slices/repositorySlice.ts b/src/redux/slices/repositorySlice.ts index 4e5e157d1..0d6817b51 100644 --- a/src/redux/slices/repositorySlice.ts +++ b/src/redux/slices/repositorySlice.ts @@ -1,5 +1,6 @@ import type { PayloadAction } from "@reduxjs/toolkit"; import { createSlice } from "@reduxjs/toolkit"; +import type { Scope } from "../../components/common/App/types"; import type { GenericCodeObjectInsight, InsightTicketInfo @@ -15,6 +16,7 @@ export interface IssuesRepositoryState { export interface RepositoryState extends BaseState { issues: IssuesRepositoryState; + scope: Scope | null; } const initialState: RepositoryState = { @@ -22,7 +24,8 @@ const initialState: RepositoryState = { issues: { insightInfoToOpenTicket: null, insightIdToOpenSuggestion: null - } + }, + scope: null }; export const repositorySlice = createSlice({ @@ -41,6 +44,9 @@ export const repositorySlice = createSlice({ ) => { state.issues.insightIdToOpenSuggestion = action.payload; }, + setScope: (state, action: PayloadAction) => { + state.scope = action.payload; + }, clear: () => initialState }, extraReducers: (builder) => { @@ -51,6 +57,7 @@ export const repositorySlice = createSlice({ export const { setIssuesInsightInfoToOpenTicket, setIssuesInsightIdToOpenSuggestion, + setScope, clear } = repositorySlice.actions;