From 3427cfcedf5e7e32f31a7563ebf0d6e0129e28c4 Mon Sep 17 00:00:00 2001 From: Kyrylo Shmidt Date: Sun, 15 Dec 2024 17:42:42 +0100 Subject: [PATCH 1/4] Allow to use custom Jaeger UI distributive --- .gitignore | 3 +- README.md | 35 +++++++++-- apps.ts | 6 +- package-lock.json | 60 +++++++++++++++++-- package.json | 25 ++++---- ...wnload-jaeger-ui.mts => get-jaeger-ui.mts} | 51 ++++++++++------ webpack.common.ts | 15 +++-- 7 files changed, 146 insertions(+), 49 deletions(-) rename scripts/{download-jaeger-ui.mts => get-jaeger-ui.mts} (71%) diff --git a/.gitignore b/.gitignore index 6c9374c83..39b688937 100644 --- a/.gitignore +++ b/.gitignore @@ -4,4 +4,5 @@ jaeger-ui/ node_modules/ storybook-static/ .DS_Store -.eslintcache +.env +.eslintcache \ No newline at end of file diff --git a/README.md b/README.md index 9814ad4fa..c55795b8e 100644 --- a/README.md +++ b/README.md @@ -1,22 +1,47 @@ # Digma UI -## Deployment - Install dependencies: ```shell npm ci ``` +Run linter checks: + +```shell +npm run lint +``` + +Run tests: + +```shell +npm run test +``` + Build package: ```shell -npm run build:prod +npm run build:{platform}:prod ``` -Build of the package will be in the `dist` directory +Supported `platform` values: + +- `jetbrains` +- `web` + +Build of the package will be in the `./dist` directory + +## Jaeger UI + +The Digma UI distributive includes a [Digma fork of Jaeger UI](https://github.com/digma-ai/jaeger-ui). You can find the linked version in the [./dependencies.json](./dependencies.json) file. + +To use a custom build of Jaeger UI during development, create a `.env` file in the root of this repository and add the following line: + +```env +JAEGER_UI_PATH=path/to/jaeger-ui/dist +``` -### Storybook +## Storybook ```shell npm run storybook diff --git a/apps.ts b/apps.ts index 5c591889f..ae5cc32f3 100644 --- a/apps.ts +++ b/apps.ts @@ -61,7 +61,7 @@ type AppData = Record< export interface WebpackEnv { WEBPACK_BUNDLE: true; WEBPACK_BUILD: true; - platform?: string; - compress?: boolean; - ["zip-filename-format"]?: string; + PLATFORM?: string; + COMPRESS?: boolean; + ["ZIP_FILE_FORMAT"]?: string; } diff --git a/package-lock.json b/package-lock.json index fd15d0c3d..7c030e8d9 100644 --- a/package-lock.json +++ b/package-lock.json @@ -54,6 +54,7 @@ "@testing-library/react": "^16.0.1", "@types/adm-zip": "^0.5.7", "@types/eslint-config-prettier": "^6.11.3", + "@types/fs-extra": "^11.0.4", "@types/jest": "^29.5.14", "@types/react": "^18.0.27", "@types/react-dom": "^18.0.10", @@ -68,11 +69,13 @@ "babel-plugin-styled-components": "^2.1.4", "copy-webpack-plugin": "^12.0.2", "css-loader": "^7.1.2", + "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.11.1", + "fs-extra": "^11.2.0", "html-webpack-plugin": "^5.6.3", "husky": "^9.0.10", "jest": "^29.7.0", @@ -5171,6 +5174,17 @@ "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==", "dev": true }, + "node_modules/@types/fs-extra": { + "version": "11.0.4", + "resolved": "https://registry.npmjs.org/@types/fs-extra/-/fs-extra-11.0.4.tgz", + "integrity": "sha512-yTbItCNreRooED33qjunPthRcSjERP1r4MqCZc7wv0u2sUkzTFp45tgUfS5+r7FrZPdmCCNflLhVSP/o+SemsQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/jsonfile": "*", + "@types/node": "*" + } + }, "node_modules/@types/graceful-fs": { "version": "4.1.9", "resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.9.tgz", @@ -5282,6 +5296,16 @@ "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==", "dev": true }, + "node_modules/@types/jsonfile": { + "version": "6.1.4", + "resolved": "https://registry.npmjs.org/@types/jsonfile/-/jsonfile-6.1.4.tgz", + "integrity": "sha512-D5qGUYwjvnNNextdU59/+fI+spnwtTFmyQP0h+PfIOSkNfpU6AOICUOkm4i0OnSk+NyjdPJrxCDro0sJsWlRpQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@types/node": "*" + } + }, "node_modules/@types/mdx": { "version": "2.0.13", "resolved": "https://registry.npmjs.org/@types/mdx/-/mdx-2.0.13.tgz", @@ -8402,6 +8426,19 @@ "tslib": "^2.0.3" } }, + "node_modules/dotenv": { + "version": "16.4.7", + "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.7.tgz", + "integrity": "sha512-47qPchRCykZC03FhkYAhrvwU4xDBFIj1QPqaarj6mdM/hgUzfPHcpkHJOn3mJAufFeeAxAzeGsr5X0M4k6fLZQ==", + "dev": true, + "license": "BSD-2-Clause", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://dotenvx.com" + } + }, "node_modules/eastasianwidth": { "version": "0.2.0", "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz", @@ -9613,6 +9650,21 @@ "url": "https://github.com/chalk/chalk?sponsor=1" } }, + "node_modules/fork-ts-checker-webpack-plugin/node_modules/fs-extra": { + "version": "10.1.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz", + "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "graceful-fs": "^4.2.0", + "jsonfile": "^6.0.1", + "universalify": "^2.0.0" + }, + "engines": { + "node": ">=12" + } + }, "node_modules/fork-ts-checker-webpack-plugin/node_modules/has-flag": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", @@ -9689,9 +9741,9 @@ } }, "node_modules/fs-extra": { - "version": "10.1.0", - "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz", - "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==", + "version": "11.2.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz", + "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==", "dev": true, "license": "MIT", "dependencies": { @@ -9700,7 +9752,7 @@ "universalify": "^2.0.0" }, "engines": { - "node": ">=12" + "node": ">=14.14" } }, "node_modules/fs-monkey": { diff --git a/package.json b/package.json index 1d8eb0964..e17b437bc 100644 --- a/package.json +++ b/package.json @@ -5,7 +5,7 @@ "scripts": { "lint:eslint": "eslint --cache .", "lint:stylelint": "stylelint '**/*.ts'", - "lint:knip": "knip --cache", + "lint:knip": "knip --cache > knip.log", "lint": "npm run lint:eslint && npm run lint:stylelint", "fix:prettier": "prettier --write '**/*.{json,md,mjs,ts,tsx}'", "test": "jest", @@ -13,19 +13,19 @@ "storybook": "storybook dev -p 6006", "start": "npm run storybook", "build-storybook": "storybook build", - "download-jaeger-ui": "node --experimental-transform-types ./scripts/download-jaeger-ui.mts --output jaeger-ui", + "get-jaeger-ui": "node --experimental-transform-types ./scripts/get-jaeger-ui.mts", "update-jaeger": "node --experimental-transform-types ./scripts/update-jaeger.mts", - "prebuild": "rimraf dist && npm run download-jaeger-ui", + "prebuild": "rimraf dist && npm run get-jaeger-ui", "build:dev": "npm run prebuild && webpack --progress --config webpack.dev.ts", - "build:dev:jetbrains": "npm run build:dev --env platform=JetBrains", - "build:dev:jetbrains:zip": "npm run build:dev:jetbrains -- --env compress=true --env zip-filename-format=JetBrains", - "build:dev:web": "npm run build:dev --env platform=Web", - "build:dev:web:zip": "npm run build:dev:web -- --env compress=true", + "build:dev:jetbrains": "npm run build:dev --env PLATFORM=JetBrains", + "build:dev:jetbrains:zip": "npm run build:dev:jetbrains -- --env COMPRESS=true --env ZIP_FILE_FORMAT=JetBrains", + "build:dev:web": "npm run build:dev --env PLATFORM=Web", + "build:dev:web:zip": "npm run build:dev:web -- --env COMPRESS=true", "build:prod": "npm run prebuild && webpack --progress --config webpack.prod.ts", - "build:prod:jetbrains": "npm run build:prod -- --env platform=JetBrains", - "build:prod:jetbrains:zip": "npm run build:prod:jetbrains -- --env compress=true --env zip-filename-format=JetBrains", - "build:prod:web": "npm run build:prod -- --env platform=Web", - "build:prod:web:zip": "npm run build:prod:web -- --env compress=true", + "build:prod:jetbrains": "npm run build:prod -- --env PLATFORM=JetBrains", + "build:prod:jetbrains:zip": "npm run build:prod:jetbrains -- --env COMPRESS=true --env ZIP_FILE_FORMAT=JetBrains", + "build:prod:web": "npm run build:prod -- --env PLATFORM=Web", + "build:prod:web:zip": "npm run build:prod:web -- --env COMPRESS=true", "precommit": "lint-staged", "prepare": "husky" }, @@ -66,6 +66,7 @@ "@testing-library/react": "^16.0.1", "@types/adm-zip": "^0.5.7", "@types/eslint-config-prettier": "^6.11.3", + "@types/fs-extra": "^11.0.4", "@types/jest": "^29.5.14", "@types/react": "^18.0.27", "@types/react-dom": "^18.0.10", @@ -80,11 +81,13 @@ "babel-plugin-styled-components": "^2.1.4", "copy-webpack-plugin": "^12.0.2", "css-loader": "^7.1.2", + "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.11.1", + "fs-extra": "^11.2.0", "html-webpack-plugin": "^5.6.3", "husky": "^9.0.10", "jest": "^29.7.0", diff --git a/scripts/download-jaeger-ui.mts b/scripts/get-jaeger-ui.mts similarity index 71% rename from scripts/download-jaeger-ui.mts rename to scripts/get-jaeger-ui.mts index 72d1582b4..69b6280bc 100644 --- a/scripts/download-jaeger-ui.mts +++ b/scripts/get-jaeger-ui.mts @@ -1,9 +1,12 @@ import { Octokit } from "@octokit/rest"; import AdmZip from "adm-zip"; -import fs from "fs"; +import dotenv from "dotenv"; +import fs from "fs-extra"; import path from "path"; import dependenciesJson from "../dependencies.json" assert { type: "json" }; +dotenv.config(); + interface DependenciesJson { jetBrainsPluginVersion: string; jaegerUIVersion: string; @@ -19,25 +22,12 @@ interface DownloadReleaseAssetOptions { extractPath?: string; } -// Get output path from command line arguments -let outputPath = ""; -const outputArgIndex = process.argv.indexOf("--output"); -if (outputArgIndex !== -1 && process.argv[outputArgIndex + 1]) { - outputPath = path.resolve(process.argv[outputArgIndex + 1]); -} else { - // eslint-disable-next-line no-console - console.log("No output path provided."); - process.exit(1); -} +const OUTPUT_PATH = path.resolve("./jaeger-ui"); // Ensure the output directory exists -fs.mkdirSync(outputPath, { recursive: true }); +fs.mkdirSync(OUTPUT_PATH, { recursive: true }); const extractZip = (zipPath: string, extractPath: string) => { - if (fs.existsSync(extractPath)) { - fs.rmdirSync(extractPath, { recursive: true }); - } - const zip = new AdmZip(zipPath); zip.extractAllTo(extractPath); }; @@ -87,8 +77,31 @@ const downloadReleaseAsset = async ({ const jaegerUIVersion = (dependenciesJson as DependenciesJson).jaegerUIVersion; const tag = `v${jaegerUIVersion}`; const assetName = `dist-${tag}.zip`; -const extractPath = path.resolve(outputPath, "./dist"); -const zipPath = path.join(outputPath, assetName); +const extractPath = path.resolve(OUTPUT_PATH, "./dist"); +const zipPath = path.join(OUTPUT_PATH, assetName); + +if (fs.existsSync(extractPath)) { + fs.rmdirSync(extractPath, { recursive: true }); +} + +if (process.env.JAEGER_UI_PATH) { + const customJaegerUIPath = path.resolve(process.env.JAEGER_UI_PATH); + + if (!fs.existsSync(customJaegerUIPath)) { + // eslint-disable-next-line no-console + console.error( + `Jaeger UI distributive has not been found at ${customJaegerUIPath}` + ); + process.exit(1); + } + + // eslint-disable-next-line no-console + console.log(`Using Jaeger UI distributive from ${customJaegerUIPath}`); + + fs.copySync(customJaegerUIPath, extractPath); + + process.exit(0); +} if (fs.existsSync(zipPath)) { // eslint-disable-next-line no-console @@ -101,7 +114,7 @@ if (fs.existsSync(zipPath)) { repo: "jaeger-ui", tag, assetName, - outputPath, + outputPath: OUTPUT_PATH, extractPath }); } diff --git a/webpack.common.ts b/webpack.common.ts index afb43d6b7..f9057b978 100644 --- a/webpack.common.ts +++ b/webpack.common.ts @@ -1,4 +1,5 @@ import CopyWebpackPlugin from "copy-webpack-plugin"; +import dotenv from "dotenv"; import HtmlWebpackPlugin from "html-webpack-plugin"; import path from "path"; import { Configuration as WebpackConfiguration } from "webpack"; @@ -6,6 +7,8 @@ import ZipPlugin from "zip-webpack-plugin"; import { WebpackEnv, appData } from "./apps"; import packageJson from "./package.json"; +dotenv.config(); + interface PackageJson { version: string; } @@ -16,12 +19,12 @@ const getZipFilename = (env: WebpackEnv): string => { JetBrains: "digma-ui-{version}" }; - const argFormat = env["zip-filename-format"]; + const argFormat = env.ZIP_FILE_FORMAT; const format = (argFormat && ZIP_NAME_FORMATS[argFormat]) ?? ZIP_NAME_FORMATS.default; return format - .replace("{platform}", (env.platform ?? "").toLocaleLowerCase()) + .replace("{platform}", (env.PLATFORM ?? "").toLocaleLowerCase()) .replace("{version}", (packageJson as PackageJson).version) .replace(/-{2,}/g, "-"); }; @@ -29,7 +32,7 @@ const getZipFilename = (env: WebpackEnv): string => { const getConfig = (env: WebpackEnv): WebpackConfiguration => { const entriesToBuild: Record = Object.entries(appData) .filter( - ([, entry]) => !env.platform || entry.platforms.includes(env.platform) + ([, entry]) => !env.PLATFORM || entry.platforms.includes(env.PLATFORM) ) .reduce( (acc, [name, entry]) => ({ @@ -63,7 +66,7 @@ const getConfig = (env: WebpackEnv): WebpackConfiguration => { { from: path.resolve(__dirname, "./public") }, - ...(env.platform === "JetBrains" + ...(env.PLATFORM === "JetBrains" ? [ { from: path.resolve(__dirname, `./jaeger-ui/dist`), @@ -77,7 +80,7 @@ const getConfig = (env: WebpackEnv): WebpackConfiguration => { return new HtmlWebpackPlugin({ template: path.resolve( __dirname, - `./assets/${env.platform === "Web" ? "index.web.ejs" : "index.ejs"}` + `./assets/${env.PLATFORM === "Web" ? "index.web.ejs" : "index.ejs"}` ), filename: `${app}/index.html`, chunks: [app], @@ -90,7 +93,7 @@ const getConfig = (env: WebpackEnv): WebpackConfiguration => { } }); }), - ...(env.compress + ...(env.COMPRESS ? [ new ZipPlugin({ filename: getZipFilename(env) From 75a6cc70fc7e47fb291bd2f355b3c078662bd4c6 Mon Sep 17 00:00:00 2001 From: Kyrylo Shmidt Date: Sun, 15 Dec 2024 17:45:50 +0100 Subject: [PATCH 2/4] Revert knip redirect --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index e17b437bc..971cb15d0 100644 --- a/package.json +++ b/package.json @@ -5,7 +5,7 @@ "scripts": { "lint:eslint": "eslint --cache .", "lint:stylelint": "stylelint '**/*.ts'", - "lint:knip": "knip --cache > knip.log", + "lint:knip": "knip --cache", "lint": "npm run lint:eslint && npm run lint:stylelint", "fix:prettier": "prettier --write '**/*.{json,md,mjs,ts,tsx}'", "test": "jest", From 81be242c600ccb356cd5838d5930ce7e1a805186 Mon Sep 17 00:00:00 2001 From: Kyrylo Shmidt Date: Sun, 15 Dec 2024 20:49:42 +0100 Subject: [PATCH 3/4] Rename Update dependencies workflow --- .../{update-jaeger.yml => update-dependencies.yml} | 12 ++++++------ package.json | 2 +- .../{update-jaeger.mts => update-dependencies.mts} | 0 3 files changed, 7 insertions(+), 7 deletions(-) rename .github/workflows/{update-jaeger.yml => update-dependencies.yml} (80%) rename scripts/{update-jaeger.mts => update-dependencies.mts} (100%) diff --git a/.github/workflows/update-jaeger.yml b/.github/workflows/update-dependencies.yml similarity index 80% rename from .github/workflows/update-jaeger.yml rename to .github/workflows/update-dependencies.yml index 3666299df..49832b1af 100644 --- a/.github/workflows/update-jaeger.yml +++ b/.github/workflows/update-dependencies.yml @@ -1,14 +1,14 @@ -name: Update Jaeger dependencies +name: Update dependencies on: repository_dispatch: - types: [update-jaeger] + types: [update-dependencies] jobs: - update-jaeger: + update-dependencies: runs-on: ubuntu-latest env: - BRANCH_NAME: update-jaeger + BRANCH_NAME: update-dependencies steps: - uses: actions/checkout@v4 with: @@ -22,7 +22,7 @@ jobs: - name: Update dependencies.json run: | echo '${{ toJson(github.event.client_payload) }}' > ./dependencies_diff.json - npm run update-jaeger + npm run update-dependencies - name: Commit, push changes and create PR env: @@ -32,6 +32,6 @@ jobs: git config user.email "github-actions[bot]@users.noreply.github.com" git checkout -b ${{ env.BRANCH_NAME }} git add dependencies.json - git commit -m "Update Jaeger dependencies" + git commit -m "Update dependencies" git push origin ${{ env.BRANCH_NAME }} gh pr create -f -B main diff --git a/package.json b/package.json index 971cb15d0..2f553e677 100644 --- a/package.json +++ b/package.json @@ -14,7 +14,7 @@ "start": "npm run storybook", "build-storybook": "storybook build", "get-jaeger-ui": "node --experimental-transform-types ./scripts/get-jaeger-ui.mts", - "update-jaeger": "node --experimental-transform-types ./scripts/update-jaeger.mts", + "update-dependencies": "node --experimental-transform-types ./scripts/update-dependencies.mts", "prebuild": "rimraf dist && npm run get-jaeger-ui", "build:dev": "npm run prebuild && webpack --progress --config webpack.dev.ts", "build:dev:jetbrains": "npm run build:dev --env PLATFORM=JetBrains", diff --git a/scripts/update-jaeger.mts b/scripts/update-dependencies.mts similarity index 100% rename from scripts/update-jaeger.mts rename to scripts/update-dependencies.mts From 5003bd62ebbde2c47e5358084275649b573770f2 Mon Sep 17 00:00:00 2001 From: Kyrylo Shmidt Date: Sun, 15 Dec 2024 22:08:12 +0100 Subject: [PATCH 4/4] Use explicit type imports --- .storybook/preview.tsx | 5 ++-- .vscode/extensions.json | 4 ++-- .vscode/settings.json | 15 ++++++------ eslint.config.mjs | 3 +++ scripts/get-jaeger-ui.mts | 2 +- src/api/ActionDispatcher.ts | 2 +- src/api/index.ts | 4 ++-- src/api/web/sendMessageToWebService.ts | 8 ++++--- src/api/web/services/about.ts | 2 +- .../AssetEntry/AssetEntry.stories.tsx | 2 +- .../Assets/AssetList/AssetEntry/index.tsx | 2 +- .../Assets/AssetList/AssetEntry/styles.ts | 2 +- .../Assets/AssetList/AssetEntry/types.ts | 2 +- .../Assets/AssetList/AssetList.stories.tsx | 5 ++-- src/components/Assets/AssetList/index.tsx | 16 ++++++------- src/components/Assets/AssetList/mockedData.ts | 2 +- src/components/Assets/AssetList/styles.ts | 4 ++-- src/components/Assets/AssetList/types.ts | 4 ++-- .../AssetTypeList/AssetTypeList.stories.tsx | 2 +- .../AssetTypeListItem.stories.tsx | 2 +- .../AssetTypeList/AssetTypeListItem/index.tsx | 2 +- .../AssetTypeList/AssetTypeListItem/types.ts | 4 ++-- src/components/Assets/AssetTypeList/index.tsx | 8 +++---- src/components/Assets/AssetTypeList/types.ts | 6 ++--- src/components/Assets/Assets.stories.tsx | 2 +- .../AssetsFilter/AssetsFilter.stories.tsx | 2 +- src/components/Assets/AssetsFilter/index.tsx | 16 +++++-------- src/components/Assets/AssetsFilter/types.ts | 2 +- .../AssetsViewScopeConfiguration.stories.tsx | 2 +- .../AssetsViewScopeConfiguration/index.tsx | 4 ++-- .../NoDataMessage/NoDataMessage.stories.tsx | 2 +- src/components/Assets/NoDataMessage/index.tsx | 2 +- src/components/Assets/index.tsx | 6 ++--- src/components/Assets/utils.tsx | 6 ++--- .../Dashboard/Dashboard.stories.tsx | 2 +- .../Dashboard/DashboardCard/index.tsx | 2 +- .../Dashboard/DashboardCard/types.ts | 4 ++-- src/components/Dashboard/ListWidget/index.tsx | 4 ++-- src/components/Dashboard/ListWidget/types.ts | 8 +++---- .../MetricsReport/Chart/Chart.stories.tsx | 2 +- .../ReportTile/TooltipKeyValue/index.tsx | 2 +- .../Chart/ReportTile/TooltipKeyValue/types.ts | 2 +- .../MetricsReport/Chart/ReportTile/index.tsx | 6 ++--- .../MetricsReport/Chart/ReportTile/types.ts | 4 ++-- .../Dashboard/MetricsReport/Chart/index.tsx | 9 +++---- .../Dashboard/MetricsReport/Chart/types.ts | 2 +- .../EmptyState/EmptyState.stories.tsx | 2 +- .../MetricsReport/EmptyState/index.tsx | 9 +++++-- .../MetricsReport/EmptyState/types.ts | 2 +- .../Header/ReportHeader.stories.tsx | 2 +- .../Dashboard/MetricsReport/Header/index.tsx | 12 ++++------ .../MetricsReport/MetricsReport.stories.tsx | 2 +- .../MetricsReport/Table/Table.stories.tsx | 2 +- .../Dashboard/MetricsReport/Table/index.tsx | 9 +++---- .../Dashboard/MetricsReport/Table/mockData.ts | 2 +- .../Dashboard/MetricsReport/Table/styles.ts | 2 +- .../Dashboard/MetricsReport/Table/types.ts | 2 +- .../Dashboard/MetricsReport/index.tsx | 2 +- .../Dashboard/MetricsReport/types.ts | 4 ++-- .../MetricsReport/useEndpointsIssuesData.ts | 11 +++++---- .../MetricsReport/useServicesIssuesData.ts | 8 +++---- .../Dashboard/MetricsReport/utils.ts | 4 ++-- .../Cards/CardOption/CardOption.stories.tsx | 2 +- .../Report/Cards/CardOption/index.tsx | 2 +- .../Report/Cards/CardOption/styles.ts | 2 +- .../DiscoveredAssets.stories.tsx | 2 +- .../Report/Cards/DiscoveredAssets/index.tsx | 4 ++-- .../Report/Cards/DiscoveredAssets/types.ts | 2 +- .../DiscoveredCard/DiscoveredCard.stories.tsx | 2 +- .../Report/Cards/DiscoveredCard/index.tsx | 2 +- .../Report/Cards/DiscoveredCard/types.ts | 2 +- .../DiscoveredIssues.stories.tsx | 2 +- .../Report/Cards/DiscoveredIssues/index.tsx | 2 +- .../Dashboard/Report/Report.stories.tsx | 2 +- .../Report/ReportCard/ReportCard.stories.tsx | 2 +- .../Dashboard/Report/ReportCard/index.tsx | 2 +- .../ReportFooter/ReportFooter.stories.tsx | 2 +- .../ReportHeader/ReportHeader.stories.tsx | 2 +- .../ReportHeader/Ribbon/Ribbon.stories.tsx | 2 +- .../Report/ReportHeader/Ribbon/index.tsx | 2 +- .../Dashboard/Report/ReportHeader/index.tsx | 10 ++++---- .../Dashboard/Report/ReportHeader/types.ts | 2 +- src/components/Dashboard/Report/index.tsx | 2 +- .../Dashboard/Report/useReportsData.ts | 8 +++---- src/components/Dashboard/index.tsx | 2 +- src/components/Dashboard/types.ts | 2 +- .../ClientSpansPerformanceImpact.stories.tsx | 2 +- .../ClientSpansPerformanceImpact/index.tsx | 2 +- .../SlowQueries/SlowQueries.stories.tsx | 2 +- .../Dashboard/widgets/SlowQueries/index.tsx | 2 +- .../Dashboard/widgets/SlowQueries/types.ts | 2 +- .../Documentation/Documentation.stories.tsx | 2 +- src/components/Documentation/index.tsx | 2 +- .../EnvironmentTypeCard/StatusChip/index.tsx | 4 ++-- .../EnvironmentTypeCard/StatusChip/styles.ts | 2 +- .../EnvironmentTypeCard/StatusChip/types.ts | 2 +- .../EnvironmentTypeCard/index.tsx | 2 +- .../EnvironmentTypeCard/types.ts | 6 ++--- .../EnvironmentTypes/InsightCard/index.tsx | 7 ++---- .../EnvironmentTypes/InsightCard/styles.ts | 2 +- .../EnvironmentTypes/InsightCard/types.ts | 4 ++-- .../pages/EnvironmentTypes/data.tsx | 2 +- .../pages/EnvironmentTypes/styles.ts | 2 +- .../pages/EnvironmentTypes/types.ts | 8 +++---- .../GetEnvironmentIdInstruction.stories.tsx | 2 +- .../pages/RunDigma/Page/index.tsx | 2 +- .../pages/RunDigma/Page/types.ts | 2 +- .../RunDigma/runDigmaWithCommandLine.tsx | 2 +- .../pages/RunDigma/runDigmaWithDocker.tsx | 2 +- .../RunDigma/runDigmaWithGradleTasks.tsx | 2 +- .../Errors/ErrorCard/ErrorCard.stories.tsx | 2 +- .../ErrorCard/TimestampKeyValue/index.tsx | 2 +- src/components/Errors/ErrorCard/index.tsx | 2 +- src/components/Errors/ErrorCard/mockData.ts | 2 +- src/components/Errors/ErrorCard/types.ts | 2 +- .../ErrorDetails/ErrorDetails.stories.tsx | 2 +- .../FlowStack/SpanFrameGroup/index.tsx | 6 ++--- .../FlowStack/SpanFrameGroup/typeGuards.ts | 2 +- .../FlowStack/SpanFrameGroup/types.ts | 2 +- .../FlowStack/index.tsx | 12 ++++------ .../FlowStack/types.ts | 2 +- .../ErrorDetailsCardContent/index.tsx | 2 +- .../ErrorDetailsCardContent/types.ts | 2 +- .../ErrorDetailsCardHeader/index.tsx | 2 +- .../ErrorDetailsCardHeader/types.ts | 2 +- src/components/Errors/ErrorDetails/index.tsx | 8 +++---- .../Errors/ErrorDetails/mockData.ts | 2 +- src/components/Errors/ErrorDetails/types.ts | 2 +- src/components/Errors/Errors.stories.tsx | 4 ++-- .../Errors/ErrorsList/ErrorsList.stories.tsx | 2 +- src/components/Errors/ErrorsList/index.tsx | 10 ++++---- .../DaysFilter/DaysFilter.stories.tsx | 2 +- .../GlobalErrorsList/DaysFilter/index.tsx | 5 ++-- .../GlobalErrorsList/DaysFilter/styles.ts | 2 +- .../GlobalErrorsList/DaysFilter/types.ts | 4 ++-- .../GlobalErrorsFilters.stories.tsx | 2 +- .../GlobalErrorsFilters/getFiltersOptions.ts | 2 +- .../GlobalErrorsFilters/index.tsx | 6 ++--- .../GlobalErrorsFilters/types.ts | 2 +- .../GlobalErrorsList.stories.tsx | 2 +- .../Errors/GlobalErrorsList/index.tsx | 8 +++---- .../Errors/GlobalErrorsList/mockData.ts | 2 +- .../Errors/GlobalErrorsList/styles.ts | 2 +- .../Errors/GlobalErrorsList/types.ts | 2 +- .../Errors/GlobalErrorsList/usePinning.ts | 4 ++-- .../NewErrorCard/NewErrorCard.stories.tsx | 2 +- .../OccurrenceChart.stories.tsx | 2 +- .../NewErrorCard/OccurrenceChart/index.tsx | 11 ++++----- .../NewErrorCard/OccurrenceChart/types.ts | 2 +- .../Errors/NewErrorCard/hooks/useDismissal.ts | 2 +- src/components/Errors/NewErrorCard/index.tsx | 4 ++-- .../Errors/NewErrorCard/mockData.ts | 2 +- src/components/Errors/NewErrorCard/styles.ts | 2 +- src/components/Errors/NewErrorCard/types.ts | 2 +- src/components/Errors/Score/index.tsx | 4 ++-- src/components/Errors/Score/types.ts | 2 +- src/components/Errors/index.tsx | 4 ++-- src/components/Errors/mockData.ts | 2 +- .../EmptyStateCard/EmptyStateCard.stories.tsx | 2 +- .../Highlights/EmptyStateCard/index.tsx | 2 +- .../Highlights/EmptyStateCard/styles.ts | 2 +- .../Highlights/EmptyStateCard/types.ts | 4 ++-- .../Highlights/Highlights.stories.tsx | 2 +- .../Highlights/Impact/Impact.stories.tsx | 2 +- src/components/Highlights/Impact/index.tsx | 5 ++-- src/components/Highlights/Impact/mockData.ts | 2 +- .../Highlights/Impact/useImpactData.ts | 2 +- .../Performance/Performance.stories.tsx | 2 +- .../Highlights/Performance/index.tsx | 5 ++-- .../Highlights/Performance/mockData.ts | 2 +- .../Highlights/Performance/types.ts | 4 ++-- .../Performance/usePerformanceData.ts | 5 +++- .../Highlights/Scaling/Scaling.stories.tsx | 2 +- src/components/Highlights/Scaling/index.tsx | 7 +++--- src/components/Highlights/Scaling/mockData.ts | 2 +- src/components/Highlights/Scaling/types.ts | 4 ++-- .../Highlights/Scaling/useScalingData.ts | 2 +- .../TopIssues/TopIssues.stories.tsx | 2 +- .../TopIssues/common/AssetLink/index.tsx | 2 +- .../TopIssues/common/AssetLink/types.ts | 2 +- .../HighlightCard/HighlightCard.stories.tsx | 2 +- .../TopIssues/common/HighlightCard/index.tsx | 4 ++-- .../TopIssues/common/HighlightCard/types.ts | 4 ++-- ...ndpointBottleneckHighlightCard.stories.tsx | 2 +- .../EndpointBottleneckHighlightCard/index.tsx | 7 +++--- .../mockData.ts | 2 +- .../EndpointBottleneckHighlightCard/types.ts | 2 +- ...dpointChattyApiV2HighlightCard.stories.tsx | 2 +- .../index.tsx | 7 +++--- .../mockData.ts | 2 +- .../EndpointChattyApiV2HighlightCard/types.ts | 2 +- ...ghNumberOfQueriesHighlightCard.stories.tsx | 2 +- .../index.tsx | 7 +++--- .../mockData.ts | 5 +++- .../types.ts | 5 +++- ...eryOptimizationV2HighlightCard.stories.tsx | 2 +- .../index.tsx | 7 +++--- .../mockData.ts | 5 +++- .../types.ts | 5 +++- ...ointSessionInViewHighlightCard.stories.tsx | 2 +- .../index.tsx | 10 +++++--- .../mockData.ts | 2 +- .../types.ts | 2 +- ...intSlowdownSourceHighlightCard.stories.tsx | 2 +- .../index.tsx | 10 +++++--- .../mockData.ts | 2 +- .../types.ts | 2 +- ...pointSpanNPlusOneHighlightCard.stories.tsx | 2 +- .../index.tsx | 7 +++--- .../mockData.ts | 2 +- .../types.ts | 2 +- .../HotSpotHighlightCard.stories.tsx | 2 +- .../HotSpotHighlightCard/index.tsx | 7 +++--- .../HotSpotHighlightCard/mockData.ts | 2 +- .../HotSpotHighlightCard/types.ts | 2 +- .../SpaNPlusOneHighlightCard.stories.tsx | 2 +- .../SpaNPlusOneHighlightCard/index.tsx | 7 +++--- .../SpaNPlusOneHighlightCard/mockData.ts | 2 +- .../SpaNPlusOneHighlightCard/types.ts | 2 +- ...ndpointBottleneckHighlightCard.stories.tsx | 2 +- .../index.tsx | 10 +++++--- .../mockData.ts | 2 +- .../types.ts | 2 +- ...QueryOptimizationHighlightCard.stories.tsx | 2 +- .../index.tsx | 10 +++++--- .../mockData.ts | 2 +- .../types.ts | 2 +- .../SpanScalingHighlightCard.stories.tsx | 2 +- .../SpanScalingHighlightCard/index.tsx | 7 +++--- .../SpanScalingHighlightCard/mockData.ts | 2 +- .../SpanScalingHighlightCard/types.ts | 2 +- .../highlightCards/addEnvironmentColumns.tsx | 4 ++-- src/components/Highlights/TopIssues/index.tsx | 4 ++-- .../Highlights/TopIssues/mockData.ts | 2 +- .../Highlights/TopIssues/typeGuards.ts | 2 +- src/components/Highlights/TopIssues/types.ts | 6 ++--- .../CarouselPagination.stories.tsx | 2 +- .../common/CarouselPagination/index.tsx | 2 +- .../common/CarouselPagination/styles.ts | 2 +- .../common/EnvironmentName/index.tsx | 2 +- .../common/EnvironmentName/styles.ts | 2 +- .../Highlights/common/Section/index.tsx | 2 +- .../Highlights/common/Section/types.ts | 2 +- .../Highlights/common/Table/index.tsx | 4 ++-- .../Highlights/common/Table/styles.ts | 2 +- .../Highlights/common/Table/types.ts | 2 +- .../common/TableInsightStatusBadge/index.tsx | 2 +- .../common/TableInsightStatusBadge/types.ts | 2 +- .../Highlights/common/TableText/index.tsx | 2 +- .../Highlights/common/TableText/types.ts | 2 +- .../handleEnvironmentTableRowClick.ts | 2 +- .../IdeLauncher/IdeLauncher.stories.tsx | 2 +- src/components/IdeLauncher/index.tsx | 4 ++-- .../IdeLauncher/scanRunningIdeProjects.ts | 2 +- src/components/IdeLauncher/showIdeProject.ts | 2 +- src/components/Insights/Insights.stories.tsx | 4 ++-- .../EnvironmentChip.stories.tsx | 4 ++-- .../EnvironmentChip/index.tsx | 2 +- .../EnvironmentChip/styles.ts | 3 ++- .../EnvironmentChip/types.ts | 2 +- .../EnvironmentSelector.stories.tsx | 2 +- .../getMostCriticalIssueCount.ts | 2 +- .../EnvironmentSelector/index.tsx | 4 ++-- .../EnvironmentSelector/types.ts | 5 +++- .../FilterButton/FilterButton.stories.tsx | 2 +- .../InsightsCatalog/FilterButton/index.tsx | 2 +- .../InsightsCatalog/FilterButton/styles.ts | 2 +- .../FilterChip/FilterChip.stories.tsx | 2 +- .../FilterPanel/FilterChip/index.tsx | 8 +++++-- .../FilterPanel/FilterChip/styles.ts | 2 +- .../FilterPanel/FilterChip/types.ts | 2 +- .../FilterPanel/FilterPanel.stories.tsx | 2 +- .../IssuesFilter/IssuesFilter.stories.tsx | 2 +- .../FilterPanel/IssuesFilter/index.tsx | 7 +++--- .../FilterPanel/IssuesFilter/types.ts | 2 +- .../InsightsCatalog/FilterPanel/index.tsx | 4 ++-- .../InsightsCatalog.stories.tsx | 2 +- .../InsightsPage/InsightsPage.stories.tsx | 6 ++--- .../InsightsCatalog/InsightsPage/index.tsx | 8 +++---- .../EndpointBottleneckInsightCard.stories.tsx | 2 +- .../EndpointBottleneckInsightCard/index.tsx | 2 +- .../EndpointBottleneckInsightCard/mockData.ts | 8 ++----- .../EndpointBottleneckInsightCard/types.ts | 4 ++-- .../EndpointBreakdownInsightCard.stories.tsx | 2 +- .../EndpointBreakdownInsightCard/index.tsx | 11 ++++----- .../EndpointBreakdownInsightCard/mockData.ts | 2 +- .../EndpointBreakdownInsightCard/styles.ts | 2 +- .../EndpointBreakdownInsightCard/types.ts | 4 ++-- ...EndpointChattyApiV2InsightCard.stories.tsx | 2 +- .../EndpointChattyApiV2InsightCard/index.tsx | 4 ++-- .../mockData.ts | 8 ++----- .../EndpointChattyApiV2InsightCard/types.ts | 4 ++-- ...HighNumberOfQueriesInsightCard.stories.tsx | 2 +- .../index.tsx | 4 ++-- .../mockData.ts | 7 ++---- .../types.ts | 4 ++-- ...QueryOptimizationV2InsightCard.stories.tsx | 2 +- .../index.tsx | 4 ++-- .../mockData.ts | 8 ++----- .../types.ts | 4 ++-- ...dpointSessionInViewInsightCard.stories.tsx | 2 +- .../index.tsx | 4 ++-- .../mockData.ts | 8 ++----- .../EndpointSessionInViewInsightCard/types.ts | 4 ++-- ...pointSlowdownSourceInsightCard.stories.tsx | 2 +- .../index.tsx | 4 ++-- .../mockData.ts | 8 ++----- .../types.ts | 7 ++++-- ...ndpointSpanNPlusOneInsightCard.stories.tsx | 2 +- .../index.tsx | 4 ++-- .../mockData.ts | 2 +- .../types.ts | 4 ++-- .../EndpointUsageInsightCard.stories.tsx | 2 +- .../EndpointUsageInsightCard/index.tsx | 2 +- .../EndpointUsageInsightCard/mockData.ts | 2 +- .../EndpointUsageInsightCard/types.ts | 4 ++-- .../SlowEndpointInsightCard.stories.tsx | 2 +- .../SlowEndpointInsightCard/index.tsx | 2 +- .../SlowEndpointInsightCard/mockData.ts | 8 ++----- .../SlowEndpointInsightCard/types.ts | 4 ++-- .../SpaNPlusOneInsightCard.stories.tsx | 2 +- .../SpaNPlusOneInsightCard/index.tsx | 10 +++++--- .../SpaNPlusOneInsightCard/mockData.ts | 8 ++----- .../SpaNPlusOneInsightCard/types.ts | 4 ++-- ...anDurationBreakdownInsightCard.stories.tsx | 2 +- .../index.tsx | 7 ++++-- .../mockData.ts | 8 ++----- .../SpanDurationBreakdownInsightCard/types.ts | 7 ++++-- .../ReferenceLineLabel/index.tsx | 4 ++-- .../ReferenceLineLabel/types.ts | 2 +- .../SpanDurationsInsightCard.stories.tsx | 2 +- .../XAxisTick/index.tsx | 2 +- .../XAxisTick/types.ts | 2 +- .../SpanDurationsInsightCard/index.tsx | 9 +++---- .../SpanDurationsInsightCard/mockData.ts | 8 ++----- .../SpanDurationsInsightCard/styles.ts | 2 +- .../SpanDurationsInsightCard/types.ts | 4 ++-- ...nEndpointBottleneckInsightCard.stories.tsx | 2 +- .../index.tsx | 10 +++++--- .../mockData.ts | 8 ++----- .../types.ts | 4 ++-- .../SpanNexusInsightCard.stories.tsx | 2 +- .../SpanNexusInsightCard/index.tsx | 2 +- .../SpanNexusInsightCard/mockData.ts | 7 ++---- .../SpanNexusInsightCard/types.ts | 4 ++-- ...anQueryOptimizationInsightCard.stories.tsx | 2 +- .../index.tsx | 4 ++-- .../mockData.ts | 8 ++----- .../SpanQueryOptimizationInsightCard/types.ts | 4 ++-- .../SpanScalingInsightCard.stories.tsx | 2 +- .../SpanScalingInsightCard/index.tsx | 4 ++-- .../SpanScalingInsightCard/mockData.ts | 8 ++----- .../SpanScalingInsightCard/types.ts | 4 ++-- .../SpanUsagesInsightCard.stories.tsx | 2 +- .../SpanUsagesInsightCard/index.tsx | 6 ++--- .../SpanUsagesInsightCard/mockData.ts | 8 ++----- .../SpanUsagesInsightCard/types.ts | 4 ++-- .../DurationChange/DurationChange.stories.tsx | 2 +- .../common/DurationChange/index.tsx | 6 ++--- .../common/DurationChange/types.ts | 2 +- .../common/InsightCard/ActionButton/index.tsx | 2 +- .../common/InsightCard/ActionButton/types.ts | 4 ++-- .../ColumnsContainer.stories.tsx | 2 +- .../InsightCard/ColumnsContainer/index.tsx | 2 +- .../InsightCard/ColumnsContainer/types.ts | 2 +- .../IconButton/IconButton.stories.tsx | 2 +- .../common/InsightCard/IconButton/index.tsx | 5 ++-- .../common/InsightCard/IconButton/types.ts | 4 ++-- .../InsightCard/InsightCard.stories.tsx | 2 +- .../AsyncTag/AsyncTag.stories.tsx | 2 +- .../InsightHeader/InsightHeader.stories.tsx | 2 +- .../InsightHeader/InsightIcon/index.tsx | 6 ++--- .../InsightHeader/InsightIcon/types.ts | 2 +- .../InsightStatusTooltipContent.stories.tsx | 2 +- .../KeyValue/index.tsx | 2 +- .../KeyValue/types.ts | 2 +- .../TimestampKeyValue/index.tsx | 2 +- .../TimestampKeyValue/types.ts | 2 +- .../InsightStatusTooltipContent/index.tsx | 2 +- .../InsightStatusTooltipContent/types.ts | 2 +- .../InsightCard/InsightHeader/index.tsx | 8 +++---- .../common/InsightCard/InsightHeader/types.ts | 2 +- .../InsightsInfo/InsightsInfo.stories.tsx | 2 +- .../common/InsightCard/InsightsInfo/index.tsx | 2 +- .../common/InsightCard/InsightsInfo/types.ts | 2 +- .../InsightCard/KeyValue/KeyValue.stories.tsx | 2 +- .../common/InsightCard/KeyValue/index.tsx | 5 ++-- .../common/InsightCard/KeyValue/types.ts | 2 +- .../InsightCard/ListItem/ListItem.stories.tsx | 2 +- .../common/InsightCard/ListItem/index.tsx | 5 ++-- .../common/InsightCard/ListItem/types.ts | 2 +- .../PercentileViewModeToggle.stories.tsx | 2 +- .../PercentileViewModeToggle/index.tsx | 2 +- .../ProductionAffectionBar.stories.tsx | 2 +- .../ProductionAffectionBar/index.tsx | 2 +- .../ProductionAffectionBar/styles.ts | 2 +- .../RecalculateBar/RecalculateBar.stories.tsx | 2 +- .../InsightCard/Select/Select.stories.tsx | 2 +- .../common/InsightCard/Select/index.tsx | 5 ++-- .../common/InsightCard/Select/styles.ts | 2 +- .../common/InsightCard/Select/types.ts | 2 +- .../common/InsightCard/hooks/useDismissal.ts | 4 ++-- .../InsightCard/hooks/useMarkingAsRead.ts | 2 +- .../insightCards/common/InsightCard/index.tsx | 4 ++-- .../insightCards/common/InsightCard/styles.ts | 2 +- .../insightCards/common/InsightCard/types.ts | 11 +++++---- .../InsightStatusBadge.stories.tsx | 2 +- .../getInsightStatusInfo.ts | 2 +- .../common/InsightStatusBadge/index.tsx | 5 ++-- .../common/InsightStatusBadge/styles.ts | 2 +- .../common/InsightStatusBadge/types.ts | 2 +- .../IssueCompactCard.stories.tsx | 2 +- .../common/IssueCompactCard/index.tsx | 7 +++--- .../common/IssueCompactCard/styles.ts | 2 +- .../common/IssueCompactCard/types.ts | 4 ++-- .../InsightsCatalog/InsightsPage/types.ts | 2 +- .../EarlyAccessPromotionCard.stories.tsx | 2 +- .../EarlyAccessPromotionCard/index.tsx | 2 +- .../PromotionCard/PromotionCard.stories.tsx | 2 +- .../PromotionTag/PromotionTag.stories.tsx | 2 +- .../UdemyCoursePromotionCard.stories.tsx | 2 +- .../UdemyCoursePromotionCard/index.tsx | 2 +- .../PromotionSection/PromotionCard/index.tsx | 5 ++-- .../PromotionSection/PromotionCard/types.ts | 2 +- .../Promotions/EarlyAccessPromotion/index.tsx | 2 +- .../Promotions/UdemyPromotion/index.tsx | 2 +- .../PromotionSection/index.tsx | 4 ++-- .../Insights/InsightsCatalog/index.tsx | 13 ++++------ .../Insights/InsightsCatalog/types.ts | 2 +- .../InsightsCatalog/useMarkingAllAsRead.ts | 4 ++-- src/components/Insights/Issues/types.ts | 4 ++-- .../Insights/Issues/useIssuesFilters.ts | 8 +++---- .../InsightCard/InsightCard.stories.tsx | 2 +- .../InsightList/InsightCard/index.tsx | 4 ++-- .../InsightList/InsightCard/styles.ts | 2 +- .../InsightList/InsightCard/types.ts | 9 ++++--- .../InsightList/NoObservabilityCard/index.tsx | 2 +- .../Insights/deprecated/InsightList/index.tsx | 4 ++-- .../ErrorsInsight/ErrorsInsight.stories.tsx | 2 +- .../insightCards/ErrorsInsight/index.tsx | 2 +- .../insightCards/ErrorsInsight/mockData.ts | 8 ++----- .../insightCards/ErrorsInsight/types.ts | 6 ++--- .../NoScalingIssueInsight.stories.tsx | 2 +- .../NoScalingIssueInsight/index.tsx | 2 +- .../NoScalingIssueInsight/types.ts | 6 ++--- .../PerformanceAtScaleInsight.stories.tsx | 2 +- .../PerformanceAtScaleInsight/index.tsx | 6 ++--- .../PerformanceAtScaleInsight/types.ts | 6 ++--- .../deprecated/InsightList/mockData.ts | 8 ++----- .../Insights/deprecated/InsightList/types.ts | 2 +- .../Insights/deprecated/Preview/index.tsx | 4 ++-- .../Insights/deprecated/Preview/types.ts | 2 +- src/components/Insights/index.tsx | 11 +++++---- ...ndpointBottleneckInsightTicket.stories.tsx | 2 +- .../EndpointBottleneckInsightTicket/index.tsx | 6 ++--- ...ghNumberOfQueriesInsightTicket.stories.tsx | 2 +- .../index.tsx | 6 ++--- ...eryOptimizationV2InsightTicket.stories.tsx | 2 +- .../index.tsx | 8 +++---- ...pointSpanNPlusOneInsightTicket.stories.tsx | 2 +- .../index.tsx | 11 +++++---- .../SpaNPlusOneInsightTicket.stories.tsx | 2 +- .../SpaNPlusOneInsightTicket/index.tsx | 8 +++---- ...ndpointBottleneckInsightTicket.stories.tsx | 2 +- .../index.tsx | 6 ++--- ...QueryOptimizationInsightTicket.stories.tsx | 2 +- .../index.tsx | 8 +++---- ...calingByRootCauseInsightTicket.stories.tsx | 2 +- .../index.tsx | 8 +++---- .../SpanScalingInsightTicket.stories.tsx | 2 +- .../SpanScalingInsightTicket/index.tsx | 8 +++---- .../BottleneckEndpoints.stories.tsx | 2 +- .../common/BottleneckEndpoints/index.tsx | 2 +- .../common/BottleneckEndpoints/types.ts | 2 +- .../CodeLocations/CodeLocations.stories.tsx | 2 +- .../common/CodeLocations/index.tsx | 2 +- .../CommitInfos/CommitInfos.stories.tsx | 2 +- .../common/CommitInfos/index.tsx | 6 ++--- .../common/CommitInfos/types.ts | 4 ++-- .../InsightJiraTicket.stories.tsx | 9 +++---- .../common/InsightJiraTicket/index.tsx | 2 +- .../common/InsightJiraTicket/types.ts | 8 +++---- .../NPlusOneEndpoints.stories.tsx | 2 +- .../common/NPlusOneEndpoints/index.tsx | 2 +- .../common/NPlusOneEndpoints/types.ts | 2 +- .../QueryOptimizationEndpoints.stories.tsx | 2 +- .../QueryOptimizationEndpoints/index.tsx | 2 +- .../QueryOptimizationEndpoints/types.ts | 2 +- .../SpanScaling/SpanScalingDuration/index.tsx | 2 +- .../SpanScalingEndpoints/index.tsx | 2 +- .../SpanScaling/SpanScalingMessage/index.tsx | 2 +- .../SpanScalingRootCauses/index.tsx | 2 +- .../SpanScalingTestedConcurrency/index.tsx | 2 +- .../common/SpanScaling/index.tsx | 2 +- .../common/SpanScaling/types.ts | 2 +- .../insightTickets/common/useCodeLocations.ts | 4 ++-- .../insightTickets/common/useCommitInfos.ts | 4 ++-- .../common/useEndpointDataSource.ts | 4 ++-- .../common/useSpanDataSource.ts | 4 ++-- .../insightTickets/getInsightCommits.ts | 2 +- .../Insights/insightTickets/types.ts | 2 +- src/components/Insights/typeGuards.ts | 4 ++-- src/components/Insights/types.ts | 13 +++++----- src/components/Insights/useInsightsData.ts | 20 +++++++++------- .../InstallationWizard/FinishStep/index.tsx | 5 ++-- .../InstallationWizard/FinishStep/types.ts | 4 ++-- .../EngineManager/EngineManager.stories.tsx | 2 +- .../InstallStep/EngineManager/index.tsx | 4 ++-- .../InstallStep/EngineManager/styles.ts | 2 +- .../InstallStep/EngineManager/types.ts | 6 ++--- .../InstallationWizard/InstallStep/index.tsx | 12 ++++++---- .../InstallationWizard/InstallStep/styles.ts | 2 +- .../InstallationWizard/InstallStep/types.ts | 2 +- .../InstallStep/useEngine.ts | 10 +++----- .../InstallationTypeCard/index.tsx | 2 +- .../InstallationTypeCard/styles.ts | 2 +- .../InstallationTypeCard/types.ts | 4 ++-- .../InstallationWizard.stories.tsx | 2 +- .../ObservabilityStep/index.tsx | 2 +- .../InstallationWizard/SectionTitle/index.tsx | 2 +- .../InstallationWizard/SectionTitle/types.ts | 4 ++-- .../InstallationWizard/Step/index.tsx | 2 +- .../InstallationWizard/Step/styles.ts | 5 ++-- .../InstallationWizard/Step/types.ts | 2 +- .../InstallationWizard/Tabs/Tab/index.tsx | 2 +- .../InstallationWizard/Tabs/Tab/styles.ts | 2 +- .../InstallationWizard/Tabs/Tab/types.ts | 4 ++-- .../InstallationWizard/Tabs/index.tsx | 2 +- .../InstallationWizard/Tabs/types.ts | 4 ++-- .../InstallationWizard/Tip/index.tsx | 2 +- .../InstallationWizard/Tip/types.ts | 2 +- src/components/InstallationWizard/index.tsx | 9 +++---- src/components/InstallationWizard/styles.ts | 2 +- .../JaegerLogin/JaegerLogin.stories.tsx | 2 +- src/components/JaegerLogin/index.tsx | 3 ++- .../Authentication/Authentication.stories.tsx | 2 +- .../Authentication/Login/Login.stories.tsx | 2 +- .../Main/Authentication/Login/index.tsx | 2 +- .../Main/Authentication/Login/useLogin.ts | 2 +- .../Registration/Registration.stories.tsx | 2 +- .../Authentication/Registration/index.tsx | 2 +- .../Registration/useRegistration.ts | 2 +- src/components/Main/Main.stories.tsx | 10 ++++---- .../EarlyAccessRegistrationCard.stories.tsx | 2 +- .../EarlyAccessRegistrationCard/index.tsx | 2 +- .../Images/SuccessRegistrationImage/index.tsx | 2 +- .../RegistrationCard.stories.tsx | 2 +- .../SuccessRegistration.stories.tsx | 2 +- .../SuccessRegistration/index.tsx | 2 +- .../SuccessRegistration/types.ts | 2 +- .../UdemyRegistrationCard.stories.tsx | 2 +- .../UdemyRegistrationCard/index.tsx | 2 +- .../Main/RegistrationCard/index.tsx | 2 +- .../Main/RegistrationCard/styles.ts | 5 +++- src/components/Main/RegistrationCard/types.ts | 2 +- src/components/Main/index.tsx | 9 +++---- src/components/Main/typeGuards.ts | 2 +- .../Main/updateBrowserLocationUpdater.tsx | 3 ++- src/components/Main/useHistory.tsx | 7 +++--- .../AnimatedCodeButton.stories.tsx | 2 +- .../CodeButton/AnimatedCodeButton/index.tsx | 2 +- .../CodeButton/CodeButton.stories.tsx | 2 +- .../CodeButton/GlowingIconButton/index.tsx | 2 +- .../CodeButton/GlowingIconButton/styles.ts | 2 +- .../CodeButton/GlowingIconButton/types.ts | 2 +- .../Navigation/CodeButton/index.tsx | 5 ++-- .../Navigation/CodeButton/styles.ts | 2 +- src/components/Navigation/CodeButton/types.ts | 2 +- .../CodeButtonMenu/CodeButtonMenu.stories.tsx | 2 +- .../Navigation/CodeButtonMenu/index.tsx | 4 ++-- .../Navigation/CodeButtonMenu/styles.ts | 2 +- .../Navigation/CodeButtonMenu/types.ts | 2 +- .../EnvironmentBar/EnvironmentBar.stories.tsx | 2 +- .../EnvironmentBar/EnvironmentMenu/index.tsx | 4 ++-- .../EnvironmentBar/EnvironmentMenu/types.ts | 2 +- .../Navigation/EnvironmentBar/index.tsx | 4 ++-- .../Navigation/EnvironmentBar/mockData.ts | 2 +- .../Navigation/EnvironmentBar/styles.ts | 2 +- .../Navigation/EnvironmentBar/types.ts | 2 +- .../HistoryNavigationPanel.stories.tsx | 2 +- .../HistoryNavigationPanel/index.tsx | 7 +++--- .../HistoryNavigationPanel/styles.ts | 2 +- .../KebabMenu/KebabMenu.stories.tsx | 2 +- src/components/Navigation/KebabMenu/index.tsx | 9 +++---- .../Navigation/Navigation.stories.tsx | 2 +- .../LinkedEndpointsMenu.stories.tsx | 2 +- .../ScopeBar/LinkedEndpointsMenu/index.tsx | 4 ++-- .../ScopeBar/LinkedEndpointsMenu/types.ts | 2 +- .../Navigation/ScopeBar/ScopeBar.stories.tsx | 6 ++--- .../ScopeBar/TargetButtonMenu/index.tsx | 4 ++-- .../ScopeBar/TargetButtonMenu/types.ts | 2 +- src/components/Navigation/ScopeBar/index.tsx | 8 +++---- src/components/Navigation/ScopeBar/types.ts | 6 ++--- .../Navigation/SpanInfo/SpanInfo.stories.tsx | 2 +- .../SpanInfo/Status/Status.stories.tsx | 2 +- .../Navigation/SpanInfo/Status/index.tsx | 3 ++- .../Navigation/SpanInfo/Status/styles.ts | 3 ++- src/components/Navigation/SpanInfo/index.tsx | 2 +- .../Navigation/SpanInfo/mockData.ts | 2 +- src/components/Navigation/SpanInfo/types.ts | 2 +- .../Navigation/Tabs/Tabs.stories.tsx | 2 +- src/components/Navigation/Tabs/index.tsx | 5 ++-- src/components/Navigation/Tabs/styles.ts | 2 +- src/components/Navigation/Tabs/types.ts | 4 ++-- .../Navigation/common/Bar/Bar.stories.tsx | 2 +- .../Navigation/common/Bar/index.tsx | 5 ++-- src/components/Navigation/common/Bar/types.ts | 2 +- .../common/IconButton/IconButton.stories.tsx | 2 +- .../Navigation/common/IconButton/index.tsx | 5 ++-- .../Navigation/common/IconButton/styles.ts | 2 +- .../Navigation/common/IconButton/types.ts | 2 +- .../common/MenuList/MenuList.stories.tsx | 2 +- .../Navigation/common/MenuList/index.tsx | 4 ++-- .../Navigation/common/MenuList/styles.ts | 2 +- .../Navigation/common/MenuList/types.ts | 2 +- .../Navigation/common/Popup/Popup.stories.tsx | 2 +- .../Navigation/common/Popup/index.tsx | 2 +- .../Navigation/common/Popup/styles.ts | 2 +- .../Navigation/common/Popup/types.ts | 2 +- src/components/Navigation/index.tsx | 9 +++---- src/components/Navigation/styles.ts | 2 +- src/components/Navigation/types.ts | 4 ++-- .../Notifications/EmptyState/index.tsx | 2 +- .../Notifications/EmptyState/types.ts | 2 +- .../Notifications/FullView/index.tsx | 6 ++--- .../Notifications/FullView/types.ts | 2 +- src/components/Notifications/Header/index.tsx | 5 ++-- .../NotificationCard.stories.tsx | 2 +- .../Notifications/NotificationCard/index.tsx | 7 +++--- .../Notifications/NotificationCard/types.ts | 2 +- .../Notifications/NotificationList/index.tsx | 4 ++-- .../Notifications/NotificationList/types.ts | 2 +- .../Notifications/Notifications.stories.tsx | 4 ++-- .../Notifications/RecentView/index.tsx | 4 ++-- .../Notifications/RecentView/types.ts | 2 +- src/components/Notifications/index.tsx | 2 +- src/components/Notifications/typeGuards.ts | 2 +- src/components/Notifications/types.ts | 4 ++-- src/components/RecentActivity/Badge/index.tsx | 2 +- src/components/RecentActivity/Badge/styles.ts | 2 +- .../ConfirmationDialog.stories.tsx | 2 +- .../ConfirmationDialog/index.tsx | 2 +- .../ConfirmationDialog/types.ts | 2 +- .../CreateEnvironmentPanel.stories.tsx | 2 +- .../Tab/Tab.stories.tsx | 2 +- .../CreateEnvironmentPanel/Tab/index.tsx | 4 ++-- .../CreateEnvironmentPanel/Tab/styles.ts | 2 +- .../CreateEnvironmentPanel/Tab/types.ts | 2 +- .../CreateEnvironmentPanel/index.tsx | 2 +- .../CreateEnvironmentPanel/types.ts | 2 +- .../CreateEnvironmentWizard.stories.tsx | 2 +- .../EnvironmentCreated.stories.tsx | 2 +- .../EnvironmentCreated/index.tsx | 2 +- .../EnvironmentNameStep.stories.tsx | 2 +- .../EnvironmentNameStep/index.tsx | 5 ++-- .../EnvironmentTypePanel.stories.tsx | 2 +- .../EnvironmentTypePanel/index.tsx | 4 ++-- .../EnvironmentTypePanel/types.ts | 6 ++--- .../EnvironmentTypeStep.stories.tsx | 2 +- .../EnvironmentTypeStep/index.tsx | 4 ++-- .../EnvironmentTypeStep/types.ts | 2 +- .../ErrorCard/ErrorCard.stories.tsx | 2 +- .../ErrorCard/index.tsx | 2 +- .../ErrorCard/styles.ts | 2 +- .../ErrorsPanel/ErrorsPanel.stories.tsx | 2 +- .../ErrorsPanel/index.tsx | 2 +- .../RegisterStep/RegisterStep.stories.tsx | 2 +- .../RegisterStep/index.tsx | 2 +- .../CreateEnvironmentWizard/index.tsx | 8 +++---- .../CreateEnvironmentWizard/styles.ts | 2 +- .../Digmathon/CongratulationsView/index.tsx | 6 ++--- .../Digmathon/CongratulationsView/types.ts | 2 +- .../Digmathon/Digmathon.stories.tsx | 2 +- .../DigmathonInsightCard.stories.tsx | 2 +- .../Digmathon/DigmathonInsightCard/index.tsx | 2 +- .../Digmathon/DigmathonInsightCard/styles.ts | 2 +- .../Digmathon/DigmathonInsightCard/types.ts | 2 +- .../Digmathon/ProgressView/index.tsx | 2 +- .../Digmathon/ProgressView/styles.ts | 2 +- .../Digmathon/ProgressView/types.ts | 2 +- .../Digmathon/getDigmathonInsightData.tsx | 2 +- .../Digmathon/getProgressEmailLink.ts | 4 ++-- .../RecentActivity/Digmathon/index.tsx | 4 ++-- .../RecentActivity/Digmathon/mockData.ts | 2 +- .../RecentActivity/Digmathon/types.ts | 2 +- .../EnvironmentInstructionsPanel.stories.tsx | 7 +++--- .../EnvironmentVariableCode.stories.tsx | 5 ++-- .../EnvironmentVariableCode/index.tsx | 5 ++-- .../EnvironmentInstructionsPanel/index.tsx | 7 ++++-- .../EnvironmentInstructionsPanel/types.ts | 2 +- .../useAddToRunConfig.ts | 2 +- .../RecentActivity/EnvironmentMenu/index.tsx | 2 +- .../RecentActivity/EnvironmentMenu/types.ts | 4 ++-- .../EnvironmentTab/EnvironmentTab.stories.tsx | 4 ++-- .../EnvironmentPanel/EnvironmentTab/index.tsx | 4 ++-- .../EnvironmentPanel/EnvironmentTab/styles.ts | 2 +- .../EnvironmentPanel/EnvironmentTab/types.ts | 4 ++-- .../RecentActivity/EnvironmentPanel/index.tsx | 6 ++--- .../RecentActivity/EnvironmentPanel/types.ts | 2 +- .../LiveView/AreaTooltipContent/index.tsx | 2 +- .../LiveView/AreaTooltipContent/types.ts | 2 +- .../LiveView/ChangeStatus/index.tsx | 7 +++--- .../LiveView/ChangeStatus/types.ts | 2 +- .../LiveView/DotTooltipContent/index.tsx | 2 +- .../LiveView/DotTooltipContent/types.ts | 2 +- .../LiveView/LiveView.stories.tsx | 4 ++-- .../LiveView/TooltipContent/index.tsx | 2 +- .../LiveView/TooltipContent/types.ts | 2 +- .../RecentActivity/LiveView/index.tsx | 16 ++++--------- .../RecentActivity/LiveView/mockData.ts | 2 +- .../RecentActivity/LiveView/styles.ts | 2 +- .../RecentActivity/LiveView/types.ts | 4 ++-- .../RecentActivity/NoData/NoData.stories.tsx | 2 +- .../RecentActivity/RecentActivity.stories.tsx | 4 ++-- .../RecentActivityTable/getTagType.ts | 2 +- .../RecentActivityTable/index.tsx | 8 +++---- .../RecentActivityTable/styles.ts | 2 +- .../RecentActivityTable/types.ts | 4 ++-- .../SetupOrgDigmaPanel/Section/index.tsx | 5 ++-- .../SetupOrgDigmaPanel/Section/types.ts | 2 +- .../SetupOrgDigmaPanel.stories.tsx | 2 +- .../SetupOrgDigmaPanel/index.tsx | 9 +++---- .../SetupOrgDigmaPanel/styles.ts | 2 +- .../SetupOrgDigmaPanel/types.ts | 2 +- .../RecentActivity/Toggle/index.tsx | 2 +- .../RecentActivity/Toggle/styles.ts | 2 +- src/components/RecentActivity/Toggle/types.ts | 4 ++-- .../WelcomeScreen/WelcomeScreen.stories.tsx | 2 +- src/components/RecentActivity/index.tsx | 8 +++---- src/components/RecentActivity/types.ts | 12 +++++----- .../useDigmathonProgressData.ts | 2 +- src/components/RecentActivity/useLiveData.ts | 2 +- .../RecentActivity/useRecentActivityData.ts | 2 +- .../EnvironmentFilter.stories.tsx | 4 ++-- .../Tests/EnvironmentFilter/index.tsx | 2 +- .../Tests/EnvironmentFilter/styles.ts | 2 +- .../Tests/EnvironmentFilter/types.ts | 2 +- .../Tests/TestCard/TestCard.stories.tsx | 2 +- src/components/Tests/TestCard/index.tsx | 4 ++-- src/components/Tests/TestCard/mockData.ts | 2 +- src/components/Tests/TestCard/types.ts | 2 +- .../Tests/TestTicket/TestTicket.stories.tsx | 2 +- src/components/Tests/TestTicket/index.tsx | 6 ++--- src/components/Tests/TestTicket/types.ts | 2 +- src/components/Tests/Tests.stories.tsx | 2 +- src/components/Tests/index.tsx | 9 +++---- src/components/Tests/types.ts | 6 ++--- .../Troubleshooting.stories.tsx | 2 +- .../AffectedEndpointsSelector.stories.tsx | 2 +- .../EndpointOption/index.tsx | 2 +- .../EndpointOption/styles.ts | 2 +- .../AffectedEndpointsSelector/index.tsx | 6 ++--- src/components/common/App/ConfigContext.ts | 2 +- src/components/common/App/getTheme.ts | 6 ++--- src/components/common/App/index.tsx | 7 +++--- src/components/common/App/styles.ts | 3 ++- src/components/common/App/themes/darkTheme.ts | 2 +- .../common/App/themes/lightTheme.ts | 2 +- src/components/common/App/types.ts | 8 +++---- src/components/common/App/typographies.ts | 2 +- .../common/AutoAnimatedContainer/index.tsx | 5 ++-- .../common/AutoAnimatedContainer/types.ts | 4 ++-- src/components/common/Badge/Badge.stories.tsx | 2 +- src/components/common/Badge/index.tsx | 2 +- src/components/common/Badge/styles.ts | 2 +- src/components/common/Badge/types.ts | 2 +- .../common/Button/Button.stories.tsx | 2 +- src/components/common/Button/index.tsx | 5 ++-- src/components/common/Button/styles.ts | 2 +- src/components/common/Button/types.ts | 4 ++-- .../CancelConfirmation.stories.tsx | 2 +- .../common/CancelConfirmation/index.tsx | 2 +- src/components/common/Card/Card.stories.tsx | 4 ++-- src/components/common/Card/index.tsx | 2 +- src/components/common/Card/types.ts | 2 +- .../common/Checkbox/Checkbox.stories.tsx | 2 +- src/components/common/Checkbox/index.tsx | 4 ++-- src/components/common/Checkbox/styles.ts | 2 +- src/components/common/Checkbox/types.ts | 2 +- src/components/common/Chip/Chip.stories.tsx | 2 +- src/components/common/Chip/index.tsx | 5 ++-- src/components/common/Chip/types.ts | 2 +- .../CircleLoader/CircleLoader.stories.tsx | 2 +- src/components/common/CircleLoader/index.tsx | 5 ++-- src/components/common/CircleLoader/styles.ts | 2 +- .../CodeSnippet/CodeSnippet.stories.tsx | 2 +- src/components/common/CodeSnippet/index.tsx | 8 ++++--- src/components/common/CodeSnippet/types.ts | 2 +- .../CursorFollower/CursorFollower.stories.tsx | 2 +- .../common/CursorFollower/index.tsx | 2 +- src/components/common/CursorFollower/types.ts | 2 +- .../DigmaSignature/DigmaSignature.stories.tsx | 2 +- .../common/DigmaSignature/index.tsx | 2 +- .../DismissPanel/DismissPanel.stories.tsx | 2 +- src/components/common/DismissPanel/index.tsx | 2 +- src/components/common/EmptyState/index.tsx | 2 +- src/components/common/EmptyState/types.ts | 4 ++-- .../EnvironmentIcon.stories.tsx | 4 ++-- .../common/EnvironmentIcon/index.tsx | 2 +- .../common/EnvironmentIcon/types.ts | 2 +- .../ErrorScreen/ErrorScreen.stories.tsx | 2 +- .../FilterButton/FilterButton.stories.tsx | 4 ++-- src/components/common/FilterButton/index.tsx | 2 +- src/components/common/FilterButton/styles.ts | 2 +- .../common/FilterMenu/FilterMenu.stories.tsx | 2 +- src/components/common/FilterMenu/index.tsx | 5 ++-- .../FilterPopup/FilterPopup.stories.tsx | 2 +- src/components/common/FilterPopup/index.tsx | 2 +- src/components/common/FilterPopup/types.ts | 2 +- .../common/IconButton/IconButton.stories.tsx | 2 +- src/components/common/IconButton/index.tsx | 4 ++-- src/components/common/IconButton/types.ts | 4 ++-- .../common/IconTag/IconTag.stories.tsx | 2 +- src/components/common/IconTag/index.tsx | 2 +- src/components/common/IconTag/styles.ts | 2 +- src/components/common/IconTag/types.ts | 4 ++-- src/components/common/ImpactScore/index.tsx | 4 ++-- .../JiraTicket/ActionableTextField/index.tsx | 2 +- .../JiraTicket/ActionableTextField/types.ts | 2 +- .../common/JiraTicket/AttachmentTag/index.tsx | 2 +- .../common/JiraTicket/AttachmentTag/types.ts | 4 ++-- .../common/JiraTicket/Field/index.tsx | 2 +- .../common/JiraTicket/Field/styles.ts | 2 +- .../common/JiraTicket/Field/types.ts | 2 +- .../common/JiraTicket/IconButton/index.tsx | 2 +- .../common/JiraTicket/IconButton/types.ts | 4 ++-- .../common/JiraTicket/JiraTicket.stories.tsx | 2 +- .../common/JiraTicket/Section/index.tsx | 2 +- .../common/JiraTicket/Section/styles.ts | 2 +- .../common/JiraTicket/Section/types.ts | 2 +- .../JiraTicket/TicketLinkButton/index.tsx | 5 ++-- .../JiraTicket/TicketLinkButton/types.ts | 2 +- src/components/common/JiraTicket/index.tsx | 6 ++--- src/components/common/JiraTicket/types.ts | 2 +- .../common/KebabMenuButton/index.tsx | 2 +- .../common/KebabMenuButton/styles.ts | 2 +- src/components/common/Link/Link.stories.tsx | 2 +- src/components/common/Link/index.tsx | 5 ++-- src/components/common/Link/types.ts | 2 +- .../common/Loader/Loader.stories.tsx | 2 +- src/components/common/Loader/index.tsx | 2 +- src/components/common/Menu/Menu.stories.tsx | 2 +- src/components/common/Menu/index.tsx | 2 +- src/components/common/Menu/styles.ts | 2 +- src/components/common/Menu/types.ts | 4 ++-- .../common/NewButton/NewButton.stories.tsx | 2 +- src/components/common/NewButton/index.tsx | 5 ++-- src/components/common/NewButton/styles.ts | 4 ++-- src/components/common/NewButton/types.ts | 4 ++-- .../NewCircleLoader.stories.tsx | 2 +- .../common/NewCircleLoader/index.tsx | 5 ++-- src/components/common/NewPopover/index.tsx | 7 +++--- src/components/common/NewPopover/types.ts | 4 ++-- .../common/Overlay/Overlay.stories.tsx | 2 +- src/components/common/Overlay/index.tsx | 5 ++-- src/components/common/Overlay/types.ts | 2 +- .../common/Pagination/Pagination.stories.tsx | 4 ++-- src/components/common/Pagination/index.tsx | 2 +- .../common/Popover/PopoverContent/index.tsx | 3 ++- .../common/Popover/PopoverTrigger/index.tsx | 12 +++------- .../common/Popover/PopoverTrigger/types.ts | 2 +- src/components/common/Popover/hooks.ts | 2 +- src/components/common/Popover/index.tsx | 4 ++-- src/components/common/Popover/types.ts | 6 ++--- .../RegisterForm/RegisterForm.stories.tsx | 2 +- src/components/common/RegisterForm/index.tsx | 5 ++-- .../RegistrationDialog.stories.tsx | 2 +- .../TextField/TextField.stories.tsx | 2 +- .../RegistrationDialog/TextField/index.tsx | 5 ++-- .../RegistrationDialog/TextField/styles.ts | 2 +- .../RegistrationDialog/TextField/types.ts | 8 +++++-- .../common/RegistrationDialog/index.tsx | 2 +- .../ScoreIndicator/ScoreIndicator.stories.tsx | 2 +- .../common/ScoreIndicator/index.tsx | 2 +- .../common/ScoreIndicator/styles.ts | 2 +- .../SearchInput/SearchInput.stories.tsx | 2 +- src/components/common/SearchInput/index.tsx | 4 ++-- .../common/Select/Select.stories.tsx | 2 +- src/components/common/Select/index.tsx | 5 ++-- src/components/common/Select/styles.ts | 2 +- src/components/common/Select/types.ts | 4 ++-- .../SortingSelector.stories.tsx | 2 +- .../common/SortingSelector/index.tsx | 6 +++-- .../common/SortingSelector/styles.ts | 4 ++-- src/components/common/Tag/Tag.stories.tsx | 2 +- src/components/common/Tag/index.tsx | 2 +- src/components/common/Tag/styles.ts | 2 +- src/components/common/Tag/types.ts | 4 ++-- .../common/TextField/TextField.stories.tsx | 2 +- src/components/common/TextField/index.tsx | 5 ++-- src/components/common/TextField/styles.ts | 2 +- src/components/common/TextField/types.ts | 2 +- .../common/Toggle/Toggle.stories.tsx | 4 ++-- src/components/common/Toggle/index.tsx | 2 +- src/components/common/Toggle/styles.ts | 2 +- .../ToggleSwitch/ToggleSwitch.stories.tsx | 2 +- src/components/common/ToggleSwitch/index.tsx | 2 +- src/components/common/ToggleSwitch/styles.ts | 4 ++-- src/components/common/ToggleSwitch/types.ts | 2 +- .../common/Tooltip/Tooltip.stories.tsx | 2 +- src/components/common/Tooltip/index.tsx | 4 ++-- src/components/common/Tooltip/types.ts | 4 ++-- src/components/common/TreeMap/Tile/index.tsx | 4 ++-- src/components/common/TreeMap/Tile/styles.ts | 2 +- src/components/common/TreeMap/Tile/types.ts | 4 ++-- .../common/TreeMap/TreeMap.stories.tsx | 2 +- src/components/common/TreeMap/index.tsx | 5 ++-- src/components/common/TreeMap/types.ts | 4 ++-- .../common/icons/12px/AffectIcon.tsx | 2 +- .../common/icons/12px/ArrowIcon.tsx | 3 ++- .../common/icons/12px/ArrowsInsideIcon.tsx | 2 +- .../common/icons/12px/ArrowsOutsideIcon.tsx | 2 +- .../common/icons/12px/CalendarIcon.tsx | 2 +- .../common/icons/12px/CheckmarkCircleIcon.tsx | 2 +- .../common/icons/12px/CheckmarkIcon.tsx | 2 +- .../common/icons/12px/ChevronIcon.tsx | 3 ++- src/components/common/icons/12px/CodeIcon.tsx | 2 +- src/components/common/icons/12px/CopyIcon.tsx | 2 +- .../common/icons/12px/CrossIcon.tsx | 2 +- .../common/icons/12px/DownloadIcon.tsx | 2 +- .../icons/12px/DurationBreakdownIcon.tsx | 2 +- .../common/icons/12px/ErrorIcon.tsx | 2 +- src/components/common/icons/12px/EyeIcon.tsx | 2 +- .../common/icons/12px/FourPointedStarIcon.tsx | 2 +- .../common/icons/12px/GlobeIcon.tsx | 2 +- src/components/common/icons/12px/HomeIcon.tsx | 2 +- .../common/icons/12px/JiraLogoIcon.tsx | 2 +- src/components/common/icons/12px/LockIcon.tsx | 2 +- .../common/icons/12px/MetricsIcon.tsx | 2 +- .../icons/12px/OpenTelemetryLogoIcon.tsx | 2 +- .../common/icons/12px/OppositeArrowsIcon.tsx | 2 +- .../common/icons/12px/PaperclipIcon.tsx | 2 +- .../common/icons/12px/PencilIcon.tsx | 2 +- src/components/common/icons/12px/PlusIcon.tsx | 2 +- .../common/icons/12px/TargetIcon.tsx | 2 +- .../common/icons/12px/TimerIcon.tsx | 2 +- .../common/icons/12px/TraceIcon.tsx | 2 +- .../common/icons/12px/TreeNodesIcon.tsx | 2 +- .../common/icons/12px/WarningTriangleIcon.tsx | 2 +- .../common/icons/12px/WrenchIcon.tsx | 2 +- .../common/icons/14px/ChainIcon.tsx | 2 +- src/components/common/icons/16px/BookIcon.tsx | 2 +- .../icons/16px/CheckmarkCircleArrowIcon.tsx | 2 +- .../common/icons/16px/CheckmarkCircleIcon.tsx | 2 +- .../common/icons/16px/ChevronIcon.tsx | 3 ++- .../common/icons/16px/ClearIcon.tsx | 2 +- .../common/icons/16px/CodeGradientIcon.tsx | 2 +- src/components/common/icons/16px/CodeIcon.tsx | 2 +- .../common/icons/16px/ConfettiIcon.tsx | 2 +- src/components/common/icons/16px/CopyIcon.tsx | 2 +- .../common/icons/16px/CrossCircleIcon.tsx | 2 +- .../common/icons/16px/CrossIcon.tsx | 2 +- .../common/icons/16px/CrosshairIcon.tsx | 2 +- .../common/icons/16px/DigmaLogoFlatIcon.tsx | 2 +- .../common/icons/16px/DigmaLogoIcon.tsx | 2 +- .../common/icons/16px/DoubleCircleIcon.tsx | 2 +- .../common/icons/16px/EnvelopeIcon.tsx | 2 +- .../common/icons/16px/ErrorIcon.tsx | 2 +- src/components/common/icons/16px/EyeIcon.tsx | 2 +- .../common/icons/16px/FourPointedStarIcon.tsx | 2 +- .../16px/FourPointedStarWithPlusesIcon.tsx | 2 +- .../common/icons/16px/FunnelIcon.tsx | 2 +- .../common/icons/16px/GlobeIcon.tsx | 2 +- .../common/icons/16px/HammerIcon.tsx | 2 +- .../common/icons/16px/HistogramIcon.tsx | 2 +- src/components/common/icons/16px/HomeIcon.tsx | 2 +- .../common/icons/16px/InfinityIcon.tsx | 2 +- .../common/icons/16px/JiraLogoIcon.tsx | 2 +- src/components/common/icons/16px/KeyIcon.tsx | 2 +- .../common/icons/16px/LogoutIcon.tsx | 2 +- .../common/icons/16px/MagicWandIcon.tsx | 2 +- .../common/icons/16px/MaximizeIcon.tsx | 2 +- .../common/icons/16px/MeterHighIcon.tsx | 2 +- .../common/icons/16px/MinimizeIcon.tsx | 2 +- .../icons/16px/OpenTelemetryLogoIcon.tsx | 2 +- .../common/icons/16px/PetalsIcon.tsx | 2 +- .../common/icons/16px/PinFillIcon.tsx | 2 +- src/components/common/icons/16px/PinIcon.tsx | 2 +- src/components/common/icons/16px/PlusIcon.tsx | 2 +- .../common/icons/16px/QuestionMarkIcon.tsx | 2 +- .../common/icons/16px/RecheckIcon.tsx | 2 +- .../common/icons/16px/RefreshIcon.tsx | 2 +- .../common/icons/16px/SlackLogoIcon.tsx | 2 +- src/components/common/icons/16px/SortIcon.tsx | 3 ++- .../common/icons/16px/SparkleIcon.tsx | 2 +- .../common/icons/16px/TableIcon.tsx | 2 +- .../common/icons/16px/TargetIcon.tsx | 2 +- .../common/icons/16px/TimerIcon.tsx | 2 +- .../common/icons/16px/TraceIcon.tsx | 2 +- .../common/icons/16px/TrashBinIcon.tsx | 2 +- .../common/icons/16px/TreemapIcon.tsx | 2 +- .../common/icons/16px/WrenchIcon.tsx | 2 +- .../common/icons/20px/ArrowToTopIcon.tsx | 2 +- .../common/icons/20px/CheckCircleIcon.tsx | 2 +- .../common/icons/20px/CheckmarkCircleIcon.tsx | 2 +- .../common/icons/20px/ChevronIcon.tsx | 3 ++- .../common/icons/20px/ClockWithTicksIcon.tsx | 2 +- .../common/icons/20px/CodeGradientIcon.tsx | 2 +- src/components/common/icons/20px/CodeIcon.tsx | 2 +- .../common/icons/20px/CrossCircleIcon.tsx | 2 +- .../common/icons/20px/GlobeIcon.tsx | 2 +- .../icons/20px/OpenTelemetryLogoIcon.tsx | 2 +- .../icons/20px/ThreeDotsVerticalIcon.tsx | 2 +- .../common/icons/30px/ChildIcon.tsx | 2 +- .../common/icons/30px/HistogramIcon.tsx | 2 +- .../common/icons/32px/InfinityIcon.tsx | 2 +- .../common/icons/32px/PetalsIcon.tsx | 2 +- .../common/icons/32px/PulseIcon.tsx | 2 +- .../common/icons/38px/CheckCircleIcon.tsx | 2 +- .../common/icons/AlarmClockIcon.tsx | 2 +- .../common/icons/ArrowDashedLineIcon.tsx | 3 ++- src/components/common/icons/ArrowIcon.tsx | 3 ++- .../common/icons/ArrowSmallIcon.tsx | 3 ++- src/components/common/icons/BellIcon.tsx | 2 +- .../common/icons/BottleneckIcon.tsx | 2 +- .../common/icons/CardsColoredIcon.tsx | 2 +- src/components/common/icons/CardsIcon.tsx | 2 +- .../common/icons/ChartCircleIcon.tsx | 2 +- src/components/common/icons/ChartIcon.tsx | 2 +- src/components/common/icons/ChatIFillIcon.tsx | 2 +- src/components/common/icons/ChatIcon.tsx | 2 +- .../icons/CheckmarkCircleInvertedIcon.tsx | 2 +- src/components/common/icons/CheckmarkIcon.tsx | 2 +- src/components/common/icons/ChevronIcon.tsx | 3 ++- .../common/icons/ClockWithTicksIcon.tsx | 2 +- .../common/icons/CloudDownloadIcon.tsx | 2 +- .../common/icons/CodeDisplayIcon.tsx | 2 +- src/components/common/icons/CodeIcon.tsx | 2 +- .../common/icons/CodeMarkerPinIcon.tsx | 2 +- src/components/common/icons/CopyIcon.tsx | 2 +- .../common/icons/CrossCircleIcon.tsx | 2 +- src/components/common/icons/CrossIcon.tsx | 2 +- .../common/icons/CrossedBellIcon.tsx | 2 +- src/components/common/icons/CrosshairIcon.tsx | 2 +- src/components/common/icons/DatabaseIcon.tsx | 2 +- src/components/common/icons/DesktopIcon.tsx | 2 +- .../common/icons/DigmaGreetingIcon.tsx | 2 +- .../common/icons/DigmaLogoFlatIcon.tsx | 2 +- src/components/common/icons/DigmaLogoIcon.tsx | 2 +- .../common/icons/DockerLogoIcon.tsx | 2 +- .../icons/DocumentWithMagnifierIcon.tsx | 2 +- .../common/icons/DoubleChevronIcon.tsx | 3 ++- .../common/icons/DoubleCircleIcon.tsx | 2 +- src/components/common/icons/EndpointIcon.tsx | 2 +- src/components/common/icons/FilterIcon.tsx | 2 +- .../common/icons/FourSquaresIcon.tsx | 2 +- src/components/common/icons/FunnelIcon.tsx | 2 +- src/components/common/icons/GearIcon.tsx | 2 +- src/components/common/icons/GlobeIcon.tsx | 2 +- .../common/icons/GradleLogoIcon.tsx | 2 +- .../common/icons/HTTPClientIcon.tsx | 2 +- .../common/icons/InfiniteLoopIcon.tsx | 2 +- src/components/common/icons/InfinityIcon.tsx | 2 +- .../common/icons/InfoCircleIcon.tsx | 2 +- src/components/common/icons/LightBulbIcon.tsx | 2 +- .../icons/LightBulbSmallCrossedIcon.tsx | 2 +- .../common/icons/LightBulbSmallIcon.tsx | 2 +- src/components/common/icons/LightningIcon.tsx | 2 +- src/components/common/icons/ListIcon.tsx | 2 +- .../common/icons/LocalEngineIcon.tsx | 2 +- src/components/common/icons/MagnifierIcon.tsx | 2 +- src/components/common/icons/MeterHighIcon.tsx | 2 +- src/components/common/icons/MeterLowIcon.tsx | 2 +- .../common/icons/MeterMediumIcon.tsx | 2 +- src/components/common/icons/MinusIcon.tsx | 2 +- src/components/common/icons/OpenLinkIcon.tsx | 2 +- .../common/icons/OpenTelemetryDisplayIcon.tsx | 2 +- .../OpenTelemetryLogoCrossedSmallIcon.tsx | 2 +- .../common/icons/OpenTelemetryLogoIcon.tsx | 2 +- .../icons/OpenTelemetryLogoSmallIcon.tsx | 2 +- src/components/common/icons/PieChartIcon.tsx | 2 +- .../common/icons/PlayButtonWithCursorIcon.tsx | 2 +- .../common/icons/PlayCircleIcon.tsx | 2 +- src/components/common/icons/PlayIcon.tsx | 2 +- .../common/icons/PlugAndSocketIcon.tsx | 2 +- src/components/common/icons/PlusIcon.tsx | 2 +- .../common/icons/RingingBellIcon.tsx | 2 +- .../common/icons/SQLDatabaseIcon.tsx | 2 +- src/components/common/icons/ScalesIcon.tsx | 2 +- src/components/common/icons/SineIcon.tsx | 2 +- src/components/common/icons/SlackLogoIcon.tsx | 2 +- src/components/common/icons/SnailIcon.tsx | 2 +- src/components/common/icons/SortIcon.tsx | 2 +- src/components/common/icons/SparkleIcon.tsx | 2 +- src/components/common/icons/SpotIcon.tsx | 2 +- src/components/common/icons/StackIcon.tsx | 2 +- .../common/icons/StopCircleIcon.tsx | 2 +- src/components/common/icons/TableIcon.tsx | 2 +- src/components/common/icons/TerminalIcon.tsx | 2 +- .../common/icons/ThreeDotsVerticalIcon.tsx | 2 +- src/components/common/icons/TrashBinIcon.tsx | 2 +- src/components/common/icons/UserIcon.tsx | 2 +- .../common/icons/WarningCircleIcon.tsx | 2 +- .../common/icons/WarningCircleLargeIcon.tsx | 2 +- .../common/icons/WarningTriangleIcon.tsx | 2 +- src/components/common/icons/hooks.ts | 2 +- .../common/v3/Button/Button.stories.tsx | 2 +- src/components/common/v3/Button/index.tsx | 5 ++-- src/components/common/v3/Button/styles.ts | 2 +- src/components/common/v3/Button/types.ts | 4 ++-- .../common/v3/Card/Card.stories.tsx | 2 +- src/components/common/v3/Card/index.tsx | 5 ++-- src/components/common/v3/Card/types.ts | 2 +- .../common/v3/Checkmark/Checkmark.stories.tsx | 2 +- src/components/common/v3/Checkmark/index.tsx | 4 ++-- src/components/common/v3/CopyButton/index.tsx | 4 ++-- src/components/common/v3/IconButton/index.tsx | 5 ++-- src/components/common/v3/IconButton/types.ts | 4 ++-- src/components/common/v3/Info/index.tsx | 2 +- src/components/common/v3/Info/types.ts | 2 +- .../v3/JiraButton/JiraButton.stories.tsx | 2 +- src/components/common/v3/JiraButton/index.tsx | 5 ++-- src/components/common/v3/JiraButton/types.ts | 4 ++-- .../common/v3/Link/Link.stories.tsx | 2 +- src/components/common/v3/Link/index.tsx | 5 ++-- src/components/common/v3/Link/styles.ts | 2 +- src/components/common/v3/Link/types.ts | 2 +- .../common/v3/NewButton/NewButton.stories.tsx | 2 +- src/components/common/v3/NewButton/index.tsx | 5 ++-- src/components/common/v3/NewButton/styles.ts | 2 +- src/components/common/v3/NewButton/types.ts | 4 ++-- .../common/v3/NewEmptyState/index.tsx | 2 +- .../common/v3/NewEmptyState/types.ts | 4 ++-- .../NewIconButton/NewIconButton.stories.tsx | 2 +- .../common/v3/NewIconButton/index.tsx | 5 ++-- .../common/v3/NewIconButton/styles.ts | 2 +- .../common/v3/NewIconButton/types.ts | 4 ++-- .../common/v3/NewTag/NewTag.stories.tsx | 2 +- .../v3/Pagination/Pagination.stories.tsx | 2 +- src/components/common/v3/Pagination/index.tsx | 2 +- src/components/common/v3/Pagination/types.ts | 2 +- .../common/v3/Select/Select.stories.tsx | 2 +- src/components/common/v3/Select/index.tsx | 5 ++-- src/components/common/v3/Select/styles.ts | 2 +- src/components/common/v3/Select/types.ts | 4 ++-- src/components/common/v3/Spinner/index.tsx | 5 ++-- src/components/common/v3/Tag/Tag.stories.tsx | 2 +- src/components/common/v3/Tag/index.tsx | 5 ++-- src/components/common/v3/Tag/styles.ts | 4 ++-- src/components/common/v3/Tag/types.ts | 2 +- .../common/v3/TextField/TextField.stories.tsx | 2 +- src/components/common/v3/TextField/index.tsx | 5 ++-- src/components/common/v3/TextField/styles.ts | 2 +- src/components/common/v3/TextField/types.ts | 4 ++-- src/components/common/v3/Toggle/index.tsx | 2 +- src/components/common/v3/Toggle/styles.ts | 2 +- src/components/common/v3/Toggle/types.ts | 4 ++-- .../v3/ToggleSwitch/ToggleSwitch.stories.tsx | 2 +- .../common/v3/ToggleSwitch/index.tsx | 2 +- .../common/v3/ToggleSwitch/styles.ts | 4 ++-- .../common/v3/ToggleSwitch/types.ts | 2 +- .../common/v3/Tooltip/Tooltip.stories.tsx | 2 +- src/components/common/v3/Tooltip/index.tsx | 7 +++--- src/components/common/v3/Tooltip/styles.ts | 2 +- src/components/common/v3/Tooltip/types.ts | 4 ++-- src/constants.ts | 2 +- src/containers/Main/history.ts | 2 +- src/containers/Main/router.tsx | 8 ++----- src/featureFlags.ts | 2 +- src/globals.d.ts | 2 +- src/hooks/useAction.test.ts | 2 +- src/hooks/useFetchData.test.ts | 5 ++-- src/hooks/usePagination.ts | 3 ++- src/hooks/usePersistence.test.ts | 2 +- src/logging/TaggedLogger.ts | 2 +- src/platform.ts | 2 +- src/store/assets/assetsSlice.ts | 10 ++++---- src/store/config/configSlice.ts | 2 +- src/store/errors/errorsSlice.ts | 4 ++-- src/store/insights/insightsSlice.ts | 15 ++++++------ src/store/metricsReport/metricsReportSlice.ts | 4 ++-- src/store/useStore.ts | 2 +- src/styled.d.ts | 24 +++++++++---------- src/typeGuards/isEnvironment.ts | 2 +- src/types.ts | 4 ++-- src/utils/areBackendInfosEqual.ts | 2 +- src/utils/convertToDuration.ts | 2 +- src/utils/downloadFile.ts | 3 ++- src/utils/getDurationString.ts | 2 +- src/utils/getInsightCriticalityColor.tsx | 2 +- src/utils/getInsightImportanceColor.ts | 2 +- src/utils/getInsightTypeInfo.ts | 4 ++-- src/utils/getPercentileKey.ts | 2 +- src/utils/getUnreadInsightsCount.ts | 2 +- src/utils/isDigmaEngineRunning.ts | 2 +- tsconfig.json | 2 -- webpack.common.ts | 5 ++-- webpack.dev.ts | 2 +- webpack.prod.ts | 2 +- 1189 files changed, 1935 insertions(+), 1866 deletions(-) diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx index a4dc34750..7625687f3 100644 --- a/.storybook/preview.tsx +++ b/.storybook/preview.tsx @@ -1,5 +1,4 @@ -import type { Preview } from "@storybook/react"; -import { StoryFn } from "@storybook/react"; +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"; @@ -11,7 +10,7 @@ import { } from "../src/api"; import { App, THEMES } from "../src/components/common/App"; import { dispatcher } from "../src/dispatcher"; -import { Theme } from "../src/globals"; +import type { Theme } from "../src/globals"; const preview: Preview = { decorators: [ diff --git a/.vscode/extensions.json b/.vscode/extensions.json index d10703975..71cbcc7fd 100644 --- a/.vscode/extensions.json +++ b/.vscode/extensions.json @@ -4,8 +4,8 @@ "davidanson.vscode-markdownlint", "esbenp.prettier-vscode", "Orta.vscode-jest", + "streetsidesoftware.code-spell-checker", "stylelint.vscode-stylelint", - "styled-components.vscode-styled-components", - "streetsidesoftware.code-spell-checker" + "styled-components.vscode-styled-components" ] } diff --git a/.vscode/settings.json b/.vscode/settings.json index 22c89eafe..a96fa3994 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -1,10 +1,4 @@ { - "editor.formatOnSave": true, - "editor.codeActionsOnSave": { - "source.organizeImports": "explicit" - }, - "editor.defaultFormatter": "esbenp.prettier-vscode", - "stylelint.validate": ["typescript"], "cSpell.words": [ "borderless", "checkmark", @@ -22,5 +16,12 @@ "undismiss", "zustand" ], - "jest.runMode": "on-demand" + "editor.codeActionsOnSave": { + "source.organizeImports": "explicit" + }, + "editor.defaultFormatter": "esbenp.prettier-vscode", + "editor.formatOnSave": true, + "jest.runMode": "on-demand", + "stylelint.validate": ["typescript"], + "typescript.preferences.preferTypeOnlyAutoImports": true } diff --git a/eslint.config.mjs b/eslint.config.mjs index be71db34f..64332d716 100644 --- a/eslint.config.mjs +++ b/eslint.config.mjs @@ -19,6 +19,9 @@ export default tseslint.config( tsconfigRootDir: import.meta.dirname, ecmaVersion: 2022 } + }, + rules: { + "@typescript-eslint/consistent-type-imports": "error" } }, { diff --git a/scripts/get-jaeger-ui.mts b/scripts/get-jaeger-ui.mts index 69b6280bc..7dcd2fb58 100644 --- a/scripts/get-jaeger-ui.mts +++ b/scripts/get-jaeger-ui.mts @@ -3,7 +3,7 @@ import AdmZip from "adm-zip"; import dotenv from "dotenv"; import fs from "fs-extra"; import path from "path"; -import dependenciesJson from "../dependencies.json" assert { type: "json" }; +import dependenciesJson from "../dependencies.json" with { type: "json" }; dotenv.config(); diff --git a/src/api/ActionDispatcher.ts b/src/api/ActionDispatcher.ts index fddac05f1..c470bdf17 100644 --- a/src/api/ActionDispatcher.ts +++ b/src/api/ActionDispatcher.ts @@ -1,4 +1,4 @@ -import { ActionListener, DigmaMessageError } from "./types"; +import type { ActionListener, DigmaMessageError } from "./types"; export class ActionDispatcher { private actions: Record; diff --git a/src/api/index.ts b/src/api/index.ts index fa512018b..9829d564a 100644 --- a/src/api/index.ts +++ b/src/api/index.ts @@ -2,8 +2,8 @@ import { logger } from "../logging"; import { TaggedLogger } from "../logging/TaggedLogger"; import { platform } from "../platform"; import { isObject } from "../typeGuards/isObject"; -import { ActionDispatcher } from "./ActionDispatcher"; -import { DigmaMessageEvent, DigmaOutgoingMessageData } from "./types"; +import type { ActionDispatcher } from "./ActionDispatcher"; +import type { DigmaMessageEvent, DigmaOutgoingMessageData } from "./types"; import { sendMessageToWebService } from "./web/sendMessageToWebService"; const messagingLogger = new TaggedLogger(logger, "MESSAGING"); diff --git a/src/api/web/sendMessageToWebService.ts b/src/api/web/sendMessageToWebService.ts index 4042feec8..429ef8f49 100644 --- a/src/api/web/sendMessageToWebService.ts +++ b/src/api/web/sendMessageToWebService.ts @@ -1,9 +1,11 @@ import { actions as globalActions } from "../../actions"; import { actions as dashboardActions } from "../../components/Dashboard/actions"; -import { DigmaOutgoingMessageData } from "../types"; +import type { DigmaOutgoingMessageData } from "../types"; import { getAboutInfo } from "./services/about"; -import { GetDashboardParams, getDashboard } from "./services/dashboard"; -import { GetEnvironmentParams, getEnvironment } from "./services/environments"; +import type { GetDashboardParams } from "./services/dashboard"; +import { getDashboard } from "./services/dashboard"; +import type { GetEnvironmentParams } from "./services/environments"; +import { getEnvironment } from "./services/environments"; export const sendMessageToWebService = ( message: DigmaOutgoingMessageData diff --git a/src/api/web/services/about.ts b/src/api/web/services/about.ts index 8a993ea5d..941d27fc3 100644 --- a/src/api/web/services/about.ts +++ b/src/api/web/services/about.ts @@ -1,5 +1,5 @@ import { actions as globalActions } from "../../../actions"; -import { BackendInfo } from "../../../components/common/App/types"; +import type { BackendInfo } from "../../../components/common/App/types"; import { logger } from "../../../logging"; import { client } from "../client"; diff --git a/src/components/Assets/AssetList/AssetEntry/AssetEntry.stories.tsx b/src/components/Assets/AssetList/AssetEntry/AssetEntry.stories.tsx index 03aa58b23..84c003d4a 100644 --- a/src/components/Assets/AssetList/AssetEntry/AssetEntry.stories.tsx +++ b/src/components/Assets/AssetList/AssetEntry/AssetEntry.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { AssetEntry } from "."; diff --git a/src/components/Assets/AssetList/AssetEntry/index.tsx b/src/components/Assets/AssetList/AssetEntry/index.tsx index 97b0c294c..10a2e627f 100644 --- a/src/components/Assets/AssetList/AssetEntry/index.tsx +++ b/src/components/Assets/AssetList/AssetEntry/index.tsx @@ -14,7 +14,7 @@ import { GlobeIcon } from "../../../common/icons/GlobeIcon"; import { getAssetTypeInfo } from "../../utils"; import { SORTING_CRITERION } from "../types"; import * as s from "./styles"; -import { AssetEntryProps } from "./types"; +import type { AssetEntryProps } from "./types"; const IS_NEW_TIME_LIMIT = 1000 * 60 * 10; // in milliseconds diff --git a/src/components/Assets/AssetList/AssetEntry/styles.ts b/src/components/Assets/AssetList/AssetEntry/styles.ts index 85ec9e0e8..7c5cf4eea 100644 --- a/src/components/Assets/AssetList/AssetEntry/styles.ts +++ b/src/components/Assets/AssetList/AssetEntry/styles.ts @@ -3,7 +3,7 @@ import { getInsightCriticalityColor } from "../../../../utils/getInsightCritical import { caption2RegularTypography } from "../../../common/App/typographies"; import { grayScale } from "../../../common/App/v2colors"; import { CopyButton } from "../../../common/v3/CopyButton"; -import { InsightIconContainerProps } from "./types"; +import type { InsightIconContainerProps } from "./types"; export const Container = styled.div` display: flex; diff --git a/src/components/Assets/AssetList/AssetEntry/types.ts b/src/components/Assets/AssetList/AssetEntry/types.ts index 830c45a8b..4dd3b93ec 100644 --- a/src/components/Assets/AssetList/AssetEntry/types.ts +++ b/src/components/Assets/AssetList/AssetEntry/types.ts @@ -1,4 +1,4 @@ -import { AssetEntry, SORTING_CRITERION } from "../types"; +import type { AssetEntry, SORTING_CRITERION } from "../types"; export interface AssetEntryProps { entry: AssetEntry; diff --git a/src/components/Assets/AssetList/AssetList.stories.tsx b/src/components/Assets/AssetList/AssetList.stories.tsx index a28006c56..4f159c116 100644 --- a/src/components/Assets/AssetList/AssetList.stories.tsx +++ b/src/components/Assets/AssetList/AssetList.stories.tsx @@ -1,9 +1,10 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { fn } from "@storybook/test"; import { AssetList } from "."; import { ConfigContext, initialState } from "../../common/App/ConfigContext"; -import { ConfigContextData, DeploymentType } from "../../common/App/types"; +import type { ConfigContextData } from "../../common/App/types"; +import { DeploymentType } from "../../common/App/types"; import { actions } from "../actions"; import { mockedAssetsData } from "./mockedData"; diff --git a/src/components/Assets/AssetList/index.tsx b/src/components/Assets/AssetList/index.tsx index 8dc213650..38e432ad3 100644 --- a/src/components/Assets/AssetList/index.tsx +++ b/src/components/Assets/AssetList/index.tsx @@ -1,9 +1,8 @@ import { useEffect, useMemo, useRef, useState } from "react"; -import { DefaultTheme, useTheme } from "styled-components"; -import { - DataFetcherConfiguration, - useFetchData -} from "../../../hooks/useFetchData"; +import type { DefaultTheme } from "styled-components"; +import { useTheme } from "styled-components"; +import type { DataFetcherConfiguration } from "../../../hooks/useFetchData"; +import { useFetchData } from "../../../hooks/useFetchData"; import { useMount } from "../../../hooks/useMount"; import { useAssetsSelector } from "../../../store/assets/useAssetsSelector"; import { useConfigSelector } from "../../../store/config/useConfigSelector"; @@ -26,14 +25,13 @@ import { trackingEvents } from "../tracking"; import { checkIfAnyFiltersApplied, getAssetTypeInfo } from "../utils"; import { AssetEntry as AssetEntryComponent } from "./AssetEntry"; import * as s from "./styles"; -import { +import type { AssetEntry, AssetListProps, AssetsData, - GetAssetsListDataPayload, - SORTING_CRITERION, - SORTING_ORDER + GetAssetsListDataPayload } from "./types"; +import { SORTING_CRITERION, SORTING_ORDER } from "./types"; const PAGE_SIZE = 10; const REFRESH_INTERVAL = 10 * 1000; // in milliseconds diff --git a/src/components/Assets/AssetList/mockedData.ts b/src/components/Assets/AssetList/mockedData.ts index 2891032c7..e7cf43742 100644 --- a/src/components/Assets/AssetList/mockedData.ts +++ b/src/components/Assets/AssetList/mockedData.ts @@ -1,4 +1,4 @@ -import { AssetsData } from "./types"; +import type { AssetsData } from "./types"; export const mockedAssetsData: AssetsData = { data: [ diff --git a/src/components/Assets/AssetList/styles.ts b/src/components/Assets/AssetList/styles.ts index 96d8c6a20..5518f331f 100644 --- a/src/components/Assets/AssetList/styles.ts +++ b/src/components/Assets/AssetList/styles.ts @@ -1,12 +1,12 @@ import styled from "styled-components"; import { bodyRegularTypography } from "../../common/App/typographies"; import { Link } from "../../common/v3/Link"; -import { - SORTING_ORDER, +import type { SortingMenuButtonProps, SortingOrderIconContainerProps, SortingOrderOptionProps } from "./types"; +import { SORTING_ORDER } from "./types"; export const Container = styled.div` display: flex; diff --git a/src/components/Assets/AssetList/types.ts b/src/components/Assets/AssetList/types.ts index fc9248402..2180dcc8a 100644 --- a/src/components/Assets/AssetList/types.ts +++ b/src/components/Assets/AssetList/types.ts @@ -1,5 +1,5 @@ -import { Duration } from "../../../globals"; -import { AssetFilterQuery } from "../AssetsFilter/types"; +import type { Duration } from "../../../globals"; +import type { AssetFilterQuery } from "../AssetsFilter/types"; export interface AssetListProps { onGoToAllAssets: () => void; diff --git a/src/components/Assets/AssetTypeList/AssetTypeList.stories.tsx b/src/components/Assets/AssetTypeList/AssetTypeList.stories.tsx index 6e6930ccf..b60c68577 100644 --- a/src/components/Assets/AssetTypeList/AssetTypeList.stories.tsx +++ b/src/components/Assets/AssetTypeList/AssetTypeList.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { fn } from "@storybook/test"; import { AssetTypeList } from "."; diff --git a/src/components/Assets/AssetTypeList/AssetTypeListItem/AssetTypeListItem.stories.tsx b/src/components/Assets/AssetTypeList/AssetTypeListItem/AssetTypeListItem.stories.tsx index f12ebef06..fbaa8c23a 100644 --- a/src/components/Assets/AssetTypeList/AssetTypeListItem/AssetTypeListItem.stories.tsx +++ b/src/components/Assets/AssetTypeList/AssetTypeListItem/AssetTypeListItem.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { AssetTypeListItem } from "."; import { DatabaseIcon } from "../../../common/icons/DatabaseIcon"; diff --git a/src/components/Assets/AssetTypeList/AssetTypeListItem/index.tsx b/src/components/Assets/AssetTypeList/AssetTypeListItem/index.tsx index b14b0cda3..858549340 100644 --- a/src/components/Assets/AssetTypeList/AssetTypeListItem/index.tsx +++ b/src/components/Assets/AssetTypeList/AssetTypeListItem/index.tsx @@ -1,5 +1,5 @@ import * as s from "./styles"; -import { AssetTypeListItemProps } from "./types"; +import type { AssetTypeListItemProps } from "./types"; export const AssetTypeListItem = ({ onAssetTypeClick, diff --git a/src/components/Assets/AssetTypeList/AssetTypeListItem/types.ts b/src/components/Assets/AssetTypeList/AssetTypeListItem/types.ts index dfd683f65..559c255e1 100644 --- a/src/components/Assets/AssetTypeList/AssetTypeListItem/types.ts +++ b/src/components/Assets/AssetTypeList/AssetTypeListItem/types.ts @@ -1,5 +1,5 @@ -import { MemoExoticComponent } from "react"; -import { IconProps } from "../../../common/icons/types"; +import type { MemoExoticComponent } from "react"; +import type { IconProps } from "../../../common/icons/types"; export interface AssetTypeListItemProps { id: string; diff --git a/src/components/Assets/AssetTypeList/index.tsx b/src/components/Assets/AssetTypeList/index.tsx index d5d1b2841..a932b23c0 100644 --- a/src/components/Assets/AssetTypeList/index.tsx +++ b/src/components/Assets/AssetTypeList/index.tsx @@ -1,8 +1,8 @@ import { useCallback, useEffect, useRef, useState } from "react"; -import { DigmaMessageError } from "../../../api/types"; +import type { DigmaMessageError } from "../../../api/types"; import { dispatcher } from "../../../dispatcher"; import { usePrevious } from "../../../hooks/usePrevious"; -import { AssetsFilters } from "../../../store/assets/assetsSlice"; +import type { AssetsFilters } from "../../../store/assets/assetsSlice"; import { useAssetsSelector } from "../../../store/assets/useAssetsSelector"; import { useConfigSelector } from "../../../store/config/useConfigSelector"; import { useStore } from "../../../store/useStore"; @@ -13,14 +13,14 @@ import { SCOPE_CHANGE_EVENTS } from "../../../types"; import { changeScope } from "../../../utils/actions/changeScope"; import { sendUserActionTrackingEvent } from "../../../utils/actions/sendUserActionTrackingEvent"; import { ChildIcon } from "../../common/icons/30px/ChildIcon"; -import { ViewMode } from "../AssetsViewScopeConfiguration/types"; +import type { ViewMode } from "../AssetsViewScopeConfiguration/types"; import { NoDataMessage } from "../NoDataMessage"; import { actions } from "../actions"; import { trackingEvents } from "../tracking"; import { checkIfAnyFiltersApplied, getAssetTypeInfo } from "../utils"; import { AssetTypeListItem } from "./AssetTypeListItem"; import * as s from "./styles"; -import { +import type { AssetCategoriesData, AssetCategoryData, AssetTypeListProps, diff --git a/src/components/Assets/AssetTypeList/types.ts b/src/components/Assets/AssetTypeList/types.ts index 457766206..82f6cf925 100644 --- a/src/components/Assets/AssetTypeList/types.ts +++ b/src/components/Assets/AssetTypeList/types.ts @@ -1,6 +1,6 @@ -import { MemoExoticComponent } from "react"; -import { SpanInfo } from "../../../types"; -import { IconProps } from "../../common/icons/types"; +import type { MemoExoticComponent } from "react"; +import type { SpanInfo } from "../../../types"; +import type { IconProps } from "../../common/icons/types"; export interface AssetTypeListProps { onAssetTypeSelect: (assetTypeId: string) => void; diff --git a/src/components/Assets/Assets.stories.tsx b/src/components/Assets/Assets.stories.tsx index 0fe51a129..3d9043f7c 100644 --- a/src/components/Assets/Assets.stories.tsx +++ b/src/components/Assets/Assets.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { Assets } from "."; diff --git a/src/components/Assets/AssetsFilter/AssetsFilter.stories.tsx b/src/components/Assets/AssetsFilter/AssetsFilter.stories.tsx index 6a44a3ac6..6090ba4dc 100644 --- a/src/components/Assets/AssetsFilter/AssetsFilter.stories.tsx +++ b/src/components/Assets/AssetsFilter/AssetsFilter.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { AssetsFilter } from "."; import { actions } from "../actions"; diff --git a/src/components/Assets/AssetsFilter/index.tsx b/src/components/Assets/AssetsFilter/index.tsx index 1b5969ae6..e95c5458e 100644 --- a/src/components/Assets/AssetsFilter/index.tsx +++ b/src/components/Assets/AssetsFilter/index.tsx @@ -1,10 +1,5 @@ -import { - ComponentType, - useCallback, - useEffect, - useMemo, - useState -} from "react"; +import type { ComponentType } from "react"; +import { useCallback, useEffect, useMemo, useState } from "react"; import { dispatcher } from "../../../dispatcher"; import { getFeatureFlagValue } from "../../../featureFlags"; import { usePrevious } from "../../../hooks/usePrevious"; @@ -13,7 +8,8 @@ import { useConfigSelector } from "../../../store/config/useConfigSelector"; import { useStore } from "../../../store/useStore"; import { isEnvironment } from "../../../typeGuards/isEnvironment"; import { isNull } from "../../../typeGuards/isNull"; -import { FeatureFlag, InsightType } from "../../../types"; +import type { InsightType } from "../../../types"; +import { FeatureFlag } from "../../../types"; import { sendTrackingEvent } from "../../../utils/actions/sendTrackingEvent"; import { sendUserActionTrackingEvent } from "../../../utils/actions/sendUserActionTrackingEvent"; import { getInsightTypeInfo } from "../../../utils/getInsightTypeInfo"; @@ -21,11 +17,11 @@ import { FilterPopup } from "../../common/FilterPopup"; import { WrenchIcon } from "../../common/icons/12px/WrenchIcon"; import { EndpointIcon } from "../../common/icons/EndpointIcon"; import { SparkleIcon } from "../../common/icons/SparkleIcon"; -import { IconProps } from "../../common/icons/types"; +import type { IconProps } from "../../common/icons/types"; import { actions } from "../actions"; import { trackingEvents } from "../tracking"; import * as s from "./styles"; -import { +import type { AssetFilterCategory, AssetsFiltersData, GetAssetFiltersDataParams, diff --git a/src/components/Assets/AssetsFilter/types.ts b/src/components/Assets/AssetsFilter/types.ts index 1da6cb2b7..de4d88080 100644 --- a/src/components/Assets/AssetsFilter/types.ts +++ b/src/components/Assets/AssetsFilter/types.ts @@ -1,4 +1,4 @@ -import { InsightType } from "../../Insights/types"; +import type { InsightType } from "../../Insights/types"; export interface AssetFilterEntry { enabled: boolean; diff --git a/src/components/Assets/AssetsViewScopeConfiguration/AssetsViewScopeConfiguration.stories.tsx b/src/components/Assets/AssetsViewScopeConfiguration/AssetsViewScopeConfiguration.stories.tsx index 5ac7d8448..5f4fa266c 100644 --- a/src/components/Assets/AssetsViewScopeConfiguration/AssetsViewScopeConfiguration.stories.tsx +++ b/src/components/Assets/AssetsViewScopeConfiguration/AssetsViewScopeConfiguration.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { AssetsViewScopeConfiguration } from "."; diff --git a/src/components/Assets/AssetsViewScopeConfiguration/index.tsx b/src/components/Assets/AssetsViewScopeConfiguration/index.tsx index 3d4e932b2..32d6f0f37 100644 --- a/src/components/Assets/AssetsViewScopeConfiguration/index.tsx +++ b/src/components/Assets/AssetsViewScopeConfiguration/index.tsx @@ -7,9 +7,9 @@ import { formatUnit } from "../../../utils/formatUnit"; import { ArrowIcon } from "../../common/icons/12px/ArrowIcon"; import { TreeNodesIcon } from "../../common/icons/12px/TreeNodesIcon"; import { Toggle } from "../../common/v3/Toggle"; -import { ToggleOption } from "../../common/v3/Toggle/types"; +import type { ToggleOption } from "../../common/v3/Toggle/types"; import * as s from "./styles"; -import { AssetsViewScopeConfigurationProps, ViewMode } from "./types"; +import type { AssetsViewScopeConfigurationProps, ViewMode } from "./types"; export const AssetsViewScopeConfiguration = ({ assetsCount diff --git a/src/components/Assets/NoDataMessage/NoDataMessage.stories.tsx b/src/components/Assets/NoDataMessage/NoDataMessage.stories.tsx index 775a93f57..0b7292e1d 100644 --- a/src/components/Assets/NoDataMessage/NoDataMessage.stories.tsx +++ b/src/components/Assets/NoDataMessage/NoDataMessage.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { NoDataMessage } from "."; diff --git a/src/components/Assets/NoDataMessage/index.tsx b/src/components/Assets/NoDataMessage/index.tsx index 3f8ea846b..929e02c7d 100644 --- a/src/components/Assets/NoDataMessage/index.tsx +++ b/src/components/Assets/NoDataMessage/index.tsx @@ -5,7 +5,7 @@ import { EmptyState } from "../../common/EmptyState"; import { NewCircleLoader } from "../../common/NewCircleLoader"; import { CardsIcon } from "../../common/icons/CardsIcon"; import * as s from "./styles"; -import { NoDataMessageProps } from "./types"; +import type { NoDataMessageProps } from "./types"; export const NoDataMessage = ({ type }: NoDataMessageProps) => { const handleTroubleshootingLinkClick = () => { diff --git a/src/components/Assets/index.tsx b/src/components/Assets/index.tsx index d0997a421..82d7e24dd 100644 --- a/src/components/Assets/index.tsx +++ b/src/components/Assets/index.tsx @@ -3,7 +3,7 @@ import { useParams } from "react-router-dom"; import { useDebounce } from "../../hooks/useDebounce"; import { usePersistence } from "../../hooks/usePersistence"; import { usePrevious } from "../../hooks/usePrevious"; -import { AssetsFilters } from "../../store/assets/assetsSlice"; +import type { AssetsFilters } from "../../store/assets/assetsSlice"; import { useAssetsSelector } from "../../store/assets/useAssetsSelector"; import { useConfigSelector } from "../../store/config/useConfigSelector"; import { useStore } from "../../store/useStore"; @@ -17,13 +17,13 @@ import { NewIconButton } from "../common/v3/NewIconButton"; import { Tooltip } from "../common/v3/Tooltip"; import { AssetList } from "./AssetList"; import { AssetTypeList } from "./AssetTypeList"; -import { AssetCategoriesData } from "./AssetTypeList/types"; +import type { AssetCategoriesData } from "./AssetTypeList/types"; import { AssetsFilter } from "./AssetsFilter"; import { AssetsViewScopeConfiguration } from "./AssetsViewScopeConfiguration"; import { NoDataMessage } from "./NoDataMessage"; import * as s from "./styles"; import { trackingEvents } from "./tracking"; -import { DataRefresher } from "./types"; +import type { DataRefresher } from "./types"; const PERSISTENCE_KEY = "assetsFiltersV2"; const SEARCH_INPUT_DEBOUNCE_DELAY = 1000; // in milliseconds diff --git a/src/components/Assets/utils.tsx b/src/components/Assets/utils.tsx index 110c894ef..af5956ed5 100644 --- a/src/components/Assets/utils.tsx +++ b/src/components/Assets/utils.tsx @@ -1,11 +1,11 @@ -import { MemoExoticComponent } from "react"; -import { AssetsFilters } from "../../store/assets/assetsSlice"; +import type { MemoExoticComponent } from "react"; +import type { AssetsFilters } from "../../store/assets/assetsSlice"; import { CodeMarkerPinIcon } from "../common/icons/CodeMarkerPinIcon"; import { DatabaseIcon } from "../common/icons/DatabaseIcon"; import { EndpointIcon } from "../common/icons/EndpointIcon"; import { HTTPClientIcon } from "../common/icons/HTTPClientIcon"; import { UserIcon } from "../common/icons/UserIcon"; -import { IconProps } from "../common/icons/types"; +import type { IconProps } from "../common/icons/types"; interface AssetTypeInfo { label: string; diff --git a/src/components/Dashboard/Dashboard.stories.tsx b/src/components/Dashboard/Dashboard.stories.tsx index 4bf063ada..b88ba368b 100644 --- a/src/components/Dashboard/Dashboard.stories.tsx +++ b/src/components/Dashboard/Dashboard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { Dashboard } from "."; diff --git a/src/components/Dashboard/DashboardCard/index.tsx b/src/components/Dashboard/DashboardCard/index.tsx index b52d83ff9..15b983599 100644 --- a/src/components/Dashboard/DashboardCard/index.tsx +++ b/src/components/Dashboard/DashboardCard/index.tsx @@ -1,5 +1,5 @@ import * as s from "./styles"; -import { DashboardCardProps } from "./types"; +import type { DashboardCardProps } from "./types"; export const DashboardCard = ({ title, diff --git a/src/components/Dashboard/DashboardCard/types.ts b/src/components/Dashboard/DashboardCard/types.ts index 01ac54ec6..49c4ade36 100644 --- a/src/components/Dashboard/DashboardCard/types.ts +++ b/src/components/Dashboard/DashboardCard/types.ts @@ -1,5 +1,5 @@ -import { MemoExoticComponent, ReactNode } from "react"; -import { IconProps } from "../../common/icons/types"; +import type { MemoExoticComponent, ReactNode } from "react"; +import type { IconProps } from "../../common/icons/types"; export interface DashboardCardProps { icon: MemoExoticComponent<(props: IconProps) => JSX.Element>; diff --git a/src/components/Dashboard/ListWidget/index.tsx b/src/components/Dashboard/ListWidget/index.tsx index f390afe93..0627c88fc 100644 --- a/src/components/Dashboard/ListWidget/index.tsx +++ b/src/components/Dashboard/ListWidget/index.tsx @@ -8,13 +8,13 @@ import { getPercentileKey } from "../../../utils/getPercentileKey"; import { NewCircleLoader } from "../../common/NewCircleLoader"; import { Pagination } from "../../common/Pagination"; import { Toggle } from "../../common/Toggle"; -import { ToggleValue } from "../../common/Toggle/types"; +import type { ToggleValue } from "../../common/Toggle/types"; import { LightBulbSmallCrossedIcon } from "../../common/icons/LightBulbSmallCrossedIcon"; import { WarningCircleLargeIcon } from "../../common/icons/WarningCircleLargeIcon"; import { DashboardCard } from "../DashboardCard"; import { actions } from "../actions"; import * as s from "./styles"; -import { GetDataPayload, ListWidgetData, ListWidgetProps } from "./types"; +import type { GetDataPayload, ListWidgetData, ListWidgetProps } from "./types"; const PAGE_SIZE = 4; const DEFAULT_PERCENTILE = 0.5; diff --git a/src/components/Dashboard/ListWidget/types.ts b/src/components/Dashboard/ListWidget/types.ts index bb2ebc045..8e995d246 100644 --- a/src/components/Dashboard/ListWidget/types.ts +++ b/src/components/Dashboard/ListWidget/types.ts @@ -1,7 +1,7 @@ -import { MemoExoticComponent } from "react"; -import { PercentileKey } from "../../../types"; -import { IconProps } from "../../common/icons/types"; -import { WidgetType } from "../widgets/types"; +import type { MemoExoticComponent } from "react"; +import type { PercentileKey } from "../../../types"; +import type { IconProps } from "../../common/icons/types"; +import type { WidgetType } from "../widgets/types"; export interface ListWidgetProps { icon: MemoExoticComponent<(props: IconProps) => JSX.Element>; diff --git a/src/components/Dashboard/MetricsReport/Chart/Chart.stories.tsx b/src/components/Dashboard/MetricsReport/Chart/Chart.stories.tsx index cf9d00069..e6508384f 100644 --- a/src/components/Dashboard/MetricsReport/Chart/Chart.stories.tsx +++ b/src/components/Dashboard/MetricsReport/Chart/Chart.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { fn } from "@storybook/test"; import { Chart } from "."; diff --git a/src/components/Dashboard/MetricsReport/Chart/ReportTile/TooltipKeyValue/index.tsx b/src/components/Dashboard/MetricsReport/Chart/ReportTile/TooltipKeyValue/index.tsx index 7c0602a08..16ee79c21 100644 --- a/src/components/Dashboard/MetricsReport/Chart/ReportTile/TooltipKeyValue/index.tsx +++ b/src/components/Dashboard/MetricsReport/Chart/ReportTile/TooltipKeyValue/index.tsx @@ -1,5 +1,5 @@ import * as s from "./styles"; -import { TooltipKeyValueProps } from "./types"; +import type { TooltipKeyValueProps } from "./types"; export const TooltipKeyValue = ({ label, children }: TooltipKeyValueProps) => ( diff --git a/src/components/Dashboard/MetricsReport/Chart/ReportTile/TooltipKeyValue/types.ts b/src/components/Dashboard/MetricsReport/Chart/ReportTile/TooltipKeyValue/types.ts index e0ae47cf7..30a73c567 100644 --- a/src/components/Dashboard/MetricsReport/Chart/ReportTile/TooltipKeyValue/types.ts +++ b/src/components/Dashboard/MetricsReport/Chart/ReportTile/TooltipKeyValue/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export interface TooltipKeyValueProps { label: string; diff --git a/src/components/Dashboard/MetricsReport/Chart/ReportTile/index.tsx b/src/components/Dashboard/MetricsReport/Chart/ReportTile/index.tsx index ecf4c133c..babf3e831 100644 --- a/src/components/Dashboard/MetricsReport/Chart/ReportTile/index.tsx +++ b/src/components/Dashboard/MetricsReport/Chart/ReportTile/index.tsx @@ -1,9 +1,9 @@ -import { MouseEvent } from "react"; +import type { MouseEvent } from "react"; import { Tile } from "../../../../common/TreeMap/Tile"; -import { ReportTimeMode } from "../../types"; +import type { ReportTimeMode } from "../../types"; import * as s from "./styles"; import { TooltipKeyValue } from "./TooltipKeyValue"; -import { ReportTileProps } from "./types"; +import type { ReportTileProps } from "./types"; const getFormattedNumber = (viewMode: ReportTimeMode, value: number) => `${viewMode === "changes" && value > 0 ? "+" : ""}${value}`; diff --git a/src/components/Dashboard/MetricsReport/Chart/ReportTile/types.ts b/src/components/Dashboard/MetricsReport/Chart/ReportTile/types.ts index 91aaac031..73440388c 100644 --- a/src/components/Dashboard/MetricsReport/Chart/ReportTile/types.ts +++ b/src/components/Dashboard/MetricsReport/Chart/ReportTile/types.ts @@ -1,5 +1,5 @@ -import { Severity } from "../../Table/types"; -import { ReportTimeMode, ScoreCriterion } from "../../types"; +import type { Severity } from "../../Table/types"; +import type { ReportTimeMode, ScoreCriterion } from "../../types"; export interface ReportTileProps { name: string; diff --git a/src/components/Dashboard/MetricsReport/Chart/index.tsx b/src/components/Dashboard/MetricsReport/Chart/index.tsx index 5a0c952ec..743eac382 100644 --- a/src/components/Dashboard/MetricsReport/Chart/index.tsx +++ b/src/components/Dashboard/MetricsReport/Chart/index.tsx @@ -1,14 +1,15 @@ -import { UIEvent, useEffect, useState } from "react"; +import type { UIEvent } from "react"; +import { useEffect, useState } from "react"; import useDimensions from "react-cool-dimensions"; import useScrollbarSize from "react-scrollbar-size"; -import { Input } from "squarify"; +import type { Input } from "squarify"; import { sendUserActionTrackingEvent } from "../../../../utils/actions/sendUserActionTrackingEvent"; import { TreeMap } from "../../../common/TreeMap"; -import { TileData } from "../../../common/TreeMap/types"; +import type { TileData } from "../../../common/TreeMap/types"; import { trackingEvents } from "../tracking"; import { ReportTile } from "./ReportTile"; import * as s from "./styles"; -import { ChartProps } from "./types"; +import type { ChartProps } from "./types"; export const Chart = ({ data, diff --git a/src/components/Dashboard/MetricsReport/Chart/types.ts b/src/components/Dashboard/MetricsReport/Chart/types.ts index 1588acda9..15bec0be9 100644 --- a/src/components/Dashboard/MetricsReport/Chart/types.ts +++ b/src/components/Dashboard/MetricsReport/Chart/types.ts @@ -1,4 +1,4 @@ -import { +import type { PresentationalReportData, ReportTimeMode, ReportViewLevel, diff --git a/src/components/Dashboard/MetricsReport/EmptyState/EmptyState.stories.tsx b/src/components/Dashboard/MetricsReport/EmptyState/EmptyState.stories.tsx index 77bb73aa9..3be674f98 100644 --- a/src/components/Dashboard/MetricsReport/EmptyState/EmptyState.stories.tsx +++ b/src/components/Dashboard/MetricsReport/EmptyState/EmptyState.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { EmptyState } from "."; diff --git a/src/components/Dashboard/MetricsReport/EmptyState/index.tsx b/src/components/Dashboard/MetricsReport/EmptyState/index.tsx index 6c8e4af60..44d51a619 100644 --- a/src/components/Dashboard/MetricsReport/EmptyState/index.tsx +++ b/src/components/Dashboard/MetricsReport/EmptyState/index.tsx @@ -1,10 +1,15 @@ -import { DefaultTheme, useTheme } from "styled-components"; +import type { DefaultTheme } from "styled-components"; +import { useTheme } from "styled-components"; import { CrossCircleIcon } from "../../../common/icons/20px/CrossCircleIcon"; import { PetalsIcon } from "../../../common/icons/32px/PetalsIcon"; import { CardsColoredIcon } from "../../../common/icons/CardsColoredIcon"; import { NewButton } from "../../../common/v3/NewButton"; import * as s from "./styles"; -import { EmptyStateContent, EmptyStateProps, EmptyStateType } from "./types"; +import type { + EmptyStateContent, + EmptyStateProps, + EmptyStateType +} from "./types"; const getContent = (type: EmptyStateType, theme: DefaultTheme) => { const handleRefreshButtonClick = () => { diff --git a/src/components/Dashboard/MetricsReport/EmptyState/types.ts b/src/components/Dashboard/MetricsReport/EmptyState/types.ts index 1fe22912b..5b75bb1e6 100644 --- a/src/components/Dashboard/MetricsReport/EmptyState/types.ts +++ b/src/components/Dashboard/MetricsReport/EmptyState/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export type EmptyStateType = | "noEndpoints" diff --git a/src/components/Dashboard/MetricsReport/Header/ReportHeader.stories.tsx b/src/components/Dashboard/MetricsReport/Header/ReportHeader.stories.tsx index a79be6314..c3363437b 100644 --- a/src/components/Dashboard/MetricsReport/Header/ReportHeader.stories.tsx +++ b/src/components/Dashboard/MetricsReport/Header/ReportHeader.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { Header } from "."; import { actions as globalActions } from "../../../../actions"; diff --git a/src/components/Dashboard/MetricsReport/Header/index.tsx b/src/components/Dashboard/MetricsReport/Header/index.tsx index a237c3b42..2320392fd 100644 --- a/src/components/Dashboard/MetricsReport/Header/index.tsx +++ b/src/components/Dashboard/MetricsReport/Header/index.tsx @@ -1,9 +1,7 @@ import { useEffect, useMemo } from "react"; import { getFeatureFlagValue } from "../../../../featureFlags"; -import { - DataFetcherConfiguration, - useFetchData -} from "../../../../hooks/useFetchData"; +import type { DataFetcherConfiguration } from "../../../../hooks/useFetchData"; +import { useFetchData } from "../../../../hooks/useFetchData"; import { useConfigSelector } from "../../../../store/config/useConfigSelector"; import { useMetricsReportSelector } from "../../../../store/metricsReport/useMetricsReportSelector"; import { useStore } from "../../../../store/useStore"; @@ -19,12 +17,12 @@ import { TreemapIcon } from "../../../common/icons/16px/TreemapIcon"; import { ChevronIcon } from "../../../common/icons/20px/ChevronIcon"; import { DatabaseIcon } from "../../../common/icons/DatabaseIcon"; import { Direction } from "../../../common/icons/types"; -import { ToggleValue } from "../../../common/Toggle/types"; +import type { ToggleValue } from "../../../common/Toggle/types"; import { NewIconButton } from "../../../common/v3/NewIconButton"; import { Tooltip } from "../../../common/v3/Tooltip"; import { actions } from "../../actions"; import { trackingEvents } from "../tracking"; -import { +import type { Criticality, GetServiceEndpointsPayload, GetServiceEnvironmentsPayload, @@ -34,7 +32,7 @@ import { SetServiceEnvironmentsPayload } from "../types"; import * as s from "./styles"; -import { GetServicesPayload, HeaderProps } from "./types"; +import type { GetServicesPayload, HeaderProps } from "./types"; const criticalityOptions: { id: Criticality; label: string }[] = [ { diff --git a/src/components/Dashboard/MetricsReport/MetricsReport.stories.tsx b/src/components/Dashboard/MetricsReport/MetricsReport.stories.tsx index 9ea14fdf7..b5b84909c 100644 --- a/src/components/Dashboard/MetricsReport/MetricsReport.stories.tsx +++ b/src/components/Dashboard/MetricsReport/MetricsReport.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { MetricsReport } from "."; import { actions } from "../actions"; diff --git a/src/components/Dashboard/MetricsReport/Table/Table.stories.tsx b/src/components/Dashboard/MetricsReport/Table/Table.stories.tsx index ed2d72a5f..3f3fb8ebc 100644 --- a/src/components/Dashboard/MetricsReport/Table/Table.stories.tsx +++ b/src/components/Dashboard/MetricsReport/Table/Table.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { Table } from "."; import { transformServicesData } from "../utils"; diff --git a/src/components/Dashboard/MetricsReport/Table/index.tsx b/src/components/Dashboard/MetricsReport/Table/index.tsx index ed91bac4a..876ce94f0 100644 --- a/src/components/Dashboard/MetricsReport/Table/index.tsx +++ b/src/components/Dashboard/MetricsReport/Table/index.tsx @@ -1,22 +1,23 @@ +import type { SortingFn } from "@tanstack/react-table"; import { createColumnHelper, flexRender, getCoreRowModel, getSortedRowModel, - SortingFn, useReactTable } from "@tanstack/react-table"; -import { ReactNode, useState } from "react"; +import type { ReactNode } from "react"; +import { useState } from "react"; import { sendUserActionTrackingEvent } from "../../../../utils/actions/sendUserActionTrackingEvent"; import { SortIcon } from "../../../common/icons/16px/SortIcon"; import { ChevronIcon } from "../../../common/icons/20px/ChevronIcon"; import { Direction } from "../../../common/icons/types"; import { Tooltip } from "../../../common/v3/Tooltip"; import { trackingEvents } from "../tracking"; -import { PresentationalReportData } from "../types"; +import type { PresentationalReportData } from "../types"; import * as s from "./styles"; -import { ColumnMeta, Severity, TableProps } from "./types"; +import type { ColumnMeta, Severity, TableProps } from "./types"; const sortScoreFn: SortingFn = (rowA, rowB) => { const scoreA = rowA.original.score; diff --git a/src/components/Dashboard/MetricsReport/Table/mockData.ts b/src/components/Dashboard/MetricsReport/Table/mockData.ts index d4de44973..91ad17221 100644 --- a/src/components/Dashboard/MetricsReport/Table/mockData.ts +++ b/src/components/Dashboard/MetricsReport/Table/mockData.ts @@ -1,4 +1,4 @@ -import { SetMetricsReportDataPayload } from "../types"; +import type { SetMetricsReportDataPayload } from "../types"; export const mockedReport: SetMetricsReportDataPayload = { reports: [ diff --git a/src/components/Dashboard/MetricsReport/Table/styles.ts b/src/components/Dashboard/MetricsReport/Table/styles.ts index a0026ba7f..17867b644 100644 --- a/src/components/Dashboard/MetricsReport/Table/styles.ts +++ b/src/components/Dashboard/MetricsReport/Table/styles.ts @@ -3,7 +3,7 @@ import { subheading1BoldTypography, subheading1RegularTypography } from "../../../common/App/typographies"; -import { TableBodyCellProps, TableCellContentProps } from "./types"; +import type { TableBodyCellProps, TableCellContentProps } from "./types"; export const Table = styled.table` width: 100%; diff --git a/src/components/Dashboard/MetricsReport/Table/types.ts b/src/components/Dashboard/MetricsReport/Table/types.ts index 7835343e1..a2a9d5464 100644 --- a/src/components/Dashboard/MetricsReport/Table/types.ts +++ b/src/components/Dashboard/MetricsReport/Table/types.ts @@ -1,4 +1,4 @@ -import { +import type { PresentationalReportData, ReportTimeMode, ReportViewLevel, diff --git a/src/components/Dashboard/MetricsReport/index.tsx b/src/components/Dashboard/MetricsReport/index.tsx index d1b37b5d0..cc8e20a7d 100644 --- a/src/components/Dashboard/MetricsReport/index.tsx +++ b/src/components/Dashboard/MetricsReport/index.tsx @@ -14,7 +14,7 @@ import { EmptyState } from "./EmptyState"; import { Header } from "./Header"; import * as s from "./styles"; import { Table } from "./Table"; -import { +import type { EndpointIssuesData, GetEndpointsIssuesPayload, ScoreCriterion, diff --git a/src/components/Dashboard/MetricsReport/types.ts b/src/components/Dashboard/MetricsReport/types.ts index 1fcf22c35..8e19e46aa 100644 --- a/src/components/Dashboard/MetricsReport/types.ts +++ b/src/components/Dashboard/MetricsReport/types.ts @@ -1,5 +1,5 @@ -import { EnvironmentType } from "../../common/App/types"; -import { Severity } from "./Table/types"; +import type { EnvironmentType } from "../../common/App/types"; +import type { Severity } from "./Table/types"; export type Criticality = "Low" | "Medium" | "High"; diff --git a/src/components/Dashboard/MetricsReport/useEndpointsIssuesData.ts b/src/components/Dashboard/MetricsReport/useEndpointsIssuesData.ts index c46a494a4..065244bff 100644 --- a/src/components/Dashboard/MetricsReport/useEndpointsIssuesData.ts +++ b/src/components/Dashboard/MetricsReport/useEndpointsIssuesData.ts @@ -1,9 +1,10 @@ -import { - DataFetcherConfiguration, - useFetchData -} from "../../../hooks/useFetchData"; +import type { DataFetcherConfiguration } from "../../../hooks/useFetchData"; +import { useFetchData } from "../../../hooks/useFetchData"; import { actions } from "../actions"; -import { GetEndpointsIssuesPayload, SetEndpointsIssuesPayload } from "./types"; +import type { + GetEndpointsIssuesPayload, + SetEndpointsIssuesPayload +} from "./types"; export const useEndpointsIssuesData = ( payload: GetEndpointsIssuesPayload, diff --git a/src/components/Dashboard/MetricsReport/useServicesIssuesData.ts b/src/components/Dashboard/MetricsReport/useServicesIssuesData.ts index 9cbb38614..1e3b499cc 100644 --- a/src/components/Dashboard/MetricsReport/useServicesIssuesData.ts +++ b/src/components/Dashboard/MetricsReport/useServicesIssuesData.ts @@ -1,13 +1,11 @@ import { useMemo } from "react"; import { getFeatureFlagValue } from "../../../featureFlags"; -import { - DataFetcherConfiguration, - useFetchData -} from "../../../hooks/useFetchData"; +import type { DataFetcherConfiguration } from "../../../hooks/useFetchData"; +import { useFetchData } from "../../../hooks/useFetchData"; import { useConfigSelector } from "../../../store/config/useConfigSelector"; import { FeatureFlag } from "../../../types"; import { actions } from "../actions"; -import { +import type { GetMetricsReportDataPayloadV1, GetMetricsReportDataPayloadV2, SetMetricsReportDataPayload, diff --git a/src/components/Dashboard/MetricsReport/utils.ts b/src/components/Dashboard/MetricsReport/utils.ts index bf34126dc..5c787dfe1 100644 --- a/src/components/Dashboard/MetricsReport/utils.ts +++ b/src/components/Dashboard/MetricsReport/utils.ts @@ -1,5 +1,5 @@ -import { Severity } from "./Table/types"; -import { +import type { Severity } from "./Table/types"; +import type { EndpointIssuesData, PresentationalReportData, ScoreCriterion, diff --git a/src/components/Dashboard/Report/Cards/CardOption/CardOption.stories.tsx b/src/components/Dashboard/Report/Cards/CardOption/CardOption.stories.tsx index cc966663e..7bdbaa90c 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 { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/CardOption/index.tsx b/src/components/Dashboard/Report/Cards/CardOption/index.tsx index 6b5716762..51a89c872 100644 --- a/src/components/Dashboard/Report/Cards/CardOption/index.tsx +++ b/src/components/Dashboard/Report/Cards/CardOption/index.tsx @@ -1,5 +1,5 @@ import * as s from "./styles"; -import { CardOptionsProps } from "./types"; +import type { CardOptionsProps } from "./types"; export const CardOption = ({ title, diff --git a/src/components/Dashboard/Report/Cards/CardOption/styles.ts b/src/components/Dashboard/Report/Cards/CardOption/styles.ts index 43ee50816..3f65c7c11 100644 --- a/src/components/Dashboard/Report/Cards/CardOption/styles.ts +++ b/src/components/Dashboard/Report/Cards/CardOption/styles.ts @@ -3,7 +3,7 @@ import { bodyRegularTypography, displaySemiboldTypography } from "../../../../common/App/typographies"; -import { ContainerProps } from "./types"; +import type { ContainerProps } from "./types"; export const Title = styled.div` ${bodyRegularTypography} diff --git a/src/components/Dashboard/Report/Cards/DiscoveredAssets/DiscoveredAssets.stories.tsx b/src/components/Dashboard/Report/Cards/DiscoveredAssets/DiscoveredAssets.stories.tsx index c48692a71..1817addd7 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 { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { DiscoveredAssets } from "."; const meta: Meta = { diff --git a/src/components/Dashboard/Report/Cards/DiscoveredAssets/index.tsx b/src/components/Dashboard/Report/Cards/DiscoveredAssets/index.tsx index b8d62a1db..df59eface 100644 --- a/src/components/Dashboard/Report/Cards/DiscoveredAssets/index.tsx +++ b/src/components/Dashboard/Report/Cards/DiscoveredAssets/index.tsx @@ -1,7 +1,7 @@ import { getAssetTypeInfo } from "../../../../Assets/utils"; import { DiscoveredCard } from "../DiscoveredCard"; -import { OptionConfig } from "../DiscoveredCard/types"; -import { DiscoveredAssetsProps } from "./types"; +import type { OptionConfig } from "../DiscoveredCard/types"; +import type { DiscoveredAssetsProps } from "./types"; const ROW_SIZE = 4; diff --git a/src/components/Dashboard/Report/Cards/DiscoveredAssets/types.ts b/src/components/Dashboard/Report/Cards/DiscoveredAssets/types.ts index ffd2656e5..e964be53f 100644 --- a/src/components/Dashboard/Report/Cards/DiscoveredAssets/types.ts +++ b/src/components/Dashboard/Report/Cards/DiscoveredAssets/types.ts @@ -1,4 +1,4 @@ -import { DiscoveredAssetsStatistics } from "../../types"; +import type { DiscoveredAssetsStatistics } from "../../types"; export interface DiscoveredAssetsProps { statistics: DiscoveredAssetsStatistics | undefined; diff --git a/src/components/Dashboard/Report/Cards/DiscoveredCard/DiscoveredCard.stories.tsx b/src/components/Dashboard/Report/Cards/DiscoveredCard/DiscoveredCard.stories.tsx index c3a49e1a9..c4649b8e1 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 { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { DiscoveredCard } from "."; const meta: Meta = { diff --git a/src/components/Dashboard/Report/Cards/DiscoveredCard/index.tsx b/src/components/Dashboard/Report/Cards/DiscoveredCard/index.tsx index 606b938da..9cca9e0e5 100644 --- a/src/components/Dashboard/Report/Cards/DiscoveredCard/index.tsx +++ b/src/components/Dashboard/Report/Cards/DiscoveredCard/index.tsx @@ -3,7 +3,7 @@ import { v4 as uuidv4 } from "uuid"; import { ReportCard } from "../../ReportCard"; import { CardOption } from "../CardOption"; import * as s from "./styles"; -import { DiscoveredCardProps } from "./types"; +import type { DiscoveredCardProps } from "./types"; export const DiscoveredCard = ({ options, title }: DiscoveredCardProps) => { const [selected] = useState(); diff --git a/src/components/Dashboard/Report/Cards/DiscoveredCard/types.ts b/src/components/Dashboard/Report/Cards/DiscoveredCard/types.ts index ef0d5f839..bcdb2d79f 100644 --- a/src/components/Dashboard/Report/Cards/DiscoveredCard/types.ts +++ b/src/components/Dashboard/Report/Cards/DiscoveredCard/types.ts @@ -1,4 +1,4 @@ -import { DiscoverdCardType } from "../CardOption/types"; +import type { DiscoverdCardType } from "../CardOption/types"; export interface DiscoveredCardProps { options: OptionConfig[][]; diff --git a/src/components/Dashboard/Report/Cards/DiscoveredIssues/DiscoveredIssues.stories.tsx b/src/components/Dashboard/Report/Cards/DiscoveredIssues/DiscoveredIssues.stories.tsx index e8e14bc0a..2907efe8e 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 { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/Cards/DiscoveredIssues/index.tsx b/src/components/Dashboard/Report/Cards/DiscoveredIssues/index.tsx index 63965d806..9b07f1d00 100644 --- a/src/components/Dashboard/Report/Cards/DiscoveredIssues/index.tsx +++ b/src/components/Dashboard/Report/Cards/DiscoveredIssues/index.tsx @@ -1,5 +1,5 @@ import { DiscoveredCard } from "../DiscoveredCard"; -import { DiscoveredIssuesProps } from "./types"; +import type { DiscoveredIssuesProps } from "./types"; export const DiscoveredIssues = ({ statistics = { diff --git a/src/components/Dashboard/Report/Report.stories.tsx b/src/components/Dashboard/Report/Report.stories.tsx index 9854a260b..221754587 100644 --- a/src/components/Dashboard/Report/Report.stories.tsx +++ b/src/components/Dashboard/Report/Report.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { Report } from "."; import { actions as globalActions } from "../../../actions"; diff --git a/src/components/Dashboard/Report/ReportCard/ReportCard.stories.tsx b/src/components/Dashboard/Report/ReportCard/ReportCard.stories.tsx index ad122b171..768a60fd7 100644 --- a/src/components/Dashboard/Report/ReportCard/ReportCard.stories.tsx +++ b/src/components/Dashboard/Report/ReportCard/ReportCard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/ReportCard/index.tsx b/src/components/Dashboard/Report/ReportCard/index.tsx index 9043f2c3b..fd368e2ad 100644 --- a/src/components/Dashboard/Report/ReportCard/index.tsx +++ b/src/components/Dashboard/Report/ReportCard/index.tsx @@ -1,4 +1,4 @@ -import { CardProps } from "../../../common/v3/Card/types"; +import type { CardProps } from "../../../common/v3/Card/types"; import * as s from "./styles"; diff --git a/src/components/Dashboard/Report/ReportFooter/ReportFooter.stories.tsx b/src/components/Dashboard/Report/ReportFooter/ReportFooter.stories.tsx index 689093761..7e08f9def 100644 --- a/src/components/Dashboard/Report/ReportFooter/ReportFooter.stories.tsx +++ b/src/components/Dashboard/Report/ReportFooter/ReportFooter.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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 f490dd1d0..6067fcc87 100644 --- a/src/components/Dashboard/Report/ReportHeader/ReportHeader.stories.tsx +++ b/src/components/Dashboard/Report/ReportHeader/ReportHeader.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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 3b7610166..acdffc2e1 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 { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { Ribbon } from "."; diff --git a/src/components/Dashboard/Report/ReportHeader/Ribbon/index.tsx b/src/components/Dashboard/Report/ReportHeader/Ribbon/index.tsx index 1df8a11ed..6a1055444 100644 --- a/src/components/Dashboard/Report/ReportHeader/Ribbon/index.tsx +++ b/src/components/Dashboard/Report/ReportHeader/Ribbon/index.tsx @@ -5,7 +5,7 @@ import { RecheckIcon } from "../../../../common/icons/16px/RecheckIcon"; import { NewButton } from "../../../../common/v3/NewButton"; import { trackingEvents } from "../../tracking"; import * as s from "./styles"; -import { RibbonProps } from "./types"; +import type { RibbonProps } from "./types"; export const Ribbon = ({ onRefresh }: RibbonProps) => { const theme = useTheme(); diff --git a/src/components/Dashboard/Report/ReportHeader/index.tsx b/src/components/Dashboard/Report/ReportHeader/index.tsx index 0cbe14cef..e57bfc49b 100644 --- a/src/components/Dashboard/Report/ReportHeader/index.tsx +++ b/src/components/Dashboard/Report/ReportHeader/index.tsx @@ -1,19 +1,17 @@ import { useMemo, useState } from "react"; import { actions as globalActions } from "../../../../actions"; -import { - DataFetcherConfiguration, - useFetchData -} from "../../../../hooks/useFetchData"; +import type { DataFetcherConfiguration } from "../../../../hooks/useFetchData"; +import { useFetchData } from "../../../../hooks/useFetchData"; import { useConfigSelector } from "../../../../store/config/useConfigSelector"; import { sendUserActionTrackingEvent } from "../../../../utils/actions/sendUserActionTrackingEvent"; import { GlobeIcon } from "../../../common/icons/12px/GlobeIcon"; import { WrenchIcon } from "../../../common/icons/12px/WrenchIcon"; import { actions } from "../../actions"; import { trackingEvents } from "../tracking"; -import { GetServicesPayload } from "../types"; +import type { GetServicesPayload } from "../types"; import { Ribbon } from "./Ribbon"; import * as s from "./styles"; -import { ReportHeaderProps } from "./types"; +import type { ReportHeaderProps } from "./types"; const baseFetchConfig = { refreshWithInterval: false, diff --git a/src/components/Dashboard/Report/ReportHeader/types.ts b/src/components/Dashboard/Report/ReportHeader/types.ts index 3c9a55d02..6d5ff8e2e 100644 --- a/src/components/Dashboard/Report/ReportHeader/types.ts +++ b/src/components/Dashboard/Report/ReportHeader/types.ts @@ -1,4 +1,4 @@ -import { ReportFilterQuery } from "../types"; +import type { ReportFilterQuery } from "../types"; export interface ReportHeaderProps { onFilterChanged: (query: ReportFilterQuery) => void; diff --git a/src/components/Dashboard/Report/index.tsx b/src/components/Dashboard/Report/index.tsx index d76f856ea..6024248cf 100644 --- a/src/components/Dashboard/Report/index.tsx +++ b/src/components/Dashboard/Report/index.tsx @@ -5,7 +5,7 @@ import { DiscoveredIssues } from "./Cards/DiscoveredIssues"; import { ReportFooter } from "./ReportFooter"; import { ReportHeader } from "./ReportHeader"; import * as s from "./styles"; -import { ReportFilterQuery } from "./types"; +import type { ReportFilterQuery } from "./types"; import { useReportsData } from "./useReportsData"; const DefaultQuery: ReportFilterQuery = { diff --git a/src/components/Dashboard/Report/useReportsData.ts b/src/components/Dashboard/Report/useReportsData.ts index 21c276ccb..25d12ef5f 100644 --- a/src/components/Dashboard/Report/useReportsData.ts +++ b/src/components/Dashboard/Report/useReportsData.ts @@ -1,10 +1,8 @@ import { useMemo } from "react"; -import { - DataFetcherConfiguration, - useFetchData -} from "../../../hooks/useFetchData"; +import type { DataFetcherConfiguration } from "../../../hooks/useFetchData"; +import { useFetchData } from "../../../hooks/useFetchData"; import { actions } from "../actions"; -import { +import type { DiscoveredAssetsStatistics, DiscoveredIssuesStatistics, ReportFilterQuery diff --git a/src/components/Dashboard/index.tsx b/src/components/Dashboard/index.tsx index d8b070e34..7fa1f93d5 100644 --- a/src/components/Dashboard/index.tsx +++ b/src/components/Dashboard/index.tsx @@ -17,7 +17,7 @@ import { OpenLinkIcon } from "../common/icons/OpenLinkIcon"; import { actions } from "./actions"; import * as s from "./styles"; import { trackingEvents } from "./tracking"; -import { EnvironmentInfoData } from "./types"; +import type { EnvironmentInfoData } from "./types"; import { ClientSpansPerformanceImpact } from "./widgets/ClientSpansPerformanceImpact"; import { SlowQueries } from "./widgets/SlowQueries"; diff --git a/src/components/Dashboard/types.ts b/src/components/Dashboard/types.ts index 07e24f4b0..f1aee40ee 100644 --- a/src/components/Dashboard/types.ts +++ b/src/components/Dashboard/types.ts @@ -1,4 +1,4 @@ -import { GetEnvironmentResponse } from "../../api/web/services/environments"; +import type { GetEnvironmentResponse } from "../../api/web/services/environments"; export interface EnvironmentInfoData { data: GetEnvironmentResponse | null; diff --git a/src/components/Dashboard/widgets/ClientSpansPerformanceImpact/ClientSpansPerformanceImpact.stories.tsx b/src/components/Dashboard/widgets/ClientSpansPerformanceImpact/ClientSpansPerformanceImpact.stories.tsx index f89e4423e..b1627752f 100644 --- a/src/components/Dashboard/widgets/ClientSpansPerformanceImpact/ClientSpansPerformanceImpact.stories.tsx +++ b/src/components/Dashboard/widgets/ClientSpansPerformanceImpact/ClientSpansPerformanceImpact.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { ClientSpansPerformanceImpact } from "."; import { actions } from "../../actions"; diff --git a/src/components/Dashboard/widgets/ClientSpansPerformanceImpact/index.tsx b/src/components/Dashboard/widgets/ClientSpansPerformanceImpact/index.tsx index babba4a22..fe962a5f5 100644 --- a/src/components/Dashboard/widgets/ClientSpansPerformanceImpact/index.tsx +++ b/src/components/Dashboard/widgets/ClientSpansPerformanceImpact/index.tsx @@ -6,7 +6,7 @@ import { AlarmClockIcon } from "../../../common/icons/AlarmClockIcon"; import { ListWidget } from "../../ListWidget"; import { WidgetType } from "../types"; import * as s from "./styles"; -import { +import type { ClientSpanOverallImpactEntry, ClientSpansPerformanceImpactProps } from "./types"; diff --git a/src/components/Dashboard/widgets/SlowQueries/SlowQueries.stories.tsx b/src/components/Dashboard/widgets/SlowQueries/SlowQueries.stories.tsx index f73a929a3..c31755ebb 100644 --- a/src/components/Dashboard/widgets/SlowQueries/SlowQueries.stories.tsx +++ b/src/components/Dashboard/widgets/SlowQueries/SlowQueries.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { SlowQueries } from "."; import { actions } from "../../actions"; diff --git a/src/components/Dashboard/widgets/SlowQueries/index.tsx b/src/components/Dashboard/widgets/SlowQueries/index.tsx index 2dd6b115a..f4db11b68 100644 --- a/src/components/Dashboard/widgets/SlowQueries/index.tsx +++ b/src/components/Dashboard/widgets/SlowQueries/index.tsx @@ -7,7 +7,7 @@ import { SnailIcon } from "../../../common/icons/SnailIcon"; import { ListWidget } from "../../ListWidget"; import { WidgetType } from "../types"; import * as s from "./styles"; -import { SlowQueriesProps, SlowQueryEntry } from "./types"; +import type { SlowQueriesProps, SlowQueryEntry } from "./types"; const renderSlowQueryEntry = ( item: SlowQueryEntry, diff --git a/src/components/Dashboard/widgets/SlowQueries/types.ts b/src/components/Dashboard/widgets/SlowQueries/types.ts index ebae570f5..784a42a83 100644 --- a/src/components/Dashboard/widgets/SlowQueries/types.ts +++ b/src/components/Dashboard/widgets/SlowQueries/types.ts @@ -1,4 +1,4 @@ -import { Duration } from "../../../../globals"; +import type { Duration } from "../../../../globals"; export interface SlowQueryEntry { spanCodeObjectId: string; diff --git a/src/components/Documentation/Documentation.stories.tsx b/src/components/Documentation/Documentation.stories.tsx index ae0ba2bbe..411436f56 100644 --- a/src/components/Documentation/Documentation.stories.tsx +++ b/src/components/Documentation/Documentation.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { Documentation } from "."; diff --git a/src/components/Documentation/index.tsx b/src/components/Documentation/index.tsx index 7e64d5913..b5dc63324 100644 --- a/src/components/Documentation/index.tsx +++ b/src/components/Documentation/index.tsx @@ -8,7 +8,7 @@ import { runDigmaWithCommandLine } from "./pages/RunDigma/runDigmaWithCommandLin import { runDigmaWithDocker } from "./pages/RunDigma/runDigmaWithDocker"; import { runDigmaWithGradleTasks } from "./pages/RunDigma/runDigmaWithGradleTasks"; import { trackingEvents } from "./tracking"; -import { DocumentationProps } from "./types"; +import type { DocumentationProps } from "./types"; const pages: Record = { "run-digma-with-terminal": , diff --git a/src/components/Documentation/pages/EnvironmentTypes/EnvironmentTypeCard/StatusChip/index.tsx b/src/components/Documentation/pages/EnvironmentTypes/EnvironmentTypeCard/StatusChip/index.tsx index b8ef9438e..3559bc50f 100644 --- a/src/components/Documentation/pages/EnvironmentTypes/EnvironmentTypeCard/StatusChip/index.tsx +++ b/src/components/Documentation/pages/EnvironmentTypes/EnvironmentTypeCard/StatusChip/index.tsx @@ -1,7 +1,7 @@ import { Badge } from "../../../../../common/Badge"; -import { EnvironmentStatus } from "../types"; +import type { EnvironmentStatus } from "../types"; import * as s from "./styles"; -import { StatusChipProps } from "./types"; +import type { StatusChipProps } from "./types"; const getBadgeStyles = (status: EnvironmentStatus) => { switch (status) { diff --git a/src/components/Documentation/pages/EnvironmentTypes/EnvironmentTypeCard/StatusChip/styles.ts b/src/components/Documentation/pages/EnvironmentTypes/EnvironmentTypeCard/StatusChip/styles.ts index ee74969e1..7d5003b51 100644 --- a/src/components/Documentation/pages/EnvironmentTypes/EnvironmentTypeCard/StatusChip/styles.ts +++ b/src/components/Documentation/pages/EnvironmentTypes/EnvironmentTypeCard/StatusChip/styles.ts @@ -1,5 +1,5 @@ import styled from "styled-components"; -import { ContainerProps } from "./types"; +import type { ContainerProps } from "./types"; export const Container = styled.div` display: flex; diff --git a/src/components/Documentation/pages/EnvironmentTypes/EnvironmentTypeCard/StatusChip/types.ts b/src/components/Documentation/pages/EnvironmentTypes/EnvironmentTypeCard/StatusChip/types.ts index 118765e54..a79e8c98c 100644 --- a/src/components/Documentation/pages/EnvironmentTypes/EnvironmentTypeCard/StatusChip/types.ts +++ b/src/components/Documentation/pages/EnvironmentTypes/EnvironmentTypeCard/StatusChip/types.ts @@ -1,4 +1,4 @@ -import { EnvironmentStatus } from "../types"; +import type { EnvironmentStatus } from "../types"; export interface StatusChipProps { status: EnvironmentStatus; diff --git a/src/components/Documentation/pages/EnvironmentTypes/EnvironmentTypeCard/index.tsx b/src/components/Documentation/pages/EnvironmentTypes/EnvironmentTypeCard/index.tsx index 35e963738..80a39ea40 100644 --- a/src/components/Documentation/pages/EnvironmentTypes/EnvironmentTypeCard/index.tsx +++ b/src/components/Documentation/pages/EnvironmentTypes/EnvironmentTypeCard/index.tsx @@ -1,7 +1,7 @@ import { useTheme } from "styled-components"; import { getThemeKind } from "../../../../common/App/styles"; import * as s from "./styles"; -import { EnvironmentTypeCardProps } from "./types"; +import type { EnvironmentTypeCardProps } from "./types"; export const EnvironmentTypeCard = ({ name, diff --git a/src/components/Documentation/pages/EnvironmentTypes/EnvironmentTypeCard/types.ts b/src/components/Documentation/pages/EnvironmentTypes/EnvironmentTypeCard/types.ts index 5001d62e5..a28eb1dc8 100644 --- a/src/components/Documentation/pages/EnvironmentTypes/EnvironmentTypeCard/types.ts +++ b/src/components/Documentation/pages/EnvironmentTypes/EnvironmentTypeCard/types.ts @@ -1,6 +1,6 @@ -import { MemoExoticComponent } from "react"; -import { ThemeableIconProps } from "../../../../common/icons/types"; -import { InsightCardType } from "../InsightCard/types"; +import type { MemoExoticComponent } from "react"; +import type { ThemeableIconProps } from "../../../../common/icons/types"; +import type { InsightCardType } from "../InsightCard/types"; export type EnvironmentStatus = "active" | "waiting-for-data"; diff --git a/src/components/Documentation/pages/EnvironmentTypes/InsightCard/index.tsx b/src/components/Documentation/pages/EnvironmentTypes/InsightCard/index.tsx index 385bec6fe..e8b75c649 100644 --- a/src/components/Documentation/pages/EnvironmentTypes/InsightCard/index.tsx +++ b/src/components/Documentation/pages/EnvironmentTypes/InsightCard/index.tsx @@ -7,11 +7,8 @@ import { SnailIcon } from "../../../../common/icons/SnailIcon"; import { SpotIcon } from "../../../../common/icons/SpotIcon"; import { WarningCircleIcon } from "../../../../common/icons/WarningCircleIcon"; import * as s from "./styles"; -import { - InsightCardProps, - InsightCardType, - InsightCardTypeData -} from "./types"; +import type { InsightCardProps, InsightCardTypeData } from "./types"; +import { InsightCardType } from "./types"; const getInsightTypeCardData = (type: InsightCardType): InsightCardTypeData => { const data = { diff --git a/src/components/Documentation/pages/EnvironmentTypes/InsightCard/styles.ts b/src/components/Documentation/pages/EnvironmentTypes/InsightCard/styles.ts index 27a81cd24..8e8c920ff 100644 --- a/src/components/Documentation/pages/EnvironmentTypes/InsightCard/styles.ts +++ b/src/components/Documentation/pages/EnvironmentTypes/InsightCard/styles.ts @@ -1,6 +1,6 @@ import styled from "styled-components"; import { Link as CommonLink } from "../../../../common/Link"; -import { ContainerProps, CountChipProps } from "./types"; +import type { ContainerProps, CountChipProps } from "./types"; export const Container = styled.div` display: flex; diff --git a/src/components/Documentation/pages/EnvironmentTypes/InsightCard/types.ts b/src/components/Documentation/pages/EnvironmentTypes/InsightCard/types.ts index c1d66fcda..363072215 100644 --- a/src/components/Documentation/pages/EnvironmentTypes/InsightCard/types.ts +++ b/src/components/Documentation/pages/EnvironmentTypes/InsightCard/types.ts @@ -1,5 +1,5 @@ -import { MemoExoticComponent } from "react"; -import { IconProps } from "../../../../common/icons/types"; +import type { MemoExoticComponent } from "react"; +import type { IconProps } from "../../../../common/icons/types"; export interface InsightCardProps { type: InsightCardType; diff --git a/src/components/Documentation/pages/EnvironmentTypes/data.tsx b/src/components/Documentation/pages/EnvironmentTypes/data.tsx index e2cc7a455..3d7dac47e 100644 --- a/src/components/Documentation/pages/EnvironmentTypes/data.tsx +++ b/src/components/Documentation/pages/EnvironmentTypes/data.tsx @@ -2,7 +2,7 @@ import { CloudDownloadIcon } from "../../../common/icons/CloudDownloadIcon"; import { CodeDisplayIcon } from "../../../common/icons/CodeDisplayIcon"; import { InfiniteLoopIcon } from "../../../common/icons/InfiniteLoopIcon"; import { InsightCardType } from "./InsightCard/types"; -import { EnvironmentTypeData } from "./types"; +import type { EnvironmentTypeData } from "./types"; export const environmentTypesData: EnvironmentTypeData[] = [ { diff --git a/src/components/Documentation/pages/EnvironmentTypes/styles.ts b/src/components/Documentation/pages/EnvironmentTypes/styles.ts index 67d06792d..3e72d2915 100644 --- a/src/components/Documentation/pages/EnvironmentTypes/styles.ts +++ b/src/components/Documentation/pages/EnvironmentTypes/styles.ts @@ -1,5 +1,5 @@ import styled from "styled-components"; -import { ContainerProps, HeaderProps } from "./types"; +import type { ContainerProps, HeaderProps } from "./types"; // in pixels const COLUMN_MIN_WIDTH = 280; diff --git a/src/components/Documentation/pages/EnvironmentTypes/types.ts b/src/components/Documentation/pages/EnvironmentTypes/types.ts index dee6e3db2..fc41f4bdc 100644 --- a/src/components/Documentation/pages/EnvironmentTypes/types.ts +++ b/src/components/Documentation/pages/EnvironmentTypes/types.ts @@ -1,7 +1,7 @@ -import { MemoExoticComponent } from "react"; -import { ThemeableIconProps } from "../../../common/icons/types"; -import { EnvironmentStatus } from "./EnvironmentTypeCard/types"; -import { InsightCardType } from "./InsightCard/types"; +import type { MemoExoticComponent } from "react"; +import type { ThemeableIconProps } from "../../../common/icons/types"; +import type { EnvironmentStatus } from "./EnvironmentTypeCard/types"; +import type { InsightCardType } from "./InsightCard/types"; export interface EnvironmentTypeData { id: string; 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 46040f5ec..983851b37 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 { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { GetEnvironmentIdInstruction } from "."; diff --git a/src/components/Documentation/pages/RunDigma/Page/index.tsx b/src/components/Documentation/pages/RunDigma/Page/index.tsx index 951945a5b..11558cb92 100644 --- a/src/components/Documentation/pages/RunDigma/Page/index.tsx +++ b/src/components/Documentation/pages/RunDigma/Page/index.tsx @@ -1,5 +1,5 @@ import * as s from "./styles"; -import { PageProps } from "./types"; +import type { PageProps } from "./types"; export const Page = ({ title, description, sections }: PageProps) => ( diff --git a/src/components/Documentation/pages/RunDigma/Page/types.ts b/src/components/Documentation/pages/RunDigma/Page/types.ts index 1b4fd9208..32f198a7b 100644 --- a/src/components/Documentation/pages/RunDigma/Page/types.ts +++ b/src/components/Documentation/pages/RunDigma/Page/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export interface PageContent { title: string; diff --git a/src/components/Documentation/pages/RunDigma/runDigmaWithCommandLine.tsx b/src/components/Documentation/pages/RunDigma/runDigmaWithCommandLine.tsx index 8c5a1d18f..55e268868 100644 --- a/src/components/Documentation/pages/RunDigma/runDigmaWithCommandLine.tsx +++ b/src/components/Documentation/pages/RunDigma/runDigmaWithCommandLine.tsx @@ -1,6 +1,6 @@ import { CodeSnippet } from "../../../common/CodeSnippet"; import { GetEnvironmentIdInstruction } from "./GetEnvironmentIdInstruction.tsx"; -import { PageContent } from "./Page/types"; +import type { PageContent } from "./Page/types"; export const runDigmaWithCommandLine: PageContent = { title: diff --git a/src/components/Documentation/pages/RunDigma/runDigmaWithDocker.tsx b/src/components/Documentation/pages/RunDigma/runDigmaWithDocker.tsx index adfbb376e..77023a975 100644 --- a/src/components/Documentation/pages/RunDigma/runDigmaWithDocker.tsx +++ b/src/components/Documentation/pages/RunDigma/runDigmaWithDocker.tsx @@ -1,6 +1,6 @@ import { CodeSnippet } from "../../../common/CodeSnippet"; import { GetEnvironmentIdInstruction } from "./GetEnvironmentIdInstruction.tsx"; -import { PageContent } from "./Page/types"; +import type { PageContent } from "./Page/types"; export const runDigmaWithDocker: PageContent = { title: "How to use Digma if your application is running via Docker Compose", diff --git a/src/components/Documentation/pages/RunDigma/runDigmaWithGradleTasks.tsx b/src/components/Documentation/pages/RunDigma/runDigmaWithGradleTasks.tsx index 83b5aa61c..e7de412bf 100644 --- a/src/components/Documentation/pages/RunDigma/runDigmaWithGradleTasks.tsx +++ b/src/components/Documentation/pages/RunDigma/runDigmaWithGradleTasks.tsx @@ -1,4 +1,4 @@ -import { PageContent } from "./Page/types"; +import type { PageContent } from "./Page/types"; export const runDigmaWithGradleTasks: PageContent = { title: "How to use Digma if you're using custom native Gradle tasks", diff --git a/src/components/Errors/ErrorCard/ErrorCard.stories.tsx b/src/components/Errors/ErrorCard/ErrorCard.stories.tsx index dfc064cf0..59c911082 100644 --- a/src/components/Errors/ErrorCard/ErrorCard.stories.tsx +++ b/src/components/Errors/ErrorCard/ErrorCard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { ErrorCard } from "."; import { mockedError } from "./mockData"; diff --git a/src/components/Errors/ErrorCard/TimestampKeyValue/index.tsx b/src/components/Errors/ErrorCard/TimestampKeyValue/index.tsx index b5b89456f..3bd96df84 100644 --- a/src/components/Errors/ErrorCard/TimestampKeyValue/index.tsx +++ b/src/components/Errors/ErrorCard/TimestampKeyValue/index.tsx @@ -1,7 +1,7 @@ import { formatTimeDistance } from "../../../../utils/formatTimeDistance"; import { Tooltip } from "../../../common/v3/Tooltip"; import * as s from "./styles"; -import { TimestampProps } from "./types"; +import type { TimestampProps } from "./types"; export const TimestampKeyValue = ({ label, timestamp }: TimestampProps) => { const dateTimeString = new Date(timestamp).toString(); diff --git a/src/components/Errors/ErrorCard/index.tsx b/src/components/Errors/ErrorCard/index.tsx index e9886ec12..f87fb770d 100644 --- a/src/components/Errors/ErrorCard/index.tsx +++ b/src/components/Errors/ErrorCard/index.tsx @@ -6,7 +6,7 @@ import { HIGH_SEVERITY_SCORE_THRESHOLD, Score, getTagType } from "../Score"; import { getErrorMethodId } from "../getErrorMethodId"; import { TimestampKeyValue } from "./TimestampKeyValue"; import * as s from "./styles"; -import { ErrorCardProps } from "./types"; +import type { ErrorCardProps } from "./types"; export const ErrorCard = ({ data, onClick }: ErrorCardProps) => { const tagType = getTagType(data.scoreInfo.score); diff --git a/src/components/Errors/ErrorCard/mockData.ts b/src/components/Errors/ErrorCard/mockData.ts index 6fcbd5ec5..f0e7f2b0f 100644 --- a/src/components/Errors/ErrorCard/mockData.ts +++ b/src/components/Errors/ErrorCard/mockData.ts @@ -1,4 +1,4 @@ -import { Error } from "../types"; +import type { Error } from "../types"; export const mockedError: Error = { uid: "1", diff --git a/src/components/Errors/ErrorCard/types.ts b/src/components/Errors/ErrorCard/types.ts index d5983cecb..da3efdb1a 100644 --- a/src/components/Errors/ErrorCard/types.ts +++ b/src/components/Errors/ErrorCard/types.ts @@ -1,4 +1,4 @@ -import { Error } from "../types"; +import type { Error } from "../types"; export interface ErrorCardProps { data: Error; diff --git a/src/components/Errors/ErrorDetails/ErrorDetails.stories.tsx b/src/components/Errors/ErrorDetails/ErrorDetails.stories.tsx index eb273d39a..874074917 100644 --- a/src/components/Errors/ErrorDetails/ErrorDetails.stories.tsx +++ b/src/components/Errors/ErrorDetails/ErrorDetails.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { ErrorDetails } from "."; import { actions } from "../actions"; diff --git a/src/components/Errors/ErrorDetails/ErrorDetailsCardContent/FlowStack/SpanFrameGroup/index.tsx b/src/components/Errors/ErrorDetails/ErrorDetailsCardContent/FlowStack/SpanFrameGroup/index.tsx index b89f5a57b..e7702b7a7 100644 --- a/src/components/Errors/ErrorDetails/ErrorDetailsCardContent/FlowStack/SpanFrameGroup/index.tsx +++ b/src/components/Errors/ErrorDetails/ErrorDetailsCardContent/FlowStack/SpanFrameGroup/index.tsx @@ -1,4 +1,4 @@ -import { MouseEvent } from "react"; +import type { MouseEvent } from "react"; import { v4 as uuidv4 } from "uuid"; import { isString } from "../../../../../../typeGuards/isString"; import { sendUserActionTrackingEvent } from "../../../../../../utils/actions/sendUserActionTrackingEvent"; @@ -6,9 +6,9 @@ import { CodeIcon } from "../../../../../common/icons/12px/CodeIcon"; import { OpenTelemetryLogoIcon } from "../../../../../common/icons/12px/OpenTelemetryLogoIcon"; import { Tooltip } from "../../../../../common/v3/Tooltip"; import { trackingEvents } from "../../../../tracking"; -import { Frame } from "../../../types"; +import type { Frame } from "../../../types"; import * as s from "./styles"; -import { FrameItemCodeLocation, SpanFrameGroupProps } from "./types"; +import type { FrameItemCodeLocation, SpanFrameGroupProps } from "./types"; const getFrameItemText = (frame: Frame) => { if (window.ide === "PyCharm" && frame.executedCode) { diff --git a/src/components/Errors/ErrorDetails/ErrorDetailsCardContent/FlowStack/SpanFrameGroup/typeGuards.ts b/src/components/Errors/ErrorDetails/ErrorDetailsCardContent/FlowStack/SpanFrameGroup/typeGuards.ts index 0d968dc98..4b7eeb3bc 100644 --- a/src/components/Errors/ErrorDetails/ErrorDetailsCardContent/FlowStack/SpanFrameGroup/typeGuards.ts +++ b/src/components/Errors/ErrorDetails/ErrorDetailsCardContent/FlowStack/SpanFrameGroup/typeGuards.ts @@ -1,6 +1,6 @@ import { isObject } from "../../../../../../typeGuards/isObject"; import { isString } from "../../../../../../typeGuards/isString"; -import { ServiceInfo } from "../../../types"; +import type { ServiceInfo } from "../../../types"; export const isServiceInfoWithName = ( x: ServiceInfo | null diff --git a/src/components/Errors/ErrorDetails/ErrorDetailsCardContent/FlowStack/SpanFrameGroup/types.ts b/src/components/Errors/ErrorDetails/ErrorDetailsCardContent/FlowStack/SpanFrameGroup/types.ts index f868a171f..a76f49726 100644 --- a/src/components/Errors/ErrorDetails/ErrorDetailsCardContent/FlowStack/SpanFrameGroup/types.ts +++ b/src/components/Errors/ErrorDetails/ErrorDetailsCardContent/FlowStack/SpanFrameGroup/types.ts @@ -1,4 +1,4 @@ -import { FilesURIsMap, Frame } from "../../../types"; +import type { FilesURIsMap, Frame } from "../../../types"; export interface FrameItemCodeLocation { URI: string; diff --git a/src/components/Errors/ErrorDetails/ErrorDetailsCardContent/FlowStack/index.tsx b/src/components/Errors/ErrorDetails/ErrorDetailsCardContent/FlowStack/index.tsx index f75a86084..08a1a20a8 100644 --- a/src/components/Errors/ErrorDetails/ErrorDetailsCardContent/FlowStack/index.tsx +++ b/src/components/Errors/ErrorDetails/ErrorDetailsCardContent/FlowStack/index.tsx @@ -1,9 +1,7 @@ import { useEffect, useMemo, useRef } from "react"; import { v4 as uuidv4 } from "uuid"; -import { - DataFetcherConfiguration, - useFetchData -} from "../../../../../hooks/useFetchData"; +import type { DataFetcherConfiguration } from "../../../../../hooks/useFetchData"; +import { useFetchData } from "../../../../../hooks/useFetchData"; import { useErrorsSelector } from "../../../../../store/errors/useErrorsSelector"; import { useStore } from "../../../../../store/useStore"; import { isNull } from "../../../../../typeGuards/isNull"; @@ -15,7 +13,7 @@ import { ToggleSwitch } from "../../../../common/v3/ToggleSwitch"; import { Tooltip } from "../../../../common/v3/Tooltip"; import { actions } from "../../../actions"; import { trackingEvents } from "../../../tracking"; -import { +import type { FilesURIsMap, Frame, FrameStack, @@ -26,9 +24,9 @@ import { SetFilesURIsPayload } from "../../types"; import { SpanFrameGroup } from "./SpanFrameGroup"; -import { FrameItemCodeLocation } from "./SpanFrameGroup/types"; +import type { FrameItemCodeLocation } from "./SpanFrameGroup/types"; import * as s from "./styles"; -import { FlowProps as FlowStackProps } from "./types"; +import type { FlowProps as FlowStackProps } from "./types"; const filesURIsDataFetcherConfiguration: DataFetcherConfiguration = { requestAction: actions.GET_FILES_URIS, diff --git a/src/components/Errors/ErrorDetails/ErrorDetailsCardContent/FlowStack/types.ts b/src/components/Errors/ErrorDetails/ErrorDetailsCardContent/FlowStack/types.ts index ded32b079..7e2e0e3b7 100644 --- a/src/components/Errors/ErrorDetails/ErrorDetailsCardContent/FlowStack/types.ts +++ b/src/components/Errors/ErrorDetails/ErrorDetailsCardContent/FlowStack/types.ts @@ -1,4 +1,4 @@ -import { FlowInfo } from "../../types"; +import type { FlowInfo } from "../../types"; export interface FlowProps { data: FlowInfo; diff --git a/src/components/Errors/ErrorDetails/ErrorDetailsCardContent/index.tsx b/src/components/Errors/ErrorDetails/ErrorDetailsCardContent/index.tsx index 5d73a8289..1e908a5d9 100644 --- a/src/components/Errors/ErrorDetails/ErrorDetailsCardContent/index.tsx +++ b/src/components/Errors/ErrorDetails/ErrorDetailsCardContent/index.tsx @@ -16,7 +16,7 @@ import { trackingEvents } from "../../tracking"; import { FlowStack } from "./FlowStack"; import { isServiceInfoWithName } from "./FlowStack/SpanFrameGroup/typeGuards"; import * as s from "./styles"; -import { ErrorDetailsCardContentProps } from "./types"; +import type { ErrorDetailsCardContentProps } from "./types"; export const ErrorDetailsCardContent = ({ id, diff --git a/src/components/Errors/ErrorDetails/ErrorDetailsCardContent/types.ts b/src/components/Errors/ErrorDetails/ErrorDetailsCardContent/types.ts index 36a5ac320..90758d15c 100644 --- a/src/components/Errors/ErrorDetails/ErrorDetailsCardContent/types.ts +++ b/src/components/Errors/ErrorDetails/ErrorDetailsCardContent/types.ts @@ -1,4 +1,4 @@ -import { ErrorDetails } from "../types"; +import type { ErrorDetails } from "../types"; export interface ErrorDetailsCardContentProps { id: string; diff --git a/src/components/Errors/ErrorDetails/ErrorDetailsCardHeader/index.tsx b/src/components/Errors/ErrorDetails/ErrorDetailsCardHeader/index.tsx index 6263ed58c..71e86b53a 100644 --- a/src/components/Errors/ErrorDetails/ErrorDetailsCardHeader/index.tsx +++ b/src/components/Errors/ErrorDetails/ErrorDetailsCardHeader/index.tsx @@ -6,7 +6,7 @@ import { Score } from "../../Score"; import { getErrorMethodId } from "../../getErrorMethodId"; import { trackingEvents } from "../../tracking"; import * as s from "./styles"; -import { ErrorDetailsCardHeaderProps } from "./types"; +import type { ErrorDetailsCardHeaderProps } from "./types"; export const ErrorDetailsCardHeader = ({ onGoBack, diff --git a/src/components/Errors/ErrorDetails/ErrorDetailsCardHeader/types.ts b/src/components/Errors/ErrorDetails/ErrorDetailsCardHeader/types.ts index ece43db71..6669d6af4 100644 --- a/src/components/Errors/ErrorDetails/ErrorDetailsCardHeader/types.ts +++ b/src/components/Errors/ErrorDetails/ErrorDetailsCardHeader/types.ts @@ -1,4 +1,4 @@ -import { ErrorDetails } from "../types"; +import type { ErrorDetails } from "../types"; export interface ErrorDetailsCardHeaderProps { onGoBack: () => void; diff --git a/src/components/Errors/ErrorDetails/index.tsx b/src/components/Errors/ErrorDetails/index.tsx index e95b7b2cc..330bc8b46 100644 --- a/src/components/Errors/ErrorDetails/index.tsx +++ b/src/components/Errors/ErrorDetails/index.tsx @@ -1,15 +1,13 @@ import { useMemo } from "react"; -import { - DataFetcherConfiguration, - useFetchData -} from "../../../hooks/useFetchData"; +import type { DataFetcherConfiguration } from "../../../hooks/useFetchData"; +import { useFetchData } from "../../../hooks/useFetchData"; import { NewCircleLoader } from "../../common/NewCircleLoader"; import { actions } from "../actions"; import { EmptyStateContainer } from "../styles"; import { ErrorDetailsCardContent } from "./ErrorDetailsCardContent"; import { ErrorDetailsCardHeader } from "./ErrorDetailsCardHeader"; import * as s from "./styles"; -import { +import type { ErrorDetailsProps, GetErrorDetailsPayload, SetErrorDetailsPayload diff --git a/src/components/Errors/ErrorDetails/mockData.ts b/src/components/Errors/ErrorDetails/mockData.ts index dbc773854..fc793fcef 100644 --- a/src/components/Errors/ErrorDetails/mockData.ts +++ b/src/components/Errors/ErrorDetails/mockData.ts @@ -1,4 +1,4 @@ -import { FrameStack, SetErrorDetailsPayload } from "./types"; +import type { FrameStack, SetErrorDetailsPayload } from "./types"; export const mockedFrameStack: FrameStack = { exceptionType: "exceptionType1", diff --git a/src/components/Errors/ErrorDetails/types.ts b/src/components/Errors/ErrorDetails/types.ts index 686c053e5..4ef74decb 100644 --- a/src/components/Errors/ErrorDetails/types.ts +++ b/src/components/Errors/ErrorDetails/types.ts @@ -1,4 +1,4 @@ -import { ErrorScoreInfo } from "../types"; +import type { ErrorScoreInfo } from "../types"; export interface ErrorDetailsProps { id: string; diff --git a/src/components/Errors/Errors.stories.tsx b/src/components/Errors/Errors.stories.tsx index bfa6f5aac..61afdd3ed 100644 --- a/src/components/Errors/Errors.stories.tsx +++ b/src/components/Errors/Errors.stories.tsx @@ -1,8 +1,8 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { Errors } from "."; import { ConfigContext, initialState } from "../common/App/ConfigContext"; -import { ConfigContextData } from "../common/App/types"; +import type { ConfigContextData } from "../common/App/types"; import { mockedErrorDetails } from "./ErrorDetails/mockData"; import { actions } from "./actions"; import { mockedErrorsData } from "./mockData"; diff --git a/src/components/Errors/ErrorsList/ErrorsList.stories.tsx b/src/components/Errors/ErrorsList/ErrorsList.stories.tsx index 166c8f611..1d5d248d5 100644 --- a/src/components/Errors/ErrorsList/ErrorsList.stories.tsx +++ b/src/components/Errors/ErrorsList/ErrorsList.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { ErrorsList } from "."; import { actions } from "../actions"; diff --git a/src/components/Errors/ErrorsList/index.tsx b/src/components/Errors/ErrorsList/index.tsx index 6a1d53fee..461940060 100644 --- a/src/components/Errors/ErrorsList/index.tsx +++ b/src/components/Errors/ErrorsList/index.tsx @@ -1,8 +1,6 @@ import { useMemo } from "react"; -import { - DataFetcherConfiguration, - useFetchData -} from "../../../hooks/useFetchData"; +import type { DataFetcherConfiguration } from "../../../hooks/useFetchData"; +import { useFetchData } from "../../../hooks/useFetchData"; import { sendUserActionTrackingEvent } from "../../../utils/actions/sendUserActionTrackingEvent"; import { NewCircleLoader } from "../../common/NewCircleLoader"; import { ErrorCard } from "../ErrorCard"; @@ -10,9 +8,9 @@ import { NoDataEmptyState } from "../NoDataEmptyState"; import { actions } from "../actions"; import { EmptyStateContainer } from "../styles"; import { trackingEvents } from "../tracking"; -import { GetErrorsDataPayload, SetErrorsDataPayload } from "../types"; +import type { GetErrorsDataPayload, SetErrorsDataPayload } from "../types"; import * as s from "./styles"; -import { ErrorsListProps } from "./types"; +import type { ErrorsListProps } from "./types"; const dataFetcherConfiguration: DataFetcherConfiguration = { requestAction: actions.GET_ERRORS_DATA, diff --git a/src/components/Errors/GlobalErrorsList/DaysFilter/DaysFilter.stories.tsx b/src/components/Errors/GlobalErrorsList/DaysFilter/DaysFilter.stories.tsx index 8e3e272a3..36f91bec6 100644 --- a/src/components/Errors/GlobalErrorsList/DaysFilter/DaysFilter.stories.tsx +++ b/src/components/Errors/GlobalErrorsList/DaysFilter/DaysFilter.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { fn } from "@storybook/test"; import { DaysFilter } from "."; diff --git a/src/components/Errors/GlobalErrorsList/DaysFilter/index.tsx b/src/components/Errors/GlobalErrorsList/DaysFilter/index.tsx index 445ab69b4..999787c74 100644 --- a/src/components/Errors/GlobalErrorsList/DaysFilter/index.tsx +++ b/src/components/Errors/GlobalErrorsList/DaysFilter/index.tsx @@ -1,4 +1,5 @@ -import { ChangeEvent, useCallback, useEffect, useMemo, useState } from "react"; +import type { ChangeEvent } from "react"; +import { useCallback, useEffect, useMemo, useState } from "react"; import { usePrevious } from "../../../../hooks/usePrevious"; import { DAYS_FILTER_DEFAULT_VALUE } from "../../../../store/errors/errorsSlice"; import { isUndefined } from "../../../../typeGuards/isUndefined"; @@ -12,7 +13,7 @@ import { NewIconButton } from "../../../common/v3/NewIconButton"; import { MenuList } from "../../../Navigation/common/MenuList"; import { trackingEvents } from "../../tracking"; import * as s from "./styles"; -import { DaysFilterProps } from "./types"; +import type { DaysFilterProps } from "./types"; const MAX_VALUE = 14; const MIN_VALUE = 1; diff --git a/src/components/Errors/GlobalErrorsList/DaysFilter/styles.ts b/src/components/Errors/GlobalErrorsList/DaysFilter/styles.ts index 7c051d487..e34f67542 100644 --- a/src/components/Errors/GlobalErrorsList/DaysFilter/styles.ts +++ b/src/components/Errors/GlobalErrorsList/DaysFilter/styles.ts @@ -6,7 +6,7 @@ import { import { NewButton } from "../../../common/v3/NewButton"; import { TextField } from "../../../common/v3/TextField"; import { Popup } from "../../../Navigation/common/Popup"; -import { CounterInputProps, DaysButtonProps } from "./types"; +import type { CounterInputProps, DaysButtonProps } from "./types"; export const ButtonIconContainer = styled.div` color: ${({ theme }) => theme.colors.v3.icon.tertiary}; diff --git a/src/components/Errors/GlobalErrorsList/DaysFilter/types.ts b/src/components/Errors/GlobalErrorsList/DaysFilter/types.ts index a983544a6..6f000e9db 100644 --- a/src/components/Errors/GlobalErrorsList/DaysFilter/types.ts +++ b/src/components/Errors/GlobalErrorsList/DaysFilter/types.ts @@ -1,5 +1,5 @@ -import { ErrorFilter } from "../../../../store/errors/errorsSlice"; -import { ButtonProps } from "../../../common/v3/NewButton/types"; +import type { ErrorFilter } from "../../../../store/errors/errorsSlice"; +import type { ButtonProps } from "../../../common/v3/NewButton/types"; export interface GetGlobalErrorsFiltersDataPayload { environment: string; diff --git a/src/components/Errors/GlobalErrorsList/GlobalErrorsFilters/GlobalErrorsFilters.stories.tsx b/src/components/Errors/GlobalErrorsList/GlobalErrorsFilters/GlobalErrorsFilters.stories.tsx index ef2085d24..ebba9c35c 100644 --- a/src/components/Errors/GlobalErrorsList/GlobalErrorsFilters/GlobalErrorsFilters.stories.tsx +++ b/src/components/Errors/GlobalErrorsList/GlobalErrorsFilters/GlobalErrorsFilters.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { GlobalErrorsFilters } from "."; diff --git a/src/components/Errors/GlobalErrorsList/GlobalErrorsFilters/getFiltersOptions.ts b/src/components/Errors/GlobalErrorsList/GlobalErrorsFilters/getFiltersOptions.ts index a55f581f4..a64df55fc 100644 --- a/src/components/Errors/GlobalErrorsList/GlobalErrorsFilters/getFiltersOptions.ts +++ b/src/components/Errors/GlobalErrorsList/GlobalErrorsFilters/getFiltersOptions.ts @@ -1,6 +1,6 @@ import { fetchData } from "../../../../utils/fetchData"; import { actions } from "../../actions"; -import { +import type { EndpointFilterData, GetGlobalErrorsFiltersDataPayload, SetGlobalErrorsFiltersDataPayload diff --git a/src/components/Errors/GlobalErrorsList/GlobalErrorsFilters/index.tsx b/src/components/Errors/GlobalErrorsList/GlobalErrorsFilters/index.tsx index dbcb60269..d61763b4c 100644 --- a/src/components/Errors/GlobalErrorsList/GlobalErrorsFilters/index.tsx +++ b/src/components/Errors/GlobalErrorsList/GlobalErrorsFilters/index.tsx @@ -2,7 +2,7 @@ import { useCallback, useEffect, useMemo, useState } from "react"; import { getFeatureFlagValue } from "../../../../featureFlags"; import { usePrevious } from "../../../../hooks/usePrevious"; import { useConfigSelector } from "../../../../store/config/useConfigSelector"; -import { +import type { ErrorCriticality, ErrorHandlingType } from "../../../../store/errors/errorsSlice"; @@ -16,8 +16,8 @@ import { WarningTriangleIcon } from "../../../common/icons/12px/WarningTriangleI import { WrenchIcon } from "../../../common/icons/12px/WrenchIcon"; import { CrossCircleIcon } from "../../../common/icons/CrossCircleIcon"; import { EndpointIcon } from "../../../common/icons/EndpointIcon"; -import { IconProps } from "../../../common/icons/types"; -import { SelectItem } from "../../../common/v3/Select/types"; +import type { IconProps } from "../../../common/icons/types"; +import type { SelectItem } from "../../../common/v3/Select/types"; import { trackingEvents } from "../../tracking"; import { getFiltersOptions } from "./getFiltersOptions"; import * as s from "./styles"; diff --git a/src/components/Errors/GlobalErrorsList/GlobalErrorsFilters/types.ts b/src/components/Errors/GlobalErrorsList/GlobalErrorsFilters/types.ts index f240817c2..4894efea8 100644 --- a/src/components/Errors/GlobalErrorsList/GlobalErrorsFilters/types.ts +++ b/src/components/Errors/GlobalErrorsList/GlobalErrorsFilters/types.ts @@ -1,4 +1,4 @@ -import { ErrorFilter } from "../../../../store/errors/errorsSlice"; +import type { ErrorFilter } from "../../../../store/errors/errorsSlice"; export interface GetGlobalErrorsFiltersDataPayload { environment: string; diff --git a/src/components/Errors/GlobalErrorsList/GlobalErrorsList.stories.tsx b/src/components/Errors/GlobalErrorsList/GlobalErrorsList.stories.tsx index 36ba46cf5..7ce776108 100644 --- a/src/components/Errors/GlobalErrorsList/GlobalErrorsList.stories.tsx +++ b/src/components/Errors/GlobalErrorsList/GlobalErrorsList.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { GlobalErrorsList } from "."; import { ViewMode } from "../../../store/errors/errorsSlice"; diff --git a/src/components/Errors/GlobalErrorsList/index.tsx b/src/components/Errors/GlobalErrorsList/index.tsx index 9e05dd6ac..81cdd82a5 100644 --- a/src/components/Errors/GlobalErrorsList/index.tsx +++ b/src/components/Errors/GlobalErrorsList/index.tsx @@ -1,10 +1,8 @@ import { useEffect, useMemo, useRef, useState } from "react"; import { dispatcher } from "../../../dispatcher"; import { getFeatureFlagValue } from "../../../featureFlags"; -import { - DataFetcherConfiguration, - useFetchData -} from "../../../hooks/useFetchData"; +import type { DataFetcherConfiguration } from "../../../hooks/useFetchData"; +import { useFetchData } from "../../../hooks/useFetchData"; import { useMount } from "../../../hooks/useMount"; import { usePrevious } from "../../../hooks/usePrevious"; import { useConfigSelector } from "../../../store/config/useConfigSelector"; @@ -40,7 +38,7 @@ import { trackingEvents } from "../tracking"; import { DaysFilter } from "./DaysFilter"; import { GlobalErrorsFilters } from "./GlobalErrorsFilters"; import * as s from "./styles"; -import { +import type { GetGlobalErrorsDataPayload, SetGlobalErrorsDataPayload } from "./types"; diff --git a/src/components/Errors/GlobalErrorsList/mockData.ts b/src/components/Errors/GlobalErrorsList/mockData.ts index 31170ccfe..354ff4ad4 100644 --- a/src/components/Errors/GlobalErrorsList/mockData.ts +++ b/src/components/Errors/GlobalErrorsList/mockData.ts @@ -1,4 +1,4 @@ -import { SetGlobalErrorsDataPayload } from "./types"; +import type { SetGlobalErrorsDataPayload } from "./types"; export const DefaultErrorList: SetGlobalErrorsDataPayload = { totalCount: 2, diff --git a/src/components/Errors/GlobalErrorsList/styles.ts b/src/components/Errors/GlobalErrorsList/styles.ts index 3f04442c9..e21d1a761 100644 --- a/src/components/Errors/GlobalErrorsList/styles.ts +++ b/src/components/Errors/GlobalErrorsList/styles.ts @@ -6,7 +6,7 @@ import { } from "../../common/App/typographies"; import { AutoAnimatedContainer } from "../../common/AutoAnimatedContainer"; import { EyeIcon } from "../../common/icons/16px/EyeIcon"; -import { DismissBtnIconProps } from "./types"; +import type { DismissBtnIconProps } from "./types"; export const Container = styled.div` display: flex; diff --git a/src/components/Errors/GlobalErrorsList/types.ts b/src/components/Errors/GlobalErrorsList/types.ts index 9d5812b5c..47df2b4f6 100644 --- a/src/components/Errors/GlobalErrorsList/types.ts +++ b/src/components/Errors/GlobalErrorsList/types.ts @@ -1,4 +1,4 @@ -import { +import type { ErrorCriticality, ErrorHandlingType, GLOBAL_ERROR_SORTING_CRITERION diff --git a/src/components/Errors/GlobalErrorsList/usePinning.ts b/src/components/Errors/GlobalErrorsList/usePinning.ts index 2c240b6e0..40b1d5613 100644 --- a/src/components/Errors/GlobalErrorsList/usePinning.ts +++ b/src/components/Errors/GlobalErrorsList/usePinning.ts @@ -2,8 +2,8 @@ import { useCallback, useEffect, useState } from "react"; import { dispatcher } from "../../../dispatcher"; import { useConfigSelector } from "../../../store/config/useConfigSelector"; import { actions } from "../actions"; -import { PinUnpinErrorPayload } from "../NewErrorCard/types"; -import { SetPinUnpinErrorResultPayload } from "./types"; +import type { PinUnpinErrorPayload } from "../NewErrorCard/types"; +import type { SetPinUnpinErrorResultPayload } from "./types"; export const usePinning = (errorId: string) => { const { environment } = useConfigSelector(); diff --git a/src/components/Errors/NewErrorCard/NewErrorCard.stories.tsx b/src/components/Errors/NewErrorCard/NewErrorCard.stories.tsx index e4180cc04..7d87eb3b0 100644 --- a/src/components/Errors/NewErrorCard/NewErrorCard.stories.tsx +++ b/src/components/Errors/NewErrorCard/NewErrorCard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { fn } from "@storybook/test"; import { NewErrorCard } from "."; diff --git a/src/components/Errors/NewErrorCard/OccurrenceChart/OccurrenceChart.stories.tsx b/src/components/Errors/NewErrorCard/OccurrenceChart/OccurrenceChart.stories.tsx index c12cd4d52..91abd5633 100644 --- a/src/components/Errors/NewErrorCard/OccurrenceChart/OccurrenceChart.stories.tsx +++ b/src/components/Errors/NewErrorCard/OccurrenceChart/OccurrenceChart.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { OccurrenceChart } from "."; import { actions } from "../../actions"; diff --git a/src/components/Errors/NewErrorCard/OccurrenceChart/index.tsx b/src/components/Errors/NewErrorCard/OccurrenceChart/index.tsx index ff6cb3a5b..40762f9c0 100644 --- a/src/components/Errors/NewErrorCard/OccurrenceChart/index.tsx +++ b/src/components/Errors/NewErrorCard/OccurrenceChart/index.tsx @@ -1,5 +1,6 @@ import { format } from "date-fns"; -import { SVGProps, useEffect, useMemo, useState } from "react"; +import type { SVGProps } from "react"; +import { useEffect, useMemo, useState } from "react"; import { Bar, BarChart, @@ -10,10 +11,8 @@ import { YAxis } from "recharts"; import { useTheme } from "styled-components"; -import { - DataFetcherConfiguration, - useFetchData -} from "../../../../hooks/useFetchData"; +import type { DataFetcherConfiguration } from "../../../../hooks/useFetchData"; +import { useFetchData } from "../../../../hooks/useFetchData"; import { useConfigSelector } from "../../../../store/config/useConfigSelector"; import { isNumber } from "../../../../typeGuards/isNumber"; import { measureTextWidth } from "../../../../utils/measureTextWidth"; @@ -21,7 +20,7 @@ import { HistogramIcon } from "../../../common/icons/30px/HistogramIcon"; import { PetalsIcon } from "../../../common/icons/32px/PetalsIcon"; import { actions } from "../../actions"; import * as s from "./styles"; -import { +import type { ErrorOccurrenceRecord, GetErrorTimeSeriesDataPayload, HorizontalCoordinatesGeneratorProps, diff --git a/src/components/Errors/NewErrorCard/OccurrenceChart/types.ts b/src/components/Errors/NewErrorCard/OccurrenceChart/types.ts index 9b16e22c2..68bb844e8 100644 --- a/src/components/Errors/NewErrorCard/OccurrenceChart/types.ts +++ b/src/components/Errors/NewErrorCard/OccurrenceChart/types.ts @@ -1,4 +1,4 @@ -import { ChartOffset } from "recharts/types/util/types"; +import type { ChartOffset } from "recharts/types/util/types"; export interface OccurrenceChartProps { errorId: string; diff --git a/src/components/Errors/NewErrorCard/hooks/useDismissal.ts b/src/components/Errors/NewErrorCard/hooks/useDismissal.ts index e0be9f0e6..d30347286 100644 --- a/src/components/Errors/NewErrorCard/hooks/useDismissal.ts +++ b/src/components/Errors/NewErrorCard/hooks/useDismissal.ts @@ -1,7 +1,7 @@ import { useEffect, useState } from "react"; import { useAction } from "../../../../hooks/useAction"; import { actions } from "../../actions"; -import { DismissPayload, UndismissPayload } from "./types"; +import type { DismissPayload, UndismissPayload } from "./types"; export const useDismissal = (id: string) => { const [data, setData] = useState<{ diff --git a/src/components/Errors/NewErrorCard/index.tsx b/src/components/Errors/NewErrorCard/index.tsx index 7f566763e..513b5b5f5 100644 --- a/src/components/Errors/NewErrorCard/index.tsx +++ b/src/components/Errors/NewErrorCard/index.tsx @@ -10,7 +10,7 @@ import { AffectedEndpointsSelector, getEndpointKey } from "../../common/AffectedEndpointsSelector"; -import { Option } from "../../common/AffectedEndpointsSelector/types"; +import type { Option } from "../../common/AffectedEndpointsSelector/types"; import { HistogramIcon } from "../../common/icons/16px/HistogramIcon"; import { PinFillIcon } from "../../common/icons/16px/PinFillIcon"; import { PinIcon } from "../../common/icons/16px/PinIcon"; @@ -23,7 +23,7 @@ import { trackingEvents } from "../tracking"; import { useDismissal } from "./hooks/useDismissal"; import { OccurrenceChart } from "./OccurrenceChart"; import * as s from "./styles"; -import { NewErrorCardProps } from "./types"; +import type { NewErrorCardProps } from "./types"; export const getStatusString = (status: string) => status.toLowerCase().startsWith("recent") ? "Recent" : status; diff --git a/src/components/Errors/NewErrorCard/mockData.ts b/src/components/Errors/NewErrorCard/mockData.ts index 8e96d8a07..eb38a3c3b 100644 --- a/src/components/Errors/NewErrorCard/mockData.ts +++ b/src/components/Errors/NewErrorCard/mockData.ts @@ -1,4 +1,4 @@ -import { GlobalErrorData } from "../GlobalErrorsList/types"; +import type { GlobalErrorData } from "../GlobalErrorsList/types"; export const mockedGlobalErrorData: GlobalErrorData = { id: "034b64a4-83de-11ef-bc2a-0242ac160003", diff --git a/src/components/Errors/NewErrorCard/styles.ts b/src/components/Errors/NewErrorCard/styles.ts index 26c2bb05e..ddd5f0bc4 100644 --- a/src/components/Errors/NewErrorCard/styles.ts +++ b/src/components/Errors/NewErrorCard/styles.ts @@ -7,7 +7,7 @@ import { DismissPanel } from "../../common/DismissPanel"; import { Link } from "../../common/v3/Link"; import { Tag } from "../../common/v3/Tag"; import { HEIGHT } from "./OccurrenceChart/styles"; -import { ContainerProps, OccurrenceChartContainerProps } from "./types"; +import type { ContainerProps, OccurrenceChartContainerProps } from "./types"; export const TRANSITION_DURATION = 300; export const chartContainerTransitionClassName = "chart-container"; diff --git a/src/components/Errors/NewErrorCard/types.ts b/src/components/Errors/NewErrorCard/types.ts index a05ebf63a..e8a79cb3c 100644 --- a/src/components/Errors/NewErrorCard/types.ts +++ b/src/components/Errors/NewErrorCard/types.ts @@ -1,4 +1,4 @@ -import { GlobalErrorData } from "../GlobalErrorsList/types"; +import type { GlobalErrorData } from "../GlobalErrorsList/types"; export interface NewErrorCardProps { data: GlobalErrorData; diff --git a/src/components/Errors/Score/index.tsx b/src/components/Errors/Score/index.tsx index 9c07f463f..54a0e1c45 100644 --- a/src/components/Errors/Score/index.tsx +++ b/src/components/Errors/Score/index.tsx @@ -1,7 +1,7 @@ -import { TagType } from "../../common/v3/Tag/types"; +import type { TagType } from "../../common/v3/Tag/types"; import { Tooltip } from "../../common/v3/Tooltip"; import * as s from "./styles"; -import { ScoreProps } from "./types"; +import type { ScoreProps } from "./types"; export const HIGH_SEVERITY_SCORE_THRESHOLD = 80; diff --git a/src/components/Errors/Score/types.ts b/src/components/Errors/Score/types.ts index 66379615f..b511c1998 100644 --- a/src/components/Errors/Score/types.ts +++ b/src/components/Errors/Score/types.ts @@ -1,4 +1,4 @@ -import { ErrorScoreInfo } from "../types"; +import type { ErrorScoreInfo } from "../types"; export interface ScoreProps { data: ErrorScoreInfo; diff --git a/src/components/Errors/index.tsx b/src/components/Errors/index.tsx index 8f1807489..2b2726a68 100644 --- a/src/components/Errors/index.tsx +++ b/src/components/Errors/index.tsx @@ -4,7 +4,7 @@ import { getFeatureFlagValue } from "../../featureFlags"; import { usePersistence } from "../../hooks/usePersistence"; import { usePrevious } from "../../hooks/usePrevious"; import { useConfigSelector } from "../../store/config/useConfigSelector"; -import { GlobalErrorsSelectedFiltersState } from "../../store/errors/errorsSlice"; +import type { GlobalErrorsSelectedFiltersState } from "../../store/errors/errorsSlice"; import { useErrorsSelector } from "../../store/errors/useErrorsSelector"; import { useStore } from "../../store/useStore"; import { trackingEvents as globalEvents } from "../../trackingEvents"; @@ -17,7 +17,7 @@ import { NewEmptyState } from "../common/v3/NewEmptyState"; import { useHistory } from "../Main/useHistory"; import { TAB_IDS } from "../Navigation/Tabs/types"; import { ErrorDetails } from "./ErrorDetails"; -import { ShowOnlyWorkspaceErrorStackTraceItemsPayload } from "./ErrorDetails/ErrorDetailsCardContent/FlowStack/types"; +import type { ShowOnlyWorkspaceErrorStackTraceItemsPayload } from "./ErrorDetails/ErrorDetailsCardContent/FlowStack/types"; import { ErrorsList } from "./ErrorsList"; import { GlobalErrorsList } from "./GlobalErrorsList"; import * as s from "./styles"; diff --git a/src/components/Errors/mockData.ts b/src/components/Errors/mockData.ts index e6dec6283..2911f9bd7 100644 --- a/src/components/Errors/mockData.ts +++ b/src/components/Errors/mockData.ts @@ -1,5 +1,5 @@ import { mockedError } from "./ErrorCard/mockData"; -import { SetErrorsDataPayload } from "./types"; +import type { SetErrorsDataPayload } from "./types"; export const mockedErrorsData: SetErrorsDataPayload = { errors: [ diff --git a/src/components/Highlights/EmptyStateCard/EmptyStateCard.stories.tsx b/src/components/Highlights/EmptyStateCard/EmptyStateCard.stories.tsx index 4b5ae8a2e..0b2dd1456 100644 --- a/src/components/Highlights/EmptyStateCard/EmptyStateCard.stories.tsx +++ b/src/components/Highlights/EmptyStateCard/EmptyStateCard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { EmptyStateCard } from "."; import { CrossCircleIcon } from "../../common/icons/16px/CrossCircleIcon"; diff --git a/src/components/Highlights/EmptyStateCard/index.tsx b/src/components/Highlights/EmptyStateCard/index.tsx index 08f10a67c..beef94bec 100644 --- a/src/components/Highlights/EmptyStateCard/index.tsx +++ b/src/components/Highlights/EmptyStateCard/index.tsx @@ -1,6 +1,6 @@ import useDimensions from "react-cool-dimensions"; import * as s from "./styles"; -import { EmptyStateCardProps } from "./types"; +import type { EmptyStateCardProps } from "./types"; export const EmptyStateCard = ({ type = "default", diff --git a/src/components/Highlights/EmptyStateCard/styles.ts b/src/components/Highlights/EmptyStateCard/styles.ts index 56b2b6861..da91455f3 100644 --- a/src/components/Highlights/EmptyStateCard/styles.ts +++ b/src/components/Highlights/EmptyStateCard/styles.ts @@ -4,7 +4,7 @@ import { subscriptRegularTypography } from "../../common/App/typographies"; import { Card as CommonCard } from "../../common/v3/Card"; -import { CardProps, ContainerProps, IconContainerProps } from "./types"; +import type { CardProps, ContainerProps, IconContainerProps } from "./types"; const MIN_HEIGHT = 140; // in pixels diff --git a/src/components/Highlights/EmptyStateCard/types.ts b/src/components/Highlights/EmptyStateCard/types.ts index ec0b51cb7..5c57856f9 100644 --- a/src/components/Highlights/EmptyStateCard/types.ts +++ b/src/components/Highlights/EmptyStateCard/types.ts @@ -1,5 +1,5 @@ -import { ComponentType, ReactNode } from "react"; -import { IconProps } from "../../common/icons/types"; +import type { ComponentType, ReactNode } from "react"; +import type { IconProps } from "../../common/icons/types"; type EmptyStateType = "default" | "success" | "lowSeverity"; diff --git a/src/components/Highlights/Highlights.stories.tsx b/src/components/Highlights/Highlights.stories.tsx index db79aeabf..890530f37 100644 --- a/src/components/Highlights/Highlights.stories.tsx +++ b/src/components/Highlights/Highlights.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { Highlights } from "."; import { featureFlagMinBackendVersions } from "../../featureFlags"; diff --git a/src/components/Highlights/Impact/Impact.stories.tsx b/src/components/Highlights/Impact/Impact.stories.tsx index 96d2cb86d..93224e858 100644 --- a/src/components/Highlights/Impact/Impact.stories.tsx +++ b/src/components/Highlights/Impact/Impact.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { Impact } from "."; import { featureFlagMinBackendVersions } from "../../../featureFlags"; diff --git a/src/components/Highlights/Impact/index.tsx b/src/components/Highlights/Impact/index.tsx index fdb089270..5fffeee66 100644 --- a/src/components/Highlights/Impact/index.tsx +++ b/src/components/Highlights/Impact/index.tsx @@ -1,4 +1,5 @@ -import { Row, createColumnHelper } from "@tanstack/react-table"; +import type { Row } from "@tanstack/react-table"; +import { createColumnHelper } from "@tanstack/react-table"; import { useEffect } from "react"; import { PERFORMANCE_IMPACT_DOCUMENTATION_URL } from "../../../constants"; import { useConfigSelector } from "../../../store/config/useConfigSelector"; @@ -19,7 +20,7 @@ import { TableText } from "../common/TableText"; import { handleEnvironmentTableRowClick } from "../handleEnvironmentTableRowClick"; import { trackingEventNames, trackingEvents } from "../tracking"; import * as s from "./styles"; -import { EnvironmentImpactData } from "./types"; +import type { EnvironmentImpactData } from "./types"; import { useImpactData } from "./useImpactData"; const demoData: EnvironmentImpactData[] = [ diff --git a/src/components/Highlights/Impact/mockData.ts b/src/components/Highlights/Impact/mockData.ts index 4128c6df5..41e9706b4 100644 --- a/src/components/Highlights/Impact/mockData.ts +++ b/src/components/Highlights/Impact/mockData.ts @@ -1,4 +1,4 @@ -import { ImpactData } from "./types"; +import type { ImpactData } from "./types"; export const mockedImpactData: ImpactData = { impactHighlights: [ diff --git a/src/components/Highlights/Impact/useImpactData.ts b/src/components/Highlights/Impact/useImpactData.ts index 2e14a0805..abe5af3d0 100644 --- a/src/components/Highlights/Impact/useImpactData.ts +++ b/src/components/Highlights/Impact/useImpactData.ts @@ -3,7 +3,7 @@ import { dispatcher } from "../../../dispatcher"; import { usePrevious } from "../../../hooks/usePrevious"; import { useConfigSelector } from "../../../store/config/useConfigSelector"; import { actions as mainActions } from "../../Main/actions"; -import { GetHighlightsImpactDataPayload, ImpactData } from "./types"; +import type { GetHighlightsImpactDataPayload, ImpactData } from "./types"; const REFRESH_INTERVAL = 10 * 1000; // in milliseconds diff --git a/src/components/Highlights/Performance/Performance.stories.tsx b/src/components/Highlights/Performance/Performance.stories.tsx index 43b1e4f0b..910b727e2 100644 --- a/src/components/Highlights/Performance/Performance.stories.tsx +++ b/src/components/Highlights/Performance/Performance.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { Performance } from "."; import { actions } from "../../Main/actions"; diff --git a/src/components/Highlights/Performance/index.tsx b/src/components/Highlights/Performance/index.tsx index 60d98ad3d..020076a81 100644 --- a/src/components/Highlights/Performance/index.tsx +++ b/src/components/Highlights/Performance/index.tsx @@ -1,4 +1,5 @@ -import { Row, createColumnHelper } from "@tanstack/react-table"; +import type { Row } from "@tanstack/react-table"; +import { createColumnHelper } from "@tanstack/react-table"; import { useEffect, useState } from "react"; import { usePrevious } from "../../../hooks/usePrevious"; import { useConfigSelector } from "../../../store/config/useConfigSelector"; @@ -19,7 +20,7 @@ import { Table } from "../common/Table"; import { handleEnvironmentTableRowClick } from "../handleEnvironmentTableRowClick"; import { trackingEvents } from "../tracking"; import * as s from "./styles"; -import { EnvironmentPerformanceData } from "./types"; +import type { EnvironmentPerformanceData } from "./types"; import { usePerformanceData } from "./usePerformanceData"; export const Performance = () => { diff --git a/src/components/Highlights/Performance/mockData.ts b/src/components/Highlights/Performance/mockData.ts index eb0aa3a42..5fd449de0 100644 --- a/src/components/Highlights/Performance/mockData.ts +++ b/src/components/Highlights/Performance/mockData.ts @@ -1,4 +1,4 @@ -import { PerformanceData } from "./types"; +import type { PerformanceData } from "./types"; export const mockedPerformanceData: PerformanceData = { performance: [ diff --git a/src/components/Highlights/Performance/types.ts b/src/components/Highlights/Performance/types.ts index 742c95ae9..df2c05d9d 100644 --- a/src/components/Highlights/Performance/types.ts +++ b/src/components/Highlights/Performance/types.ts @@ -1,5 +1,5 @@ -import { Duration } from "../../../globals"; -import { EnvironmentType } from "../../common/App/types"; +import type { Duration } from "../../../globals"; +import type { EnvironmentType } from "../../common/App/types"; interface PerformancePercentileData { duration: Duration; diff --git a/src/components/Highlights/Performance/usePerformanceData.ts b/src/components/Highlights/Performance/usePerformanceData.ts index def692fb0..6e0b304eb 100644 --- a/src/components/Highlights/Performance/usePerformanceData.ts +++ b/src/components/Highlights/Performance/usePerformanceData.ts @@ -3,7 +3,10 @@ import { dispatcher } from "../../../dispatcher"; import { usePrevious } from "../../../hooks/usePrevious"; import { useConfigSelector } from "../../../store/config/useConfigSelector"; import { actions as mainActions } from "../../Main/actions"; -import { GetHighlightsPerformanceDataPayload, PerformanceData } from "./types"; +import type { + GetHighlightsPerformanceDataPayload, + PerformanceData +} from "./types"; const REFRESH_INTERVAL = 10 * 1000; // in milliseconds diff --git a/src/components/Highlights/Scaling/Scaling.stories.tsx b/src/components/Highlights/Scaling/Scaling.stories.tsx index 198c0d67f..85e3ecbc9 100644 --- a/src/components/Highlights/Scaling/Scaling.stories.tsx +++ b/src/components/Highlights/Scaling/Scaling.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { Scaling } from "."; import { featureFlagMinBackendVersions } from "../../../featureFlags"; diff --git a/src/components/Highlights/Scaling/index.tsx b/src/components/Highlights/Scaling/index.tsx index 85a229d83..ef7aabbff 100644 --- a/src/components/Highlights/Scaling/index.tsx +++ b/src/components/Highlights/Scaling/index.tsx @@ -1,4 +1,5 @@ -import { Row, createColumnHelper } from "@tanstack/react-table"; +import type { Row } from "@tanstack/react-table"; +import { createColumnHelper } from "@tanstack/react-table"; import { useEffect } from "react"; import { SCALING_ISSUE_DOCUMENTATION_URL } from "../../../constants"; import { useConfigSelector } from "../../../store/config/useConfigSelector"; @@ -18,14 +19,14 @@ import { NewButton } from "../../common/v3/NewButton"; import { Tag } from "../../common/v3/Tag"; import { EmptyStateCard } from "../EmptyStateCard"; import { addEnvironmentColumns } from "../TopIssues/highlightCards/addEnvironmentColumns"; -import { EnvironmentData } from "../TopIssues/types"; +import type { EnvironmentData } from "../TopIssues/types"; import { Section } from "../common/Section"; import { Table } from "../common/Table"; import { TableText } from "../common/TableText"; import { handleEnvironmentTableRowClick } from "../handleEnvironmentTableRowClick"; import { trackingEventNames, trackingEvents } from "../tracking"; import * as s from "./styles"; -import { EnvironmentScalingData, ScalingMetrics } from "./types"; +import type { EnvironmentScalingData, ScalingMetrics } from "./types"; import { useScalingData } from "./useScalingData"; const demoData: EnvironmentScalingData[] = [ diff --git a/src/components/Highlights/Scaling/mockData.ts b/src/components/Highlights/Scaling/mockData.ts index 1830cae9e..676320103 100644 --- a/src/components/Highlights/Scaling/mockData.ts +++ b/src/components/Highlights/Scaling/mockData.ts @@ -1,5 +1,5 @@ import { InsightStatus } from "../../Insights/types"; -import { ScalingData } from "./types"; +import type { ScalingData } from "./types"; export const mockedScalingData: ScalingData = { dataState: "ScalingBadly", diff --git a/src/components/Highlights/Scaling/types.ts b/src/components/Highlights/Scaling/types.ts index 377f7c483..6785aee5d 100644 --- a/src/components/Highlights/Scaling/types.ts +++ b/src/components/Highlights/Scaling/types.ts @@ -1,5 +1,5 @@ -import { Duration } from "../../../globals"; -import { InsightStatus } from "../../Insights/types"; +import type { Duration } from "../../../globals"; +import type { InsightStatus } from "../../Insights/types"; export interface ScalingMetrics { concurrency: number; diff --git a/src/components/Highlights/Scaling/useScalingData.ts b/src/components/Highlights/Scaling/useScalingData.ts index b2e25ee57..33ec3680d 100644 --- a/src/components/Highlights/Scaling/useScalingData.ts +++ b/src/components/Highlights/Scaling/useScalingData.ts @@ -3,7 +3,7 @@ import { dispatcher } from "../../../dispatcher"; import { usePrevious } from "../../../hooks/usePrevious"; import { useConfigSelector } from "../../../store/config/useConfigSelector"; import { actions as mainActions } from "../../Main/actions"; -import { GetHighlightsScalingDataPayload, ScalingData } from "./types"; +import type { GetHighlightsScalingDataPayload, ScalingData } from "./types"; const REFRESH_INTERVAL = 10 * 1000; // in milliseconds diff --git a/src/components/Highlights/TopIssues/TopIssues.stories.tsx b/src/components/Highlights/TopIssues/TopIssues.stories.tsx index 8cace43ba..b5c14ea15 100644 --- a/src/components/Highlights/TopIssues/TopIssues.stories.tsx +++ b/src/components/Highlights/TopIssues/TopIssues.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { TopIssues } from "."; import { actions } from "../../Main/actions"; diff --git a/src/components/Highlights/TopIssues/common/AssetLink/index.tsx b/src/components/Highlights/TopIssues/common/AssetLink/index.tsx index 1ffdee4e7..c7f1d7ec4 100644 --- a/src/components/Highlights/TopIssues/common/AssetLink/index.tsx +++ b/src/components/Highlights/TopIssues/common/AssetLink/index.tsx @@ -5,7 +5,7 @@ import { Link } from "../../../../common/v3/Link"; import { Tooltip } from "../../../../common/v3/Tooltip"; import { trackingEvents } from "../../../tracking"; import * as s from "./styles"; -import { AssetLinkProps } from "./types"; +import type { AssetLinkProps } from "./types"; export const AssetLink = ({ asset }: AssetLinkProps) => { const handleAssetLinkClick = () => { diff --git a/src/components/Highlights/TopIssues/common/AssetLink/types.ts b/src/components/Highlights/TopIssues/common/AssetLink/types.ts index 0a58af874..8a3859631 100644 --- a/src/components/Highlights/TopIssues/common/AssetLink/types.ts +++ b/src/components/Highlights/TopIssues/common/AssetLink/types.ts @@ -1,4 +1,4 @@ -import { SpanInfo } from "../../../../../types"; +import type { SpanInfo } from "../../../../../types"; export interface AssetLinkProps { asset: SpanInfo; diff --git a/src/components/Highlights/TopIssues/common/HighlightCard/HighlightCard.stories.tsx b/src/components/Highlights/TopIssues/common/HighlightCard/HighlightCard.stories.tsx index f7ec7c86e..2324324bd 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 { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { HighlightCard } from "."; import { mockedTopIssuesData } from "../../mockData"; diff --git a/src/components/Highlights/TopIssues/common/HighlightCard/index.tsx b/src/components/Highlights/TopIssues/common/HighlightCard/index.tsx index 29d88f82e..164d7b08c 100644 --- a/src/components/Highlights/TopIssues/common/HighlightCard/index.tsx +++ b/src/components/Highlights/TopIssues/common/HighlightCard/index.tsx @@ -2,9 +2,9 @@ import { getInsightTypeInfo } from "../../../../../utils/getInsightTypeInfo"; import { InsightIcon } from "../../../../Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightIcon"; import { Card } from "../../../../common/v3/Card"; import { Info } from "../../../../common/v3/Info"; -import { EnvironmentData, GenericMetrics } from "../../types"; +import type { EnvironmentData, GenericMetrics } from "../../types"; import * as s from "./styles"; -import { HighlightCardProps } from "./types"; +import type { HighlightCardProps } from "./types"; const getCriticality = (environments: EnvironmentData[]) => environments.reduce((acc, env) => Math.max(acc, env.insightCriticality), 0); diff --git a/src/components/Highlights/TopIssues/common/HighlightCard/types.ts b/src/components/Highlights/TopIssues/common/HighlightCard/types.ts index c98bc9a27..0b58416c5 100644 --- a/src/components/Highlights/TopIssues/common/HighlightCard/types.ts +++ b/src/components/Highlights/TopIssues/common/HighlightCard/types.ts @@ -1,5 +1,5 @@ -import { ReactNode } from "react"; -import { GenericMetrics, HighlightData } from "../../types"; +import type { ReactNode } from "react"; +import type { GenericMetrics, HighlightData } from "../../types"; export interface HighlightCardProps { content: ReactNode; diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointBottleneckHighlightCard/EndpointBottleneckHighlightCard.stories.tsx b/src/components/Highlights/TopIssues/highlightCards/EndpointBottleneckHighlightCard/EndpointBottleneckHighlightCard.stories.tsx index 0d97bae9d..c094d0dd6 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 { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { EndpointBottleneckHighlightCard } from "."; import { mockedEndpointBottleneckHighlightData } from "./mockData"; diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointBottleneckHighlightCard/index.tsx b/src/components/Highlights/TopIssues/highlightCards/EndpointBottleneckHighlightCard/index.tsx index 3955e9363..942db09a8 100644 --- a/src/components/Highlights/TopIssues/highlightCards/EndpointBottleneckHighlightCard/index.tsx +++ b/src/components/Highlights/TopIssues/highlightCards/EndpointBottleneckHighlightCard/index.tsx @@ -1,4 +1,5 @@ -import { Row, createColumnHelper } from "@tanstack/react-table"; +import type { Row } from "@tanstack/react-table"; +import { createColumnHelper } from "@tanstack/react-table"; import { useConfigSelector } from "../../../../../store/config/useConfigSelector"; import { SCOPE_CHANGE_EVENTS } from "../../../../../types"; import { sendUserActionTrackingEvent } from "../../../../../utils/actions/sendUserActionTrackingEvent"; @@ -10,10 +11,10 @@ import { handleEnvironmentTableRowClick } from "../../../handleEnvironmentTableR import { trackingEvents } from "../../../tracking"; import { AssetLink } from "../../common/AssetLink"; import { HighlightCard } from "../../common/HighlightCard"; -import { EndpointBottleneckMetrics, EnvironmentData } from "../../types"; +import type { EndpointBottleneckMetrics, EnvironmentData } from "../../types"; import { addEnvironmentColumns } from "../addEnvironmentColumns"; import { DescriptionContainer } from "../styles"; -import { EndpointBottleneckHighlightCardProps } from "./types"; +import type { EndpointBottleneckHighlightCardProps } from "./types"; export const EndpointBottleneckHighlightCard = ({ data diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointBottleneckHighlightCard/mockData.ts b/src/components/Highlights/TopIssues/highlightCards/EndpointBottleneckHighlightCard/mockData.ts index 674a94714..cdecfa705 100644 --- a/src/components/Highlights/TopIssues/highlightCards/EndpointBottleneckHighlightCard/mockData.ts +++ b/src/components/Highlights/TopIssues/highlightCards/EndpointBottleneckHighlightCard/mockData.ts @@ -1,5 +1,5 @@ import { InsightStatus, InsightType } from "../../../../Insights/types"; -import { EndpointBottleneckMetrics, HighlightData } from "../../types"; +import type { EndpointBottleneckMetrics, HighlightData } from "../../types"; export const mockedEndpointBottleneckMetrics: EndpointBottleneckMetrics = [ { id: "PercentageWhenBottleneck", value: 50 }, diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointBottleneckHighlightCard/types.ts b/src/components/Highlights/TopIssues/highlightCards/EndpointBottleneckHighlightCard/types.ts index b09455a10..9f39eb3ad 100644 --- a/src/components/Highlights/TopIssues/highlightCards/EndpointBottleneckHighlightCard/types.ts +++ b/src/components/Highlights/TopIssues/highlightCards/EndpointBottleneckHighlightCard/types.ts @@ -1,4 +1,4 @@ -import { EndpointBottleneckMetrics, HighlightData } from "../../types"; +import type { EndpointBottleneckMetrics, HighlightData } from "../../types"; export interface EndpointBottleneckHighlightCardProps { data: HighlightData; diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointChattyApiV2HighlightCard/EndpointChattyApiV2HighlightCard.stories.tsx b/src/components/Highlights/TopIssues/highlightCards/EndpointChattyApiV2HighlightCard/EndpointChattyApiV2HighlightCard.stories.tsx index 15c76deea..e5c3e082c 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 { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { EndpointChattyApiV2HighlightCard } from "."; import { mockedEndpointChattyApiV2HighlightData } from "./mockData"; diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointChattyApiV2HighlightCard/index.tsx b/src/components/Highlights/TopIssues/highlightCards/EndpointChattyApiV2HighlightCard/index.tsx index 2bd19205e..29e13b827 100644 --- a/src/components/Highlights/TopIssues/highlightCards/EndpointChattyApiV2HighlightCard/index.tsx +++ b/src/components/Highlights/TopIssues/highlightCards/EndpointChattyApiV2HighlightCard/index.tsx @@ -1,4 +1,5 @@ -import { Row, createColumnHelper } from "@tanstack/react-table"; +import type { Row } from "@tanstack/react-table"; +import { createColumnHelper } from "@tanstack/react-table"; import { useConfigSelector } from "../../../../../store/config/useConfigSelector"; import { SCOPE_CHANGE_EVENTS } from "../../../../../types"; import { sendUserActionTrackingEvent } from "../../../../../utils/actions/sendUserActionTrackingEvent"; @@ -8,10 +9,10 @@ import { handleEnvironmentTableRowClick } from "../../../handleEnvironmentTableR import { trackingEvents } from "../../../tracking"; import { AssetLink } from "../../common/AssetLink"; import { HighlightCard } from "../../common/HighlightCard"; -import { EndpointChattyApiV2Metrics, EnvironmentData } from "../../types"; +import type { EndpointChattyApiV2Metrics, EnvironmentData } from "../../types"; import { addEnvironmentColumns } from "../addEnvironmentColumns"; import { DescriptionContainer } from "../styles"; -import { EndpointChattyApiV2HighlightCardProps } from "./types"; +import type { EndpointChattyApiV2HighlightCardProps } from "./types"; export const EndpointChattyApiV2HighlightCard = ({ data diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointChattyApiV2HighlightCard/mockData.ts b/src/components/Highlights/TopIssues/highlightCards/EndpointChattyApiV2HighlightCard/mockData.ts index 6b5393ebf..6dedc08a5 100644 --- a/src/components/Highlights/TopIssues/highlightCards/EndpointChattyApiV2HighlightCard/mockData.ts +++ b/src/components/Highlights/TopIssues/highlightCards/EndpointChattyApiV2HighlightCard/mockData.ts @@ -1,5 +1,5 @@ import { InsightStatus, InsightType } from "../../../../Insights/types"; -import { EndpointChattyApiV2Metrics, HighlightData } from "../../types"; +import type { EndpointChattyApiV2Metrics, HighlightData } from "../../types"; export const mockedEndpointChattyApiV2Metrics: EndpointChattyApiV2Metrics = [ { diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointChattyApiV2HighlightCard/types.ts b/src/components/Highlights/TopIssues/highlightCards/EndpointChattyApiV2HighlightCard/types.ts index 25c9ed65c..5308757b2 100644 --- a/src/components/Highlights/TopIssues/highlightCards/EndpointChattyApiV2HighlightCard/types.ts +++ b/src/components/Highlights/TopIssues/highlightCards/EndpointChattyApiV2HighlightCard/types.ts @@ -1,4 +1,4 @@ -import { EndpointChattyApiV2Metrics, HighlightData } from "../../types"; +import type { EndpointChattyApiV2Metrics, HighlightData } from "../../types"; export interface EndpointChattyApiV2HighlightCardProps { data: HighlightData; diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointHighNumberOfQueriesHighlightCard/EndpointHighNumberOfQueriesHighlightCard.stories.tsx b/src/components/Highlights/TopIssues/highlightCards/EndpointHighNumberOfQueriesHighlightCard/EndpointHighNumberOfQueriesHighlightCard.stories.tsx index 4ccfdbaf8..ee0ac0306 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 { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { EndpointHighNumberOfQueriesHighlightCard } from "."; import { mockedEndpointHighNumberOfQueriesHighlightData } from "./mockData"; diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointHighNumberOfQueriesHighlightCard/index.tsx b/src/components/Highlights/TopIssues/highlightCards/EndpointHighNumberOfQueriesHighlightCard/index.tsx index 487b23eba..6c0e4170c 100644 --- a/src/components/Highlights/TopIssues/highlightCards/EndpointHighNumberOfQueriesHighlightCard/index.tsx +++ b/src/components/Highlights/TopIssues/highlightCards/EndpointHighNumberOfQueriesHighlightCard/index.tsx @@ -1,4 +1,5 @@ -import { Row, createColumnHelper } from "@tanstack/react-table"; +import type { Row } from "@tanstack/react-table"; +import { createColumnHelper } from "@tanstack/react-table"; import { useConfigSelector } from "../../../../../store/config/useConfigSelector"; import { SCOPE_CHANGE_EVENTS } from "../../../../../types"; import { sendUserActionTrackingEvent } from "../../../../../utils/actions/sendUserActionTrackingEvent"; @@ -8,13 +9,13 @@ import { handleEnvironmentTableRowClick } from "../../../handleEnvironmentTableR import { trackingEvents } from "../../../tracking"; import { AssetLink } from "../../common/AssetLink"; import { HighlightCard } from "../../common/HighlightCard"; -import { +import type { EndpointHighNumberOfQueriesMetrics, EnvironmentData } from "../../types"; import { addEnvironmentColumns } from "../addEnvironmentColumns"; import { DescriptionContainer } from "../styles"; -import { EndpointHighNumberOfQueriesHighlightCardProps } from "./types"; +import type { EndpointHighNumberOfQueriesHighlightCardProps } from "./types"; export const EndpointHighNumberOfQueriesHighlightCard = ({ data diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointHighNumberOfQueriesHighlightCard/mockData.ts b/src/components/Highlights/TopIssues/highlightCards/EndpointHighNumberOfQueriesHighlightCard/mockData.ts index a2c0a9075..621d9c399 100644 --- a/src/components/Highlights/TopIssues/highlightCards/EndpointHighNumberOfQueriesHighlightCard/mockData.ts +++ b/src/components/Highlights/TopIssues/highlightCards/EndpointHighNumberOfQueriesHighlightCard/mockData.ts @@ -1,5 +1,8 @@ import { InsightStatus, InsightType } from "../../../../Insights/types"; -import { EndpointHighNumberOfQueriesMetrics, HighlightData } from "../../types"; +import type { + EndpointHighNumberOfQueriesMetrics, + HighlightData +} from "../../types"; export const mockedEndpointHighNumberOfQueriesMetrics: EndpointHighNumberOfQueriesMetrics = [ diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointHighNumberOfQueriesHighlightCard/types.ts b/src/components/Highlights/TopIssues/highlightCards/EndpointHighNumberOfQueriesHighlightCard/types.ts index add9f6ede..913ddb55e 100644 --- a/src/components/Highlights/TopIssues/highlightCards/EndpointHighNumberOfQueriesHighlightCard/types.ts +++ b/src/components/Highlights/TopIssues/highlightCards/EndpointHighNumberOfQueriesHighlightCard/types.ts @@ -1,4 +1,7 @@ -import { EndpointHighNumberOfQueriesMetrics, HighlightData } from "../../types"; +import type { + EndpointHighNumberOfQueriesMetrics, + HighlightData +} from "../../types"; export interface EndpointHighNumberOfQueriesHighlightCardProps { data: HighlightData; diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointQueryOptimizationV2HighlightCard/EndpointQueryOptimizationV2HighlightCard.stories.tsx b/src/components/Highlights/TopIssues/highlightCards/EndpointQueryOptimizationV2HighlightCard/EndpointQueryOptimizationV2HighlightCard.stories.tsx index d419cffba..7d487c1ca 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 { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { EndpointQueryOptimizationV2HighlightCard } from "."; import { mockedEndpointQueryHighLightData } from "./mockData"; diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointQueryOptimizationV2HighlightCard/index.tsx b/src/components/Highlights/TopIssues/highlightCards/EndpointQueryOptimizationV2HighlightCard/index.tsx index 92fa311b4..99e5feffc 100644 --- a/src/components/Highlights/TopIssues/highlightCards/EndpointQueryOptimizationV2HighlightCard/index.tsx +++ b/src/components/Highlights/TopIssues/highlightCards/EndpointQueryOptimizationV2HighlightCard/index.tsx @@ -1,4 +1,5 @@ -import { Row, createColumnHelper } from "@tanstack/react-table"; +import type { Row } from "@tanstack/react-table"; +import { createColumnHelper } from "@tanstack/react-table"; import { useConfigSelector } from "../../../../../store/config/useConfigSelector"; import { SCOPE_CHANGE_EVENTS } from "../../../../../types"; import { sendUserActionTrackingEvent } from "../../../../../utils/actions/sendUserActionTrackingEvent"; @@ -9,13 +10,13 @@ import { handleEnvironmentTableRowClick } from "../../../handleEnvironmentTableR import { trackingEvents } from "../../../tracking"; import { AssetLink } from "../../common/AssetLink"; import { HighlightCard } from "../../common/HighlightCard"; -import { +import type { EndpointQueryOptimizationV2Metrics, EnvironmentData } from "../../types"; import { addEnvironmentColumns } from "../addEnvironmentColumns"; import { DescriptionContainer } from "../styles"; -import { EndpointQueryOptimizationV2HighlightCardProps } from "./types"; +import type { EndpointQueryOptimizationV2HighlightCardProps } from "./types"; export const EndpointQueryOptimizationV2HighlightCard = ({ data diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointQueryOptimizationV2HighlightCard/mockData.ts b/src/components/Highlights/TopIssues/highlightCards/EndpointQueryOptimizationV2HighlightCard/mockData.ts index 411121618..2b79e9610 100644 --- a/src/components/Highlights/TopIssues/highlightCards/EndpointQueryOptimizationV2HighlightCard/mockData.ts +++ b/src/components/Highlights/TopIssues/highlightCards/EndpointQueryOptimizationV2HighlightCard/mockData.ts @@ -1,5 +1,8 @@ import { InsightStatus, InsightType } from "../../../../Insights/types"; -import { EndpointQueryOptimizationV2Metrics, HighlightData } from "../../types"; +import type { + EndpointQueryOptimizationV2Metrics, + HighlightData +} from "../../types"; export const mockedEndpointQueryOptimizationV2Metrics: EndpointQueryOptimizationV2Metrics = [ diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointQueryOptimizationV2HighlightCard/types.ts b/src/components/Highlights/TopIssues/highlightCards/EndpointQueryOptimizationV2HighlightCard/types.ts index 91df5a22e..613ab420d 100644 --- a/src/components/Highlights/TopIssues/highlightCards/EndpointQueryOptimizationV2HighlightCard/types.ts +++ b/src/components/Highlights/TopIssues/highlightCards/EndpointQueryOptimizationV2HighlightCard/types.ts @@ -1,4 +1,7 @@ -import { EndpointQueryOptimizationV2Metrics, HighlightData } from "../../types"; +import type { + EndpointQueryOptimizationV2Metrics, + HighlightData +} from "../../types"; export interface EndpointQueryOptimizationV2HighlightCardProps { data: HighlightData; diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointSessionInViewHighlightCard/EndpointSessionInViewHighlightCard.stories.tsx b/src/components/Highlights/TopIssues/highlightCards/EndpointSessionInViewHighlightCard/EndpointSessionInViewHighlightCard.stories.tsx index 0336a5c52..0b4e7c26d 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 { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { EndpointSessionInViewHighlightCard } from "."; import { mockedEndpointSessionInViewHighlightData } from "./mockData"; diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointSessionInViewHighlightCard/index.tsx b/src/components/Highlights/TopIssues/highlightCards/EndpointSessionInViewHighlightCard/index.tsx index 824d96489..c6088187a 100644 --- a/src/components/Highlights/TopIssues/highlightCards/EndpointSessionInViewHighlightCard/index.tsx +++ b/src/components/Highlights/TopIssues/highlightCards/EndpointSessionInViewHighlightCard/index.tsx @@ -1,4 +1,5 @@ -import { Row, createColumnHelper } from "@tanstack/react-table"; +import type { Row } from "@tanstack/react-table"; +import { createColumnHelper } from "@tanstack/react-table"; import { useConfigSelector } from "../../../../../store/config/useConfigSelector"; import { SCOPE_CHANGE_EVENTS } from "../../../../../types"; import { sendUserActionTrackingEvent } from "../../../../../utils/actions/sendUserActionTrackingEvent"; @@ -7,10 +8,13 @@ import { handleEnvironmentTableRowClick } from "../../../handleEnvironmentTableR import { trackingEvents } from "../../../tracking"; import { AssetLink } from "../../common/AssetLink"; import { HighlightCard } from "../../common/HighlightCard"; -import { EndpointSessionInViewMetrics, EnvironmentData } from "../../types"; +import type { + EndpointSessionInViewMetrics, + EnvironmentData +} from "../../types"; import { addEnvironmentColumns } from "../addEnvironmentColumns"; import { DescriptionContainer } from "../styles"; -import { EndpointSessionInViewHighlightCardProps } from "./types"; +import type { EndpointSessionInViewHighlightCardProps } from "./types"; export const EndpointSessionInViewHighlightCard = ({ data diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointSessionInViewHighlightCard/mockData.ts b/src/components/Highlights/TopIssues/highlightCards/EndpointSessionInViewHighlightCard/mockData.ts index 1e6df6f67..b071f265f 100644 --- a/src/components/Highlights/TopIssues/highlightCards/EndpointSessionInViewHighlightCard/mockData.ts +++ b/src/components/Highlights/TopIssues/highlightCards/EndpointSessionInViewHighlightCard/mockData.ts @@ -1,5 +1,5 @@ import { InsightStatus, InsightType } from "../../../../Insights/types"; -import { EndpointSessionInViewMetrics, HighlightData } from "../../types"; +import type { EndpointSessionInViewMetrics, HighlightData } from "../../types"; export const mockedEndpointSessionInViewMetrics: EndpointSessionInViewMetrics = []; diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointSessionInViewHighlightCard/types.ts b/src/components/Highlights/TopIssues/highlightCards/EndpointSessionInViewHighlightCard/types.ts index cac386eb6..e8bfa54f7 100644 --- a/src/components/Highlights/TopIssues/highlightCards/EndpointSessionInViewHighlightCard/types.ts +++ b/src/components/Highlights/TopIssues/highlightCards/EndpointSessionInViewHighlightCard/types.ts @@ -1,4 +1,4 @@ -import { EndpointSessionInViewMetrics, HighlightData } from "../../types"; +import type { EndpointSessionInViewMetrics, HighlightData } from "../../types"; export interface EndpointSessionInViewHighlightCardProps { data: HighlightData; diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointSlowdownSourceHighlightCard/EndpointSlowdownSourceHighlightCard.stories.tsx b/src/components/Highlights/TopIssues/highlightCards/EndpointSlowdownSourceHighlightCard/EndpointSlowdownSourceHighlightCard.stories.tsx index 63a6e96db..6fd36168c 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 { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { EndpointSlowdownSourceHighlightCard } from "."; import { mockedEndpointSlowdownSourceHighlightData } from "./mockData"; diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointSlowdownSourceHighlightCard/index.tsx b/src/components/Highlights/TopIssues/highlightCards/EndpointSlowdownSourceHighlightCard/index.tsx index 414d59324..780190609 100644 --- a/src/components/Highlights/TopIssues/highlightCards/EndpointSlowdownSourceHighlightCard/index.tsx +++ b/src/components/Highlights/TopIssues/highlightCards/EndpointSlowdownSourceHighlightCard/index.tsx @@ -1,4 +1,5 @@ -import { Row, createColumnHelper } from "@tanstack/react-table"; +import type { Row } from "@tanstack/react-table"; +import { createColumnHelper } from "@tanstack/react-table"; import { useConfigSelector } from "../../../../../store/config/useConfigSelector"; import { SCOPE_CHANGE_EVENTS } from "../../../../../types"; import { sendUserActionTrackingEvent } from "../../../../../utils/actions/sendUserActionTrackingEvent"; @@ -9,10 +10,13 @@ import { handleEnvironmentTableRowClick } from "../../../handleEnvironmentTableR import { trackingEvents } from "../../../tracking"; import { AssetLink } from "../../common/AssetLink"; import { HighlightCard } from "../../common/HighlightCard"; -import { EndpointSlowdownSourceMetrics, EnvironmentData } from "../../types"; +import type { + EndpointSlowdownSourceMetrics, + EnvironmentData +} from "../../types"; import { addEnvironmentColumns } from "../addEnvironmentColumns"; import { DescriptionContainer } from "../styles"; -import { EndpointSlowdownSourceHighlightCardProps } from "./types"; +import type { EndpointSlowdownSourceHighlightCardProps } from "./types"; export const EndpointSlowdownSourceHighlightCard = ({ data diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointSlowdownSourceHighlightCard/mockData.ts b/src/components/Highlights/TopIssues/highlightCards/EndpointSlowdownSourceHighlightCard/mockData.ts index 44d94a915..dc75c243f 100644 --- a/src/components/Highlights/TopIssues/highlightCards/EndpointSlowdownSourceHighlightCard/mockData.ts +++ b/src/components/Highlights/TopIssues/highlightCards/EndpointSlowdownSourceHighlightCard/mockData.ts @@ -1,5 +1,5 @@ import { InsightStatus, InsightType } from "../../../../Insights/types"; -import { EndpointSlowdownSourceMetrics, HighlightData } from "../../types"; +import type { EndpointSlowdownSourceMetrics, HighlightData } from "../../types"; export const mockedEndpointSlowdownSourceHighlight: EndpointSlowdownSourceMetrics = [ diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointSlowdownSourceHighlightCard/types.ts b/src/components/Highlights/TopIssues/highlightCards/EndpointSlowdownSourceHighlightCard/types.ts index 9a7c29464..184e9bbf0 100644 --- a/src/components/Highlights/TopIssues/highlightCards/EndpointSlowdownSourceHighlightCard/types.ts +++ b/src/components/Highlights/TopIssues/highlightCards/EndpointSlowdownSourceHighlightCard/types.ts @@ -1,4 +1,4 @@ -import { EndpointSlowdownSourceMetrics, HighlightData } from "../../types"; +import type { EndpointSlowdownSourceMetrics, HighlightData } from "../../types"; export interface EndpointSlowdownSourceHighlightCardProps { data: HighlightData; diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointSpanNPlusOneHighlightCard/EndpointSpanNPlusOneHighlightCard.stories.tsx b/src/components/Highlights/TopIssues/highlightCards/EndpointSpanNPlusOneHighlightCard/EndpointSpanNPlusOneHighlightCard.stories.tsx index 8f7dbd38d..5e7263c84 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 { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { EndpointSpanNPlusOneHighlightCard } from "."; import { mockedEndpointSpanNPlusOneHighlightData } from "./mockData"; diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointSpanNPlusOneHighlightCard/index.tsx b/src/components/Highlights/TopIssues/highlightCards/EndpointSpanNPlusOneHighlightCard/index.tsx index d00f4e74a..bc6829fa5 100644 --- a/src/components/Highlights/TopIssues/highlightCards/EndpointSpanNPlusOneHighlightCard/index.tsx +++ b/src/components/Highlights/TopIssues/highlightCards/EndpointSpanNPlusOneHighlightCard/index.tsx @@ -1,4 +1,5 @@ -import { Row, createColumnHelper } from "@tanstack/react-table"; +import type { Row } from "@tanstack/react-table"; +import { createColumnHelper } from "@tanstack/react-table"; import { useConfigSelector } from "../../../../../store/config/useConfigSelector"; import { SCOPE_CHANGE_EVENTS } from "../../../../../types"; import { sendUserActionTrackingEvent } from "../../../../../utils/actions/sendUserActionTrackingEvent"; @@ -10,10 +11,10 @@ import { handleEnvironmentTableRowClick } from "../../../handleEnvironmentTableR import { trackingEvents } from "../../../tracking"; import { AssetLink } from "../../common/AssetLink"; import { HighlightCard } from "../../common/HighlightCard"; -import { EndpointSpanNPlusOneMetrics, EnvironmentData } from "../../types"; +import type { EndpointSpanNPlusOneMetrics, EnvironmentData } from "../../types"; import { addEnvironmentColumns } from "../addEnvironmentColumns"; import { DescriptionContainer } from "../styles"; -import { EndpointSpanNPlusOneHighlightCardProps } from "./types"; +import type { EndpointSpanNPlusOneHighlightCardProps } from "./types"; export const EndpointSpanNPlusOneHighlightCard = ({ data diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointSpanNPlusOneHighlightCard/mockData.ts b/src/components/Highlights/TopIssues/highlightCards/EndpointSpanNPlusOneHighlightCard/mockData.ts index adda0b15e..34c29da8e 100644 --- a/src/components/Highlights/TopIssues/highlightCards/EndpointSpanNPlusOneHighlightCard/mockData.ts +++ b/src/components/Highlights/TopIssues/highlightCards/EndpointSpanNPlusOneHighlightCard/mockData.ts @@ -1,5 +1,5 @@ import { InsightStatus, InsightType } from "../../../../Insights/types"; -import { EndpointSpanNPlusOneMetrics, HighlightData } from "../../types"; +import type { EndpointSpanNPlusOneMetrics, HighlightData } from "../../types"; export const mockedEndpointSpanNPlusOneMetrics: EndpointSpanNPlusOneMetrics = [ { id: "Repeats", value: 50 }, diff --git a/src/components/Highlights/TopIssues/highlightCards/EndpointSpanNPlusOneHighlightCard/types.ts b/src/components/Highlights/TopIssues/highlightCards/EndpointSpanNPlusOneHighlightCard/types.ts index 5934af0bc..69cc2a9e1 100644 --- a/src/components/Highlights/TopIssues/highlightCards/EndpointSpanNPlusOneHighlightCard/types.ts +++ b/src/components/Highlights/TopIssues/highlightCards/EndpointSpanNPlusOneHighlightCard/types.ts @@ -1,4 +1,4 @@ -import { EndpointSpanNPlusOneMetrics, HighlightData } from "../../types"; +import type { EndpointSpanNPlusOneMetrics, HighlightData } from "../../types"; export interface EndpointSpanNPlusOneHighlightCardProps { data: HighlightData; diff --git a/src/components/Highlights/TopIssues/highlightCards/HotSpotHighlightCard/HotSpotHighlightCard.stories.tsx b/src/components/Highlights/TopIssues/highlightCards/HotSpotHighlightCard/HotSpotHighlightCard.stories.tsx index 8af179d18..af3b9d201 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 { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { HotSpotHighlightCard } from "."; import { mockedHotSpotHighlightData } from "./mockData"; diff --git a/src/components/Highlights/TopIssues/highlightCards/HotSpotHighlightCard/index.tsx b/src/components/Highlights/TopIssues/highlightCards/HotSpotHighlightCard/index.tsx index da9c1b816..a073bc377 100644 --- a/src/components/Highlights/TopIssues/highlightCards/HotSpotHighlightCard/index.tsx +++ b/src/components/Highlights/TopIssues/highlightCards/HotSpotHighlightCard/index.tsx @@ -1,4 +1,5 @@ -import { Row, createColumnHelper } from "@tanstack/react-table"; +import type { Row } from "@tanstack/react-table"; +import { createColumnHelper } from "@tanstack/react-table"; import { useConfigSelector } from "../../../../../store/config/useConfigSelector"; import { SCOPE_CHANGE_EVENTS } from "../../../../../types"; import { sendUserActionTrackingEvent } from "../../../../../utils/actions/sendUserActionTrackingEvent"; @@ -7,9 +8,9 @@ import { TableText } from "../../../common/TableText"; import { handleEnvironmentTableRowClick } from "../../../handleEnvironmentTableRowClick"; import { trackingEvents } from "../../../tracking"; import { HighlightCard } from "../../common/HighlightCard"; -import { EnvironmentData, HotSpotMetrics } from "../../types"; +import type { EnvironmentData, HotSpotMetrics } from "../../types"; import { addEnvironmentColumns } from "../addEnvironmentColumns"; -import { HotSpotHighlightCardProps } from "./types"; +import type { HotSpotHighlightCardProps } from "./types"; export const HotSpotHighlightCard = ({ data }: HotSpotHighlightCardProps) => { const { scope, environments } = useConfigSelector(); diff --git a/src/components/Highlights/TopIssues/highlightCards/HotSpotHighlightCard/mockData.ts b/src/components/Highlights/TopIssues/highlightCards/HotSpotHighlightCard/mockData.ts index f1f8f0154..491c7a2f0 100644 --- a/src/components/Highlights/TopIssues/highlightCards/HotSpotHighlightCard/mockData.ts +++ b/src/components/Highlights/TopIssues/highlightCards/HotSpotHighlightCard/mockData.ts @@ -1,5 +1,5 @@ import { InsightStatus, InsightType } from "../../../../Insights/types"; -import { HighlightData, HotSpotMetrics } from "../../types"; +import type { HighlightData, HotSpotMetrics } from "../../types"; export const mockedHotSpotMetrics: HotSpotMetrics = [ { diff --git a/src/components/Highlights/TopIssues/highlightCards/HotSpotHighlightCard/types.ts b/src/components/Highlights/TopIssues/highlightCards/HotSpotHighlightCard/types.ts index 12e9d0321..5648b4f97 100644 --- a/src/components/Highlights/TopIssues/highlightCards/HotSpotHighlightCard/types.ts +++ b/src/components/Highlights/TopIssues/highlightCards/HotSpotHighlightCard/types.ts @@ -1,4 +1,4 @@ -import { HighlightData, HotSpotMetrics } from "../../types"; +import type { HighlightData, HotSpotMetrics } from "../../types"; export interface HotSpotHighlightCardProps { data: HighlightData; diff --git a/src/components/Highlights/TopIssues/highlightCards/SpaNPlusOneHighlightCard/SpaNPlusOneHighlightCard.stories.tsx b/src/components/Highlights/TopIssues/highlightCards/SpaNPlusOneHighlightCard/SpaNPlusOneHighlightCard.stories.tsx index d6d2dccb3..f6ffe3f89 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 { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { SpaNPlusOneHighlightCard } from "."; import { mockedSpaNPlusOneHighlightData } from "./mockData"; diff --git a/src/components/Highlights/TopIssues/highlightCards/SpaNPlusOneHighlightCard/index.tsx b/src/components/Highlights/TopIssues/highlightCards/SpaNPlusOneHighlightCard/index.tsx index 1e0a2403e..653f12340 100644 --- a/src/components/Highlights/TopIssues/highlightCards/SpaNPlusOneHighlightCard/index.tsx +++ b/src/components/Highlights/TopIssues/highlightCards/SpaNPlusOneHighlightCard/index.tsx @@ -1,4 +1,5 @@ -import { Row, createColumnHelper } from "@tanstack/react-table"; +import type { Row } from "@tanstack/react-table"; +import { createColumnHelper } from "@tanstack/react-table"; import { useConfigSelector } from "../../../../../store/config/useConfigSelector"; import { SCOPE_CHANGE_EVENTS } from "../../../../../types"; import { sendUserActionTrackingEvent } from "../../../../../utils/actions/sendUserActionTrackingEvent"; @@ -9,9 +10,9 @@ import { TableText } from "../../../common/TableText"; import { handleEnvironmentTableRowClick } from "../../../handleEnvironmentTableRowClick"; import { trackingEvents } from "../../../tracking"; import { HighlightCard } from "../../common/HighlightCard"; -import { EnvironmentData, SpaNPlusOneMetrics } from "../../types"; +import type { EnvironmentData, SpaNPlusOneMetrics } from "../../types"; import { addEnvironmentColumns } from "../addEnvironmentColumns"; -import { SpaNPlusOneHighlightCardProps } from "./types"; +import type { SpaNPlusOneHighlightCardProps } from "./types"; export const SpaNPlusOneHighlightCard = ({ data diff --git a/src/components/Highlights/TopIssues/highlightCards/SpaNPlusOneHighlightCard/mockData.ts b/src/components/Highlights/TopIssues/highlightCards/SpaNPlusOneHighlightCard/mockData.ts index c307295a7..cd31a87af 100644 --- a/src/components/Highlights/TopIssues/highlightCards/SpaNPlusOneHighlightCard/mockData.ts +++ b/src/components/Highlights/TopIssues/highlightCards/SpaNPlusOneHighlightCard/mockData.ts @@ -1,5 +1,5 @@ import { InsightStatus, InsightType } from "../../../../Insights/types"; -import { HighlightData, SpaNPlusOneMetrics } from "../../types"; +import type { HighlightData, SpaNPlusOneMetrics } from "../../types"; export const mockedSpaNPlusOneInsights: SpaNPlusOneMetrics = [ { id: "AffectedEndpoints", value: 50 }, diff --git a/src/components/Highlights/TopIssues/highlightCards/SpaNPlusOneHighlightCard/types.ts b/src/components/Highlights/TopIssues/highlightCards/SpaNPlusOneHighlightCard/types.ts index 141ab86f4..3d1d62f91 100644 --- a/src/components/Highlights/TopIssues/highlightCards/SpaNPlusOneHighlightCard/types.ts +++ b/src/components/Highlights/TopIssues/highlightCards/SpaNPlusOneHighlightCard/types.ts @@ -1,4 +1,4 @@ -import { HighlightData, SpaNPlusOneMetrics } from "../../types"; +import type { HighlightData, SpaNPlusOneMetrics } from "../../types"; export interface SpaNPlusOneHighlightCardProps { data: HighlightData; diff --git a/src/components/Highlights/TopIssues/highlightCards/SpanEndpointBottleneckHighlightCard/SpanEndpointBottleneckHighlightCard.stories.tsx b/src/components/Highlights/TopIssues/highlightCards/SpanEndpointBottleneckHighlightCard/SpanEndpointBottleneckHighlightCard.stories.tsx index a2595e731..6d1fe2694 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 { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { SpanEndpointBottleneckHighlightCard } from "."; import { mockedSpanEndpointBottleneckHighlightData } from "./mockData"; diff --git a/src/components/Highlights/TopIssues/highlightCards/SpanEndpointBottleneckHighlightCard/index.tsx b/src/components/Highlights/TopIssues/highlightCards/SpanEndpointBottleneckHighlightCard/index.tsx index 3decf0767..c8f8fa214 100644 --- a/src/components/Highlights/TopIssues/highlightCards/SpanEndpointBottleneckHighlightCard/index.tsx +++ b/src/components/Highlights/TopIssues/highlightCards/SpanEndpointBottleneckHighlightCard/index.tsx @@ -1,4 +1,5 @@ -import { Row, createColumnHelper } from "@tanstack/react-table"; +import type { Row } from "@tanstack/react-table"; +import { createColumnHelper } from "@tanstack/react-table"; import { useConfigSelector } from "../../../../../store/config/useConfigSelector"; import { SCOPE_CHANGE_EVENTS } from "../../../../../types"; import { sendUserActionTrackingEvent } from "../../../../../utils/actions/sendUserActionTrackingEvent"; @@ -9,9 +10,12 @@ import { TableText } from "../../../common/TableText"; import { handleEnvironmentTableRowClick } from "../../../handleEnvironmentTableRowClick"; import { trackingEvents } from "../../../tracking"; import { HighlightCard } from "../../common/HighlightCard"; -import { EnvironmentData, SpanEndpointBottleneckMetrics } from "../../types"; +import type { + EnvironmentData, + SpanEndpointBottleneckMetrics +} from "../../types"; import { addEnvironmentColumns } from "../addEnvironmentColumns"; -import { SpanEndpointBottleneckHighlightCardProps } from "./types"; +import type { SpanEndpointBottleneckHighlightCardProps } from "./types"; export const SpanEndpointBottleneckHighlightCard = ({ data diff --git a/src/components/Highlights/TopIssues/highlightCards/SpanEndpointBottleneckHighlightCard/mockData.ts b/src/components/Highlights/TopIssues/highlightCards/SpanEndpointBottleneckHighlightCard/mockData.ts index d35bfb04b..903823cfd 100644 --- a/src/components/Highlights/TopIssues/highlightCards/SpanEndpointBottleneckHighlightCard/mockData.ts +++ b/src/components/Highlights/TopIssues/highlightCards/SpanEndpointBottleneckHighlightCard/mockData.ts @@ -1,5 +1,5 @@ import { InsightStatus, InsightType } from "../../../../Insights/types"; -import { HighlightData, SpanEndpointBottleneckMetrics } from "../../types"; +import type { HighlightData, SpanEndpointBottleneckMetrics } from "../../types"; export const mockedSpanEndpointBottleneckMetrics: SpanEndpointBottleneckMetrics = [ diff --git a/src/components/Highlights/TopIssues/highlightCards/SpanEndpointBottleneckHighlightCard/types.ts b/src/components/Highlights/TopIssues/highlightCards/SpanEndpointBottleneckHighlightCard/types.ts index 9fef985c3..849a5733a 100644 --- a/src/components/Highlights/TopIssues/highlightCards/SpanEndpointBottleneckHighlightCard/types.ts +++ b/src/components/Highlights/TopIssues/highlightCards/SpanEndpointBottleneckHighlightCard/types.ts @@ -1,4 +1,4 @@ -import { HighlightData, SpanEndpointBottleneckMetrics } from "../../types"; +import type { HighlightData, SpanEndpointBottleneckMetrics } from "../../types"; export interface SpanEndpointBottleneckHighlightCardProps { data: HighlightData; diff --git a/src/components/Highlights/TopIssues/highlightCards/SpanQueryOptimizationHighlightCard/SpanQueryOptimizationHighlightCard.stories.tsx b/src/components/Highlights/TopIssues/highlightCards/SpanQueryOptimizationHighlightCard/SpanQueryOptimizationHighlightCard.stories.tsx index b2e1cd483..42b542338 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 { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { SpanQueryOptimizationHighlightCard } from "."; import { mockedSpanQueryOptimizationHighlightData } from "./mockData"; diff --git a/src/components/Highlights/TopIssues/highlightCards/SpanQueryOptimizationHighlightCard/index.tsx b/src/components/Highlights/TopIssues/highlightCards/SpanQueryOptimizationHighlightCard/index.tsx index 74d63505e..99f0c194d 100644 --- a/src/components/Highlights/TopIssues/highlightCards/SpanQueryOptimizationHighlightCard/index.tsx +++ b/src/components/Highlights/TopIssues/highlightCards/SpanQueryOptimizationHighlightCard/index.tsx @@ -1,4 +1,5 @@ -import { Row, createColumnHelper } from "@tanstack/react-table"; +import type { Row } from "@tanstack/react-table"; +import { createColumnHelper } from "@tanstack/react-table"; import { useConfigSelector } from "../../../../../store/config/useConfigSelector"; import { SCOPE_CHANGE_EVENTS } from "../../../../../types"; import { sendUserActionTrackingEvent } from "../../../../../utils/actions/sendUserActionTrackingEvent"; @@ -10,10 +11,13 @@ import { handleEnvironmentTableRowClick } from "../../../handleEnvironmentTableR import { trackingEvents } from "../../../tracking"; import { AssetLink } from "../../common/AssetLink"; import { HighlightCard } from "../../common/HighlightCard"; -import { EnvironmentData, SpanQueryOptimizationMetrics } from "../../types"; +import type { + EnvironmentData, + SpanQueryOptimizationMetrics +} from "../../types"; import { addEnvironmentColumns } from "../addEnvironmentColumns"; import { DescriptionContainer } from "../styles"; -import { SpanQueryOptimizationHighlightCardProps } from "./types"; +import type { SpanQueryOptimizationHighlightCardProps } from "./types"; export const SpanQueryOptimizationHighlightCard = ({ data diff --git a/src/components/Highlights/TopIssues/highlightCards/SpanQueryOptimizationHighlightCard/mockData.ts b/src/components/Highlights/TopIssues/highlightCards/SpanQueryOptimizationHighlightCard/mockData.ts index caf5a4638..95523b1c5 100644 --- a/src/components/Highlights/TopIssues/highlightCards/SpanQueryOptimizationHighlightCard/mockData.ts +++ b/src/components/Highlights/TopIssues/highlightCards/SpanQueryOptimizationHighlightCard/mockData.ts @@ -1,5 +1,5 @@ import { InsightStatus, InsightType } from "../../../../Insights/types"; -import { HighlightData, SpanQueryOptimizationMetrics } from "../../types"; +import type { HighlightData, SpanQueryOptimizationMetrics } from "../../types"; export const mockedSpanQueryOptimizationMetrics: SpanQueryOptimizationMetrics = [ diff --git a/src/components/Highlights/TopIssues/highlightCards/SpanQueryOptimizationHighlightCard/types.ts b/src/components/Highlights/TopIssues/highlightCards/SpanQueryOptimizationHighlightCard/types.ts index 4bc2a8333..321176a08 100644 --- a/src/components/Highlights/TopIssues/highlightCards/SpanQueryOptimizationHighlightCard/types.ts +++ b/src/components/Highlights/TopIssues/highlightCards/SpanQueryOptimizationHighlightCard/types.ts @@ -1,4 +1,4 @@ -import { HighlightData, SpanQueryOptimizationMetrics } from "../../types"; +import type { HighlightData, SpanQueryOptimizationMetrics } from "../../types"; export interface SpanQueryOptimizationHighlightCardProps { data: HighlightData; diff --git a/src/components/Highlights/TopIssues/highlightCards/SpanScalingHighlightCard/SpanScalingHighlightCard.stories.tsx b/src/components/Highlights/TopIssues/highlightCards/SpanScalingHighlightCard/SpanScalingHighlightCard.stories.tsx index 740bd1f26..12112eb02 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 { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { SpanScalingHighlightCard } from "."; import { mockedSpanScalingHighlightData } from "./mockData"; diff --git a/src/components/Highlights/TopIssues/highlightCards/SpanScalingHighlightCard/index.tsx b/src/components/Highlights/TopIssues/highlightCards/SpanScalingHighlightCard/index.tsx index 547e15237..c4ba051b7 100644 --- a/src/components/Highlights/TopIssues/highlightCards/SpanScalingHighlightCard/index.tsx +++ b/src/components/Highlights/TopIssues/highlightCards/SpanScalingHighlightCard/index.tsx @@ -1,4 +1,5 @@ -import { Row, createColumnHelper } from "@tanstack/react-table"; +import type { Row } from "@tanstack/react-table"; +import { createColumnHelper } from "@tanstack/react-table"; import { useConfigSelector } from "../../../../../store/config/useConfigSelector"; import { SCOPE_CHANGE_EVENTS } from "../../../../../types"; import { sendUserActionTrackingEvent } from "../../../../../utils/actions/sendUserActionTrackingEvent"; @@ -7,9 +8,9 @@ import { TableText } from "../../../common/TableText"; import { handleEnvironmentTableRowClick } from "../../../handleEnvironmentTableRowClick"; import { trackingEvents } from "../../../tracking"; import { HighlightCard } from "../../common/HighlightCard"; -import { EnvironmentData, SpanScalingMetrics } from "../../types"; +import type { EnvironmentData, SpanScalingMetrics } from "../../types"; import { addEnvironmentColumns } from "../addEnvironmentColumns"; -import { SpanScalingHighlightCardProps } from "./types"; +import type { SpanScalingHighlightCardProps } from "./types"; export const SpanScalingHighlightCard = ({ data diff --git a/src/components/Highlights/TopIssues/highlightCards/SpanScalingHighlightCard/mockData.ts b/src/components/Highlights/TopIssues/highlightCards/SpanScalingHighlightCard/mockData.ts index 8d9acea2b..2acdae7bc 100644 --- a/src/components/Highlights/TopIssues/highlightCards/SpanScalingHighlightCard/mockData.ts +++ b/src/components/Highlights/TopIssues/highlightCards/SpanScalingHighlightCard/mockData.ts @@ -1,5 +1,5 @@ import { InsightStatus, InsightType } from "../../../../Insights/types"; -import { HighlightData, SpanScalingMetrics } from "../../types"; +import type { HighlightData, SpanScalingMetrics } from "../../types"; export const mockedSpanScalingMetrics: SpanScalingMetrics = [ { diff --git a/src/components/Highlights/TopIssues/highlightCards/SpanScalingHighlightCard/types.ts b/src/components/Highlights/TopIssues/highlightCards/SpanScalingHighlightCard/types.ts index 1b810092e..7a8995de0 100644 --- a/src/components/Highlights/TopIssues/highlightCards/SpanScalingHighlightCard/types.ts +++ b/src/components/Highlights/TopIssues/highlightCards/SpanScalingHighlightCard/types.ts @@ -1,4 +1,4 @@ -import { HighlightData, SpanScalingMetrics } from "../../types"; +import type { HighlightData, SpanScalingMetrics } from "../../types"; export interface SpanScalingHighlightCardProps { data: HighlightData; diff --git a/src/components/Highlights/TopIssues/highlightCards/addEnvironmentColumns.tsx b/src/components/Highlights/TopIssues/highlightCards/addEnvironmentColumns.tsx index 9ad0a3164..98f80891a 100644 --- a/src/components/Highlights/TopIssues/highlightCards/addEnvironmentColumns.tsx +++ b/src/components/Highlights/TopIssues/highlightCards/addEnvironmentColumns.tsx @@ -1,7 +1,7 @@ -import { ColumnDef, ColumnHelper } from "@tanstack/react-table"; +import type { ColumnDef, ColumnHelper } from "@tanstack/react-table"; import { EnvironmentName } from "../../common/EnvironmentName"; import { TableInsightStatusBadge } from "../../common/TableInsightStatusBadge"; -import { EnvironmentData } from "../types"; +import type { EnvironmentData } from "../types"; export const addEnvironmentColumns = ( columnHelper: ColumnHelper>, diff --git a/src/components/Highlights/TopIssues/index.tsx b/src/components/Highlights/TopIssues/index.tsx index b20e09ae4..8bf430fe7 100644 --- a/src/components/Highlights/TopIssues/index.tsx +++ b/src/components/Highlights/TopIssues/index.tsx @@ -5,7 +5,7 @@ import { usePagination } from "../../../hooks/usePagination"; import { useConfigSelector } from "../../../store/config/useConfigSelector"; import { InsightType } from "../../Insights/types"; import { actions as mainActions } from "../../Main/actions"; -import { GetHighlightsTopIssuesDataPayload } from "../../Main/types"; +import type { GetHighlightsTopIssuesDataPayload } from "../../Main/types"; import { CheckmarkCircleIcon } from "../../common/icons/16px/CheckmarkCircleIcon"; import { RefreshIcon } from "../../common/icons/16px/RefreshIcon"; import { EmptyStateCard } from "../EmptyStateCard"; @@ -37,7 +37,7 @@ import { isSpanQueryOptimizationHighlight, isSpanScalingHighlight } from "./typeGuards"; -import { GenericMetrics, HighlightData, TopIssuesData } from "./types"; +import type { GenericMetrics, HighlightData, TopIssuesData } from "./types"; const PAGE_SIZE = 2; diff --git a/src/components/Highlights/TopIssues/mockData.ts b/src/components/Highlights/TopIssues/mockData.ts index 31650aa8c..d839fbf4f 100644 --- a/src/components/Highlights/TopIssues/mockData.ts +++ b/src/components/Highlights/TopIssues/mockData.ts @@ -1,7 +1,7 @@ import { mockedEndpointChattyApiV2HighlightData } from "./highlightCards/EndpointChattyApiV2HighlightCard/mockData"; import { mockedEndpointHighNumberOfQueriesHighlightData } from "./highlightCards/EndpointHighNumberOfQueriesHighlightCard/mockData"; import { mockedSpanScalingHighlightData } from "./highlightCards/SpanScalingHighlightCard/mockData"; -import { TopIssuesData } from "./types"; +import type { TopIssuesData } from "./types"; export const mockedTopIssuesData: TopIssuesData = { topInsights: [ diff --git a/src/components/Highlights/TopIssues/typeGuards.ts b/src/components/Highlights/TopIssues/typeGuards.ts index 1fb797dc5..c0d3fd3ae 100644 --- a/src/components/Highlights/TopIssues/typeGuards.ts +++ b/src/components/Highlights/TopIssues/typeGuards.ts @@ -1,5 +1,5 @@ import { InsightType } from "../../Insights/types"; -import { +import type { EndpointBottleneckMetrics, EndpointChattyApiV2Metrics, EndpointHighNumberOfQueriesMetrics, diff --git a/src/components/Highlights/TopIssues/types.ts b/src/components/Highlights/TopIssues/types.ts index 4d4472c5d..395b9231b 100644 --- a/src/components/Highlights/TopIssues/types.ts +++ b/src/components/Highlights/TopIssues/types.ts @@ -1,6 +1,6 @@ -import { Duration } from "../../../globals"; -import { SpanInfo } from "../../../types"; -import { InsightStatus, InsightType } from "../../Insights/types"; +import type { Duration } from "../../../globals"; +import type { SpanInfo } from "../../../types"; +import type { InsightStatus, InsightType } from "../../Insights/types"; export interface EnvironmentData { environmentId: string; diff --git a/src/components/Highlights/common/CarouselPagination/CarouselPagination.stories.tsx b/src/components/Highlights/common/CarouselPagination/CarouselPagination.stories.tsx index 25813d98f..d6383b6d5 100644 --- a/src/components/Highlights/common/CarouselPagination/CarouselPagination.stories.tsx +++ b/src/components/Highlights/common/CarouselPagination/CarouselPagination.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/Highlights/common/CarouselPagination/index.tsx b/src/components/Highlights/common/CarouselPagination/index.tsx index cfe017cfc..72bb1ad31 100644 --- a/src/components/Highlights/common/CarouselPagination/index.tsx +++ b/src/components/Highlights/common/CarouselPagination/index.tsx @@ -4,7 +4,7 @@ import { addPrefix } from "../../../../utils/addPrefix"; import { ChevronIcon } from "../../../common/icons/16px/ChevronIcon"; import { Direction } from "../../../common/icons/types"; import * as s from "./styles"; -import { CarouselPaginationProps } from "./types"; +import type { CarouselPaginationProps } from "./types"; export const CarouselPagination = ({ itemsCount, diff --git a/src/components/Highlights/common/CarouselPagination/styles.ts b/src/components/Highlights/common/CarouselPagination/styles.ts index c79e5a1fd..d2571572b 100644 --- a/src/components/Highlights/common/CarouselPagination/styles.ts +++ b/src/components/Highlights/common/CarouselPagination/styles.ts @@ -1,5 +1,5 @@ import styled from "styled-components"; -import { PageButtonProps } from "./types"; +import type { PageButtonProps } from "./types"; export const Container = styled.div` display: flex; diff --git a/src/components/Highlights/common/EnvironmentName/index.tsx b/src/components/Highlights/common/EnvironmentName/index.tsx index 20d0585c2..930d2b82f 100644 --- a/src/components/Highlights/common/EnvironmentName/index.tsx +++ b/src/components/Highlights/common/EnvironmentName/index.tsx @@ -1,7 +1,7 @@ import { GlobeIcon } from "../../../common/icons/16px/GlobeIcon"; import { Tooltip } from "../../../common/v3/Tooltip"; import * as s from "./styles"; -import { EnvironmentNameProps } from "./types"; +import type { EnvironmentNameProps } from "./types"; export const EnvironmentName = ({ name, diff --git a/src/components/Highlights/common/EnvironmentName/styles.ts b/src/components/Highlights/common/EnvironmentName/styles.ts index 6d1bcd97a..c3c0766f3 100644 --- a/src/components/Highlights/common/EnvironmentName/styles.ts +++ b/src/components/Highlights/common/EnvironmentName/styles.ts @@ -1,7 +1,7 @@ import styled from "styled-components"; import { isNumber } from "../../../../typeGuards/isNumber"; import { getInsightCriticalityColor } from "../../../../utils/getInsightCriticalityColor"; -import { IconContainerProps } from "./types"; +import type { IconContainerProps } from "./types"; export const Container = styled.div` display: flex; diff --git a/src/components/Highlights/common/Section/index.tsx b/src/components/Highlights/common/Section/index.tsx index 6eaa01b53..63cf603fe 100644 --- a/src/components/Highlights/common/Section/index.tsx +++ b/src/components/Highlights/common/Section/index.tsx @@ -1,6 +1,6 @@ import { isString } from "../../../../typeGuards/isString"; import * as s from "./styles"; -import { SectionProps } from "./types"; +import type { SectionProps } from "./types"; export const Section = ({ title, toolbarContent, children }: SectionProps) => ( diff --git a/src/components/Highlights/common/Section/types.ts b/src/components/Highlights/common/Section/types.ts index 0da7b5c2d..d1cef1ac2 100644 --- a/src/components/Highlights/common/Section/types.ts +++ b/src/components/Highlights/common/Section/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export interface SectionProps { title?: string; diff --git a/src/components/Highlights/common/Table/index.tsx b/src/components/Highlights/common/Table/index.tsx index 77c2248ad..84ad5a0a5 100644 --- a/src/components/Highlights/common/Table/index.tsx +++ b/src/components/Highlights/common/Table/index.tsx @@ -1,5 +1,5 @@ +import type { Row } from "@tanstack/react-table"; import { - Row, flexRender, getCoreRowModel, useReactTable @@ -11,7 +11,7 @@ import { isNumber } from "../../../../typeGuards/isNumber"; import { Info } from "../../../common/v3/Info"; import { Pagination } from "../../../common/v3/Pagination"; import * as s from "./styles"; -import { ColumnMeta, TableProps } from "./types"; +import type { ColumnMeta, TableProps } from "./types"; const PAGE_SIZE = 5; diff --git a/src/components/Highlights/common/Table/styles.ts b/src/components/Highlights/common/Table/styles.ts index 5de039cc8..4b1830730 100644 --- a/src/components/Highlights/common/Table/styles.ts +++ b/src/components/Highlights/common/Table/styles.ts @@ -3,7 +3,7 @@ import { footnoteRegularTypography, subscriptRegularTypography } from "../../../common/App/typographies"; -import { TableCellContentProps } from "./types"; +import type { TableCellContentProps } from "./types"; export const Table = styled.table` width: 100%; diff --git a/src/components/Highlights/common/Table/types.ts b/src/components/Highlights/common/Table/types.ts index 70dacbfce..3934b74b4 100644 --- a/src/components/Highlights/common/Table/types.ts +++ b/src/components/Highlights/common/Table/types.ts @@ -1,4 +1,4 @@ -import { ColumnDef, Row } from "@tanstack/react-table"; +import type { ColumnDef, Row } from "@tanstack/react-table"; export interface TableProps { data: T[]; diff --git a/src/components/Highlights/common/TableInsightStatusBadge/index.tsx b/src/components/Highlights/common/TableInsightStatusBadge/index.tsx index d2dae4ddd..c2a2fef29 100644 --- a/src/components/Highlights/common/TableInsightStatusBadge/index.tsx +++ b/src/components/Highlights/common/TableInsightStatusBadge/index.tsx @@ -2,7 +2,7 @@ import { useTheme } from "styled-components"; import { getInsightStatusInfo } from "../../../Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightStatusBadge/getInsightStatusInfo"; import { Tooltip } from "../../../common/v3/Tooltip"; import * as s from "./styles"; -import { TableInsightStatusBadgeProps } from "./types"; +import type { TableInsightStatusBadgeProps } from "./types"; export const TableInsightStatusBadge = ({ status diff --git a/src/components/Highlights/common/TableInsightStatusBadge/types.ts b/src/components/Highlights/common/TableInsightStatusBadge/types.ts index 54aaa08d2..bff04dd7e 100644 --- a/src/components/Highlights/common/TableInsightStatusBadge/types.ts +++ b/src/components/Highlights/common/TableInsightStatusBadge/types.ts @@ -1,4 +1,4 @@ -import { InsightStatus } from "../../../Insights/types"; +import type { InsightStatus } from "../../../Insights/types"; export interface TableInsightStatusBadgeProps { status: InsightStatus; diff --git a/src/components/Highlights/common/TableText/index.tsx b/src/components/Highlights/common/TableText/index.tsx index 97b0ebe70..8d40023fa 100644 --- a/src/components/Highlights/common/TableText/index.tsx +++ b/src/components/Highlights/common/TableText/index.tsx @@ -1,6 +1,6 @@ import { Tooltip } from "../../../common/v3/Tooltip"; import * as s from "./styles"; -import { TableTextProps } from "./types"; +import type { TableTextProps } from "./types"; export const TableText = ({ title, children, className }: TableTextProps) => ( {children} diff --git a/src/components/Highlights/common/TableText/types.ts b/src/components/Highlights/common/TableText/types.ts index e0ed24cba..c11fcbf3f 100644 --- a/src/components/Highlights/common/TableText/types.ts +++ b/src/components/Highlights/common/TableText/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export interface TableTextProps { children: ReactNode; diff --git a/src/components/Highlights/handleEnvironmentTableRowClick.ts b/src/components/Highlights/handleEnvironmentTableRowClick.ts index 2b14303d1..d8da0222a 100644 --- a/src/components/Highlights/handleEnvironmentTableRowClick.ts +++ b/src/components/Highlights/handleEnvironmentTableRowClick.ts @@ -1,5 +1,5 @@ import { changeScope } from "../../utils/actions/changeScope"; -import { Environment, Scope } from "../common/App/types"; +import type { Environment, Scope } from "../common/App/types"; export const handleEnvironmentTableRowClick = ( scope: Scope | null, diff --git a/src/components/IdeLauncher/IdeLauncher.stories.tsx b/src/components/IdeLauncher/IdeLauncher.stories.tsx index 5ca0f19cc..52c526e44 100644 --- a/src/components/IdeLauncher/IdeLauncher.stories.tsx +++ b/src/components/IdeLauncher/IdeLauncher.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/IdeLauncher/index.tsx b/src/components/IdeLauncher/index.tsx index 3186772c3..13752da90 100644 --- a/src/components/IdeLauncher/index.tsx +++ b/src/components/IdeLauncher/index.tsx @@ -5,11 +5,11 @@ import { isString } from "../../typeGuards/isString"; import { getThemeKind } from "../common/App/styles"; import { NewButton } from "../common/v3/NewButton"; import { Select } from "../common/v3/Select"; -import { SelectItem } from "../common/v3/Select/types"; +import type { SelectItem } from "../common/v3/Select/types"; import { scanRunningIdeProjects } from "./scanRunningIdeProjects"; import { showIdeProject } from "./showIdeProject"; import * as s from "./styles"; -import { ShowIdeProjectResult } from "./types"; +import type { ShowIdeProjectResult } from "./types"; const SELECT_VALUE_DELIMITER = ":"; diff --git a/src/components/IdeLauncher/scanRunningIdeProjects.ts b/src/components/IdeLauncher/scanRunningIdeProjects.ts index 86cfc4f90..d65a1bba0 100644 --- a/src/components/IdeLauncher/scanRunningIdeProjects.ts +++ b/src/components/IdeLauncher/scanRunningIdeProjects.ts @@ -1,6 +1,6 @@ import axios from "axios"; import { isString } from "../../typeGuards/isString"; -import { IdeScanningResult, PluginInfo } from "./types"; +import type { IdeScanningResult, PluginInfo } from "./types"; const DEFAULT_PORT = 63342; const PORT_RANGE = 20; diff --git a/src/components/IdeLauncher/showIdeProject.ts b/src/components/IdeLauncher/showIdeProject.ts index e19859a69..e9093b967 100644 --- a/src/components/IdeLauncher/showIdeProject.ts +++ b/src/components/IdeLauncher/showIdeProject.ts @@ -1,5 +1,5 @@ import axios, { isAxiosError } from "axios"; -import { ShowIdeProjectResult } from "./types"; +import type { ShowIdeProjectResult } from "./types"; export const showIdeProject = async ( port: number, diff --git a/src/components/Insights/Insights.stories.tsx b/src/components/Insights/Insights.stories.tsx index 3975203f6..f01bfb7a0 100644 --- a/src/components/Insights/Insights.stories.tsx +++ b/src/components/Insights/Insights.stories.tsx @@ -1,7 +1,7 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { Insights } from "."; import { ConfigContext, initialState } from "../common/App/ConfigContext"; -import { ConfigContextData } from "../common/App/types"; +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"; import { mockedEndpointBreakdownInsight } from "./InsightsCatalog/InsightsPage/insightCards/EndpointBreakdownInsightCard/mockData"; diff --git a/src/components/Insights/InsightsCatalog/EnvironmentSelector/EnvironmentChip/EnvironmentChip.stories.tsx b/src/components/Insights/InsightsCatalog/EnvironmentSelector/EnvironmentChip/EnvironmentChip.stories.tsx index d907a0cdf..59cc01a51 100644 --- a/src/components/Insights/InsightsCatalog/EnvironmentSelector/EnvironmentChip/EnvironmentChip.stories.tsx +++ b/src/components/Insights/InsightsCatalog/EnvironmentSelector/EnvironmentChip/EnvironmentChip.stories.tsx @@ -1,7 +1,7 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { EnvironmentChip } from "."; -import { Environment } from "../../../../common/App/types"; +import type { Environment } from "../../../../common/App/types"; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction const meta: Meta = { diff --git a/src/components/Insights/InsightsCatalog/EnvironmentSelector/EnvironmentChip/index.tsx b/src/components/Insights/InsightsCatalog/EnvironmentSelector/EnvironmentChip/index.tsx index 8c299fc99..47e7d48e0 100644 --- a/src/components/Insights/InsightsCatalog/EnvironmentSelector/EnvironmentChip/index.tsx +++ b/src/components/Insights/InsightsCatalog/EnvironmentSelector/EnvironmentChip/index.tsx @@ -2,7 +2,7 @@ import { EnvironmentIcon } from "../../../../common/EnvironmentIcon"; import { Tooltip } from "../../../../common/v3/Tooltip"; import { getMostCriticalIssueCount } from "../getMostCriticalIssueCount"; import * as s from "./styles"; -import { EnvironmentChipProps } from "./types"; +import type { EnvironmentChipProps } from "./types"; export const EnvironmentChip = ({ environment, diff --git a/src/components/Insights/InsightsCatalog/EnvironmentSelector/EnvironmentChip/styles.ts b/src/components/Insights/InsightsCatalog/EnvironmentSelector/EnvironmentChip/styles.ts index 5f9c68d4d..9d6e7086a 100644 --- a/src/components/Insights/InsightsCatalog/EnvironmentSelector/EnvironmentChip/styles.ts +++ b/src/components/Insights/InsightsCatalog/EnvironmentSelector/EnvironmentChip/styles.ts @@ -2,7 +2,8 @@ import styled, { css } from "styled-components"; import { footnoteRegularTypography } from "../../../../common/App/typographies"; import { Chip } from "../../../../common/Chip"; import { activeStyles } from "../../../../common/Chip/styles"; -import { CounterProps, ISSUE_CRITICALITY, StyledChipProps } from "./types"; +import type { CounterProps, StyledChipProps } from "./types"; +import { ISSUE_CRITICALITY } from "./types"; export const StyledChip = styled(Chip)` gap: 4px; diff --git a/src/components/Insights/InsightsCatalog/EnvironmentSelector/EnvironmentChip/types.ts b/src/components/Insights/InsightsCatalog/EnvironmentSelector/EnvironmentChip/types.ts index 9b84265e8..83b7b7a36 100644 --- a/src/components/Insights/InsightsCatalog/EnvironmentSelector/EnvironmentChip/types.ts +++ b/src/components/Insights/InsightsCatalog/EnvironmentSelector/EnvironmentChip/types.ts @@ -1,4 +1,4 @@ -import { +import type { Environment, EnvironmentIssueCounts } from "../../../../common/App/types"; diff --git a/src/components/Insights/InsightsCatalog/EnvironmentSelector/EnvironmentSelector.stories.tsx b/src/components/Insights/InsightsCatalog/EnvironmentSelector/EnvironmentSelector.stories.tsx index 951ae4201..39b2e8f96 100644 --- a/src/components/Insights/InsightsCatalog/EnvironmentSelector/EnvironmentSelector.stories.tsx +++ b/src/components/Insights/InsightsCatalog/EnvironmentSelector/EnvironmentSelector.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/getMostCriticalIssueCount.ts b/src/components/Insights/InsightsCatalog/EnvironmentSelector/getMostCriticalIssueCount.ts index 0f7d6fe02..5ffb29f1f 100644 --- a/src/components/Insights/InsightsCatalog/EnvironmentSelector/getMostCriticalIssueCount.ts +++ b/src/components/Insights/InsightsCatalog/EnvironmentSelector/getMostCriticalIssueCount.ts @@ -1,4 +1,4 @@ -import { EnvironmentIssueCounts } from "../../../common/App/types"; +import type { EnvironmentIssueCounts } from "../../../common/App/types"; import { ISSUE_CRITICALITY } from "./EnvironmentChip/types"; export const getMostCriticalIssueCount = ( diff --git a/src/components/Insights/InsightsCatalog/EnvironmentSelector/index.tsx b/src/components/Insights/InsightsCatalog/EnvironmentSelector/index.tsx index 820a9e5f8..6e49dc740 100644 --- a/src/components/Insights/InsightsCatalog/EnvironmentSelector/index.tsx +++ b/src/components/Insights/InsightsCatalog/EnvironmentSelector/index.tsx @@ -3,7 +3,7 @@ import useDimensions from "react-cool-dimensions"; import { useConfigSelector } from "../../../../store/config/useConfigSelector"; import { changeScope } from "../../../../utils/actions/changeScope"; import { sendUserActionTrackingEvent } from "../../../../utils/actions/sendUserActionTrackingEvent"; -import { Environment } from "../../../common/App/types"; +import type { Environment } from "../../../common/App/types"; import { NewPopover } from "../../../common/NewPopover"; import { NewButton } from "../../../common/v3/NewButton"; import { EnvironmentMenu } from "../../../Navigation/EnvironmentBar/EnvironmentMenu"; @@ -11,7 +11,7 @@ import { trackingEvents } from "../../tracking"; import { EnvironmentChip } from "./EnvironmentChip"; import { getMostCriticalIssueCount } from "./getMostCriticalIssueCount"; import * as s from "./styles"; -import { EnvironmentSelectorProps, SelectorEnvironment } from "./types"; +import type { EnvironmentSelectorProps, SelectorEnvironment } from "./types"; const ENVIRONMENT_CHIP_COUNT = 3; diff --git a/src/components/Insights/InsightsCatalog/EnvironmentSelector/types.ts b/src/components/Insights/InsightsCatalog/EnvironmentSelector/types.ts index 53a5eea5e..c1a5a2b34 100644 --- a/src/components/Insights/InsightsCatalog/EnvironmentSelector/types.ts +++ b/src/components/Insights/InsightsCatalog/EnvironmentSelector/types.ts @@ -1,4 +1,7 @@ -import { Environment, EnvironmentIssueCounts } from "../../../common/App/types"; +import type { + Environment, + EnvironmentIssueCounts +} from "../../../common/App/types"; export interface SelectorEnvironment { environment: Environment; diff --git a/src/components/Insights/InsightsCatalog/FilterButton/FilterButton.stories.tsx b/src/components/Insights/InsightsCatalog/FilterButton/FilterButton.stories.tsx index 0439cbf33..79dcb8b56 100644 --- a/src/components/Insights/InsightsCatalog/FilterButton/FilterButton.stories.tsx +++ b/src/components/Insights/InsightsCatalog/FilterButton/FilterButton.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/FilterButton/index.tsx b/src/components/Insights/InsightsCatalog/FilterButton/index.tsx index 5a1c62dc3..dd5b4dd96 100644 --- a/src/components/Insights/InsightsCatalog/FilterButton/index.tsx +++ b/src/components/Insights/InsightsCatalog/FilterButton/index.tsx @@ -4,7 +4,7 @@ import { NewIconButton } from "../../../common/v3/NewIconButton"; import { Tooltip } from "../../../common/v3/Tooltip"; import { trackingEvents } from "../../tracking"; import * as s from "./styles"; -import { FilterButtonProps } from "./types"; +import type { FilterButtonProps } from "./types"; export const FilterButton = ({ isActive, diff --git a/src/components/Insights/InsightsCatalog/FilterButton/styles.ts b/src/components/Insights/InsightsCatalog/FilterButton/styles.ts index 186dd1f04..f70122105 100644 --- a/src/components/Insights/InsightsCatalog/FilterButton/styles.ts +++ b/src/components/Insights/InsightsCatalog/FilterButton/styles.ts @@ -1,6 +1,6 @@ import styled from "styled-components"; import { footnoteRegularTypography } from "../../../common/App/typographies"; -import { ContainerProps } from "./types"; +import type { ContainerProps } from "./types"; export const Container = styled.div` color: ${({ theme, $isActive }) => diff --git a/src/components/Insights/InsightsCatalog/FilterPanel/FilterChip/FilterChip.stories.tsx b/src/components/Insights/InsightsCatalog/FilterPanel/FilterChip/FilterChip.stories.tsx index afb414ab1..e0c5bed42 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 { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/FilterChip/index.tsx b/src/components/Insights/InsightsCatalog/FilterPanel/FilterChip/index.tsx index ec5d89a2e..ec06610ab 100644 --- a/src/components/Insights/InsightsCatalog/FilterPanel/FilterChip/index.tsx +++ b/src/components/Insights/InsightsCatalog/FilterPanel/FilterChip/index.tsx @@ -1,8 +1,12 @@ -import { ComponentType } from "react"; +import type { ComponentType } from "react"; import { isNumber } from "../../../../../typeGuards/isNumber"; import { Tooltip } from "../../../../common/v3/Tooltip"; import * as s from "./styles"; -import { FilterChipComponentProps, FilterChipProps, FilterType } from "./types"; +import type { + FilterChipComponentProps, + FilterChipProps, + FilterType +} from "./types"; const filtersData: Record< FilterType, diff --git a/src/components/Insights/InsightsCatalog/FilterPanel/FilterChip/styles.ts b/src/components/Insights/InsightsCatalog/FilterPanel/FilterChip/styles.ts index ae47e767f..60ad0a504 100644 --- a/src/components/Insights/InsightsCatalog/FilterPanel/FilterChip/styles.ts +++ b/src/components/Insights/InsightsCatalog/FilterPanel/FilterChip/styles.ts @@ -2,7 +2,7 @@ import styled, { css } from "styled-components"; import { footnoteRegularTypography } from "../../../../common/App/typographies"; import { Chip } from "../../../../common/Chip"; import { activeStyles } from "../../../../common/Chip/styles"; -import { FilterChipComponentProps } from "./types"; +import type { FilterChipComponentProps } from "./types"; export const StatCounter = styled.div` ${footnoteRegularTypography} diff --git a/src/components/Insights/InsightsCatalog/FilterPanel/FilterChip/types.ts b/src/components/Insights/InsightsCatalog/FilterPanel/FilterChip/types.ts index c9d4635c9..b56995cfa 100644 --- a/src/components/Insights/InsightsCatalog/FilterPanel/FilterChip/types.ts +++ b/src/components/Insights/InsightsCatalog/FilterPanel/FilterChip/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export type FilterType = "all" | "unread" | "critical"; diff --git a/src/components/Insights/InsightsCatalog/FilterPanel/FilterPanel.stories.tsx b/src/components/Insights/InsightsCatalog/FilterPanel/FilterPanel.stories.tsx index a6c4a827e..2f09aee53 100644 --- a/src/components/Insights/InsightsCatalog/FilterPanel/FilterPanel.stories.tsx +++ b/src/components/Insights/InsightsCatalog/FilterPanel/FilterPanel.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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 7af58c787..060bf8211 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 { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { IssuesFilter } from "."; import { actions } from "../../../Issues/actions"; diff --git a/src/components/Insights/InsightsCatalog/FilterPanel/IssuesFilter/index.tsx b/src/components/Insights/InsightsCatalog/FilterPanel/IssuesFilter/index.tsx index 6e337b335..da9fd024f 100644 --- a/src/components/Insights/InsightsCatalog/FilterPanel/IssuesFilter/index.tsx +++ b/src/components/Insights/InsightsCatalog/FilterPanel/IssuesFilter/index.tsx @@ -12,10 +12,11 @@ import { EyeIcon } from "../../../../common/icons/12px/EyeIcon"; import { FourPointedStarIcon } from "../../../../common/icons/12px/FourPointedStarIcon"; import { WrenchIcon } from "../../../../common/icons/12px/WrenchIcon"; import { WarningTriangleIcon } from "../../../../common/icons/WarningTriangleIcon"; -import { IconProps } from "../../../../common/icons/types"; -import { SelectItem } from "../../../../common/v3/Select/types"; +import type { IconProps } from "../../../../common/icons/types"; +import type { SelectItem } from "../../../../common/v3/Select/types"; import { useIssuesFilters } from "../../../Issues/useIssuesFilters"; -import { InsightFilterType, ViewMode } from "../../types"; +import type { InsightFilterType } from "../../types"; +import { ViewMode } from "../../types"; import * as s from "./styles"; import { trackingEvents } from "./tracking"; diff --git a/src/components/Insights/InsightsCatalog/FilterPanel/IssuesFilter/types.ts b/src/components/Insights/InsightsCatalog/FilterPanel/IssuesFilter/types.ts index 9074f0e68..9374aa2e6 100644 --- a/src/components/Insights/InsightsCatalog/FilterPanel/IssuesFilter/types.ts +++ b/src/components/Insights/InsightsCatalog/FilterPanel/IssuesFilter/types.ts @@ -1,4 +1,4 @@ -import { InsightFilterType } from "../../types"; +import type { InsightFilterType } from "../../types"; export interface IssuesFilterEntry { enabled: boolean; diff --git a/src/components/Insights/InsightsCatalog/FilterPanel/index.tsx b/src/components/Insights/InsightsCatalog/FilterPanel/index.tsx index 71bc16da2..d52771d0d 100644 --- a/src/components/Insights/InsightsCatalog/FilterPanel/index.tsx +++ b/src/components/Insights/InsightsCatalog/FilterPanel/index.tsx @@ -1,10 +1,10 @@ import { useInsightsSelector } from "../../../../store/insights/useInsightsSelector"; import { useStore } from "../../../../store/useStore"; import { sendUserActionTrackingEvent } from "../../../../utils/actions/sendUserActionTrackingEvent"; -import { InsightFilterType } from "../types"; +import type { InsightFilterType } from "../types"; import { FilterChip } from "./FilterChip"; import * as s from "./styles"; -import { FilterPanelProps } from "./types"; +import type { FilterPanelProps } from "./types"; export const FilterPanel = ({ criticalCount, diff --git a/src/components/Insights/InsightsCatalog/InsightsCatalog.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsCatalog.stories.tsx index 0db03ddff..091f66757 100644 --- a/src/components/Insights/InsightsCatalog/InsightsCatalog.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsCatalog.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { InsightsCatalog } from "."; import { ConfigContext, initialState } from "../../common/App/ConfigContext"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/InsightsPage.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/InsightsPage.stories.tsx index 04b8ab025..2935fad48 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/InsightsPage.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/InsightsPage.stories.tsx @@ -1,9 +1,9 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { InsightsPage } from "."; import { ConfigContext, initialState } from "../../../common/App/ConfigContext"; -import { Scope } from "../../../common/App/types"; +import type { Scope } from "../../../common/App/types"; import { mockedEndpointBottleneckInsight } from "./insightCards/EndpointBottleneckInsightCard/mockData"; -import { InsightsPageProps } from "./types"; +import type { InsightsPageProps } from "./types"; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction const meta: Meta = { diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/index.tsx index e7bfa89e5..96ae3ea76 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/index.tsx @@ -10,7 +10,7 @@ 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 { Scope } from "../../../common/App/types"; +import type { Scope } from "../../../common/App/types"; import { EmptyState } from "../../../common/EmptyState"; import { PulseIcon } from "../../../common/icons/32px/PulseIcon"; import { CardsIcon } from "../../../common/icons/CardsIcon"; @@ -40,7 +40,7 @@ import { isSpanScalingBadlyInsight, isSpanUsagesInsight } from "../../typeGuards"; -import { +import type { CodeObjectInsight, GenericCodeObjectInsight, InsightViewType, @@ -64,9 +64,9 @@ import { SpanNexusInsightCard } from "./insightCards/SpanNexusInsightCard"; import { SpanQueryOptimizationInsightCard } from "./insightCards/SpanQueryOptimizationInsightCard"; import { SpanScalingInsightCard } from "./insightCards/SpanScalingInsightCard"; import { SpanUsagesInsightCard } from "./insightCards/SpanUsagesInsightCard"; -import { InsightCardViewMode } from "./insightCards/common/InsightCard/types"; +import type { InsightCardViewMode } from "./insightCards/common/InsightCard/types"; import * as s from "./styles"; -import { +import type { InsightsPageProps, MarkInsightTypesAsViewedPayload, OpenHistogramPayload, diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBottleneckInsightCard/EndpointBottleneckInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBottleneckInsightCard/EndpointBottleneckInsightCard.stories.tsx index fc62aac62..1760c4c52 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBottleneckInsightCard/EndpointBottleneckInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBottleneckInsightCard/EndpointBottleneckInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { EndpointBottleneckInsightCard } from "."; import { mockedEndpointBottleneckInsight } from "./mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBottleneckInsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBottleneckInsightCard/index.tsx index 7a84ef805..f318bbc2a 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBottleneckInsightCard/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBottleneckInsightCard/index.tsx @@ -4,7 +4,7 @@ import { InsightCard } from "../common/InsightCard"; import { ColumnsContainer } from "../common/InsightCard/ColumnsContainer"; import { KeyValue } from "../common/InsightCard/KeyValue"; import { AssetLink, ContentContainer, Description, Details } from "../styles"; -import { EndpointBottleneckInsightCardProps } from "./types"; +import type { EndpointBottleneckInsightCardProps } from "./types"; export const EndpointBottleneckInsightCard = ({ insight, diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBottleneckInsightCard/mockData.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBottleneckInsightCard/mockData.ts index 5586f9d5c..68be68309 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBottleneckInsightCard/mockData.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBottleneckInsightCard/mockData.ts @@ -1,9 +1,5 @@ -import { - EndpointBottleneckInsight, - InsightCategory, - InsightScope, - InsightType -} from "../../../../types"; +import type { EndpointBottleneckInsight } from "../../../../types"; +import { InsightCategory, InsightScope, InsightType } from "../../../../types"; export const mockedEndpointBottleneckInsight: EndpointBottleneckInsight = { sourceSpanCodeObjectInsight: "sourceSpanCodeObjectInsightId", diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBottleneckInsightCard/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBottleneckInsightCard/types.ts index a6604ce1f..2f2806bdc 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBottleneckInsightCard/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBottleneckInsightCard/types.ts @@ -1,9 +1,9 @@ -import { +import type { EndpointBottleneckInsight, InsightType, Trace } from "../../../../types"; -import { InsightCardCommonProps } from "../common/InsightCard/types"; +import type { InsightCardCommonProps } from "../common/InsightCard/types"; export interface EndpointBottleneckInsightCardProps extends InsightCardCommonProps { diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBreakdownInsightCard/EndpointBreakdownInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBreakdownInsightCard/EndpointBreakdownInsightCard.stories.tsx index 509b34fa2..c12d7aff2 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBreakdownInsightCard/EndpointBreakdownInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBreakdownInsightCard/EndpointBreakdownInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { EndpointBreakdownInsightCard } from "."; import { ComponentType } from "../../../../types"; import { mockedEndpointBreakdownInsight } from "./mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBreakdownInsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBreakdownInsightCard/index.tsx index 60f6fd5cc..ffbffcaff 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBreakdownInsightCard/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBreakdownInsightCard/index.tsx @@ -7,19 +7,16 @@ import { import { useMemo, useState } from "react"; import { Cell, Pie, PieChart } from "recharts"; import { useTheme } from "styled-components"; -import { DefaultTheme } from "styled-components/dist/types"; +import type { DefaultTheme } from "styled-components/dist/types"; import { getDurationString } from "../../../../../../utils/getDurationString"; import { roundTo } from "../../../../../../utils/roundTo"; import { Tag } from "../../../../../common/v3/Tag"; -import { - Component, - ComponentType, - EndpointBreakdownInsight -} from "../../../../types"; +import type { Component, EndpointBreakdownInsight } from "../../../../types"; +import { ComponentType } from "../../../../types"; import { InsightCard } from "../common/InsightCard"; import { PercentileViewModeToggle } from "../common/InsightCard/PercentileViewModeToggle"; import * as s from "./styles"; -import { EndpointBreakdownInsightCardProps } from "./types"; +import type { EndpointBreakdownInsightCardProps } from "./types"; const PIE_CHART_RADIUS = 50; const PIE_CHART_ARC_WIDTH = 4; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBreakdownInsightCard/mockData.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBreakdownInsightCard/mockData.ts index 5bfac8554..6f7aa6915 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBreakdownInsightCard/mockData.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBreakdownInsightCard/mockData.ts @@ -1,6 +1,6 @@ +import type { EndpointBreakdownInsight } from "../../../../types"; import { ComponentType, - EndpointBreakdownInsight, InsightCategory, InsightScope, InsightType diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBreakdownInsightCard/styles.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBreakdownInsightCard/styles.ts index e4b7a8918..40d197dab 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBreakdownInsightCard/styles.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBreakdownInsightCard/styles.ts @@ -1,6 +1,6 @@ import styled from "styled-components"; import { caption1RegularTypography } from "../../../../../common/App/typographies"; -import { +import type { FractionProgressBarValueProps, LegendItemDataColorBadgeProps } from "./types"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBreakdownInsightCard/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBreakdownInsightCard/types.ts index a044c5548..476b07143 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBreakdownInsightCard/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointBreakdownInsightCard/types.ts @@ -1,5 +1,5 @@ -import { EndpointBreakdownInsight } from "../../../../types"; -import { InsightCardCommonProps } from "../common/InsightCard/types"; +import type { EndpointBreakdownInsight } from "../../../../types"; +import type { InsightCardCommonProps } from "../common/InsightCard/types"; export interface EndpointBreakdownInsightCardProps extends InsightCardCommonProps { diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointChattyApiV2InsightCard/EndpointChattyApiV2InsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointChattyApiV2InsightCard/EndpointChattyApiV2InsightCard.stories.tsx index 591be264b..ab1942070 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointChattyApiV2InsightCard/EndpointChattyApiV2InsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointChattyApiV2InsightCard/EndpointChattyApiV2InsightCard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { EndpointChattyApiV2InsightCard } from "."; import { mockedEndpointChattyApiV2Insight } from "./mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointChattyApiV2InsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointChattyApiV2InsightCard/index.tsx index f6f2c80b9..0173f5158 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointChattyApiV2InsightCard/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointChattyApiV2InsightCard/index.tsx @@ -1,8 +1,8 @@ -import { InsightType, Trace } from "../../../../types"; +import type { InsightType, Trace } from "../../../../types"; import { InsightCard } from "../common/InsightCard"; import { AssetLink, Description } from "../styles"; import * as s from "./styles"; -import { EndpointChattyApiV2InsightCardProps } from "./types"; +import type { EndpointChattyApiV2InsightCardProps } from "./types"; export const EndpointChattyApiV2InsightCard = ({ insight, diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointChattyApiV2InsightCard/mockData.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointChattyApiV2InsightCard/mockData.ts index bd0620bb2..bc15f18ee 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointChattyApiV2InsightCard/mockData.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointChattyApiV2InsightCard/mockData.ts @@ -1,9 +1,5 @@ -import { - EndpointChattyApiV2Insight, - InsightCategory, - InsightScope, - InsightType -} from "../../../../types"; +import type { EndpointChattyApiV2Insight } from "../../../../types"; +import { InsightCategory, InsightScope, InsightType } from "../../../../types"; export const mockedEndpointChattyApiV2Insight: EndpointChattyApiV2Insight = { sourceSpanCodeObjectInsight: "sourceSpanCodeObjectInsightId", diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointChattyApiV2InsightCard/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointChattyApiV2InsightCard/types.ts index 29068b2a5..a5b8e1b33 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointChattyApiV2InsightCard/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointChattyApiV2InsightCard/types.ts @@ -1,9 +1,9 @@ -import { +import type { EndpointChattyApiV2Insight, InsightType, Trace } from "../../../../types"; -import { InsightCardCommonProps } from "../common/InsightCard/types"; +import type { InsightCardCommonProps } from "../common/InsightCard/types"; export interface EndpointChattyApiV2InsightCardProps extends InsightCardCommonProps { diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointHighNumberOfQueriesInsightCard/EndpointHighNumberOfQueriesInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointHighNumberOfQueriesInsightCard/EndpointHighNumberOfQueriesInsightCard.stories.tsx index 316601cd2..f67d11582 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointHighNumberOfQueriesInsightCard/EndpointHighNumberOfQueriesInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointHighNumberOfQueriesInsightCard/EndpointHighNumberOfQueriesInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { EndpointHighNumberOfQueriesInsightCard } from "."; import { mockedEndpointHighNumberOfQueriesInsight } from "./mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointHighNumberOfQueriesInsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointHighNumberOfQueriesInsightCard/index.tsx index 7508b9ac0..19a664dbb 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointHighNumberOfQueriesInsightCard/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointHighNumberOfQueriesInsightCard/index.tsx @@ -1,10 +1,10 @@ import { Tag } from "../../../../../common/v3/Tag"; -import { InsightType, Trace } from "../../../../types"; +import type { InsightType, Trace } from "../../../../types"; import { InsightCard } from "../common/InsightCard"; import { ColumnsContainer } from "../common/InsightCard/ColumnsContainer"; import { KeyValue } from "../common/InsightCard/KeyValue"; import { ContentContainer, Description } from "../styles"; -import { EndpointHighNumberOfQueriesInsightCardProps } from "./types"; +import type { EndpointHighNumberOfQueriesInsightCardProps } from "./types"; export const EndpointHighNumberOfQueriesInsightCard = ({ insight, diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointHighNumberOfQueriesInsightCard/mockData.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointHighNumberOfQueriesInsightCard/mockData.ts index 2bf92c687..cd61e3f64 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointHighNumberOfQueriesInsightCard/mockData.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointHighNumberOfQueriesInsightCard/mockData.ts @@ -1,9 +1,6 @@ import { InsightType } from "../../../../../../types"; -import { - EndpointHighNumberOfQueriesInsight, - InsightCategory, - InsightScope -} from "../../../../types"; +import type { EndpointHighNumberOfQueriesInsight } from "../../../../types"; +import { InsightCategory, InsightScope } from "../../../../types"; export const mockedEndpointHighNumberOfQueriesInsight: EndpointHighNumberOfQueriesInsight = { diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointHighNumberOfQueriesInsightCard/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointHighNumberOfQueriesInsightCard/types.ts index c3bfde43a..da85280bf 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointHighNumberOfQueriesInsightCard/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointHighNumberOfQueriesInsightCard/types.ts @@ -1,9 +1,9 @@ -import { +import type { EndpointHighNumberOfQueriesInsight, InsightType, Trace } from "../../../../types"; -import { InsightCardCommonProps } from "../common/InsightCard/types"; +import type { InsightCardCommonProps } from "../common/InsightCard/types"; export interface EndpointHighNumberOfQueriesInsightCardProps extends InsightCardCommonProps { diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointQueryOptimizationV2InsightCard/EndpointQueryOptimizationV2InsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointQueryOptimizationV2InsightCard/EndpointQueryOptimizationV2InsightCard.stories.tsx index 2f01a5143..64a9765bd 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointQueryOptimizationV2InsightCard/EndpointQueryOptimizationV2InsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointQueryOptimizationV2InsightCard/EndpointQueryOptimizationV2InsightCard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { EndpointQueryOptimizationV2InsightCard } from "."; import { mockedEndpointQueryOptimizationV2Insight } from "./mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointQueryOptimizationV2InsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointQueryOptimizationV2InsightCard/index.tsx index 415d4fdcd..3fa44f5ac 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointQueryOptimizationV2InsightCard/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointQueryOptimizationV2InsightCard/index.tsx @@ -1,11 +1,11 @@ import { getDurationString } from "../../../../../../utils/getDurationString"; import { Tooltip } from "../../../../../common/v3/Tooltip"; -import { InsightType, Trace } from "../../../../types"; +import type { InsightType, Trace } from "../../../../types"; import { InsightCard } from "../common/InsightCard"; import { ColumnsContainer } from "../common/InsightCard/ColumnsContainer"; import { KeyValue } from "../common/InsightCard/KeyValue"; import { AssetLink, ContentContainer, Details } from "../styles"; -import { EndpointQueryOptimizationV2InsightCardProps } from "./types"; +import type { EndpointQueryOptimizationV2InsightCardProps } from "./types"; export const EndpointQueryOptimizationV2InsightCard = ({ insight, diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointQueryOptimizationV2InsightCard/mockData.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointQueryOptimizationV2InsightCard/mockData.ts index 723a14c64..ed86df492 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointQueryOptimizationV2InsightCard/mockData.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointQueryOptimizationV2InsightCard/mockData.ts @@ -1,9 +1,5 @@ -import { - EndpointQueryOptimizationV2Insight, - InsightCategory, - InsightScope, - InsightType -} from "../../../../types"; +import type { EndpointQueryOptimizationV2Insight } from "../../../../types"; +import { InsightCategory, InsightScope, InsightType } from "../../../../types"; export const mockedEndpointQueryOptimizationV2Insight: EndpointQueryOptimizationV2Insight = { diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointQueryOptimizationV2InsightCard/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointQueryOptimizationV2InsightCard/types.ts index 0a0b11568..7a823919f 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointQueryOptimizationV2InsightCard/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointQueryOptimizationV2InsightCard/types.ts @@ -1,9 +1,9 @@ -import { +import type { EndpointQueryOptimizationV2Insight, InsightType, Trace } from "../../../../types"; -import { InsightCardCommonProps } from "../common/InsightCard/types"; +import type { InsightCardCommonProps } from "../common/InsightCard/types"; export interface EndpointQueryOptimizationV2InsightCardProps extends InsightCardCommonProps { diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSessionInViewInsightCard/EndpointSessionInViewInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSessionInViewInsightCard/EndpointSessionInViewInsightCard.stories.tsx index ca6929c30..076fd4925 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSessionInViewInsightCard/EndpointSessionInViewInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSessionInViewInsightCard/EndpointSessionInViewInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { EndpointSessionInViewInsightCard } from "."; import { mockedEndpointSessionInViewInsight } from "./mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSessionInViewInsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSessionInViewInsightCard/index.tsx index 81120c4a3..f46dc9715 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSessionInViewInsightCard/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSessionInViewInsightCard/index.tsx @@ -4,12 +4,12 @@ import { TraceIcon } from "../../../../../common/icons/12px/TraceIcon"; import { Button } from "../../../../../common/v3/Button"; import { Pagination } from "../../../../../common/v3/Pagination"; import { Tooltip } from "../../../../../common/v3/Tooltip"; -import { InsightType, Trace } from "../../../../types"; +import type { InsightType, Trace } from "../../../../types"; import { InsightCard } from "../common/InsightCard"; import { ListItem } from "../common/InsightCard/ListItem"; import { ContentContainer, Description } from "../styles"; import * as s from "./styles"; -import { EndpointSessionInViewInsightCardProps } from "./types"; +import type { EndpointSessionInViewInsightCardProps } from "./types"; const PAGE_SIZE = 3; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSessionInViewInsightCard/mockData.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSessionInViewInsightCard/mockData.ts index e44f29998..680e52c29 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSessionInViewInsightCard/mockData.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSessionInViewInsightCard/mockData.ts @@ -1,9 +1,5 @@ -import { - EndpointSessionInViewInsight, - InsightCategory, - InsightScope, - InsightType -} from "../../../../types"; +import type { EndpointSessionInViewInsight } from "../../../../types"; +import { InsightCategory, InsightScope, InsightType } from "../../../../types"; export const mockedEndpointSessionInViewInsight: EndpointSessionInViewInsight = { diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSessionInViewInsightCard/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSessionInViewInsightCard/types.ts index da46ab0f1..08673a629 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSessionInViewInsightCard/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSessionInViewInsightCard/types.ts @@ -1,9 +1,9 @@ -import { +import type { EndpointSessionInViewInsight, InsightType, Trace } from "../../../../types"; -import { InsightCardCommonProps } from "../common/InsightCard/types"; +import type { InsightCardCommonProps } from "../common/InsightCard/types"; export interface EndpointSessionInViewInsightCardProps extends InsightCardCommonProps { diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSlowdownSourceInsightCard/EndpointSlowdownSourceInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSlowdownSourceInsightCard/EndpointSlowdownSourceInsightCard.stories.tsx index 82a07b542..aae3d0a52 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSlowdownSourceInsightCard/EndpointSlowdownSourceInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSlowdownSourceInsightCard/EndpointSlowdownSourceInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { EndpointSlowdownSourceInsightCard } from "."; import { mockedEndpointSlowdownSourceInsight } from "./mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSlowdownSourceInsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSlowdownSourceInsightCard/index.tsx index 7747b384a..7817c7ff5 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSlowdownSourceInsightCard/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSlowdownSourceInsightCard/index.tsx @@ -1,10 +1,10 @@ -import { EndpointSlowdownSource } from "../../../../types"; +import type { EndpointSlowdownSource } from "../../../../types"; import { DurationChange } from "../common/DurationChange"; import { InsightCard } from "../common/InsightCard"; import { ListItem } from "../common/InsightCard/ListItem"; import { ContentContainer, Description } from "../styles"; import * as s from "./styles"; -import { EndpointSlowdownSourceInsightCardProps } from "./types"; +import type { EndpointSlowdownSourceInsightCardProps } from "./types"; export const EndpointSlowdownSourceInsightCard = ({ insight, diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSlowdownSourceInsightCard/mockData.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSlowdownSourceInsightCard/mockData.ts index 0815a6e05..b0837de76 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSlowdownSourceInsightCard/mockData.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSlowdownSourceInsightCard/mockData.ts @@ -1,9 +1,5 @@ -import { - EndpointSlowdownSourceInsight, - InsightCategory, - InsightScope, - InsightType -} from "../../../../types"; +import type { EndpointSlowdownSourceInsight } from "../../../../types"; +import { InsightCategory, InsightScope, InsightType } from "../../../../types"; export const mockedEndpointSlowdownSourceInsight: EndpointSlowdownSourceInsight = { diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSlowdownSourceInsightCard/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSlowdownSourceInsightCard/types.ts index be646b308..733ea1b4f 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSlowdownSourceInsightCard/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSlowdownSourceInsightCard/types.ts @@ -1,5 +1,8 @@ -import { EndpointSlowdownSourceInsight, InsightType } from "../../../../types"; -import { InsightCardCommonProps } from "../common/InsightCard/types"; +import type { + EndpointSlowdownSourceInsight, + InsightType +} from "../../../../types"; +import type { InsightCardCommonProps } from "../common/InsightCard/types"; export interface EndpointSlowdownSourceInsightCardProps extends InsightCardCommonProps { diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSpanNPlusOneInsightInsightCard/EndpointSpanNPlusOneInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSpanNPlusOneInsightInsightCard/EndpointSpanNPlusOneInsightCard.stories.tsx index b9f3b8832..104033bda 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSpanNPlusOneInsightInsightCard/EndpointSpanNPlusOneInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSpanNPlusOneInsightInsightCard/EndpointSpanNPlusOneInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { EndpointSpanNPlusOneInsightCard } from "."; import { mockedEndpointSpanNPlusOneInsight } from "./mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSpanNPlusOneInsightInsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSpanNPlusOneInsightInsightCard/index.tsx index f253ae954..824093813 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSpanNPlusOneInsightInsightCard/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSpanNPlusOneInsightInsightCard/index.tsx @@ -1,11 +1,11 @@ import { getDurationString } from "../../../../../../utils/getDurationString"; import { Tooltip } from "../../../../../common/v3/Tooltip"; -import { InsightType, Trace } from "../../../../types"; +import type { InsightType, Trace } from "../../../../types"; import { InsightCard } from "../common/InsightCard"; import { ColumnsContainer } from "../common/InsightCard/ColumnsContainer"; import { KeyValue } from "../common/InsightCard/KeyValue"; import { AssetLink, ContentContainer, Description, Details } from "../styles"; -import { EndpointSpanNPlusOneInsightCardProps } from "./types"; +import type { EndpointSpanNPlusOneInsightCardProps } from "./types"; export const EndpointSpanNPlusOneInsightCard = ({ insight, diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSpanNPlusOneInsightInsightCard/mockData.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSpanNPlusOneInsightInsightCard/mockData.ts index a8f2b725a..b47c694a3 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSpanNPlusOneInsightInsightCard/mockData.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSpanNPlusOneInsightInsightCard/mockData.ts @@ -1,5 +1,5 @@ +import type { EndpointSpanNPlusOneInsight } from "../../../../types"; import { - EndpointSpanNPlusOneInsight, InsightCategory, InsightScope, InsightStatus, diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSpanNPlusOneInsightInsightCard/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSpanNPlusOneInsightInsightCard/types.ts index 4b684f274..855056863 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSpanNPlusOneInsightInsightCard/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointSpanNPlusOneInsightInsightCard/types.ts @@ -1,9 +1,9 @@ -import { +import type { EndpointSpanNPlusOneInsight, InsightType, Trace } from "../../../../types"; -import { InsightCardCommonProps } from "../common/InsightCard/types"; +import type { InsightCardCommonProps } from "../common/InsightCard/types"; export interface EndpointSpanNPlusOneInsightCardProps extends InsightCardCommonProps { diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointUsageInsightCard/EndpointUsageInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointUsageInsightCard/EndpointUsageInsightCard.stories.tsx index 473c3d538..226fec24a 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointUsageInsightCard/EndpointUsageInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointUsageInsightCard/EndpointUsageInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { EndpointUsageInsightCard } from "."; import { InsightImportance, InsightType } from "../../../../types"; import { mockedEndpointNormalUsageInsight } from "./mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointUsageInsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointUsageInsightCard/index.tsx index 954eace43..385f02c32 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointUsageInsightCard/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointUsageInsightCard/index.tsx @@ -5,7 +5,7 @@ import { InsightCard } from "../common/InsightCard"; import { ColumnsContainer } from "../common/InsightCard/ColumnsContainer"; import { KeyValue } from "../common/InsightCard/KeyValue"; import * as s from "./styles"; -import { EndpointUsageInsightCardProps } from "./types"; +import type { EndpointUsageInsightCardProps } from "./types"; const suffixes = [ { value: 1, symbol: "" }, diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointUsageInsightCard/mockData.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointUsageInsightCard/mockData.ts index a4b1c8ba4..015c39849 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointUsageInsightCard/mockData.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointUsageInsightCard/mockData.ts @@ -1,5 +1,5 @@ +import type { EndpointNormalUsageInsight } from "../../../../types"; import { - EndpointNormalUsageInsight, InsightCategory, InsightImportance, InsightScope, diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointUsageInsightCard/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointUsageInsightCard/types.ts index 81b10d5b7..fa892cd38 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointUsageInsightCard/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/EndpointUsageInsightCard/types.ts @@ -1,9 +1,9 @@ -import { +import type { EndpointHighUsageInsight, EndpointLowUsageInsight, EndpointNormalUsageInsight } from "../../../../types"; -import { InsightCardCommonProps } from "../common/InsightCard/types"; +import type { InsightCardCommonProps } from "../common/InsightCard/types"; export interface EndpointUsageInsightCardProps extends InsightCardCommonProps { insight: diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SlowEndpointInsightCard/SlowEndpointInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SlowEndpointInsightCard/SlowEndpointInsightCard.stories.tsx index cbf2e08ae..b2be902ac 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SlowEndpointInsightCard/SlowEndpointInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SlowEndpointInsightCard/SlowEndpointInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/insightCards/SlowEndpointInsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SlowEndpointInsightCard/index.tsx index 1513c7ddd..7a092d1ad 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SlowEndpointInsightCard/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SlowEndpointInsightCard/index.tsx @@ -6,7 +6,7 @@ import { InsightCard } from "../common/InsightCard"; import { ColumnsContainer } from "../common/InsightCard/ColumnsContainer"; import { KeyValue } from "../common/InsightCard/KeyValue"; import * as s from "./styles"; -import { SlowEndpointInsightCardProps } from "./types"; +import type { SlowEndpointInsightCardProps } from "./types"; export const SlowEndpointInsightCard = ({ insight, diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SlowEndpointInsightCard/mockData.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SlowEndpointInsightCard/mockData.ts index 30878e6c3..8d3a62a9c 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SlowEndpointInsightCard/mockData.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SlowEndpointInsightCard/mockData.ts @@ -1,9 +1,5 @@ -import { - InsightCategory, - InsightScope, - InsightType, - SlowEndpointInsight -} from "../../../../types"; +import type { SlowEndpointInsight } from "../../../../types"; +import { InsightCategory, InsightScope, InsightType } from "../../../../types"; export const mockedSlowEndpointInsight: SlowEndpointInsight = { sourceSpanCodeObjectInsight: "sourceSpanCodeObjectInsightId", diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SlowEndpointInsightCard/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SlowEndpointInsightCard/types.ts index d228e516a..123bb2f4c 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SlowEndpointInsightCard/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SlowEndpointInsightCard/types.ts @@ -1,5 +1,5 @@ -import { SlowEndpointInsight } from "../../../../types"; -import { InsightCardCommonProps } from "../common/InsightCard/types"; +import type { SlowEndpointInsight } from "../../../../types"; +import type { InsightCardCommonProps } from "../common/InsightCard/types"; export interface SlowEndpointInsightCardProps extends InsightCardCommonProps { insight: SlowEndpointInsight; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpaNPlusOneInsightCard/SpaNPlusOneInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpaNPlusOneInsightCard/SpaNPlusOneInsightCard.stories.tsx index 5180d0e6c..556fd0a76 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpaNPlusOneInsightCard/SpaNPlusOneInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpaNPlusOneInsightCard/SpaNPlusOneInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { SpaNPlusOneInsightCard } from "."; import { mockedSpaNPlusOneInsight } from "./mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpaNPlusOneInsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpaNPlusOneInsightCard/index.tsx index ea439e1f8..5f06595e5 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpaNPlusOneInsightCard/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpaNPlusOneInsightCard/index.tsx @@ -5,17 +5,21 @@ import { AffectedEndpointsSelector, getEndpointKey } from "../../../../../common/AffectedEndpointsSelector"; -import { Option } from "../../../../../common/AffectedEndpointsSelector/types"; +import type { Option } from "../../../../../common/AffectedEndpointsSelector/types"; import { TraceIcon } from "../../../../../common/icons/12px/TraceIcon"; import { Button } from "../../../../../common/v3/Button"; import { Tooltip } from "../../../../../common/v3/Tooltip"; -import { InsightType, NPlusOneEndpointInfo, Trace } from "../../../../types"; +import type { + InsightType, + NPlusOneEndpointInfo, + Trace +} from "../../../../types"; import { InsightCard } from "../common/InsightCard"; import { ColumnsContainer } from "../common/InsightCard/ColumnsContainer"; import { KeyValue } from "../common/InsightCard/KeyValue"; import { ContentContainer, Description, Details } from "../styles"; import * as s from "./styles"; -import { SpaNPlusOneInsightCardProps } from "./types"; +import type { SpaNPlusOneInsightCardProps } from "./types"; const getSelectorOption = (endpoint: NPlusOneEndpointInfo): Option => ({ route: endpoint.endpointInfo.route, diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpaNPlusOneInsightCard/mockData.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpaNPlusOneInsightCard/mockData.ts index 83232100e..1dbb56cf1 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpaNPlusOneInsightCard/mockData.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpaNPlusOneInsightCard/mockData.ts @@ -1,9 +1,5 @@ -import { - InsightCategory, - InsightScope, - InsightType, - SpaNPlusOneInsight -} from "../../../../types"; +import type { SpaNPlusOneInsight } from "../../../../types"; +import { InsightCategory, InsightScope, InsightType } from "../../../../types"; export const mockedSpaNPlusOneInsight: SpaNPlusOneInsight = { sourceSpanCodeObjectInsight: "sourceSpanCodeObjectInsightId", diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpaNPlusOneInsightCard/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpaNPlusOneInsightCard/types.ts index bbd483b01..e6619c402 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpaNPlusOneInsightCard/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpaNPlusOneInsightCard/types.ts @@ -1,5 +1,5 @@ -import { InsightType, SpaNPlusOneInsight, Trace } from "../../../../types"; -import { InsightCardCommonProps } from "../common/InsightCard/types"; +import type { InsightType, SpaNPlusOneInsight, Trace } from "../../../../types"; +import type { InsightCardCommonProps } from "../common/InsightCard/types"; export interface SpaNPlusOneInsightCardProps extends InsightCardCommonProps { insight: SpaNPlusOneInsight; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationBreakdownInsightCard/SpanDurationBreakdownInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationBreakdownInsightCard/SpanDurationBreakdownInsightCard.stories.tsx index 9e024b8df..612da053b 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationBreakdownInsightCard/SpanDurationBreakdownInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationBreakdownInsightCard/SpanDurationBreakdownInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { SpanDurationBreakdownInsightCard } from "."; import { featureFlagMinBackendVersions } from "../../../../../../featureFlags"; import { FeatureFlag } from "../../../../../../types"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationBreakdownInsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationBreakdownInsightCard/index.tsx index 17c5f814f..86047dbc0 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationBreakdownInsightCard/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationBreakdownInsightCard/index.tsx @@ -16,14 +16,17 @@ import { getPercentileLabel } from "../../../../../../utils/getPercentileLabel"; import { Info } from "../../../../../common/v3/Info"; import { Pagination } from "../../../../../common/v3/Pagination"; import { Tag } from "../../../../../common/v3/Tag"; -import { +import type { DurationPercentile, SpanDurationBreakdownEntry } from "../../../../types"; import { InsightCard } from "../common/InsightCard"; import { PercentileViewModeToggle } from "../common/InsightCard/PercentileViewModeToggle"; import * as s from "./styles"; -import { ColumnMeta, SpanDurationBreakdownInsightCardProps } from "./types"; +import type { + ColumnMeta, + SpanDurationBreakdownInsightCardProps +} from "./types"; const DEFAULT_PERCENTILE = 0.5; const PAGE_SIZE = 3; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationBreakdownInsightCard/mockData.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationBreakdownInsightCard/mockData.ts index 94bb5cbdc..32fc88b29 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationBreakdownInsightCard/mockData.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationBreakdownInsightCard/mockData.ts @@ -1,9 +1,5 @@ -import { - InsightCategory, - InsightScope, - InsightType, - SpanDurationBreakdownInsight -} from "../../../../types"; +import type { SpanDurationBreakdownInsight } from "../../../../types"; +import { InsightCategory, InsightScope, InsightType } from "../../../../types"; export const mockedSpanDurationBreakdownInsight: SpanDurationBreakdownInsight = { diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationBreakdownInsightCard/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationBreakdownInsightCard/types.ts index b84d6aba2..a916b6a3f 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationBreakdownInsightCard/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationBreakdownInsightCard/types.ts @@ -1,5 +1,8 @@ -import { InsightType, SpanDurationBreakdownInsight } from "../../../../types"; -import { InsightCardCommonProps } from "../common/InsightCard/types"; +import type { + InsightType, + SpanDurationBreakdownInsight +} from "../../../../types"; +import type { InsightCardCommonProps } from "../common/InsightCard/types"; export interface SpanDurationBreakdownInsightCardProps extends InsightCardCommonProps { diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/ReferenceLineLabel/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/ReferenceLineLabel/index.tsx index 70e1958fc..3feb2b8d5 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/ReferenceLineLabel/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/ReferenceLineLabel/index.tsx @@ -1,10 +1,10 @@ import { Text } from "recharts"; -import { CartesianViewBox } from "recharts/types/util/types"; +import type { CartesianViewBox } from "recharts/types/util/types"; import { useTheme } from "styled-components"; import { isNumber } from "../../../../../../../typeGuards/isNumber"; import { isString } from "../../../../../../../typeGuards/isString"; import { DIVIDER, LABEL_HEIGHT } from "../constants"; -import { ReferenceLineLabelProps } from "./types"; +import type { ReferenceLineLabelProps } from "./types"; const LABEL_GAP = 4; // in pixels diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/ReferenceLineLabel/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/ReferenceLineLabel/types.ts index 1f60798cc..d8fef302a 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/ReferenceLineLabel/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/ReferenceLineLabel/types.ts @@ -1,4 +1,4 @@ -import { ViewBox } from "recharts/types/util/types"; +import type { ViewBox } from "recharts/types/util/types"; export interface ReferenceLineLabelProps { viewBox?: ViewBox; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/SpanDurationsInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/SpanDurationsInsightCard.stories.tsx index a7ff23763..7c8d12111 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/SpanDurationsInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/SpanDurationsInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { SpanDurationsInsightCard } from "."; import { mockedSpanDurationsInsight } from "./mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/XAxisTick/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/XAxisTick/index.tsx index fc423c42d..3c1159da4 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/XAxisTick/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/XAxisTick/index.tsx @@ -1,7 +1,7 @@ import { Text } from "recharts"; import { useTheme } from "styled-components"; import { DIVIDER, LABEL_HEIGHT } from "../constants"; -import { XAxisTickProps } from "./types"; +import type { XAxisTickProps } from "./types"; export const XAxisTick = (props: XAxisTickProps) => { const theme = useTheme(); diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/XAxisTick/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/XAxisTick/types.ts index 2a08707cd..29c3429be 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/XAxisTick/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/XAxisTick/types.ts @@ -1,4 +1,4 @@ -import { TickData } from "../types"; +import type { TickData } from "../types"; export interface XAxisTickProps { x: number; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/index.tsx index 6ad99f152..bdae0c3ef 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/index.tsx @@ -8,9 +8,10 @@ import { Tooltip, XAxis } from "recharts"; -import { DefaultTheme, useTheme } from "styled-components"; +import type { DefaultTheme } from "styled-components"; +import { useTheme } from "styled-components"; import { PERCENTILES } from "../../../../../../constants"; -import { Duration } from "../../../../../../globals"; +import type { Duration } from "../../../../../../globals"; import { isNumber } from "../../../../../../typeGuards/isNumber"; import { convertToDuration } from "../../../../../../utils/convertToDuration"; import { formatTimeDistance } from "../../../../../../utils/formatTimeDistance"; @@ -18,7 +19,7 @@ import { getDurationString } from "../../../../../../utils/getDurationString"; import { getPercentileLabel } from "../../../../../../utils/getPercentileLabel"; import { Tag } from "../../../../../common/v3/Tag"; import { Tooltip as CommonTooltip } from "../../../../../common/v3/Tooltip"; -import { +import type { HistogramBarData, NormalizedHistogramBarData, Trace @@ -34,7 +35,7 @@ import { ReferenceLineLabel } from "./ReferenceLineLabel"; import { XAxisTick } from "./XAxisTick"; import { DIVIDER, LABEL_HEIGHT } from "./constants"; import * as s from "./styles"; -import { SpanDurationsInsightCardProps, TickData } from "./types"; +import type { SpanDurationsInsightCardProps, TickData } from "./types"; const LAST_CALL_TIME_DISTANCE_LIMIT = 60 * 1000; // in milliseconds diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/mockData.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/mockData.ts index 762ce630d..ec83b9063 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/mockData.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/mockData.ts @@ -1,9 +1,5 @@ -import { - InsightCategory, - InsightScope, - InsightType, - SpanDurationsInsight -} from "../../../../types"; +import type { SpanDurationsInsight } from "../../../../types"; +import { InsightCategory, InsightScope, InsightType } from "../../../../types"; export const mockedSpanDurationsInsight: SpanDurationsInsight = { sourceSpanCodeObjectInsight: "sourceSpanCodeObjectInsightId", diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/styles.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/styles.ts index db6d347a5..caf774b75 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/styles.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/styles.ts @@ -1,7 +1,7 @@ import styled from "styled-components"; import { footnoteRegularTypography } from "../../../../../common/App/typographies"; import { KeyValue } from "../common/InsightCard/KeyValue"; -import { ChartContainerProps } from "./types"; +import type { ChartContainerProps } from "./types"; export const Container = styled.div` display: flex; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/types.ts index 83287b215..9af9d0389 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanDurationsInsightCard/types.ts @@ -1,5 +1,5 @@ -import { InsightType, SpanDurationsInsight } from "../../../../types"; -import { InsightCardCommonProps } from "../common/InsightCard/types"; +import type { InsightType, SpanDurationsInsight } from "../../../../types"; +import type { InsightCardCommonProps } from "../common/InsightCard/types"; export interface SpanDurationsInsightCardProps extends InsightCardCommonProps { insight: SpanDurationsInsight; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanEndpointBottleneckInsightCard/SpanEndpointBottleneckInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanEndpointBottleneckInsightCard/SpanEndpointBottleneckInsightCard.stories.tsx index 647bd59a6..b33f7a155 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanEndpointBottleneckInsightCard/SpanEndpointBottleneckInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanEndpointBottleneckInsightCard/SpanEndpointBottleneckInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { SpanEndpointBottleneckInsightCard } from "."; import { mockedSpanEndpointBottleneckInsight } from "./mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanEndpointBottleneckInsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanEndpointBottleneckInsightCard/index.tsx index 6e5c56622..ff13dbc88 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanEndpointBottleneckInsightCard/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanEndpointBottleneckInsightCard/index.tsx @@ -7,17 +7,21 @@ import { AffectedEndpointsSelector, getEndpointKey } from "../../../../../common/AffectedEndpointsSelector"; -import { Option } from "../../../../../common/AffectedEndpointsSelector/types"; +import type { Option } from "../../../../../common/AffectedEndpointsSelector/types"; import { TraceIcon } from "../../../../../common/icons/12px/TraceIcon"; import { Button } from "../../../../../common/v3/Button"; import { Tooltip } from "../../../../../common/v3/Tooltip"; -import { BottleneckEndpointInfo, InsightType, Trace } from "../../../../types"; +import type { + BottleneckEndpointInfo, + InsightType, + Trace +} from "../../../../types"; import { InsightCard } from "../common/InsightCard"; import { ColumnsContainer } from "../common/InsightCard/ColumnsContainer"; import { KeyValue } from "../common/InsightCard/KeyValue"; import { ContentContainer, Description, Details } from "../styles"; import * as s from "./styles"; -import { SpanEndpointBottleneckInsightCardProps } from "./types"; +import type { SpanEndpointBottleneckInsightCardProps } from "./types"; const getSelectorOption = (endpoint: BottleneckEndpointInfo): Option => ({ route: trimEndpointScheme(endpoint.endpointInfo.route), diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanEndpointBottleneckInsightCard/mockData.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanEndpointBottleneckInsightCard/mockData.ts index f5128ed60..ac908459b 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanEndpointBottleneckInsightCard/mockData.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanEndpointBottleneckInsightCard/mockData.ts @@ -1,9 +1,5 @@ -import { - InsightCategory, - InsightScope, - InsightType, - SpanEndpointBottleneckInsight -} from "../../../../types"; +import type { SpanEndpointBottleneckInsight } from "../../../../types"; +import { InsightCategory, InsightScope, InsightType } from "../../../../types"; export const mockedSpanEndpointBottleneckInsight: SpanEndpointBottleneckInsight = { diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanEndpointBottleneckInsightCard/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanEndpointBottleneckInsightCard/types.ts index 821bfeff3..50f95db65 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanEndpointBottleneckInsightCard/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanEndpointBottleneckInsightCard/types.ts @@ -1,9 +1,9 @@ -import { +import type { InsightType, SpanEndpointBottleneckInsight, Trace } from "../../../../types"; -import { InsightCardCommonProps } from "../common/InsightCard/types"; +import type { InsightCardCommonProps } from "../common/InsightCard/types"; export interface SpanEndpointBottleneckInsightCardProps extends InsightCardCommonProps { diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanNexusInsightCard/SpanNexusInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanNexusInsightCard/SpanNexusInsightCard.stories.tsx index 328b7a264..b01e87058 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanNexusInsightCard/SpanNexusInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanNexusInsightCard/SpanNexusInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { SpanNexusInsightCard } from "."; import { mockedSpanNexusInsight } from "./mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanNexusInsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanNexusInsightCard/index.tsx index 9401a64a5..768967f76 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanNexusInsightCard/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanNexusInsightCard/index.tsx @@ -4,7 +4,7 @@ import { ColumnsContainer } from "../common/InsightCard/ColumnsContainer"; import { KeyValue } from "../common/InsightCard/KeyValue"; import { ContentContainer } from "../styles"; import * as s from "./styles"; -import { SpanNexusInsightCardProps } from "./types"; +import type { SpanNexusInsightCardProps } from "./types"; const getTagType = (isHigh: boolean) => { return isHigh ? "mediumSeverity" : "default"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanNexusInsightCard/mockData.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanNexusInsightCard/mockData.ts index b58c5a691..3a0206652 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanNexusInsightCard/mockData.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanNexusInsightCard/mockData.ts @@ -1,9 +1,6 @@ import { InsightType } from "../../../../../../types"; -import { - InsightCategory, - InsightScope, - SpanNexusInsight -} from "../../../../types"; +import type { SpanNexusInsight } from "../../../../types"; +import { InsightCategory, InsightScope } from "../../../../types"; export const mockedSpanNexusInsight: SpanNexusInsight = { sourceSpanCodeObjectInsight: "sourceSpanCodeObjectInsightId", diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanNexusInsightCard/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanNexusInsightCard/types.ts index 3b3e49b7a..dff51f3d6 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanNexusInsightCard/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanNexusInsightCard/types.ts @@ -1,5 +1,5 @@ -import { SpanNexusInsight } from "../../../../types"; -import { InsightCardCommonProps } from "../common/InsightCard/types"; +import type { SpanNexusInsight } from "../../../../types"; +import type { InsightCardCommonProps } from "../common/InsightCard/types"; export interface SpanNexusInsightCardProps extends InsightCardCommonProps { insight: SpanNexusInsight; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanQueryOptimizationInsightCard/SpanQueryOptimizationInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanQueryOptimizationInsightCard/SpanQueryOptimizationInsightCard.stories.tsx index a239c000e..d6b7ea387 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanQueryOptimizationInsightCard/SpanQueryOptimizationInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanQueryOptimizationInsightCard/SpanQueryOptimizationInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { SpanQueryOptimizationInsightCard } from "."; import { mockedSpanQueryOptimizationInsight } from "./mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanQueryOptimizationInsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanQueryOptimizationInsightCard/index.tsx index 84f2b77da..ae3be27be 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanQueryOptimizationInsightCard/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanQueryOptimizationInsightCard/index.tsx @@ -4,14 +4,14 @@ import { getDurationString } from "../../../../../../utils/getDurationString"; import { trimEndpointScheme } from "../../../../../../utils/trimEndpointScheme"; import { Pagination } from "../../../../../common/v3/Pagination"; import { Tooltip } from "../../../../../common/v3/Tooltip"; -import { InsightType, Trace } from "../../../../types"; +import type { InsightType, Trace } from "../../../../types"; import { InsightCard } from "../common/InsightCard"; import { ColumnsContainer } from "../common/InsightCard/ColumnsContainer"; import { KeyValue } from "../common/InsightCard/KeyValue"; import { ListItem } from "../common/InsightCard/ListItem"; import { ContentContainer, Description } from "../styles"; import * as s from "./styles"; -import { SpanQueryOptimizationInsightCardProps } from "./types"; +import type { SpanQueryOptimizationInsightCardProps } from "./types"; const PAGE_SIZE = 3; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanQueryOptimizationInsightCard/mockData.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanQueryOptimizationInsightCard/mockData.ts index f8aebaf7c..01395f469 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanQueryOptimizationInsightCard/mockData.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanQueryOptimizationInsightCard/mockData.ts @@ -1,9 +1,5 @@ -import { - InsightCategory, - InsightScope, - InsightType, - SpanQueryOptimizationInsight -} from "../../../../types"; +import type { SpanQueryOptimizationInsight } from "../../../../types"; +import { InsightCategory, InsightScope, InsightType } from "../../../../types"; export const mockedSpanQueryOptimizationInsight: SpanQueryOptimizationInsight = { diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanQueryOptimizationInsightCard/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanQueryOptimizationInsightCard/types.ts index e55af4271..a2f904829 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanQueryOptimizationInsightCard/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanQueryOptimizationInsightCard/types.ts @@ -1,9 +1,9 @@ -import { +import type { InsightType, SpanQueryOptimizationInsight, Trace } from "../../../../types"; -import { InsightCardCommonProps } from "../common/InsightCard/types"; +import type { InsightCardCommonProps } from "../common/InsightCard/types"; export interface SpanQueryOptimizationInsightCardProps extends InsightCardCommonProps { diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanScalingInsightCard/SpanScalingInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanScalingInsightCard/SpanScalingInsightCard.stories.tsx index 54ce55682..65034bcd8 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanScalingInsightCard/SpanScalingInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanScalingInsightCard/SpanScalingInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { SpanScalingInsightCard } from "."; import { mockedSpanScalingInsight, diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanScalingInsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanScalingInsightCard/index.tsx index b5b84a262..150c52f91 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanScalingInsightCard/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanScalingInsightCard/index.tsx @@ -7,13 +7,13 @@ import { Button } from "../../../../../common/v3/Button"; import { JiraButton } from "../../../../../common/v3/JiraButton"; import { Pagination } from "../../../../../common/v3/Pagination"; import { Tooltip } from "../../../../../common/v3/Tooltip"; -import { InsightType, RootCauseSpanInfo, Trace } from "../../../../types"; +import type { InsightType, RootCauseSpanInfo, Trace } from "../../../../types"; import { InsightCard } from "../common/InsightCard"; import { ColumnsContainer } from "../common/InsightCard/ColumnsContainer"; import { KeyValue } from "../common/InsightCard/KeyValue"; import { ContentContainer, Description } from "../styles"; import * as s from "./styles"; -import { SpanScalingInsightCardProps } from "./types"; +import type { SpanScalingInsightCardProps } from "./types"; const PAGE_SIZE = 3; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanScalingInsightCard/mockData.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanScalingInsightCard/mockData.ts index a09a5d29c..1e84d94d1 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanScalingInsightCard/mockData.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanScalingInsightCard/mockData.ts @@ -1,9 +1,5 @@ -import { - InsightCategory, - InsightScope, - InsightType, - SpanScalingInsight -} from "../../../../types"; +import type { SpanScalingInsight } from "../../../../types"; +import { InsightCategory, InsightScope, InsightType } from "../../../../types"; export const mockedSpanScalingInsight: SpanScalingInsight = { sourceSpanCodeObjectInsight: "sourceSpanCodeObjectInsightId", diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanScalingInsightCard/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanScalingInsightCard/types.ts index c84fc3c8c..3211785e7 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanScalingInsightCard/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanScalingInsightCard/types.ts @@ -1,5 +1,5 @@ -import { InsightType, SpanScalingInsight, Trace } from "../../../../types"; -import { InsightCardCommonProps } from "../common/InsightCard/types"; +import type { InsightType, SpanScalingInsight, Trace } from "../../../../types"; +import type { InsightCardCommonProps } from "../common/InsightCard/types"; export interface SpanScalingInsightCardProps extends InsightCardCommonProps { insight: SpanScalingInsight; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanUsagesInsightCard/SpanUsagesInsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanUsagesInsightCard/SpanUsagesInsightCard.stories.tsx index aa03566da..ea667b538 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanUsagesInsightCard/SpanUsagesInsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanUsagesInsightCard/SpanUsagesInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { SpanUsagesInsightCard } from "."; import { mockedSpanUsagesInsight } from "./mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanUsagesInsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanUsagesInsightCard/index.tsx index 7198e58e0..7543591df 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanUsagesInsightCard/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanUsagesInsightCard/index.tsx @@ -9,7 +9,7 @@ import { usePagination } from "../../../../../../hooks/usePagination"; import { usePrevious } from "../../../../../../hooks/usePrevious"; import { useConfigSelector } from "../../../../../../store/config/useConfigSelector"; import { isNumber } from "../../../../../../typeGuards/isNumber"; -import { InsightType } from "../../../../../../types"; +import type { InsightType } from "../../../../../../types"; import { roundTo } from "../../../../../../utils/roundTo"; import { TraceIcon } from "../../../../../common/icons/12px/TraceIcon"; import { ArrowToTopIcon } from "../../../../../common/icons/20px/ArrowToTopIcon"; @@ -20,10 +20,10 @@ import { NewButton } from "../../../../../common/v3/NewButton"; import { Pagination } from "../../../../../common/v3/Pagination"; import { Tag } from "../../../../../common/v3/Tag"; import { Tooltip } from "../../../../../common/v3/Tooltip"; -import { SpanUsagesInsight, Trace } from "../../../../types"; +import type { SpanUsagesInsight, Trace } from "../../../../types"; import { InsightCard } from "../common/InsightCard"; import * as s from "./styles"; -import { ColumnMeta, SpanUsagesInsightCardProps } from "./types"; +import type { ColumnMeta, SpanUsagesInsightCardProps } from "./types"; const PAGE_SIZE = 3; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanUsagesInsightCard/mockData.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanUsagesInsightCard/mockData.ts index 3b3929b74..3c15777d4 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanUsagesInsightCard/mockData.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanUsagesInsightCard/mockData.ts @@ -1,9 +1,5 @@ -import { - InsightCategory, - InsightScope, - InsightType, - SpanUsagesInsight -} from "../../../../types"; +import type { SpanUsagesInsight } from "../../../../types"; +import { InsightCategory, InsightScope, InsightType } from "../../../../types"; export const mockedSpanUsagesInsight: SpanUsagesInsight = { sourceSpanCodeObjectInsight: "sourceSpanCodeObjectInsightId", diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanUsagesInsightCard/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanUsagesInsightCard/types.ts index 70278c8b9..28c77cd62 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanUsagesInsightCard/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/SpanUsagesInsightCard/types.ts @@ -1,5 +1,5 @@ -import { InsightType, SpanUsagesInsight, Trace } from "../../../../types"; -import { InsightCardCommonProps } from "../common/InsightCard/types"; +import type { InsightType, SpanUsagesInsight, Trace } from "../../../../types"; +import type { InsightCardCommonProps } from "../common/InsightCard/types"; export interface SpanUsagesInsightCardProps extends InsightCardCommonProps { insight: SpanUsagesInsight; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/DurationChange/DurationChange.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/DurationChange/DurationChange.stories.tsx index cfeb6ba07..158b4ec3b 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/DurationChange/DurationChange.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/DurationChange/DurationChange.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/insightCards/common/DurationChange/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/DurationChange/index.tsx index 55c373a03..89e17e85d 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/DurationChange/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/DurationChange/index.tsx @@ -1,13 +1,13 @@ import { formatDuration, intervalToDuration } from "date-fns"; -import { Duration } from "../../../../../../../globals"; +import type { Duration } from "../../../../../../../globals"; import { formatTimeDistance } from "../../../../../../../utils/formatTimeDistance"; import { roundTo } from "../../../../../../../utils/roundTo"; import { ArrowIcon } from "../../../../../../common/icons/ArrowIcon"; import { Direction } from "../../../../../../common/icons/types"; import { Tag } from "../../../../../../common/v3/Tag"; -import { TagType } from "../../../../../../common/v3/Tag/types"; +import type { TagType } from "../../../../../../common/v3/Tag/types"; import * as s from "./styles"; -import { DurationChangeProps } from "./types"; +import type { DurationChangeProps } from "./types"; const DURATION_RATIO_MIN_LIMIT = 0.1; const DURATION_DIFF_MIN_LIMIT = 10 * 1000; // in nanoseconds diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/DurationChange/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/DurationChange/types.ts index 7a17edb68..d2f2ded50 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/DurationChange/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/DurationChange/types.ts @@ -1,4 +1,4 @@ -import { Duration } from "../../../../../../../globals"; +import type { Duration } from "../../../../../../../globals"; export interface DurationChangeProps { currentDuration: Duration; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ActionButton/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ActionButton/index.tsx index d5206c577..ddb5aeb4e 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ActionButton/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ActionButton/index.tsx @@ -2,7 +2,7 @@ import { isUndefined } from "../../../../../../../../typeGuards/isUndefined"; import { NewButton } from "../../../../../../../common/v3/NewButton"; import { NewIconButton } from "../../../../../../../common/v3/NewIconButton"; import { Tooltip } from "../../../../../../../common/v3/Tooltip"; -import { ActionButtonProps } from "./types"; +import type { ActionButtonProps } from "./types"; export const ActionButton = ({ type, diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ActionButton/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ActionButton/types.ts index fea0a4537..69703ee80 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ActionButton/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ActionButton/types.ts @@ -1,5 +1,5 @@ -import { ComponentType, ReactNode } from "react"; -import { IconProps } from "../../../../../../../common/icons/types"; +import type { ComponentType, ReactNode } from "react"; +import type { IconProps } from "../../../../../../../common/icons/types"; export type ActionButtonType = "icon" | "regular"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ColumnsContainer/ColumnsContainer.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ColumnsContainer/ColumnsContainer.stories.tsx index 57d7383ea..a75f03e06 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ColumnsContainer/ColumnsContainer.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ColumnsContainer/ColumnsContainer.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { ColumnsContainer } from "."; import { KeyValue } from "../KeyValue"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ColumnsContainer/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ColumnsContainer/index.tsx index 6f3352baa..c8a61a2a1 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ColumnsContainer/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ColumnsContainer/index.tsx @@ -1,5 +1,5 @@ import * as s from "./styles"; -import { ColumnsContainerProps } from "./types"; +import type { ColumnsContainerProps } from "./types"; export const ColumnsContainer = ({ children }: ColumnsContainerProps) => ( {children} diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ColumnsContainer/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ColumnsContainer/types.ts index 48fe092d4..6843da93e 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ColumnsContainer/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ColumnsContainer/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export interface ColumnsContainerProps { children: ReactNode; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/IconButton/IconButton.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/IconButton/IconButton.stories.tsx index 5abafa37c..fe59f8c56 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/IconButton/IconButton.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/IconButton/IconButton.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { IconButton } from "."; import { JiraLogoIcon } from "../../../../../../../common/icons/16px/JiraLogoIcon"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/IconButton/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/IconButton/index.tsx index 2b12f0498..403cefc6e 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/IconButton/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/IconButton/index.tsx @@ -1,6 +1,7 @@ -import { ForwardedRef, forwardRef } from "react"; +import type { ForwardedRef } from "react"; +import { forwardRef } from "react"; import * as s from "./styles"; -import { IconButtonProps } from "./types"; +import type { IconButtonProps } from "./types"; export const IconButtonComponent = ( { isDisabled, onClick, className, icon }: IconButtonProps, diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/IconButton/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/IconButton/types.ts index be5aadad5..76b152a01 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/IconButton/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/IconButton/types.ts @@ -1,5 +1,5 @@ -import { ComponentType } from "react"; -import { IconProps } from "../../../../../../../common/icons/types"; +import type { ComponentType } from "react"; +import type { IconProps } from "../../../../../../../common/icons/types"; export interface IconButtonProps { icon: { diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightCard.stories.tsx index 4e8937a11..a6ee07367 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightCard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { InsightCard } from "."; import { ConfigContext, diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/AsyncTag/AsyncTag.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/AsyncTag/AsyncTag.stories.tsx index bead0b053..a2d81c446 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/AsyncTag/AsyncTag.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/AsyncTag/AsyncTag.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/insightCards/common/InsightCard/InsightHeader/InsightHeader.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightHeader.stories.tsx index f7703621e..da74aaf72 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightHeader.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightHeader.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { InsightHeader } from "."; import { mockedEndpointSpanNPlusOneInsight } from "../../../EndpointSpanNPlusOneInsightInsightCard/mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightIcon/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightIcon/index.tsx index 21f525680..ce8f8cdb0 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightIcon/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightIcon/index.tsx @@ -1,9 +1,9 @@ -import { InsightTypeInfo } from "../../../../../../../../../utils/getInsightTypeInfo"; +import type { InsightTypeInfo } from "../../../../../../../../../utils/getInsightTypeInfo"; import { roundTo } from "../../../../../../../../../utils/roundTo"; import { Tag } from "../../../../../../../../common/v3/Tag"; -import { TagType } from "../../../../../../../../common/v3/Tag/types"; +import type { TagType } from "../../../../../../../../common/v3/Tag/types"; import * as s from "./styles"; -import { InsightIconProps } from "./types"; +import type { InsightIconProps } from "./types"; export const getTagType = (criticality: number): TagType => { if (criticality < 0.2) { diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightIcon/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightIcon/types.ts index f3672374b..a3c2290f3 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightIcon/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightIcon/types.ts @@ -1,4 +1,4 @@ -import { InsightTypeInfo } from "../../../../../../../../../utils/getInsightTypeInfo"; +import type { InsightTypeInfo } from "../../../../../../../../../utils/getInsightTypeInfo"; export interface InsightIconProps { insightTypeInfo: InsightTypeInfo; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/InsightStatusTooltipContent.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/InsightStatusTooltipContent.stories.tsx index 05ab9b9fb..48c499c98 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/InsightStatusTooltipContent.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/InsightStatusTooltipContent.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { InsightStatusTooltipContent } from "."; import { InsightStatus } from "../../../../../../../types"; import { mockedEndpointSpanNPlusOneInsight } from "../../../../EndpointSpanNPlusOneInsightInsightCard/mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/KeyValue/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/KeyValue/index.tsx index 9f117c24d..1a7e02ef7 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/KeyValue/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/KeyValue/index.tsx @@ -1,5 +1,5 @@ import * as s from "./styles"; -import { KeyValueProps } from "./types"; +import type { KeyValueProps } from "./types"; export const KeyValue = ({ label, children }: KeyValueProps) => ( diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/KeyValue/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/KeyValue/types.ts index 831db933d..0bc3ef7d0 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/KeyValue/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/KeyValue/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export interface KeyValueProps { label: string; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/TimestampKeyValue/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/TimestampKeyValue/index.tsx index d0ff6323f..c908159d3 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/TimestampKeyValue/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/TimestampKeyValue/index.tsx @@ -1,7 +1,7 @@ import { isString } from "../../../../../../../../../../typeGuards/isString"; import { formatTimeDistance } from "../../../../../../../../../../utils/formatTimeDistance"; import { KeyValue } from "../KeyValue"; -import { TimestampKeyValueProps } from "./types"; +import type { TimestampKeyValueProps } from "./types"; export const TimestampKeyValue = ({ label, diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/TimestampKeyValue/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/TimestampKeyValue/types.ts index 05bd7ae2e..b9958557b 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/TimestampKeyValue/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/TimestampKeyValue/types.ts @@ -1,3 +1,3 @@ -import { KeyValueProps } from "../KeyValue/types"; +import type { KeyValueProps } from "../KeyValue/types"; export type TimestampKeyValueProps = KeyValueProps; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/index.tsx index 594da13ef..6ebdca4b7 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/index.tsx @@ -2,7 +2,7 @@ import { InsightStatus } from "../../../../../../../types"; import { KeyValue } from "./KeyValue"; import { TimestampKeyValue } from "./TimestampKeyValue"; import * as s from "./styles"; -import { InsightStatusTooltipContentProps } from "./types"; +import type { InsightStatusTooltipContentProps } from "./types"; export const InsightStatusTooltipContent = ({ insight diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/types.ts index 3bdc7106b..67103fd2a 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/InsightStatusTooltipContent/types.ts @@ -1,4 +1,4 @@ -import { GenericCodeObjectInsight } from "../../../../../../../types"; +import type { GenericCodeObjectInsight } from "../../../../../../../types"; export interface InsightStatusTooltipContentProps { insight: GenericCodeObjectInsight; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/index.tsx index 183b8b788..2ff6faf4d 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/index.tsx @@ -6,16 +6,14 @@ import { Link } from "../../../../../../../common/v3/Link"; import { NewTag } from "../../../../../../../common/v3/NewTag"; import { Tooltip } from "../../../../../../../common/v3/Tooltip"; import { isEndpointInsight, isSpanInsight } from "../../../../../../typeGuards"; -import { - GenericCodeObjectInsight, - InsightStatus -} from "../../../../../../types"; +import type { GenericCodeObjectInsight } from "../../../../../../types"; +import { InsightStatus } from "../../../../../../types"; import { InsightStatusBadge } from "../../InsightStatusBadge"; import { AsyncTag } from "./AsyncTag"; import { InsightIcon } from "./InsightIcon"; import { InsightStatusTooltipContent } from "./InsightStatusTooltipContent"; import * as s from "./styles"; -import { InsightHeaderProps } from "./types"; +import type { InsightHeaderProps } from "./types"; const IS_NEW_TIME_LIMIT = 1000 * 60 * 10; // in milliseconds diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/types.ts index 54469f4c4..2bf62fab1 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightHeader/types.ts @@ -1,4 +1,4 @@ -import { GenericCodeObjectInsight } from "../../../../../../types"; +import type { GenericCodeObjectInsight } from "../../../../../../types"; export interface InsightHeaderProps { insight: GenericCodeObjectInsight; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightsInfo/InsightsInfo.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightsInfo/InsightsInfo.stories.tsx index 4eb9da4cf..d46cf6a4f 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightsInfo/InsightsInfo.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightsInfo/InsightsInfo.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/insightCards/common/InsightCard/InsightsInfo/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightsInfo/index.tsx index 47141060b..c7bec1190 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightsInfo/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightsInfo/index.tsx @@ -4,7 +4,7 @@ import { CrossIcon } from "../../../../../../../common/icons/12px/CrossIcon"; import { Tooltip } from "../../../../../../../common/v3/Tooltip"; import { trackingEvents } from "../../../../../../tracking"; import * as s from "./styles"; -import { InsightsInfoProps } from "./types"; +import type { InsightsInfoProps } from "./types"; export const InsightsInfo = ({ isOpen, diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightsInfo/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightsInfo/types.ts index 85ac2fd46..62a8bad9d 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightsInfo/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/InsightsInfo/types.ts @@ -1,4 +1,4 @@ -import { ReactElement } from "react"; +import type { ReactElement } from "react"; export interface InsightsInfoProps { isOpen?: boolean; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/KeyValue/KeyValue.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/KeyValue/KeyValue.stories.tsx index f511f6343..52fca8906 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/KeyValue/KeyValue.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/KeyValue/KeyValue.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/insightCards/common/InsightCard/KeyValue/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/KeyValue/index.tsx index d9680a742..c1a9b1f9f 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/KeyValue/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/KeyValue/index.tsx @@ -1,8 +1,9 @@ -import { ForwardedRef, forwardRef } from "react"; +import type { ForwardedRef } from "react"; +import { forwardRef } from "react"; import { Info } from "../../../../../../../common/v3/Info"; import { Tooltip } from "../../../../../../../common/v3/Tooltip"; import * as s from "./styles"; -import { KeyValueProps } from "./types"; +import type { KeyValueProps } from "./types"; const KeyValueComponent = ( { className, label, children, info, title = "" }: KeyValueProps, diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/KeyValue/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/KeyValue/types.ts index 45d633ae5..beec5df7a 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/KeyValue/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/KeyValue/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export interface KeyValueProps { label: ReactNode; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ListItem/ListItem.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ListItem/ListItem.stories.tsx index 5077dde9d..92b2ee58f 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ListItem/ListItem.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ListItem/ListItem.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { ListItem } from "."; import { Button } from "../../../../../../../common/Button"; import { JiraLogoIcon } from "../../../../../../../common/icons/12px/JiraLogoIcon"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ListItem/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ListItem/index.tsx index d46006cf3..ef3ef6fd6 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ListItem/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ListItem/index.tsx @@ -1,8 +1,9 @@ -import { ForwardedRef, MouseEvent, forwardRef } from "react"; +import type { ForwardedRef, MouseEvent } from "react"; +import { forwardRef } from "react"; import { Link } from "../../../../../../../common/v3/Link"; import { Tooltip } from "../../../../../../../common/v3/Tooltip"; import * as s from "./styles"; -import { ListItemProps } from "./types"; +import type { ListItemProps } from "./types"; const ListItemComponent = ( { name, onClick, className, endContent }: ListItemProps, diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ListItem/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ListItem/types.ts index ea50e77e4..59f1ac3a1 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ListItem/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ListItem/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export interface ListItemProps { onClick: () => void; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/PercentileViewModeToggle/PercentileViewModeToggle.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/PercentileViewModeToggle/PercentileViewModeToggle.stories.tsx index 9510fd878..70ef054b8 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/PercentileViewModeToggle/PercentileViewModeToggle.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/PercentileViewModeToggle/PercentileViewModeToggle.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/insightCards/common/InsightCard/PercentileViewModeToggle/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/PercentileViewModeToggle/index.tsx index 3d2c68d46..342878e65 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/PercentileViewModeToggle/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/PercentileViewModeToggle/index.tsx @@ -1,6 +1,6 @@ import { PERCENTILES } from "../../../../../../../../constants"; import { Toggle } from "../../../../../../../common/v3/Toggle"; -import { PercentileViewModeToggleProps } from "./types"; +import type { PercentileViewModeToggleProps } from "./types"; export const PercentileViewModeToggle = ({ viewMode, diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ProductionAffectionBar/ProductionAffectionBar.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ProductionAffectionBar/ProductionAffectionBar.stories.tsx index 4340b3aab..c323dfaee 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ProductionAffectionBar/ProductionAffectionBar.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ProductionAffectionBar/ProductionAffectionBar.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/insightCards/common/InsightCard/ProductionAffectionBar/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ProductionAffectionBar/index.tsx index 00b18283a..a335023a5 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ProductionAffectionBar/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ProductionAffectionBar/index.tsx @@ -1,7 +1,7 @@ import { SparkleIcon } from "../../../../../../../common/icons/16px/SparkleIcon"; import { Link } from "../../../../../../../common/v3/Link"; import * as s from "./styles"; -import { ProductionAffectionBarProps } from "./types"; +import type { ProductionAffectionBarProps } from "./types"; export const ProductionAffectionBar = ({ onCreateTicket, diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ProductionAffectionBar/styles.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ProductionAffectionBar/styles.ts index ac323d6a8..70bf2c7f3 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ProductionAffectionBar/styles.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ProductionAffectionBar/styles.ts @@ -1,6 +1,6 @@ import styled from "styled-components"; import { footnoteRegularTypography } from "../../../../../../../common/App/typographies"; -import { ContainerProps } from "./types"; +import type { ContainerProps } from "./types"; export const Container = styled.div` ${footnoteRegularTypography} diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/RecalculateBar/RecalculateBar.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/RecalculateBar/RecalculateBar.stories.tsx index 9b3d22c93..4d9365c4d 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/RecalculateBar/RecalculateBar.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/RecalculateBar/RecalculateBar.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/insightCards/common/InsightCard/Select/Select.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/Select/Select.stories.tsx index 0cc4f2c93..d7c060a10 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/Select/Select.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/Select/Select.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { Select } from "."; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/Select/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/Select/index.tsx index f2a6d340a..731c702a3 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/Select/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/Select/index.tsx @@ -1,4 +1,5 @@ -import { MouseEvent, useState } from "react"; +import type { MouseEvent } from "react"; +import { useState } from "react"; import { MenuList } from "../../../../../../../Navigation/common/MenuList"; import { Popup } from "../../../../../../../Navigation/common/Popup"; import { NewPopover } from "../../../../../../../common/NewPopover"; @@ -6,7 +7,7 @@ import { ChevronIcon } from "../../../../../../../common/icons/16px/ChevronIcon" import { Direction } from "../../../../../../../common/icons/types"; import { Tooltip } from "../../../../../../../common/v3/Tooltip"; import * as s from "./styles"; -import { SelectOption, SelectProps } from "./types"; +import type { SelectOption, SelectProps } from "./types"; export const Select = ({ options, diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/Select/styles.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/Select/styles.ts index 976a58ff9..413e6575d 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/Select/styles.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/Select/styles.ts @@ -1,6 +1,6 @@ import styled from "styled-components"; import { bodyRegularTypography } from "../../../../../../../common/App/typographies"; -import { SelectBarProps } from "./types"; +import type { SelectBarProps } from "./types"; export const ExpandButton = styled.button` border: none; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/Select/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/Select/types.ts index 21a5adc57..e06582d4f 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/Select/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/Select/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export interface SelectOption { label: string; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/hooks/useDismissal.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/hooks/useDismissal.ts index d9edc0fd9..2a7a90142 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/hooks/useDismissal.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/hooks/useDismissal.ts @@ -1,7 +1,7 @@ import { useAction } from "../../../../../../../../hooks/useAction"; import { actions } from "../../../../../../actions"; -import { DismissUndismissInsightPayload } from "../../../../../../types"; -import { DismissUndismissResponsePayload } from "../types"; +import type { DismissUndismissInsightPayload } from "../../../../../../types"; +import type { DismissUndismissResponsePayload } from "../types"; const mapId = (response: DismissUndismissResponsePayload) => response.insightId; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/hooks/useMarkingAsRead.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/hooks/useMarkingAsRead.ts index 24a1fe8de..cbb4ed8b1 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/hooks/useMarkingAsRead.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/hooks/useMarkingAsRead.ts @@ -1,7 +1,7 @@ import { useEffect, useState } from "react"; import { dispatcher } from "../../../../../../../../dispatcher"; import { actions } from "../../../../../../actions"; -import { MarkAsReadPayload, SetMarkAsReadResponsePayload } from "../types"; +import type { MarkAsReadPayload, SetMarkAsReadResponsePayload } from "../types"; export const useMarkingAsRead = (insightId: string) => { const [isMarkingAsReadInProgress, setIsMarkingAsReadInProgress] = diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/index.tsx index cd753410c..495a33fca 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/index.tsx @@ -21,7 +21,7 @@ import { isEndpointInsight, isSpanInsight } from "../../../../../typeGuards"; import { InsightStatus } from "../../../../../types"; import { IssueCompactCard } from "../IssueCompactCard"; import { ActionButton } from "./ActionButton"; -import { ActionButtonType } from "./ActionButton/types"; +import type { ActionButtonType } from "./ActionButton/types"; import { InsightHeader } from "./InsightHeader"; import { InsightsInfo } from "./InsightsInfo"; import { ProductionAffectionBar } from "./ProductionAffectionBar"; @@ -29,7 +29,7 @@ import { RecalculateBar } from "./RecalculateBar"; import { useDismissal } from "./hooks/useDismissal"; import { useMarkingAsRead } from "./hooks/useMarkingAsRead"; import * as s from "./styles"; -import { Action, InsightCardProps, RecalculateResponse } from "./types"; +import type { Action, InsightCardProps, RecalculateResponse } from "./types"; const HIGH_CRITICALITY_THRESHOLD = 0.8; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/styles.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/styles.ts index c02ed232a..de1587d6b 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/styles.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/styles.ts @@ -2,7 +2,7 @@ import styled, { css } from "styled-components"; import { subscriptRegularTypography } from "../../../../../../common/App/typographies"; import { Card } from "../../../../../../common/v3/Card"; import { NewIconButton } from "../../../../../../common/v3/NewIconButton"; -import { StyledCardProps } from "./types"; +import type { StyledCardProps } from "./types"; export const InsightFooter = styled.div` display: flex; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/types.ts index 993efd77b..0b918abbe 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/types.ts @@ -1,7 +1,10 @@ -import { ReactNode } from "react"; -import { ScopeSpan } from "../../../../../../common/App/types"; -import { CardProps } from "../../../../../../common/v3/Card/types"; -import { GenericCodeObjectInsight, InsightType } from "../../../../../types"; +import type { ReactNode } from "react"; +import type { ScopeSpan } from "../../../../../../common/App/types"; +import type { CardProps } from "../../../../../../common/v3/Card/types"; +import type { + GenericCodeObjectInsight, + InsightType +} from "../../../../../types"; export type InsightCardViewMode = "full" | "compact"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightStatusBadge/InsightStatusBadge.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightStatusBadge/InsightStatusBadge.stories.tsx index 1c245251c..dd1b00dd4 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightStatusBadge/InsightStatusBadge.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightStatusBadge/InsightStatusBadge.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { InsightStatusBadge } from "."; import { InsightStatus } from "../../../../../types"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightStatusBadge/getInsightStatusInfo.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightStatusBadge/getInsightStatusInfo.ts index ee5b7b0fb..cff7b75e0 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightStatusBadge/getInsightStatusInfo.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightStatusBadge/getInsightStatusInfo.ts @@ -1,4 +1,4 @@ -import { DefaultTheme } from "styled-components/dist/types"; +import type { DefaultTheme } from "styled-components/dist/types"; import { InsightStatus } from "../../../../../types"; interface InsightStatusInfo { diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightStatusBadge/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightStatusBadge/index.tsx index 0c57a0f02..b0197cb39 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightStatusBadge/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightStatusBadge/index.tsx @@ -1,8 +1,9 @@ -import { ForwardedRef, forwardRef } from "react"; +import type { ForwardedRef } from "react"; +import { forwardRef } from "react"; import { useTheme } from "styled-components"; import { getInsightStatusInfo } from "./getInsightStatusInfo"; import * as s from "./styles"; -import { InsightStatusBadgeProps } from "./types"; +import type { InsightStatusBadgeProps } from "./types"; export const InsightStatusBadgeComponent = ( { status, className, withLabel = true }: InsightStatusBadgeProps, diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightStatusBadge/styles.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightStatusBadge/styles.ts index a3435177c..b30518bcd 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightStatusBadge/styles.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightStatusBadge/styles.ts @@ -1,7 +1,7 @@ import styled, { css } from "styled-components"; import { footnoteRegularTypography } from "../../../../../../common/App/typographies"; import { getInsightStatusInfo } from "./getInsightStatusInfo"; -import { IndicatorProps } from "./types"; +import type { IndicatorProps } from "./types"; export const Container = styled.div` ${footnoteRegularTypography} diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightStatusBadge/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightStatusBadge/types.ts index 95ffeed70..a4ef956db 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightStatusBadge/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightStatusBadge/types.ts @@ -1,4 +1,4 @@ -import { InsightStatus } from "../../../../../types"; +import type { InsightStatus } from "../../../../../types"; export interface InsightStatusBadgeProps { status: InsightStatus; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard/IssueCompactCard.stories.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard/IssueCompactCard.stories.tsx index 07cb74350..675fcd978 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard/IssueCompactCard.stories.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard/IssueCompactCard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { IssueCompactCard } from "."; import { mockedEndpointSpanNPlusOneInsight } from "../../EndpointSpanNPlusOneInsightInsightCard/mockData"; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard/index.tsx b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard/index.tsx index bd1e3b77f..dbbaf677c 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard/index.tsx +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard/index.tsx @@ -16,15 +16,16 @@ import { NewIconButton } from "../../../../../../common/v3/NewIconButton"; import { Tag } from "../../../../../../common/v3/Tag"; import { Tooltip } from "../../../../../../common/v3/Tooltip"; import { MenuList } from "../../../../../../Navigation/common/MenuList"; -import { MenuItem } from "../../../../../../Navigation/common/MenuList/types"; +import type { MenuItem } from "../../../../../../Navigation/common/MenuList/types"; import { trackingEvents } from "../../../../../tracking"; import { isEndpointInsight, isSpanInsight } from "../../../../../typeGuards"; -import { GenericCodeObjectInsight, InsightStatus } from "../../../../../types"; +import type { GenericCodeObjectInsight } from "../../../../../types"; +import { InsightStatus } from "../../../../../types"; import { InsightIcon } from "../InsightCard/InsightHeader/InsightIcon"; import { InsightStatusTooltipContent } from "../InsightCard/InsightHeader/InsightStatusTooltipContent"; import { getInsightStatusInfo } from "../InsightStatusBadge/getInsightStatusInfo"; import * as s from "./styles"; -import { IssueCompactCardProps } from "./types"; +import type { IssueCompactCardProps } from "./types"; const renderInsightStatusTooltipContent = ( insight: GenericCodeObjectInsight diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard/styles.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard/styles.ts index bc59096a4..5be0e62a8 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard/styles.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard/styles.ts @@ -3,7 +3,7 @@ import { bodyBoldTypography } from "../../../../../../common/App/typographies"; import { CopyButton } from "../../../../../../common/v3/CopyButton"; import { Popup } from "../../../../../../Navigation/common/Popup"; import { InsightStatusBadge } from "../InsightStatusBadge"; -import { ContainerProps } from "./types"; +import type { ContainerProps } from "./types"; export const Container = styled.div` display: flex; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard/types.ts index 7d24ba239..27978f631 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/IssueCompactCard/types.ts @@ -1,5 +1,5 @@ -import { ReactNode } from "react"; -import { GenericCodeObjectInsight } from "../../../../../types"; +import type { ReactNode } from "react"; +import type { GenericCodeObjectInsight } from "../../../../../types"; export interface IssueCompactCardProps { insight: GenericCodeObjectInsight; diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/types.ts b/src/components/Insights/InsightsCatalog/InsightsPage/types.ts index 75e174abb..2c94709ae 100644 --- a/src/components/Insights/InsightsCatalog/InsightsPage/types.ts +++ b/src/components/Insights/InsightsCatalog/InsightsPage/types.ts @@ -1,4 +1,4 @@ -import { +import type { GenericCodeObjectInsight, InsightType, InsightViewType 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 9bcf827a9..0daccc3a9 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 { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/EarlyAccessPromotionCard/index.tsx b/src/components/Insights/InsightsCatalog/PromotionSection/PromotionCard/EarlyAccessPromotionCard/index.tsx index 256394b7a..828581023 100644 --- a/src/components/Insights/InsightsCatalog/PromotionSection/PromotionCard/EarlyAccessPromotionCard/index.tsx +++ b/src/components/Insights/InsightsCatalog/PromotionSection/PromotionCard/EarlyAccessPromotionCard/index.tsx @@ -1,7 +1,7 @@ import { PromoText, PromoTextBold } from "../../../styles"; import { Right } from "../styles"; import * as s from "./styles"; -import { EarlyAccessPromotionCardProps } from "./types"; +import type { EarlyAccessPromotionCardProps } from "./types"; export const EarlyAccessPromotionCard = ({ onAccept, diff --git a/src/components/Insights/InsightsCatalog/PromotionSection/PromotionCard/PromotionCard.stories.tsx b/src/components/Insights/InsightsCatalog/PromotionSection/PromotionCard/PromotionCard.stories.tsx index fe426718a..b60cfd738 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 { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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 5fd3424ab..962e17c33 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 { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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 0aabb1318..ba6d70793 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 { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/PromotionSection/PromotionCard/UdemyCoursePromotionCard/index.tsx b/src/components/Insights/InsightsCatalog/PromotionSection/PromotionCard/UdemyCoursePromotionCard/index.tsx index fee1aae9e..81d3bb64c 100644 --- a/src/components/Insights/InsightsCatalog/PromotionSection/PromotionCard/UdemyCoursePromotionCard/index.tsx +++ b/src/components/Insights/InsightsCatalog/PromotionSection/PromotionCard/UdemyCoursePromotionCard/index.tsx @@ -3,7 +3,7 @@ import { PromoText, PromoTextBold } from "../../../styles"; import { PromotionTag } from "../PromotionTag"; import { Centered, Description, Right } from "../styles"; import * as s from "./styles"; -import { UdemyCoursePromotionCardProps } from "./types"; +import type { UdemyCoursePromotionCardProps } from "./types"; const UdemyPromotionCollapsedBackground = () => ( <> diff --git a/src/components/Insights/InsightsCatalog/PromotionSection/PromotionCard/index.tsx b/src/components/Insights/InsightsCatalog/PromotionSection/PromotionCard/index.tsx index 1560a56c6..abcc463d4 100644 --- a/src/components/Insights/InsightsCatalog/PromotionSection/PromotionCard/index.tsx +++ b/src/components/Insights/InsightsCatalog/PromotionSection/PromotionCard/index.tsx @@ -1,10 +1,11 @@ -import { ForwardedRef, forwardRef, useState } from "react"; +import type { ForwardedRef } from "react"; +import { forwardRef, useState } from "react"; import { sendUserActionTrackingEvent } from "../../../../../utils/actions/sendUserActionTrackingEvent"; import { Link } from "../../../../common/Link"; import { CrossIcon } from "../../../../common/icons/CrossIcon"; import { trackingEvents } from "../../../tracking"; import * as s from "./styles"; -import { PromotionCardProps } from "./types"; +import type { PromotionCardProps } from "./types"; const PromotionCardComponent = ( { diff --git a/src/components/Insights/InsightsCatalog/PromotionSection/PromotionCard/types.ts b/src/components/Insights/InsightsCatalog/PromotionSection/PromotionCard/types.ts index 04708b103..7d6b250d4 100644 --- a/src/components/Insights/InsightsCatalog/PromotionSection/PromotionCard/types.ts +++ b/src/components/Insights/InsightsCatalog/PromotionSection/PromotionCard/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export interface ContainersProps { $expanded: boolean; diff --git a/src/components/Insights/InsightsCatalog/PromotionSection/Promotions/EarlyAccessPromotion/index.tsx b/src/components/Insights/InsightsCatalog/PromotionSection/Promotions/EarlyAccessPromotion/index.tsx index 61e7fb91e..801212dc5 100644 --- a/src/components/Insights/InsightsCatalog/PromotionSection/Promotions/EarlyAccessPromotion/index.tsx +++ b/src/components/Insights/InsightsCatalog/PromotionSection/Promotions/EarlyAccessPromotion/index.tsx @@ -7,7 +7,7 @@ import { EarlyAccessRegistrationCard } from "../../../../../Main/RegistrationCar import { MainOverlay } from "../../../../../Main/styles"; import { trackingEvents as mainTrackingEvents } from "../../../../../Main/tracking"; import { EarlyAccessPromotionCard } from "../../PromotionCard/EarlyAccessPromotionCard"; -import { PromotionProps } from "../types"; +import type { PromotionProps } from "../types"; export const EarlyAccessPromotion = ({ onDiscard, diff --git a/src/components/Insights/InsightsCatalog/PromotionSection/Promotions/UdemyPromotion/index.tsx b/src/components/Insights/InsightsCatalog/PromotionSection/Promotions/UdemyPromotion/index.tsx index d5cd8d7fc..326c1b802 100644 --- a/src/components/Insights/InsightsCatalog/PromotionSection/Promotions/UdemyPromotion/index.tsx +++ b/src/components/Insights/InsightsCatalog/PromotionSection/Promotions/UdemyPromotion/index.tsx @@ -7,7 +7,7 @@ import { UdemyRegistrationCard } from "../../../../../Main/RegistrationCard/Udem import { MainOverlay } from "../../../../../Main/styles"; import { trackingEvents as mainTrackingEvents } from "../../../../../Main/tracking"; import { UdemyCoursePromotionCard } from "../../PromotionCard/UdemyCoursePromotionCard"; -import { PromotionProps } from "../types"; +import type { PromotionProps } from "../types"; export const UdemyPromotion = ({ onDiscard, diff --git a/src/components/Insights/InsightsCatalog/PromotionSection/index.tsx b/src/components/Insights/InsightsCatalog/PromotionSection/index.tsx index 2efb9a3ed..81dbae011 100644 --- a/src/components/Insights/InsightsCatalog/PromotionSection/index.tsx +++ b/src/components/Insights/InsightsCatalog/PromotionSection/index.tsx @@ -3,13 +3,13 @@ import { actions as globalActions } from "../../../../actions"; import { dispatcher } from "../../../../dispatcher"; import { usePersistence } from "../../../../hooks/usePersistence"; import { PLUGIN_EVENTS } from "../../../../pluginEvents"; -import { SendPluginEventPayload } from "../../../../types"; +import type { SendPluginEventPayload } from "../../../../types"; import { sendUserActionTrackingEvent } from "../../../../utils/actions/sendUserActionTrackingEvent"; import { trackingEvents as mainTrackingEvents } from "../../../Main/tracking"; import { ToolbarRow } from "../styles"; import { EarlyAccessPromotion } from "./Promotions/EarlyAccessPromotion"; import { UdemyPromotion } from "./Promotions/UdemyPromotion"; -import { EarlyAccessPromotionDetails, PromotionType } from "./types"; +import type { EarlyAccessPromotionDetails, PromotionType } from "./types"; const EARLY_ACCESS_PROMOTION_PERSISTENCE_KEY = "EARLY_ACCESS_PROMOTION"; diff --git a/src/components/Insights/InsightsCatalog/index.tsx b/src/components/Insights/InsightsCatalog/index.tsx index a8011e62e..39be4fa71 100644 --- a/src/components/Insights/InsightsCatalog/index.tsx +++ b/src/components/Insights/InsightsCatalog/index.tsx @@ -14,7 +14,8 @@ import { formatUnit } from "../../../utils/formatUnit"; import { Pagination } from "../../common/Pagination"; import { SearchInput } from "../../common/SearchInput"; import { SortingSelector } from "../../common/SortingSelector"; -import { SORTING_ORDER, Sorting } from "../../common/SortingSelector/types"; +import type { Sorting } from "../../common/SortingSelector/types"; +import { SORTING_ORDER } from "../../common/SortingSelector/types"; import { ChevronIcon } from "../../common/icons/16px/ChevronIcon"; import { EyeIcon } from "../../common/icons/16px/EyeIcon"; import { RefreshIcon } from "../../common/icons/16px/RefreshIcon"; @@ -24,19 +25,15 @@ import { NewIconButton } from "../../common/v3/NewIconButton"; import { Tooltip } from "../../common/v3/Tooltip"; import { trackingEvents } from "../tracking"; import { EnvironmentSelector } from "./EnvironmentSelector"; -import { SelectorEnvironment } from "./EnvironmentSelector/types"; +import type { SelectorEnvironment } from "./EnvironmentSelector/types"; import { FilterButton } from "./FilterButton"; import { FilterPanel } from "./FilterPanel"; import { IssuesFilter } from "./FilterPanel/IssuesFilter"; import { InsightsPage } from "./InsightsPage"; import { PromotionSection } from "./PromotionSection"; import * as s from "./styles"; -import { - InsightFilterType, - InsightsCatalogProps, - SORTING_CRITERION, - ViewMode -} from "./types"; +import type { InsightFilterType, InsightsCatalogProps } from "./types"; +import { SORTING_CRITERION, ViewMode } from "./types"; import { useMarkingAllAsRead } from "./useMarkingAllAsRead"; const PAGE_SIZE = 10; diff --git a/src/components/Insights/InsightsCatalog/types.ts b/src/components/Insights/InsightsCatalog/types.ts index ddbae264e..2b00c1a76 100644 --- a/src/components/Insights/InsightsCatalog/types.ts +++ b/src/components/Insights/InsightsCatalog/types.ts @@ -1,4 +1,4 @@ -import { GenericCodeObjectInsight } from "../types"; +import type { GenericCodeObjectInsight } from "../types"; export interface InsightsCatalogProps { onJiraTicketCreate: ( diff --git a/src/components/Insights/InsightsCatalog/useMarkingAllAsRead.ts b/src/components/Insights/InsightsCatalog/useMarkingAllAsRead.ts index 2ef24085e..bc28a1f32 100644 --- a/src/components/Insights/InsightsCatalog/useMarkingAllAsRead.ts +++ b/src/components/Insights/InsightsCatalog/useMarkingAllAsRead.ts @@ -1,8 +1,8 @@ import { useEffect, useState } from "react"; import { dispatcher } from "../../../dispatcher"; -import { ScopeSpan } from "../../common/App/types"; +import type { ScopeSpan } from "../../common/App/types"; import { actions } from "../actions"; -import { MarkAllAsReadPayload } from "./InsightsPage/insightCards/common/InsightCard/types"; +import type { MarkAllAsReadPayload } from "./InsightsPage/insightCards/common/InsightCard/types"; export const useMarkingAllAsRead = (scope: ScopeSpan | null) => { const [isMarkingAllAsReadInProgress, setIsMarkingAllAsReadInProgress] = diff --git a/src/components/Insights/Issues/types.ts b/src/components/Insights/Issues/types.ts index b9fc9eeab..b92f08f25 100644 --- a/src/components/Insights/Issues/types.ts +++ b/src/components/Insights/Issues/types.ts @@ -1,5 +1,5 @@ -import { Sorting } from "../../common/SortingSelector/types"; -import { InsightFilterType } from "../InsightsCatalog/types"; +import type { Sorting } from "../../common/SortingSelector/types"; +import type { InsightFilterType } from "../InsightsCatalog/types"; export interface GetIssuesFiltersQuery { displayName: string | null; diff --git a/src/components/Insights/Issues/useIssuesFilters.ts b/src/components/Insights/Issues/useIssuesFilters.ts index aa7223f51..9ebbadc9b 100644 --- a/src/components/Insights/Issues/useIssuesFilters.ts +++ b/src/components/Insights/Issues/useIssuesFilters.ts @@ -1,15 +1,15 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react"; -import { DigmaMessageError } from "../../../api/types"; +import type { DigmaMessageError } from "../../../api/types"; import { dispatcher } from "../../../dispatcher"; import { usePrevious } from "../../../hooks/usePrevious"; import { useConfigSelector } from "../../../store/config/useConfigSelector"; import { useInsightsSelector } from "../../../store/insights/useInsightsSelector"; import { useStore } from "../../../store/useStore"; -import { GetIssuesFiltersPayload } from "../../../types"; -import { IssuesFiltersData } from "../InsightsCatalog/FilterPanel/IssuesFilter/types"; +import type { GetIssuesFiltersPayload } from "../../../types"; +import type { IssuesFiltersData } from "../InsightsCatalog/FilterPanel/IssuesFilter/types"; import { ViewMode } from "../InsightsCatalog/types"; import { actions as issuesActions } from "./actions"; -import { GetIssuesFiltersQuery } from "./types"; +import type { GetIssuesFiltersQuery } from "./types"; const REFRESH_INTERVAL = 10 * 1000; // in milliseconds diff --git a/src/components/Insights/deprecated/InsightList/InsightCard/InsightCard.stories.tsx b/src/components/Insights/deprecated/InsightList/InsightCard/InsightCard.stories.tsx index 9eeee086b..62df1c738 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 { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { InsightCard } from "."; import { Button } from "../../../../common/Button"; import { mockedErrorsInsight } from "../insightCards/ErrorsInsight/mockData"; diff --git a/src/components/Insights/deprecated/InsightList/InsightCard/index.tsx b/src/components/Insights/deprecated/InsightList/InsightCard/index.tsx index 0e9476cd6..f08248dc8 100644 --- a/src/components/Insights/deprecated/InsightList/InsightCard/index.tsx +++ b/src/components/Insights/deprecated/InsightList/InsightCard/index.tsx @@ -15,7 +15,7 @@ import { PopoverContent } from "../../../../common/Popover/PopoverContent"; import { PopoverTrigger } from "../../../../common/Popover/PopoverTrigger"; import { Tag } from "../../../../common/Tag"; import { Toggle } from "../../../../common/Toggle"; -import { ToggleValue } from "../../../../common/Toggle/types"; +import type { ToggleValue } from "../../../../common/Toggle/types"; import { Tooltip } from "../../../../common/Tooltip"; import { OpenTelemetryLogoIcon } from "../../../../common/icons/12px/OpenTelemetryLogoIcon"; import { ChevronIcon } from "../../../../common/icons/ChevronIcon"; @@ -23,7 +23,7 @@ import { InfoCircleIcon } from "../../../../common/icons/InfoCircleIcon"; import { Direction } from "../../../../common/icons/types"; import { Description, Link } from "../../../styles"; import * as s from "./styles"; -import { InsightCardProps } from "./types"; +import type { InsightCardProps } from "./types"; const RECALCULATE = "recalculate"; const DEFAULT_PERCENTILE = 0.5; diff --git a/src/components/Insights/deprecated/InsightList/InsightCard/styles.ts b/src/components/Insights/deprecated/InsightList/InsightCard/styles.ts index e1e7a7d05..24045e3ce 100644 --- a/src/components/Insights/deprecated/InsightList/InsightCard/styles.ts +++ b/src/components/Insights/deprecated/InsightList/InsightCard/styles.ts @@ -1,7 +1,7 @@ import styled from "styled-components"; import { getInsightImportanceColor } from "../../../../../utils/getInsightImportanceColor"; import { Link as CommonLink } from "../../../../common/Link"; -import { InsightIconContainerProps } from "./types"; +import type { InsightIconContainerProps } from "./types"; export const Link = styled.a` color: #7891d0; diff --git a/src/components/Insights/deprecated/InsightList/InsightCard/types.ts b/src/components/Insights/deprecated/InsightList/InsightCard/types.ts index f88566bfc..f53196324 100644 --- a/src/components/Insights/deprecated/InsightList/InsightCard/types.ts +++ b/src/components/Insights/deprecated/InsightList/InsightCard/types.ts @@ -1,6 +1,9 @@ -import { ReactNode } from "react"; -import { InsightType, SpanInfo } from "../../../../../types"; -import { GenericCodeObjectInsight, InsightImportance } from "../../../types"; +import type { ReactNode } from "react"; +import type { InsightType, SpanInfo } from "../../../../../types"; +import type { + GenericCodeObjectInsight, + InsightImportance +} from "../../../types"; export interface InsightCardProps { data: GenericCodeObjectInsight; diff --git a/src/components/Insights/deprecated/InsightList/NoObservabilityCard/index.tsx b/src/components/Insights/deprecated/InsightList/NoObservabilityCard/index.tsx index 9484a8047..366edf6b6 100644 --- a/src/components/Insights/deprecated/InsightList/NoObservabilityCard/index.tsx +++ b/src/components/Insights/deprecated/InsightList/NoObservabilityCard/index.tsx @@ -3,7 +3,7 @@ import { Card } from "../../../../common/Card"; import { OpenTelemetryLogoCrossedSmallIcon } from "../../../../common/icons/OpenTelemetryLogoCrossedSmallIcon"; import { Description, Link } from "../../../styles"; import * as s from "./styles"; -import { NoObservabilityCardProps } from "./types"; +import type { NoObservabilityCardProps } from "./types"; /** * @deprecated diff --git a/src/components/Insights/deprecated/InsightList/index.tsx b/src/components/Insights/deprecated/InsightList/index.tsx index 77e3bb0d0..c7ac897cf 100644 --- a/src/components/Insights/deprecated/InsightList/index.tsx +++ b/src/components/Insights/deprecated/InsightList/index.tsx @@ -22,7 +22,7 @@ import { isSpanScalingInsufficientDataInsight, isSpanScalingWellInsight } from "../../typeGuards"; -import { +import type { GenericCodeObjectInsight, GenericEndpointInsight, GenericSpanInsight, @@ -36,7 +36,7 @@ import { NoScalingIssueInsight } from "./insightCards/NoScalingIssueInsight"; import { PerformanceAtScaleInsight } from "./insightCards/PerformanceAtScaleInsight"; import * as s from "./styles"; -import { +import type { InsightListProps, RecalculatePayload, isInsightJiraTicketHintShownPayload 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 dd3a7d8e2..8681925cd 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 { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { ErrorsInsight } from "."; import { InsightType } from "../../../../../../types"; import { InsightCategory, InsightScope } from "../../../../types"; diff --git a/src/components/Insights/deprecated/InsightList/insightCards/ErrorsInsight/index.tsx b/src/components/Insights/deprecated/InsightList/insightCards/ErrorsInsight/index.tsx index 81649f7a0..31c9bd785 100644 --- a/src/components/Insights/deprecated/InsightList/insightCards/ErrorsInsight/index.tsx +++ b/src/components/Insights/deprecated/InsightList/insightCards/ErrorsInsight/index.tsx @@ -3,7 +3,7 @@ import { Button } from "../../../../../common/Button"; import { Description, Link } from "../../../../styles"; import { InsightCard } from "../../InsightCard"; import * as s from "./styles"; -import { ErrorsInsightProps } from "./types"; +import type { ErrorsInsightProps } from "./types"; /** * @deprecated diff --git a/src/components/Insights/deprecated/InsightList/insightCards/ErrorsInsight/mockData.ts b/src/components/Insights/deprecated/InsightList/insightCards/ErrorsInsight/mockData.ts index cb44934b0..accb03bc8 100644 --- a/src/components/Insights/deprecated/InsightList/insightCards/ErrorsInsight/mockData.ts +++ b/src/components/Insights/deprecated/InsightList/insightCards/ErrorsInsight/mockData.ts @@ -1,9 +1,5 @@ -import { - CodeObjectErrorsInsight, - InsightCategory, - InsightScope, - InsightType -} from "../../../../types"; +import type { CodeObjectErrorsInsight } from "../../../../types"; +import { InsightCategory, InsightScope, InsightType } from "../../../../types"; export const mockedErrorsInsight: CodeObjectErrorsInsight = { sourceSpanCodeObjectInsight: "sourceSpanCodeObjectInsightId", diff --git a/src/components/Insights/deprecated/InsightList/insightCards/ErrorsInsight/types.ts b/src/components/Insights/deprecated/InsightList/insightCards/ErrorsInsight/types.ts index 85a070280..c81172113 100644 --- a/src/components/Insights/deprecated/InsightList/insightCards/ErrorsInsight/types.ts +++ b/src/components/Insights/deprecated/InsightList/insightCards/ErrorsInsight/types.ts @@ -1,6 +1,6 @@ -import { InsightType } from "../../../../../../types"; -import { InsightCardCommonProps } from "../../../../InsightsCatalog/InsightsPage/insightCards/common/InsightCard/types"; -import { CodeObjectErrorsInsight } from "../../../../types"; +import type { InsightType } from "../../../../../../types"; +import type { InsightCardCommonProps } from "../../../../InsightsCatalog/InsightsPage/insightCards/common/InsightCard/types"; +import type { CodeObjectErrorsInsight } from "../../../../types"; export interface ErrorsInsightProps extends InsightCardCommonProps { insight: CodeObjectErrorsInsight; 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 79361ab12..8f8994dab 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 { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { NoScalingIssueInsight } from "."; import { InsightType } from "../../../../../../types"; import { InsightCategory, InsightScope } from "../../../../types"; diff --git a/src/components/Insights/deprecated/InsightList/insightCards/NoScalingIssueInsight/index.tsx b/src/components/Insights/deprecated/InsightList/insightCards/NoScalingIssueInsight/index.tsx index a834492fe..029fa57cc 100644 --- a/src/components/Insights/deprecated/InsightList/insightCards/NoScalingIssueInsight/index.tsx +++ b/src/components/Insights/deprecated/InsightList/insightCards/NoScalingIssueInsight/index.tsx @@ -1,7 +1,7 @@ import { Button } from "../../../../../common/Button"; import { ChartIcon } from "../../../../../common/icons/ChartIcon"; import { InsightCard } from "../../InsightCard"; -import { NoScalingIssueInsightProps } from "./types"; +import type { NoScalingIssueInsightProps } from "./types"; /** * @deprecated diff --git a/src/components/Insights/deprecated/InsightList/insightCards/NoScalingIssueInsight/types.ts b/src/components/Insights/deprecated/InsightList/insightCards/NoScalingIssueInsight/types.ts index c0ee79510..e7ff45c39 100644 --- a/src/components/Insights/deprecated/InsightList/insightCards/NoScalingIssueInsight/types.ts +++ b/src/components/Insights/deprecated/InsightList/insightCards/NoScalingIssueInsight/types.ts @@ -1,6 +1,6 @@ -import { InsightType } from "../../../../../../types"; -import { InsightCardCommonProps } from "../../../../InsightsCatalog/InsightsPage/insightCards/common/InsightCard/types"; -import { SpanScalingWellInsight } from "../../../../types"; +import type { InsightType } from "../../../../../../types"; +import type { InsightCardCommonProps } from "../../../../InsightsCatalog/InsightsPage/insightCards/common/InsightCard/types"; +import type { SpanScalingWellInsight } from "../../../../types"; export interface NoScalingIssueInsightProps extends InsightCardCommonProps { insight: SpanScalingWellInsight; 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 f98bdd284..0c41da926 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 { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { PerformanceAtScaleInsight } from "."; import { InsightType } from "../../../../../../types"; import { InsightCategory, InsightScope } from "../../../../types"; diff --git a/src/components/Insights/deprecated/InsightList/insightCards/PerformanceAtScaleInsight/index.tsx b/src/components/Insights/deprecated/InsightList/insightCards/PerformanceAtScaleInsight/index.tsx index 6b7d5774c..8b601f198 100644 --- a/src/components/Insights/deprecated/InsightList/insightCards/PerformanceAtScaleInsight/index.tsx +++ b/src/components/Insights/deprecated/InsightList/insightCards/PerformanceAtScaleInsight/index.tsx @@ -1,7 +1,7 @@ import { Button } from "../../../../../common/Button"; import { ChartIcon } from "../../../../../common/icons/ChartIcon"; import { InsightCard } from "../../InsightCard"; -import { PerformanceAtScaleInsightProps } from "./types"; +import type { PerformanceAtScaleInsightProps } from "./types"; import { createColumnHelper, @@ -9,9 +9,9 @@ import { getCoreRowModel, useReactTable } from "@tanstack/react-table"; -import { Duration } from "../../../../../../globals"; +import type { Duration } from "../../../../../../globals"; import { formatUnit } from "../../../../../../utils/formatUnit"; -import { Concurrency } from "../../../../types"; +import type { Concurrency } from "../../../../types"; import * as s from "./styles"; const MIN_CONCURRENCY_STATES_TO_EVALUATE_SCALE = 4; diff --git a/src/components/Insights/deprecated/InsightList/insightCards/PerformanceAtScaleInsight/types.ts b/src/components/Insights/deprecated/InsightList/insightCards/PerformanceAtScaleInsight/types.ts index aa565ee2a..6b8f6955c 100644 --- a/src/components/Insights/deprecated/InsightList/insightCards/PerformanceAtScaleInsight/types.ts +++ b/src/components/Insights/deprecated/InsightList/insightCards/PerformanceAtScaleInsight/types.ts @@ -1,6 +1,6 @@ -import { InsightType } from "../../../../../../types"; -import { InsightCardCommonProps } from "../../../../InsightsCatalog/InsightsPage/insightCards/common/InsightCard/types"; -import { SpanScalingInsufficientDataInsight } from "../../../../types"; +import type { InsightType } from "../../../../../../types"; +import type { InsightCardCommonProps } from "../../../../InsightsCatalog/InsightsPage/insightCards/common/InsightCard/types"; +import type { SpanScalingInsufficientDataInsight } from "../../../../types"; export interface PerformanceAtScaleInsightProps extends InsightCardCommonProps { insight: SpanScalingInsufficientDataInsight; diff --git a/src/components/Insights/deprecated/InsightList/mockData.ts b/src/components/Insights/deprecated/InsightList/mockData.ts index 6661ee7c0..2dc7922f7 100644 --- a/src/components/Insights/deprecated/InsightList/mockData.ts +++ b/src/components/Insights/deprecated/InsightList/mockData.ts @@ -1,9 +1,5 @@ -import { - CodeObjectHotSpotInsight, - InsightCategory, - InsightScope, - InsightType -} from "../../types"; +import type { CodeObjectHotSpotInsight } from "../../types"; +import { InsightCategory, InsightScope, InsightType } from "../../types"; export const mockedHotSpotInsight: CodeObjectHotSpotInsight = { sourceSpanCodeObjectInsight: "sourceSpanCodeObjectInsightId", diff --git a/src/components/Insights/deprecated/InsightList/types.ts b/src/components/Insights/deprecated/InsightList/types.ts index 6d94db0e3..e2b771309 100644 --- a/src/components/Insights/deprecated/InsightList/types.ts +++ b/src/components/Insights/deprecated/InsightList/types.ts @@ -1,4 +1,4 @@ -import { GenericCodeObjectInsight, MethodSpan } from "../../types"; +import type { GenericCodeObjectInsight, MethodSpan } from "../../types"; export interface InsightListProps { insights: GenericCodeObjectInsight[]; diff --git a/src/components/Insights/deprecated/Preview/index.tsx b/src/components/Insights/deprecated/Preview/index.tsx index 7e064fdb0..610cf4a75 100644 --- a/src/components/Insights/deprecated/Preview/index.tsx +++ b/src/components/Insights/deprecated/Preview/index.tsx @@ -1,8 +1,8 @@ import { WarningCircleIcon } from "../../../common/icons/WarningCircleIcon"; import { Link } from "../../styles"; -import { Method } from "../../types"; +import type { Method } from "../../types"; import * as s from "./styles"; -import { PreviewProps } from "./types"; +import type { PreviewProps } from "./types"; /** * @deprecated diff --git a/src/components/Insights/deprecated/Preview/types.ts b/src/components/Insights/deprecated/Preview/types.ts index 6207d25bd..3d8a4a6d0 100644 --- a/src/components/Insights/deprecated/Preview/types.ts +++ b/src/components/Insights/deprecated/Preview/types.ts @@ -1,4 +1,4 @@ -import { Method } from "../../types"; +import type { Method } from "../../types"; export interface PreviewProps { methods: Method[]; diff --git a/src/components/Insights/index.tsx b/src/components/Insights/index.tsx index 781d90353..7c6ae5c15 100644 --- a/src/components/Insights/index.tsx +++ b/src/components/Insights/index.tsx @@ -1,4 +1,5 @@ -import { KeyboardEvent, useCallback, useEffect, useState } from "react"; +import type { KeyboardEvent } from "react"; +import { useCallback, useEffect, useState } from "react"; import { actions as globalActions } from "../../actions"; import { SLACK_WORKSPACE_URL } from "../../constants"; import { usePersistence } from "../../hooks/usePersistence"; @@ -14,7 +15,7 @@ import { areBackendInfosEqual } from "../../utils/areBackendInfosEqual"; import { CircleLoader } from "../common/CircleLoader"; import { EmptyState } from "../common/EmptyState"; import { RegistrationDialog } from "../common/RegistrationDialog"; -import { RegistrationFormValues } from "../common/RegistrationDialog/types"; +import type { RegistrationFormValues } from "../common/RegistrationDialog/types"; import { CardsIcon } from "../common/icons/CardsIcon"; import { DocumentWithMagnifierIcon } from "../common/icons/DocumentWithMagnifierIcon"; import { LightBulbSmallCrossedIcon } from "../common/icons/LightBulbSmallCrossedIcon"; @@ -22,7 +23,7 @@ import { LightBulbSmallIcon } from "../common/icons/LightBulbSmallIcon"; import { OpenTelemetryLogoCrossedSmallIcon } from "../common/icons/OpenTelemetryLogoCrossedSmallIcon"; import { SlackLogoIcon } from "../common/icons/SlackLogoIcon"; import { InsightsCatalog } from "./InsightsCatalog"; -import { IssuesFilterQuery } from "./InsightsCatalog/FilterPanel/IssuesFilter/types"; +import type { IssuesFilterQuery } from "./InsightsCatalog/FilterPanel/IssuesFilter/types"; import { EndpointBottleneckInsightTicket } from "./insightTickets/EndpointBottleneckInsightTicket"; import { EndpointHighNumberOfQueriesInsightTicket } from "./insightTickets/EndpointHighNumberOfQueriesInsightTicket"; import { EndpointQueryOptimizationV2InsightTicket } from "./insightTickets/EndpointQueryOptimizationV2InsightTicket"; @@ -43,7 +44,7 @@ import { isSpanQueryOptimizationInsight, isSpanScalingBadlyInsight } from "./typeGuards"; -import { +import type { EndpointBottleneckInsight, EndpointHighNumberOfQueriesInsight, EndpointQueryOptimizationV2Insight, @@ -52,12 +53,12 @@ import { InsightTicketInfo, InsightsData, InsightsProps, - InsightsStatus, SpaNPlusOneInsight, SpanEndpointBottleneckInsight, SpanQueryOptimizationInsight, SpanScalingInsight } from "./types"; +import { InsightsStatus } from "./types"; import { useInsightsData } from "./useInsightsData"; const renderInsightTicket = ( diff --git a/src/components/Insights/insightTickets/EndpointBottleneckInsightTicket/EndpointBottleneckInsightTicket.stories.tsx b/src/components/Insights/insightTickets/EndpointBottleneckInsightTicket/EndpointBottleneckInsightTicket.stories.tsx index 499f80cd9..a35a1ecb3 100644 --- a/src/components/Insights/insightTickets/EndpointBottleneckInsightTicket/EndpointBottleneckInsightTicket.stories.tsx +++ b/src/components/Insights/insightTickets/EndpointBottleneckInsightTicket/EndpointBottleneckInsightTicket.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { EndpointBottleneckInsightTicket } from "."; import { mockedEndpointBottleneckInsight } from "../../InsightsCatalog/InsightsPage/insightCards/EndpointBottleneckInsightCard/mockData"; diff --git a/src/components/Insights/insightTickets/EndpointBottleneckInsightTicket/index.tsx b/src/components/Insights/insightTickets/EndpointBottleneckInsightTicket/index.tsx index 2025155ac..46584a636 100644 --- a/src/components/Insights/insightTickets/EndpointBottleneckInsightTicket/index.tsx +++ b/src/components/Insights/insightTickets/EndpointBottleneckInsightTicket/index.tsx @@ -1,9 +1,9 @@ -import { ReactElement } from "react"; +import type { ReactElement } from "react"; import { InsightType } from "../../../../types"; import { getCriticalityLabel } from "../../../../utils/getCriticalityLabel"; import { intersperse } from "../../../../utils/intersperse"; import { DigmaSignature } from "../../../common/DigmaSignature"; -import { +import type { EndpointBottleneckInsight, SpanEndpointBottleneckInsight } from "../../types"; @@ -12,7 +12,7 @@ import { CodeLocations } from "../common/CodeLocations"; import { CommitInfos } from "../common/CommitInfos"; import { InsightJiraTicket } from "../common/InsightJiraTicket"; import { useEndpointDataSource } from "../common/useEndpointDataSource"; -import { InsightTicketProps } from "../types"; +import type { InsightTicketProps } from "../types"; export const EndpointBottleneckInsightTicket = ({ data, diff --git a/src/components/Insights/insightTickets/EndpointHighNumberOfQueriesInsightTicket/EndpointHighNumberOfQueriesInsightTicket.stories.tsx b/src/components/Insights/insightTickets/EndpointHighNumberOfQueriesInsightTicket/EndpointHighNumberOfQueriesInsightTicket.stories.tsx index 94b94c664..a3c1017c1 100644 --- a/src/components/Insights/insightTickets/EndpointHighNumberOfQueriesInsightTicket/EndpointHighNumberOfQueriesInsightTicket.stories.tsx +++ b/src/components/Insights/insightTickets/EndpointHighNumberOfQueriesInsightTicket/EndpointHighNumberOfQueriesInsightTicket.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { EndpointHighNumberOfQueriesInsightTicket } from "."; import { mockedEndpointHighNumberOfQueriesInsight } from "../../InsightsCatalog/InsightsPage/insightCards/EndpointHighNumberOfQueriesInsightCard/mockData"; diff --git a/src/components/Insights/insightTickets/EndpointHighNumberOfQueriesInsightTicket/index.tsx b/src/components/Insights/insightTickets/EndpointHighNumberOfQueriesInsightTicket/index.tsx index 9b77e6165..8d8fc7203 100644 --- a/src/components/Insights/insightTickets/EndpointHighNumberOfQueriesInsightTicket/index.tsx +++ b/src/components/Insights/insightTickets/EndpointHighNumberOfQueriesInsightTicket/index.tsx @@ -1,11 +1,11 @@ -import { ReactElement } from "react"; +import type { ReactElement } from "react"; import { intersperse } from "../../../../utils/intersperse"; import { DigmaSignature } from "../../../common/DigmaSignature"; -import { EndpointHighNumberOfQueriesInsight } from "../../types"; +import type { EndpointHighNumberOfQueriesInsight } from "../../types"; import { useCommitInfos } from "../common"; import { CommitInfos } from "../common/CommitInfos"; import { InsightJiraTicket } from "../common/InsightJiraTicket"; -import { InsightTicketProps } from "../types"; +import type { InsightTicketProps } from "../types"; export const EndpointHighNumberOfQueriesInsightTicket = ({ data, diff --git a/src/components/Insights/insightTickets/EndpointQueryOptimizationV2InsightTicket/EndpointQueryOptimizationV2InsightTicket.stories.tsx b/src/components/Insights/insightTickets/EndpointQueryOptimizationV2InsightTicket/EndpointQueryOptimizationV2InsightTicket.stories.tsx index fc47a93b6..16da36d68 100644 --- a/src/components/Insights/insightTickets/EndpointQueryOptimizationV2InsightTicket/EndpointQueryOptimizationV2InsightTicket.stories.tsx +++ b/src/components/Insights/insightTickets/EndpointQueryOptimizationV2InsightTicket/EndpointQueryOptimizationV2InsightTicket.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { EndpointQueryOptimizationV2InsightTicket } from "."; import { mockedEndpointQueryOptimizationV2Insight } from "../../InsightsCatalog/InsightsPage/insightCards/EndpointQueryOptimizationV2InsightCard/mockData"; diff --git a/src/components/Insights/insightTickets/EndpointQueryOptimizationV2InsightTicket/index.tsx b/src/components/Insights/insightTickets/EndpointQueryOptimizationV2InsightTicket/index.tsx index d175a3ebd..77b6600ce 100644 --- a/src/components/Insights/insightTickets/EndpointQueryOptimizationV2InsightTicket/index.tsx +++ b/src/components/Insights/insightTickets/EndpointQueryOptimizationV2InsightTicket/index.tsx @@ -1,12 +1,12 @@ -import { ReactElement } from "react"; +import type { ReactElement } from "react"; import { useConfigSelector } from "../../../../store/config/useConfigSelector"; import { InsightType } from "../../../../types"; import { getCriticalityLabel } from "../../../../utils/getCriticalityLabel"; import { getDurationString } from "../../../../utils/getDurationString"; import { intersperse } from "../../../../utils/intersperse"; import { DigmaSignature } from "../../../common/DigmaSignature"; -import { Attachment } from "../../../common/JiraTicket/types"; -import { +import type { Attachment } from "../../../common/JiraTicket/types"; +import type { EndpointQueryOptimizationV2Insight, SpanQueryOptimizationInsight } from "../../types"; @@ -16,7 +16,7 @@ import { CommitInfos } from "../common/CommitInfos"; import { InsightJiraTicket } from "../common/InsightJiraTicket"; import { QueryOptimizationEndpoints } from "../common/QueryOptimizationEndpoints"; import { getTraceAttachment } from "../common/SpanScaling"; -import { InsightTicketProps } from "../types"; +import type { InsightTicketProps } from "../types"; export const EndpointQueryOptimizationV2InsightTicket = ({ data, diff --git a/src/components/Insights/insightTickets/EndpointSpanNPlusOneInsightTicket/EndpointSpanNPlusOneInsightTicket.stories.tsx b/src/components/Insights/insightTickets/EndpointSpanNPlusOneInsightTicket/EndpointSpanNPlusOneInsightTicket.stories.tsx index e35a6bb82..59b2f7ca7 100644 --- a/src/components/Insights/insightTickets/EndpointSpanNPlusOneInsightTicket/EndpointSpanNPlusOneInsightTicket.stories.tsx +++ b/src/components/Insights/insightTickets/EndpointSpanNPlusOneInsightTicket/EndpointSpanNPlusOneInsightTicket.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { EndpointSpanNPlusOneInsightTicket } from "."; import { mockedEndpointSpanNPlusOneInsight } from "../../InsightsCatalog/InsightsPage/insightCards/EndpointSpanNPlusOneInsightInsightCard/mockData"; diff --git a/src/components/Insights/insightTickets/EndpointSpanNPlusOneInsightTicket/index.tsx b/src/components/Insights/insightTickets/EndpointSpanNPlusOneInsightTicket/index.tsx index e26d46624..82b04d35b 100644 --- a/src/components/Insights/insightTickets/EndpointSpanNPlusOneInsightTicket/index.tsx +++ b/src/components/Insights/insightTickets/EndpointSpanNPlusOneInsightTicket/index.tsx @@ -1,18 +1,21 @@ -import { ReactElement } from "react"; +import type { ReactElement } from "react"; import { useConfigSelector } from "../../../../store/config/useConfigSelector"; import { InsightType } from "../../../../types"; import { getCriticalityLabel } from "../../../../utils/getCriticalityLabel"; import { intersperse } from "../../../../utils/intersperse"; import { DigmaSignature } from "../../../common/DigmaSignature"; -import { Attachment } from "../../../common/JiraTicket/types"; -import { EndpointSpanNPlusOneInsight, SpaNPlusOneInsight } from "../../types"; +import type { Attachment } from "../../../common/JiraTicket/types"; +import type { + EndpointSpanNPlusOneInsight, + SpaNPlusOneInsight +} from "../../types"; import { useEndpointDataSource } from "../common"; import { CodeLocations } from "../common/CodeLocations"; import { CommitInfos } from "../common/CommitInfos"; import { InsightJiraTicket } from "../common/InsightJiraTicket"; import { NPlusOneEndpoints } from "../common/NPlusOneEndpoints"; import { getTraceAttachment } from "../common/SpanScaling"; -import { InsightTicketProps } from "../types"; +import type { InsightTicketProps } from "../types"; export const EndpointSpanNPlusOneInsightTicket = ({ data, diff --git a/src/components/Insights/insightTickets/SpaNPlusOneInsightTicket/SpaNPlusOneInsightTicket.stories.tsx b/src/components/Insights/insightTickets/SpaNPlusOneInsightTicket/SpaNPlusOneInsightTicket.stories.tsx index f4fd38e5f..bf2dc2134 100644 --- a/src/components/Insights/insightTickets/SpaNPlusOneInsightTicket/SpaNPlusOneInsightTicket.stories.tsx +++ b/src/components/Insights/insightTickets/SpaNPlusOneInsightTicket/SpaNPlusOneInsightTicket.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { SpaNPlusOneInsightTicket } from "."; import { mockedSpaNPlusOneInsight } from "../../InsightsCatalog/InsightsPage/insightCards/SpaNPlusOneInsightCard/mockData"; diff --git a/src/components/Insights/insightTickets/SpaNPlusOneInsightTicket/index.tsx b/src/components/Insights/insightTickets/SpaNPlusOneInsightTicket/index.tsx index 2e77e4904..8ff2ea772 100644 --- a/src/components/Insights/insightTickets/SpaNPlusOneInsightTicket/index.tsx +++ b/src/components/Insights/insightTickets/SpaNPlusOneInsightTicket/index.tsx @@ -1,17 +1,17 @@ -import { ReactElement } from "react"; +import type { ReactElement } from "react"; import { useConfigSelector } from "../../../../store/config/useConfigSelector"; import { getCriticalityLabel } from "../../../../utils/getCriticalityLabel"; import { intersperse } from "../../../../utils/intersperse"; import { DigmaSignature } from "../../../common/DigmaSignature"; -import { Attachment } from "../../../common/JiraTicket/types"; -import { SpaNPlusOneInsight } from "../../types"; +import type { Attachment } from "../../../common/JiraTicket/types"; +import type { SpaNPlusOneInsight } from "../../types"; import { useSpanDataSource } from "../common"; import { CodeLocations } from "../common/CodeLocations"; import { CommitInfos } from "../common/CommitInfos"; import { InsightJiraTicket } from "../common/InsightJiraTicket"; import { NPlusOneEndpoints } from "../common/NPlusOneEndpoints"; import { getTraceAttachment } from "../common/SpanScaling"; -import { InsightTicketProps } from "../types"; +import type { InsightTicketProps } from "../types"; export const SpaNPlusOneInsightTicket = ({ data, diff --git a/src/components/Insights/insightTickets/SpanEndpointBottleneckInsightTicket/SpanEndpointBottleneckInsightTicket.stories.tsx b/src/components/Insights/insightTickets/SpanEndpointBottleneckInsightTicket/SpanEndpointBottleneckInsightTicket.stories.tsx index 7c1125756..1f4ff13ff 100644 --- a/src/components/Insights/insightTickets/SpanEndpointBottleneckInsightTicket/SpanEndpointBottleneckInsightTicket.stories.tsx +++ b/src/components/Insights/insightTickets/SpanEndpointBottleneckInsightTicket/SpanEndpointBottleneckInsightTicket.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { SpanEndpointBottleneckInsightTicket } from "."; import { mockedSpanEndpointBottleneckInsight } from "../../InsightsCatalog/InsightsPage/insightCards/SpanEndpointBottleneckInsightCard/mockData"; diff --git a/src/components/Insights/insightTickets/SpanEndpointBottleneckInsightTicket/index.tsx b/src/components/Insights/insightTickets/SpanEndpointBottleneckInsightTicket/index.tsx index 834848658..733fb3c5e 100644 --- a/src/components/Insights/insightTickets/SpanEndpointBottleneckInsightTicket/index.tsx +++ b/src/components/Insights/insightTickets/SpanEndpointBottleneckInsightTicket/index.tsx @@ -1,14 +1,14 @@ -import { ReactElement } from "react"; +import type { ReactElement } from "react"; import { getCriticalityLabel } from "../../../../utils/getCriticalityLabel"; import { intersperse } from "../../../../utils/intersperse"; import { DigmaSignature } from "../../../common/DigmaSignature"; -import { SpanEndpointBottleneckInsight } from "../../types"; +import type { SpanEndpointBottleneckInsight } from "../../types"; import { useSpanDataSource } from "../common"; import { BottleneckEndpoints } from "../common/BottleneckEndpoints"; import { CodeLocations } from "../common/CodeLocations"; import { CommitInfos } from "../common/CommitInfos"; import { InsightJiraTicket } from "../common/InsightJiraTicket"; -import { InsightTicketProps } from "../types"; +import type { InsightTicketProps } from "../types"; export const SpanEndpointBottleneckInsightTicket = ({ data, diff --git a/src/components/Insights/insightTickets/SpanQueryOptimizationInsightTicket/SpanQueryOptimizationInsightTicket.stories.tsx b/src/components/Insights/insightTickets/SpanQueryOptimizationInsightTicket/SpanQueryOptimizationInsightTicket.stories.tsx index bc172ea26..0bf971945 100644 --- a/src/components/Insights/insightTickets/SpanQueryOptimizationInsightTicket/SpanQueryOptimizationInsightTicket.stories.tsx +++ b/src/components/Insights/insightTickets/SpanQueryOptimizationInsightTicket/SpanQueryOptimizationInsightTicket.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { SpanQueryOptimizationInsightTicket } from "."; import { mockedSpanQueryOptimizationInsight } from "../../InsightsCatalog/InsightsPage/insightCards/SpanQueryOptimizationInsightCard/mockData"; diff --git a/src/components/Insights/insightTickets/SpanQueryOptimizationInsightTicket/index.tsx b/src/components/Insights/insightTickets/SpanQueryOptimizationInsightTicket/index.tsx index f6a700b4a..daae7bd23 100644 --- a/src/components/Insights/insightTickets/SpanQueryOptimizationInsightTicket/index.tsx +++ b/src/components/Insights/insightTickets/SpanQueryOptimizationInsightTicket/index.tsx @@ -1,17 +1,17 @@ -import { ReactElement } from "react"; +import type { ReactElement } from "react"; import { useConfigSelector } from "../../../../store/config/useConfigSelector"; import { getCriticalityLabel } from "../../../../utils/getCriticalityLabel"; import { getDurationString } from "../../../../utils/getDurationString"; import { intersperse } from "../../../../utils/intersperse"; import { DigmaSignature } from "../../../common/DigmaSignature"; -import { Attachment } from "../../../common/JiraTicket/types"; -import { SpanQueryOptimizationInsight } from "../../types"; +import type { Attachment } from "../../../common/JiraTicket/types"; +import type { SpanQueryOptimizationInsight } from "../../types"; import { useCommitInfos } from "../common"; import { CommitInfos } from "../common/CommitInfos"; import { InsightJiraTicket } from "../common/InsightJiraTicket"; import { QueryOptimizationEndpoints } from "../common/QueryOptimizationEndpoints"; import { getTraceAttachment } from "../common/SpanScaling"; -import { InsightTicketProps } from "../types"; +import type { InsightTicketProps } from "../types"; export const SpanQueryOptimizationInsightTicket = ({ data, diff --git a/src/components/Insights/insightTickets/SpanScalingByRootCauseInsightTicket/SpanScalingByRootCauseInsightTicket.stories.tsx b/src/components/Insights/insightTickets/SpanScalingByRootCauseInsightTicket/SpanScalingByRootCauseInsightTicket.stories.tsx index 087c154f2..b749bd74c 100644 --- a/src/components/Insights/insightTickets/SpanScalingByRootCauseInsightTicket/SpanScalingByRootCauseInsightTicket.stories.tsx +++ b/src/components/Insights/insightTickets/SpanScalingByRootCauseInsightTicket/SpanScalingByRootCauseInsightTicket.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { SpanScalingByRootCauseInsightTicket } from "."; import { mockedSpanScalingInsight, diff --git a/src/components/Insights/insightTickets/SpanScalingByRootCauseInsightTicket/index.tsx b/src/components/Insights/insightTickets/SpanScalingByRootCauseInsightTicket/index.tsx index ccccdc773..3820b6b15 100644 --- a/src/components/Insights/insightTickets/SpanScalingByRootCauseInsightTicket/index.tsx +++ b/src/components/Insights/insightTickets/SpanScalingByRootCauseInsightTicket/index.tsx @@ -1,10 +1,10 @@ -import { ReactElement } from "react"; +import type { ReactElement } from "react"; import { useConfigSelector } from "../../../../store/config/useConfigSelector"; import { InsightType } from "../../../../types"; import { intersperse } from "../../../../utils/intersperse"; import { DigmaSignature } from "../../../common/DigmaSignature"; -import { Attachment } from "../../../common/JiraTicket/types"; -import { RootCauseSpanInfo, SpanScalingInsight } from "../../types"; +import type { Attachment } from "../../../common/JiraTicket/types"; +import type { RootCauseSpanInfo, SpanScalingInsight } from "../../types"; import { useEndpointDataSource } from "../common"; import { CodeLocations } from "../common/CodeLocations"; import { CommitInfos } from "../common/CommitInfos"; @@ -19,7 +19,7 @@ import { getScalingIssueSummary, getTraceAttachment } from "../common/SpanScaling"; -import { InsightTicketProps } from "../types"; +import type { InsightTicketProps } from "../types"; export const SpanScalingByRootCauseInsightTicket = ({ data, diff --git a/src/components/Insights/insightTickets/SpanScalingInsightTicket/SpanScalingInsightTicket.stories.tsx b/src/components/Insights/insightTickets/SpanScalingInsightTicket/SpanScalingInsightTicket.stories.tsx index 0c70d3b1b..e79bf96fd 100644 --- a/src/components/Insights/insightTickets/SpanScalingInsightTicket/SpanScalingInsightTicket.stories.tsx +++ b/src/components/Insights/insightTickets/SpanScalingInsightTicket/SpanScalingInsightTicket.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { SpanScalingInsightTicket } from "."; import { mockedSpanScalingInsight, diff --git a/src/components/Insights/insightTickets/SpanScalingInsightTicket/index.tsx b/src/components/Insights/insightTickets/SpanScalingInsightTicket/index.tsx index 422ef3890..aecd8498b 100644 --- a/src/components/Insights/insightTickets/SpanScalingInsightTicket/index.tsx +++ b/src/components/Insights/insightTickets/SpanScalingInsightTicket/index.tsx @@ -1,9 +1,9 @@ -import { ReactElement } from "react"; +import type { ReactElement } from "react"; import { useConfigSelector } from "../../../../store/config/useConfigSelector"; import { intersperse } from "../../../../utils/intersperse"; import { DigmaSignature } from "../../../common/DigmaSignature"; -import { Attachment } from "../../../common/JiraTicket/types"; -import { SpanScalingInsight } from "../../types"; +import type { Attachment } from "../../../common/JiraTicket/types"; +import type { SpanScalingInsight } from "../../types"; import { useSpanDataSource } from "../common"; import { CodeLocations } from "../common/CodeLocations"; import { CommitInfos } from "../common/CommitInfos"; @@ -18,7 +18,7 @@ import { getScalingIssueSummary, getTraceAttachment } from "../common/SpanScaling"; -import { InsightTicketProps } from "../types"; +import type { InsightTicketProps } from "../types"; export const SpanScalingInsightTicket = ({ data, diff --git a/src/components/Insights/insightTickets/common/BottleneckEndpoints/BottleneckEndpoints.stories.tsx b/src/components/Insights/insightTickets/common/BottleneckEndpoints/BottleneckEndpoints.stories.tsx index 62946cbb3..7ef947f68 100644 --- a/src/components/Insights/insightTickets/common/BottleneckEndpoints/BottleneckEndpoints.stories.tsx +++ b/src/components/Insights/insightTickets/common/BottleneckEndpoints/BottleneckEndpoints.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { BottleneckEndpoints } from "."; import { mockedSpanEndpointBottleneckInsight } from "../../../InsightsCatalog/InsightsPage/insightCards/SpanEndpointBottleneckInsightCard/mockData"; diff --git a/src/components/Insights/insightTickets/common/BottleneckEndpoints/index.tsx b/src/components/Insights/insightTickets/common/BottleneckEndpoints/index.tsx index 42cc35295..06dbd7d11 100644 --- a/src/components/Insights/insightTickets/common/BottleneckEndpoints/index.tsx +++ b/src/components/Insights/insightTickets/common/BottleneckEndpoints/index.tsx @@ -2,7 +2,7 @@ import { getDurationString } from "../../../../../utils/getDurationString"; import { roundTo } from "../../../../../utils/roundTo"; import { trimEndpointScheme } from "../../../../../utils/trimEndpointScheme"; import * as s from "./styles"; -import { BottleneckEndpointsProps } from "./types"; +import type { BottleneckEndpointsProps } from "./types"; export const BottleneckEndpoints = ({ insight }: BottleneckEndpointsProps) => { if (!insight) { diff --git a/src/components/Insights/insightTickets/common/BottleneckEndpoints/types.ts b/src/components/Insights/insightTickets/common/BottleneckEndpoints/types.ts index 3c0b0c503..14bcfb009 100644 --- a/src/components/Insights/insightTickets/common/BottleneckEndpoints/types.ts +++ b/src/components/Insights/insightTickets/common/BottleneckEndpoints/types.ts @@ -1,4 +1,4 @@ -import { SpanEndpointBottleneckInsight } from "../../../types"; +import type { SpanEndpointBottleneckInsight } from "../../../types"; export interface BottleneckEndpointsProps { insight: SpanEndpointBottleneckInsight | null; diff --git a/src/components/Insights/insightTickets/common/CodeLocations/CodeLocations.stories.tsx b/src/components/Insights/insightTickets/common/CodeLocations/CodeLocations.stories.tsx index bca97070c..63daa60ba 100644 --- a/src/components/Insights/insightTickets/common/CodeLocations/CodeLocations.stories.tsx +++ b/src/components/Insights/insightTickets/common/CodeLocations/CodeLocations.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/insightTickets/common/CodeLocations/index.tsx b/src/components/Insights/insightTickets/common/CodeLocations/index.tsx index d1b08ac01..ca701d918 100644 --- a/src/components/Insights/insightTickets/common/CodeLocations/index.tsx +++ b/src/components/Insights/insightTickets/common/CodeLocations/index.tsx @@ -1,5 +1,5 @@ import * as s from "./styles"; -import { CodeLocationsProps } from "./types"; +import type { CodeLocationsProps } from "./types"; export const CodeLocations = ({ codeLocations }: CodeLocationsProps) => { if (!codeLocations || codeLocations.length === 0) { diff --git a/src/components/Insights/insightTickets/common/CommitInfos/CommitInfos.stories.tsx b/src/components/Insights/insightTickets/common/CommitInfos/CommitInfos.stories.tsx index 161581bb1..cf7648f99 100644 --- a/src/components/Insights/insightTickets/common/CommitInfos/CommitInfos.stories.tsx +++ b/src/components/Insights/insightTickets/common/CommitInfos/CommitInfos.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { CommitInfos } from "."; import { mockedSpaNPlusOneInsight } from "../../../InsightsCatalog/InsightsPage/insightCards/SpaNPlusOneInsightCard/mockData"; diff --git a/src/components/Insights/insightTickets/common/CommitInfos/index.tsx b/src/components/Insights/insightTickets/common/CommitInfos/index.tsx index 47258d484..0dabfee25 100644 --- a/src/components/Insights/insightTickets/common/CommitInfos/index.tsx +++ b/src/components/Insights/insightTickets/common/CommitInfos/index.tsx @@ -1,11 +1,11 @@ import { format } from "date-fns"; -import { MouseEvent } from "react"; +import type { MouseEvent } from "react"; import { openURLInDefaultBrowser } from "../../../../../utils/actions/openURLInDefaultBrowser"; import { intersperse } from "../../../../../utils/intersperse"; import { Link } from "../../../../common/Link"; -import { CommitInfosData } from "../../types"; +import type { CommitInfosData } from "../../types"; import * as s from "./styles"; -import { CommitInfosProps } from "./types"; +import type { CommitInfosProps } from "./types"; const renderCommit = ( commitInfos: CommitInfosData | undefined | null, diff --git a/src/components/Insights/insightTickets/common/CommitInfos/types.ts b/src/components/Insights/insightTickets/common/CommitInfos/types.ts index 3bc093b94..d5fab9418 100644 --- a/src/components/Insights/insightTickets/common/CommitInfos/types.ts +++ b/src/components/Insights/insightTickets/common/CommitInfos/types.ts @@ -1,5 +1,5 @@ -import { GenericCodeObjectInsight } from "../../../types"; -import { CommitInfosData } from "../../types"; +import type { GenericCodeObjectInsight } from "../../../types"; +import type { CommitInfosData } from "../../types"; export interface CommitInfosProps { insight: GenericCodeObjectInsight | null; diff --git a/src/components/Insights/insightTickets/common/InsightJiraTicket/InsightJiraTicket.stories.tsx b/src/components/Insights/insightTickets/common/InsightJiraTicket/InsightJiraTicket.stories.tsx index 4764692be..4d9b8b610 100644 --- a/src/components/Insights/insightTickets/common/InsightJiraTicket/InsightJiraTicket.stories.tsx +++ b/src/components/Insights/insightTickets/common/InsightJiraTicket/InsightJiraTicket.stories.tsx @@ -1,11 +1,8 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { InsightJiraTicket } from "."; import { InsightType } from "../../../../../types"; -import { - InsightCategory, - InsightScope, - SpanUsagesInsight -} from "../../../types"; +import type { SpanUsagesInsight } from "../../../types"; +import { InsightCategory, InsightScope } from "../../../types"; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction const meta: Meta = { diff --git a/src/components/Insights/insightTickets/common/InsightJiraTicket/index.tsx b/src/components/Insights/insightTickets/common/InsightJiraTicket/index.tsx index d3d702dd9..54f1e19d2 100644 --- a/src/components/Insights/insightTickets/common/InsightJiraTicket/index.tsx +++ b/src/components/Insights/insightTickets/common/InsightJiraTicket/index.tsx @@ -3,7 +3,7 @@ import { dispatcher } from "../../../../../dispatcher"; import { isValidHttpUrl } from "../../../../../utils/isValidUrl"; import { JiraTicket } from "../../../../common/JiraTicket"; import { actions } from "../../../actions"; -import { +import type { InsightJiraTicketProps, LinkTicketPayload, LinkTicketResponse, diff --git a/src/components/Insights/insightTickets/common/InsightJiraTicket/types.ts b/src/components/Insights/insightTickets/common/InsightJiraTicket/types.ts index 17237e61c..4ff8face2 100644 --- a/src/components/Insights/insightTickets/common/InsightJiraTicket/types.ts +++ b/src/components/Insights/insightTickets/common/InsightJiraTicket/types.ts @@ -1,7 +1,7 @@ -import { ReactNode } from "react"; -import { InsightsQuery } from "../../../../common/App/types"; -import { Attachment } from "../../../../common/JiraTicket/types"; -import { GenericCodeObjectInsight } from "../../../types"; +import type { ReactNode } from "react"; +import type { InsightsQuery } from "../../../../common/App/types"; +import type { Attachment } from "../../../../common/JiraTicket/types"; +import type { GenericCodeObjectInsight } from "../../../types"; export interface InsightJiraTicketProps { summary: string; diff --git a/src/components/Insights/insightTickets/common/NPlusOneEndpoints/NPlusOneEndpoints.stories.tsx b/src/components/Insights/insightTickets/common/NPlusOneEndpoints/NPlusOneEndpoints.stories.tsx index b73dc15e3..9e81320c4 100644 --- a/src/components/Insights/insightTickets/common/NPlusOneEndpoints/NPlusOneEndpoints.stories.tsx +++ b/src/components/Insights/insightTickets/common/NPlusOneEndpoints/NPlusOneEndpoints.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { NPlusOneEndpoints } from "."; import { mockedSpaNPlusOneInsight } from "../../../InsightsCatalog/InsightsPage/insightCards/SpaNPlusOneInsightCard/mockData"; diff --git a/src/components/Insights/insightTickets/common/NPlusOneEndpoints/index.tsx b/src/components/Insights/insightTickets/common/NPlusOneEndpoints/index.tsx index 7ff096c58..a6a89d597 100644 --- a/src/components/Insights/insightTickets/common/NPlusOneEndpoints/index.tsx +++ b/src/components/Insights/insightTickets/common/NPlusOneEndpoints/index.tsx @@ -2,7 +2,7 @@ import { DELIMITER } from "../../../../../constants"; import { getCriticalityLabel } from "../../../../../utils/getCriticalityLabel"; import { trimEndpointScheme } from "../../../../../utils/trimEndpointScheme"; import * as s from "./styles"; -import { NPlusOneEndpointsProps } from "./types"; +import type { NPlusOneEndpointsProps } from "./types"; export const NPlusOneEndpoints = ({ insight }: NPlusOneEndpointsProps) => { if (!insight) { diff --git a/src/components/Insights/insightTickets/common/NPlusOneEndpoints/types.ts b/src/components/Insights/insightTickets/common/NPlusOneEndpoints/types.ts index c761b9f60..0e627d523 100644 --- a/src/components/Insights/insightTickets/common/NPlusOneEndpoints/types.ts +++ b/src/components/Insights/insightTickets/common/NPlusOneEndpoints/types.ts @@ -1,4 +1,4 @@ -import { SpaNPlusOneInsight } from "../../../types"; +import type { SpaNPlusOneInsight } from "../../../types"; export interface NPlusOneEndpointsProps { insight: SpaNPlusOneInsight | null; diff --git a/src/components/Insights/insightTickets/common/QueryOptimizationEndpoints/QueryOptimizationEndpoints.stories.tsx b/src/components/Insights/insightTickets/common/QueryOptimizationEndpoints/QueryOptimizationEndpoints.stories.tsx index d8c6cce03..d98627902 100644 --- a/src/components/Insights/insightTickets/common/QueryOptimizationEndpoints/QueryOptimizationEndpoints.stories.tsx +++ b/src/components/Insights/insightTickets/common/QueryOptimizationEndpoints/QueryOptimizationEndpoints.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { QueryOptimizationEndpoints } from "."; import { mockedSpanQueryOptimizationInsight } from "../../../InsightsCatalog/InsightsPage/insightCards/SpanQueryOptimizationInsightCard/mockData"; diff --git a/src/components/Insights/insightTickets/common/QueryOptimizationEndpoints/index.tsx b/src/components/Insights/insightTickets/common/QueryOptimizationEndpoints/index.tsx index a6d3c24eb..4ac848893 100644 --- a/src/components/Insights/insightTickets/common/QueryOptimizationEndpoints/index.tsx +++ b/src/components/Insights/insightTickets/common/QueryOptimizationEndpoints/index.tsx @@ -1,7 +1,7 @@ import { DELIMITER } from "../../../../../constants"; import { trimEndpointScheme } from "../../../../../utils/trimEndpointScheme"; import * as s from "./styles"; -import { QueryOptimizationEndpointsProps } from "./types"; +import type { QueryOptimizationEndpointsProps } from "./types"; export const QueryOptimizationEndpoints = ({ insight diff --git a/src/components/Insights/insightTickets/common/QueryOptimizationEndpoints/types.ts b/src/components/Insights/insightTickets/common/QueryOptimizationEndpoints/types.ts index afecdb199..2ed6de3bb 100644 --- a/src/components/Insights/insightTickets/common/QueryOptimizationEndpoints/types.ts +++ b/src/components/Insights/insightTickets/common/QueryOptimizationEndpoints/types.ts @@ -1,4 +1,4 @@ -import { SpanQueryOptimizationInsight } from "../../../types"; +import type { SpanQueryOptimizationInsight } from "../../../types"; export interface QueryOptimizationEndpointsProps { insight: SpanQueryOptimizationInsight | null; diff --git a/src/components/Insights/insightTickets/common/SpanScaling/SpanScalingDuration/index.tsx b/src/components/Insights/insightTickets/common/SpanScaling/SpanScalingDuration/index.tsx index 375c82d11..dc3e8b970 100644 --- a/src/components/Insights/insightTickets/common/SpanScaling/SpanScalingDuration/index.tsx +++ b/src/components/Insights/insightTickets/common/SpanScaling/SpanScalingDuration/index.tsx @@ -1,5 +1,5 @@ import { getDurationString } from "../../../../../../utils/getDurationString"; -import { ScalingIssueCommonProps } from "../types"; +import type { ScalingIssueCommonProps } from "../types"; export const ScalingIssueDuration = ({ insight }: ScalingIssueCommonProps) => { if (!insight) { diff --git a/src/components/Insights/insightTickets/common/SpanScaling/SpanScalingEndpoints/index.tsx b/src/components/Insights/insightTickets/common/SpanScaling/SpanScalingEndpoints/index.tsx index a20efb970..678cc7351 100644 --- a/src/components/Insights/insightTickets/common/SpanScaling/SpanScalingEndpoints/index.tsx +++ b/src/components/Insights/insightTickets/common/SpanScaling/SpanScalingEndpoints/index.tsx @@ -1,7 +1,7 @@ import { DELIMITER } from "../../../../../../constants"; import { trimEndpointScheme } from "../../../../../../utils/trimEndpointScheme"; import * as s from "../styles"; -import { ScalingIssueCommonProps } from "../types"; +import type { ScalingIssueCommonProps } from "../types"; export const ScalingIssueAffectedEndpoints = ({ insight diff --git a/src/components/Insights/insightTickets/common/SpanScaling/SpanScalingMessage/index.tsx b/src/components/Insights/insightTickets/common/SpanScaling/SpanScalingMessage/index.tsx index b3b2e0c6d..e0bd3355b 100644 --- a/src/components/Insights/insightTickets/common/SpanScaling/SpanScalingMessage/index.tsx +++ b/src/components/Insights/insightTickets/common/SpanScaling/SpanScalingMessage/index.tsx @@ -1,4 +1,4 @@ -import { ScalingIssueCommonProps } from "../types"; +import type { ScalingIssueCommonProps } from "../types"; export const ScalingIssueMessage = ({ insight }: ScalingIssueCommonProps) => { if (!insight) { diff --git a/src/components/Insights/insightTickets/common/SpanScaling/SpanScalingRootCauses/index.tsx b/src/components/Insights/insightTickets/common/SpanScaling/SpanScalingRootCauses/index.tsx index a4c887ebc..a41495211 100644 --- a/src/components/Insights/insightTickets/common/SpanScaling/SpanScalingRootCauses/index.tsx +++ b/src/components/Insights/insightTickets/common/SpanScaling/SpanScalingRootCauses/index.tsx @@ -1,5 +1,5 @@ import * as s from "../styles"; -import { ScalingIssueCommonProps } from "../types"; +import type { ScalingIssueCommonProps } from "../types"; export const ScalingIssueRootCauses = ({ insight diff --git a/src/components/Insights/insightTickets/common/SpanScaling/SpanScalingTestedConcurrency/index.tsx b/src/components/Insights/insightTickets/common/SpanScaling/SpanScalingTestedConcurrency/index.tsx index d3ca05fd5..168790430 100644 --- a/src/components/Insights/insightTickets/common/SpanScaling/SpanScalingTestedConcurrency/index.tsx +++ b/src/components/Insights/insightTickets/common/SpanScaling/SpanScalingTestedConcurrency/index.tsx @@ -1,4 +1,4 @@ -import { ScalingIssueCommonProps } from "../types"; +import type { ScalingIssueCommonProps } from "../types"; export const ScalingIssueTestedConcurrency = ({ insight diff --git a/src/components/Insights/insightTickets/common/SpanScaling/index.tsx b/src/components/Insights/insightTickets/common/SpanScaling/index.tsx index 24844add2..23e093630 100644 --- a/src/components/Insights/insightTickets/common/SpanScaling/index.tsx +++ b/src/components/Insights/insightTickets/common/SpanScaling/index.tsx @@ -1,5 +1,5 @@ import { getCriticalityLabel } from "../../../../../utils/getCriticalityLabel"; -import { SpanScalingInsight } from "../../../types"; +import type { SpanScalingInsight } from "../../../types"; import { ScalingIssueDuration as ScalingIssueDuration_ } from "./SpanScalingDuration"; import { ScalingIssueAffectedEndpoints as ScalingIssueAffectedEndpoints_ } from "./SpanScalingEndpoints"; import { ScalingIssueMessage as ScalingIssueMessage_ } from "./SpanScalingMessage"; diff --git a/src/components/Insights/insightTickets/common/SpanScaling/types.ts b/src/components/Insights/insightTickets/common/SpanScaling/types.ts index d47c99041..a0cfd54f7 100644 --- a/src/components/Insights/insightTickets/common/SpanScaling/types.ts +++ b/src/components/Insights/insightTickets/common/SpanScaling/types.ts @@ -1,4 +1,4 @@ -import { SpanScalingInsight } from "../../../types"; +import type { SpanScalingInsight } from "../../../types"; export interface ScalingIssueCommonProps { insight: SpanScalingInsight | null; diff --git a/src/components/Insights/insightTickets/common/useCodeLocations.ts b/src/components/Insights/insightTickets/common/useCodeLocations.ts index 3640b2b7e..eafed492d 100644 --- a/src/components/Insights/insightTickets/common/useCodeLocations.ts +++ b/src/components/Insights/insightTickets/common/useCodeLocations.ts @@ -1,8 +1,8 @@ import { useEffect, useState } from "react"; import { dispatcher } from "../../../../dispatcher"; -import { SpanInfo } from "../../../../types"; +import type { SpanInfo } from "../../../../types"; import { actions } from "../../actions"; -import { CodeLocationsData } from "../types"; +import type { CodeLocationsData } from "../types"; import { useLoading } from "./useLoading"; export const useCodeLocations = (spanInfo: SpanInfo | null) => { diff --git a/src/components/Insights/insightTickets/common/useCommitInfos.ts b/src/components/Insights/insightTickets/common/useCommitInfos.ts index 50da5af34..03d48f751 100644 --- a/src/components/Insights/insightTickets/common/useCommitInfos.ts +++ b/src/components/Insights/insightTickets/common/useCommitInfos.ts @@ -1,9 +1,9 @@ import { useEffect, useState } from "react"; import { dispatcher } from "../../../../dispatcher"; import { actions } from "../../actions"; -import { GenericCodeObjectInsight } from "../../types"; +import type { GenericCodeObjectInsight } from "../../types"; import { getInsightCommits } from "../getInsightCommits"; -import { CommitInfosData } from "../types"; +import type { CommitInfosData } from "../types"; import { useLoading } from "./useLoading"; export const useCommitInfos = ( diff --git a/src/components/Insights/insightTickets/common/useEndpointDataSource.ts b/src/components/Insights/insightTickets/common/useEndpointDataSource.ts index 1e5f4925b..9d41d2b76 100644 --- a/src/components/Insights/insightTickets/common/useEndpointDataSource.ts +++ b/src/components/Insights/insightTickets/common/useEndpointDataSource.ts @@ -1,8 +1,8 @@ import { useEffect, useState } from "react"; import { dispatcher } from "../../../../dispatcher"; -import { InsightType, SpanInfo } from "../../../../types"; +import type { InsightType, SpanInfo } from "../../../../types"; import { actions } from "../../actions"; -import { GenericCodeObjectInsight } from "../../types"; +import type { GenericCodeObjectInsight } from "../../types"; import { useLoading } from "./useLoading"; import { useSpanDataSource } from "./useSpanDataSource"; diff --git a/src/components/Insights/insightTickets/common/useSpanDataSource.ts b/src/components/Insights/insightTickets/common/useSpanDataSource.ts index 1e28d8b4e..4adcfcb01 100644 --- a/src/components/Insights/insightTickets/common/useSpanDataSource.ts +++ b/src/components/Insights/insightTickets/common/useSpanDataSource.ts @@ -1,6 +1,6 @@ import { useEffect } from "react"; -import { SpanInfo } from "../../../../types"; -import { GenericCodeObjectInsight } from "../../types"; +import type { SpanInfo } from "../../../../types"; +import type { GenericCodeObjectInsight } from "../../types"; import { getInsightCommits } from "../getInsightCommits"; import { useCodeLocations } from "./useCodeLocations"; import { useCommitInfos } from "./useCommitInfos"; diff --git a/src/components/Insights/insightTickets/getInsightCommits.ts b/src/components/Insights/insightTickets/getInsightCommits.ts index 0c93cd526..161b8a51e 100644 --- a/src/components/Insights/insightTickets/getInsightCommits.ts +++ b/src/components/Insights/insightTickets/getInsightCommits.ts @@ -1,5 +1,5 @@ import { isString } from "../../../typeGuards/isString"; -import { GenericCodeObjectInsight } from "../types"; +import type { GenericCodeObjectInsight } from "../types"; export const getInsightCommits = ( insight: GenericCodeObjectInsight | null | undefined diff --git a/src/components/Insights/insightTickets/types.ts b/src/components/Insights/insightTickets/types.ts index e3f76a1de..47c41c4a5 100644 --- a/src/components/Insights/insightTickets/types.ts +++ b/src/components/Insights/insightTickets/types.ts @@ -1,4 +1,4 @@ -import { GenericCodeObjectInsight, InsightTicketInfo } from "../types"; +import type { GenericCodeObjectInsight, InsightTicketInfo } from "../types"; export interface CodeLocationsData { codeLocations: string[]; diff --git a/src/components/Insights/typeGuards.ts b/src/components/Insights/typeGuards.ts index ef1ea2f00..bd9376553 100644 --- a/src/components/Insights/typeGuards.ts +++ b/src/components/Insights/typeGuards.ts @@ -1,5 +1,5 @@ import { InsightType } from "../../types"; -import { +import type { CodeObjectErrorsInsight, CodeObjectHotSpotInsight, CodeObjectInsight, @@ -16,7 +16,6 @@ import { EndpointSlowdownSourceInsight, EndpointSpanNPlusOneInsight, GenericFunctionInsight, - InsightScope, SlowEndpointInsight, SpaNPlusOneInsight, SpanDurationBreakdownInsight, @@ -30,6 +29,7 @@ import { SpanScalingWellInsight, SpanUsagesInsight } from "./types"; +import { InsightScope } from "./types"; export const isFunctionInsight = ( insight: CodeObjectInsight diff --git a/src/components/Insights/types.ts b/src/components/Insights/types.ts index 339022eb6..01a17775b 100644 --- a/src/components/Insights/types.ts +++ b/src/components/Insights/types.ts @@ -1,9 +1,10 @@ -import { MemoExoticComponent } from "react"; -import { Duration } from "../../globals"; -import { InsightType, SpanInfo, SpanInstanceInfo } from "../../types"; -import { Sorting } from "../common/SortingSelector/types"; -import { IconProps } from "../common/icons/types"; -import { InsightFilterType } from "./InsightsCatalog/types"; +import type { MemoExoticComponent } from "react"; +import type { Duration } from "../../globals"; +import type { SpanInfo, SpanInstanceInfo } from "../../types"; +import { InsightType } from "../../types"; +import type { Sorting } from "../common/SortingSelector/types"; +import type { IconProps } from "../common/icons/types"; +import type { InsightFilterType } from "./InsightsCatalog/types"; export enum ViewMode { PREVIEW = "PREVIEW", diff --git a/src/components/Insights/useInsightsData.ts b/src/components/Insights/useInsightsData.ts index 6ece7b824..a1b137ddb 100644 --- a/src/components/Insights/useInsightsData.ts +++ b/src/components/Insights/useInsightsData.ts @@ -1,24 +1,28 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react"; import { actions as globalActions } from "../../actions"; -import { DigmaMessageError } from "../../api/types"; +import type { DigmaMessageError } from "../../api/types"; import { dispatcher } from "../../dispatcher"; import { getFeatureFlagValue } from "../../featureFlags"; import { usePrevious } from "../../hooks/usePrevious"; import { useConfigSelector } from "../../store/config/useConfigSelector"; import { useInsightsSelector } from "../../store/insights/useInsightsSelector"; import { useStore } from "../../store/useStore"; -import { - FeatureFlag, +import type { GetInsightStatsPayload, GetIssuesDataListPayload } from "../../types"; -import { GetInsightsDataListPayload, InsightsQuery } from "../common/App/types"; -import { Sorting } from "../common/SortingSelector/types"; -import { InsightFilterType, ViewMode } from "./InsightsCatalog/types"; +import { FeatureFlag } from "../../types"; +import type { + GetInsightsDataListPayload, + InsightsQuery +} from "../common/App/types"; +import type { Sorting } from "../common/SortingSelector/types"; +import type { InsightFilterType } from "./InsightsCatalog/types"; +import { ViewMode } from "./InsightsCatalog/types"; import { actions as issuesActions } from "./Issues/actions"; -import { GetIssuesDataListQuery } from "./Issues/types"; +import type { GetIssuesDataListQuery } from "./Issues/types"; import { actions } from "./actions"; -import { InsightViewType, WrappedInsightData } from "./types"; +import type { InsightViewType, WrappedInsightData } from "./types"; interface UseInsightsDataProps { areFiltersRehydrated: boolean; diff --git a/src/components/InstallationWizard/FinishStep/index.tsx b/src/components/InstallationWizard/FinishStep/index.tsx index b74d66322..c6c5d7c68 100644 --- a/src/components/InstallationWizard/FinishStep/index.tsx +++ b/src/components/InstallationWizard/FinishStep/index.tsx @@ -1,5 +1,6 @@ import { useContext } from "react"; -import { DefaultTheme, useTheme } from "styled-components"; +import type { DefaultTheme } from "styled-components"; +import { useTheme } from "styled-components"; import { GETTING_STARTED_VIDEO_URL } from "../../../constants"; import { openURLInDefaultBrowser } from "../../../utils/actions/openURLInDefaultBrowser"; import { sendUserActionTrackingEvent } from "../../../utils/actions/sendUserActionTrackingEvent"; @@ -18,7 +19,7 @@ import { WarningCircleLargeIcon } from "../../common/icons/WarningCircleLargeIco import { SectionDescription } from "../styles"; import { trackingEvents } from "../tracking"; import * as s from "./styles"; -import { FinishStepProps } from "./types"; +import type { FinishStepProps } from "./types"; const EMAIL_ERROR_MESSAGE = "Enter a valid email"; diff --git a/src/components/InstallationWizard/FinishStep/types.ts b/src/components/InstallationWizard/FinishStep/types.ts index cf15f739f..948c2af43 100644 --- a/src/components/InstallationWizard/FinishStep/types.ts +++ b/src/components/InstallationWizard/FinishStep/types.ts @@ -1,5 +1,5 @@ -import { ChangeEvent } from "react"; -import { FieldsErrors } from "../types"; +import type { ChangeEvent } from "react"; +import type { FieldsErrors } from "../types"; export interface FinishStepProps { quickstartURL?: string; diff --git a/src/components/InstallationWizard/InstallStep/EngineManager/EngineManager.stories.tsx b/src/components/InstallationWizard/InstallStep/EngineManager/EngineManager.stories.tsx index 8cd69a2d2..5656b7cb7 100644 --- a/src/components/InstallationWizard/InstallStep/EngineManager/EngineManager.stories.tsx +++ b/src/components/InstallationWizard/InstallStep/EngineManager/EngineManager.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { EngineManager } from "."; diff --git a/src/components/InstallationWizard/InstallStep/EngineManager/index.tsx b/src/components/InstallationWizard/InstallStep/EngineManager/index.tsx index 3fe7479ca..04cc7891c 100644 --- a/src/components/InstallationWizard/InstallStep/EngineManager/index.tsx +++ b/src/components/InstallationWizard/InstallStep/EngineManager/index.tsx @@ -10,10 +10,10 @@ import { DigmaLogoIcon } from "../../../common/icons/DigmaLogoIcon"; import { PlayCircleIcon } from "../../../common/icons/PlayCircleIcon"; import { StopCircleIcon } from "../../../common/icons/StopCircleIcon"; import { trackingEvents } from "../../tracking"; -import { AsyncActionStatus } from "../../types"; +import type { AsyncActionStatus } from "../../types"; import { Operation } from "../types"; import * as s from "./styles"; -import { EngineManagerProps, OperationInfo } from "./types"; +import type { EngineManagerProps, OperationInfo } from "./types"; const getLoaderStatus = ( isEngineInstalled: boolean, diff --git a/src/components/InstallationWizard/InstallStep/EngineManager/styles.ts b/src/components/InstallationWizard/InstallStep/EngineManager/styles.ts index 3cb574dd5..eb9a032c8 100644 --- a/src/components/InstallationWizard/InstallStep/EngineManager/styles.ts +++ b/src/components/InstallationWizard/InstallStep/EngineManager/styles.ts @@ -1,6 +1,6 @@ import styled, { css } from "styled-components"; import { Button } from "../../../common/Button"; -import { ContentContainerProps } from "./types"; +import type { ContentContainerProps } from "./types"; export const Container = styled.div` display: flex; diff --git a/src/components/InstallationWizard/InstallStep/EngineManager/types.ts b/src/components/InstallationWizard/InstallStep/EngineManager/types.ts index 230405011..4e90b74ee 100644 --- a/src/components/InstallationWizard/InstallStep/EngineManager/types.ts +++ b/src/components/InstallationWizard/InstallStep/EngineManager/types.ts @@ -1,6 +1,6 @@ -import { MemoExoticComponent } from "react"; -import { IconProps } from "../../../common/icons/types"; -import { EngineState } from "../types"; +import type { MemoExoticComponent } from "react"; +import type { IconProps } from "../../../common/icons/types"; +import type { EngineState } from "../types"; export interface EngineManagerProps { onManualInstallSelect?: () => void; diff --git a/src/components/InstallationWizard/InstallStep/index.tsx b/src/components/InstallationWizard/InstallStep/index.tsx index 8ddb513a7..bdbdc59da 100644 --- a/src/components/InstallationWizard/InstallStep/index.tsx +++ b/src/components/InstallationWizard/InstallStep/index.tsx @@ -1,14 +1,15 @@ import { useContext, useEffect, useState } from "react"; -import { DefaultTheme, useTheme } from "styled-components"; +import type { DefaultTheme } from "styled-components"; +import { useTheme } from "styled-components"; import { usePrevious } from "../../../hooks/usePrevious"; import { openURLInDefaultBrowser } from "../../../utils/actions/openURLInDefaultBrowser"; import { sendTrackingEvent } from "../../../utils/actions/sendTrackingEvent"; import { sendUserActionTrackingEvent } from "../../../utils/actions/sendUserActionTrackingEvent"; import { isDigmaEngineRunning } from "../../../utils/isDigmaEngineRunning"; import { ConfigContext } from "../../common/App/ConfigContext"; -import { ConfigContextData } from "../../common/App/types"; +import type { ConfigContextData } from "../../common/App/types"; import { CircleLoader } from "../../common/CircleLoader"; -import { CircleLoaderColors } from "../../common/CircleLoader/types"; +import type { CircleLoaderColors } from "../../common/CircleLoader/types"; import { CodeSnippet } from "../../common/CodeSnippet"; import { Link } from "../../common/Link"; import { ChatFillIcon } from "../../common/icons/ChatIFillIcon"; @@ -19,10 +20,11 @@ import { SlackLogoIcon } from "../../common/icons/SlackLogoIcon"; import { Tabs } from "../Tabs"; import { MainButton, SectionDescription } from "../styles"; import { trackingEvents } from "../tracking"; -import { AsyncActionResultData } from "../types"; +import type { AsyncActionResultData } from "../types"; import { EngineManager } from "./EngineManager"; import * as s from "./styles"; -import { InstallStepProps, Operation } from "./types"; +import type { InstallStepProps } from "./types"; +import { Operation } from "./types"; import { useEngine } from "./useEngine"; const getCircleLoaderColors = (theme: DefaultTheme): CircleLoaderColors => { diff --git a/src/components/InstallationWizard/InstallStep/styles.ts b/src/components/InstallationWizard/InstallStep/styles.ts index 56b19a18c..ef7b6c646 100644 --- a/src/components/InstallationWizard/InstallStep/styles.ts +++ b/src/components/InstallationWizard/InstallStep/styles.ts @@ -4,7 +4,7 @@ import { Link } from "../../common/Link"; import { SectionTitle as CommonSectionTitle } from "../SectionTitle"; import { Tabs } from "../Tabs"; import { SectionDescription } from "../styles"; -import { TabContentContainerProps } from "./types"; +import type { TabContentContainerProps } from "./types"; export const Container = styled.div` display: flex; diff --git a/src/components/InstallationWizard/InstallStep/types.ts b/src/components/InstallationWizard/InstallStep/types.ts index 05d763fff..85383762f 100644 --- a/src/components/InstallationWizard/InstallStep/types.ts +++ b/src/components/InstallationWizard/InstallStep/types.ts @@ -1,4 +1,4 @@ -import { AsyncActionStatus } from "../types"; +import type { AsyncActionStatus } from "../types"; export enum Operation { INSTALL = "install", diff --git a/src/components/InstallationWizard/InstallStep/useEngine.ts b/src/components/InstallationWizard/InstallStep/useEngine.ts index 1bd624bb0..0bda0343b 100644 --- a/src/components/InstallationWizard/InstallStep/useEngine.ts +++ b/src/components/InstallationWizard/InstallStep/useEngine.ts @@ -3,13 +3,9 @@ import { dispatcher } from "../../../dispatcher"; import { sendTrackingEvent } from "../../../utils/actions/sendTrackingEvent"; import { actions } from "../actions"; import { trackingEvents } from "../tracking"; -import { AsyncActionResultData } from "../types"; -import { - CurrentOperation, - EngineState, - FailedOperation, - Operation -} from "./types"; +import type { AsyncActionResultData } from "../types"; +import type { CurrentOperation, EngineState, FailedOperation } from "./types"; +import { Operation } from "./types"; const operationActions = { [Operation.INSTALL]: actions.INSTALL_DIGMA_ENGINE, diff --git a/src/components/InstallationWizard/InstallationTypeCard/index.tsx b/src/components/InstallationWizard/InstallationTypeCard/index.tsx index eec89ab53..5e8bdc736 100644 --- a/src/components/InstallationWizard/InstallationTypeCard/index.tsx +++ b/src/components/InstallationWizard/InstallationTypeCard/index.tsx @@ -1,5 +1,5 @@ import * as s from "./styles"; -import { InstallationTypeCardProps } from "./types"; +import type { InstallationTypeCardProps } from "./types"; export const InstallationTypeCard = ({ disabled, diff --git a/src/components/InstallationWizard/InstallationTypeCard/styles.ts b/src/components/InstallationWizard/InstallationTypeCard/styles.ts index 546bc33bd..2336d0b62 100644 --- a/src/components/InstallationWizard/InstallationTypeCard/styles.ts +++ b/src/components/InstallationWizard/InstallationTypeCard/styles.ts @@ -1,5 +1,5 @@ import styled from "styled-components"; -import { ContainerProps } from "./types"; +import type { ContainerProps } from "./types"; export const Container = styled.div` display: flex; diff --git a/src/components/InstallationWizard/InstallationTypeCard/types.ts b/src/components/InstallationWizard/InstallationTypeCard/types.ts index 4d536b3e1..9f6b2eace 100644 --- a/src/components/InstallationWizard/InstallationTypeCard/types.ts +++ b/src/components/InstallationWizard/InstallationTypeCard/types.ts @@ -1,5 +1,5 @@ -import { ReactNode } from "react"; -import { InstallationType } from "../types"; +import type { ReactNode } from "react"; +import type { InstallationType } from "../types"; export interface InstallationTypeCardProps { disabled?: boolean; diff --git a/src/components/InstallationWizard/InstallationWizard.stories.tsx b/src/components/InstallationWizard/InstallationWizard.stories.tsx index e1aac04e9..75bdf39ff 100644 --- a/src/components/InstallationWizard/InstallationWizard.stories.tsx +++ b/src/components/InstallationWizard/InstallationWizard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { InstallationWizard } from "."; import { actions as globalActions } from "../../actions"; diff --git a/src/components/InstallationWizard/ObservabilityStep/index.tsx b/src/components/InstallationWizard/ObservabilityStep/index.tsx index b096cc69d..50c99f417 100644 --- a/src/components/InstallationWizard/ObservabilityStep/index.tsx +++ b/src/components/InstallationWizard/ObservabilityStep/index.tsx @@ -9,7 +9,7 @@ import { SectionTitle } from "../SectionTitle"; import { Tip } from "../Tip"; import { MainButton } from "../styles"; import * as s from "./styles"; -import { ObservabilityStepProps } from "./types"; +import type { ObservabilityStepProps } from "./types"; const COLLECTOR_CONFIGURATION_SNIPPET = `otlp/digma: endpoint: "localhost:5050" diff --git a/src/components/InstallationWizard/SectionTitle/index.tsx b/src/components/InstallationWizard/SectionTitle/index.tsx index 221e9b965..954ae07c8 100644 --- a/src/components/InstallationWizard/SectionTitle/index.tsx +++ b/src/components/InstallationWizard/SectionTitle/index.tsx @@ -1,5 +1,5 @@ import * as s from "./styles"; -import { SectionTitleProps } from "./types"; +import type { SectionTitleProps } from "./types"; export const SectionTitle = ({ className, diff --git a/src/components/InstallationWizard/SectionTitle/types.ts b/src/components/InstallationWizard/SectionTitle/types.ts index 23812c581..426e58312 100644 --- a/src/components/InstallationWizard/SectionTitle/types.ts +++ b/src/components/InstallationWizard/SectionTitle/types.ts @@ -1,5 +1,5 @@ -import { ComponentType, ReactNode } from "react"; -import { IconProps } from "../../common/icons/types"; +import type { ComponentType, ReactNode } from "react"; +import type { IconProps } from "../../common/icons/types"; export interface SectionTitleProps { icon?: ComponentType; diff --git a/src/components/InstallationWizard/Step/index.tsx b/src/components/InstallationWizard/Step/index.tsx index f87c1a427..dede31546 100644 --- a/src/components/InstallationWizard/Step/index.tsx +++ b/src/components/InstallationWizard/Step/index.tsx @@ -4,7 +4,7 @@ import { CSSTransition } from "react-transition-group"; import { useTheme } from "styled-components"; import { CheckmarkCircleInvertedIcon } from "../../common/icons/CheckmarkCircleInvertedIcon"; import * as s from "./styles"; -import { StepProps } from "./types"; +import type { StepProps } from "./types"; const TRANSITION_CLASS_NAME = "step"; const NUMBER_TRANSITION_CLASS_NAME = "number-link"; diff --git a/src/components/InstallationWizard/Step/styles.ts b/src/components/InstallationWizard/Step/styles.ts index 24754cbc5..abfb316e3 100644 --- a/src/components/InstallationWizard/Step/styles.ts +++ b/src/components/InstallationWizard/Step/styles.ts @@ -1,5 +1,6 @@ -import styled, { DefaultTheme } from "styled-components"; -import { +import type { DefaultTheme } from "styled-components"; +import styled from "styled-components"; +import type { ContainerProps, HeaderProps, NumberContainerProps, diff --git a/src/components/InstallationWizard/Step/types.ts b/src/components/InstallationWizard/Step/types.ts index a9c0d2c37..21606df05 100644 --- a/src/components/InstallationWizard/Step/types.ts +++ b/src/components/InstallationWizard/Step/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export type StepStatus = "completed" | "active" | "not-completed"; diff --git a/src/components/InstallationWizard/Tabs/Tab/index.tsx b/src/components/InstallationWizard/Tabs/Tab/index.tsx index 416d1a305..39bf39f8c 100644 --- a/src/components/InstallationWizard/Tabs/Tab/index.tsx +++ b/src/components/InstallationWizard/Tabs/Tab/index.tsx @@ -1,5 +1,5 @@ import * as s from "./styles"; -import { TabProps } from "./types"; +import type { TabProps } from "./types"; export const Tab = ({ isDisabled, diff --git a/src/components/InstallationWizard/Tabs/Tab/styles.ts b/src/components/InstallationWizard/Tabs/Tab/styles.ts index 3ac2e23e2..6c64defdd 100644 --- a/src/components/InstallationWizard/Tabs/Tab/styles.ts +++ b/src/components/InstallationWizard/Tabs/Tab/styles.ts @@ -1,5 +1,5 @@ import styled from "styled-components"; -import { ContainerProps } from "./types"; +import type { ContainerProps } from "./types"; export const Container = styled.li` font-weight: 500; diff --git a/src/components/InstallationWizard/Tabs/Tab/types.ts b/src/components/InstallationWizard/Tabs/Tab/types.ts index b7b6b91a9..1b6860af0 100644 --- a/src/components/InstallationWizard/Tabs/Tab/types.ts +++ b/src/components/InstallationWizard/Tabs/Tab/types.ts @@ -1,5 +1,5 @@ -import { ComponentType, ReactNode } from "react"; -import { IconProps } from "../../../common/icons/types"; +import type { ComponentType, ReactNode } from "react"; +import type { IconProps } from "../../../common/icons/types"; export interface TabProps { isSelected: boolean; diff --git a/src/components/InstallationWizard/Tabs/index.tsx b/src/components/InstallationWizard/Tabs/index.tsx index 6ca825c93..a0b31a922 100644 --- a/src/components/InstallationWizard/Tabs/index.tsx +++ b/src/components/InstallationWizard/Tabs/index.tsx @@ -1,6 +1,6 @@ import { Tab } from "./Tab"; import * as s from "./styles"; -import { TabsProps } from "./types"; +import type { TabsProps } from "./types"; export const Tabs = ({ onSelect, diff --git a/src/components/InstallationWizard/Tabs/types.ts b/src/components/InstallationWizard/Tabs/types.ts index 05eabdb2f..5139e8a44 100644 --- a/src/components/InstallationWizard/Tabs/types.ts +++ b/src/components/InstallationWizard/Tabs/types.ts @@ -1,5 +1,5 @@ -import { ComponentType, ReactNode } from "react"; -import { IconProps } from "../../common/icons/types"; +import type { ComponentType, ReactNode } from "react"; +import type { IconProps } from "../../common/icons/types"; export interface TabsProps { tabs: { diff --git a/src/components/InstallationWizard/Tip/index.tsx b/src/components/InstallationWizard/Tip/index.tsx index 3a1cc3dee..b8b819151 100644 --- a/src/components/InstallationWizard/Tip/index.tsx +++ b/src/components/InstallationWizard/Tip/index.tsx @@ -1,6 +1,6 @@ import { LightBulbIcon } from "../../common/icons/LightBulbIcon"; import * as s from "./styles"; -import { TipProps } from "./types"; +import type { TipProps } from "./types"; export const Tip = ({ children }: TipProps) => ( diff --git a/src/components/InstallationWizard/Tip/types.ts b/src/components/InstallationWizard/Tip/types.ts index 3c560c4d3..ed455236c 100644 --- a/src/components/InstallationWizard/Tip/types.ts +++ b/src/components/InstallationWizard/Tip/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export interface TipProps { children: ReactNode; diff --git a/src/components/InstallationWizard/index.tsx b/src/components/InstallationWizard/index.tsx index 1a6974558..4c8a786b7 100644 --- a/src/components/InstallationWizard/index.tsx +++ b/src/components/InstallationWizard/index.tsx @@ -1,7 +1,8 @@ -import { ChangeEvent, useContext, useEffect, useRef, useState } from "react"; +import type { ChangeEvent } from "react"; +import { useContext, useEffect, useRef, useState } from "react"; import { CSSTransition } from "react-transition-group"; import { SLACK_WORKSPACE_URL } from "../../constants"; -import { IDE } from "../../globals"; +import type { IDE } from "../../globals"; import { useDebounce } from "../../hooks/useDebounce"; import { ide } from "../../platform"; import { openURLInDefaultBrowser } from "../../utils/actions/openURLInDefaultBrowser"; @@ -15,11 +16,11 @@ import { SlackLogoIcon } from "../common/icons/SlackLogoIcon"; import { FinishStep } from "./FinishStep"; import { InstallStep } from "./InstallStep"; import { Step } from "./Step"; -import { StepData, StepStatus } from "./Step/types"; +import type { StepData, StepStatus } from "./Step/types"; import { actions } from "./actions"; import * as s from "./styles"; import { trackingEvents } from "./tracking"; -import { FieldsErrors } from "./types"; +import type { FieldsErrors } from "./types"; const DIGMA_DOCKER_EXTENSION_URL = "https://open.docker.com/extensions/marketplace?extensionId=digmaai/digma-docker-extension"; diff --git a/src/components/InstallationWizard/styles.ts b/src/components/InstallationWizard/styles.ts index 228efdf2a..ef21872a5 100644 --- a/src/components/InstallationWizard/styles.ts +++ b/src/components/InstallationWizard/styles.ts @@ -1,7 +1,7 @@ import styled from "styled-components"; import { Button } from "../common/Button"; import { Link } from "../common/Link"; -import { FinishStepFooterContentProps } from "./types"; +import type { FinishStepFooterContentProps } from "./types"; export const Container = styled.div` height: 100vh; diff --git a/src/components/JaegerLogin/JaegerLogin.stories.tsx b/src/components/JaegerLogin/JaegerLogin.stories.tsx index dd26708c4..a938f3c25 100644 --- a/src/components/JaegerLogin/JaegerLogin.stories.tsx +++ b/src/components/JaegerLogin/JaegerLogin.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { JaegerLogin } from "."; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction diff --git a/src/components/JaegerLogin/index.tsx b/src/components/JaegerLogin/index.tsx index 7a16f1f6e..19bca7436 100644 --- a/src/components/JaegerLogin/index.tsx +++ b/src/components/JaegerLogin/index.tsx @@ -1,5 +1,6 @@ import axios, { isAxiosError } from "axios"; -import { ChangeEvent, FormEvent, useState } from "react"; +import type { ChangeEvent, FormEvent } from "react"; +import { useState } from "react"; import { Helmet } from "react-helmet"; import { TextField } from "../common/v3/TextField"; import * as s from "./styles"; diff --git a/src/components/Main/Authentication/Authentication.stories.tsx b/src/components/Main/Authentication/Authentication.stories.tsx index d8e69a2f2..49a74bb77 100644 --- a/src/components/Main/Authentication/Authentication.stories.tsx +++ b/src/components/Main/Authentication/Authentication.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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 7ff660535..dafbbfe84 100644 --- a/src/components/Main/Authentication/Login/Login.stories.tsx +++ b/src/components/Main/Authentication/Login/Login.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { Login } from "."; import { actions } from "../../../../actions"; diff --git a/src/components/Main/Authentication/Login/index.tsx b/src/components/Main/Authentication/Login/index.tsx index 8809e070f..83515208b 100644 --- a/src/components/Main/Authentication/Login/index.tsx +++ b/src/components/Main/Authentication/Login/index.tsx @@ -15,7 +15,7 @@ import { Loader, SubmitButton } from "../styles"; -import { LoginFormValues, LoginProps } from "./types"; +import type { LoginFormValues, LoginProps } from "./types"; import { useLogin } from "./useLogin"; const formDefaultValues: LoginFormValues = { diff --git a/src/components/Main/Authentication/Login/useLogin.ts b/src/components/Main/Authentication/Login/useLogin.ts index 12c8d4f2a..05edf2126 100644 --- a/src/components/Main/Authentication/Login/useLogin.ts +++ b/src/components/Main/Authentication/Login/useLogin.ts @@ -2,7 +2,7 @@ import { useEffect, useState } from "react"; import { actions } from "../../../../actions"; import { dispatcher } from "../../../../dispatcher"; import { useLoading } from "../../../Insights/insightTickets/common"; -import { LoginPayload, LoginResult } from "../../types"; +import type { LoginPayload, LoginResult } from "../../types"; export const useLogin = () => { const [isLoading, setIsLoading] = useLoading(false); diff --git a/src/components/Main/Authentication/Registration/Registration.stories.tsx b/src/components/Main/Authentication/Registration/Registration.stories.tsx index bfbb14e1c..6f124c058 100644 --- a/src/components/Main/Authentication/Registration/Registration.stories.tsx +++ b/src/components/Main/Authentication/Registration/Registration.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { Registration } from "."; import { actions } from "../../../../actions"; diff --git a/src/components/Main/Authentication/Registration/index.tsx b/src/components/Main/Authentication/Registration/index.tsx index 80f0ef2f7..9f4181b3d 100644 --- a/src/components/Main/Authentication/Registration/index.tsx +++ b/src/components/Main/Authentication/Registration/index.tsx @@ -8,7 +8,7 @@ import { EnvelopeIcon } from "../../../common/icons/16px/EnvelopeIcon"; import { Spinner } from "../../../common/v3/Spinner"; import { TextField } from "../../../common/v3/TextField"; import * as s from "../styles"; -import { RegisterFormValues, RegistrationProps } from "./types"; +import type { RegisterFormValues, RegistrationProps } from "./types"; import { useRegistration } from "./useRegistration"; const validateEmail = (email: string): string | boolean => { diff --git a/src/components/Main/Authentication/Registration/useRegistration.ts b/src/components/Main/Authentication/Registration/useRegistration.ts index ada94cf6d..720fcd919 100644 --- a/src/components/Main/Authentication/Registration/useRegistration.ts +++ b/src/components/Main/Authentication/Registration/useRegistration.ts @@ -2,7 +2,7 @@ import { useEffect, useState } from "react"; import { actions } from "../../../../actions"; import { dispatcher } from "../../../../dispatcher"; import { useLoading } from "../../../Insights/insightTickets/common"; -import { ErrorData, RegisterPayload, RegisterResult } from "../../types"; +import type { ErrorData, RegisterPayload, RegisterResult } from "../../types"; export const useRegistration = () => { const [isLoading, setIsLoading] = useLoading(false); diff --git a/src/components/Main/Main.stories.tsx b/src/components/Main/Main.stories.tsx index a40ee410f..d8692fc94 100644 --- a/src/components/Main/Main.stories.tsx +++ b/src/components/Main/Main.stories.tsx @@ -1,15 +1,13 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; -import { - RouterRoute, - reactRouterParameters -} from "storybook-addon-remix-react-router"; +import type { RouterRoute } from "storybook-addon-remix-react-router"; +import { reactRouterParameters } from "storybook-addon-remix-react-router"; import { Main } from "."; import { routes } from "../../containers/Main/router"; import { mockedEnvironments } from "../Navigation/EnvironmentBar/mockData"; import { TAB_IDS } from "../Navigation/Tabs/types"; import { ConfigContext, initialState } from "../common/App/ConfigContext"; -import { ConfigContextData } from "../common/App/types"; +import type { ConfigContextData } from "../common/App/types"; const mockedConfig: ConfigContextData = { ...initialState, diff --git a/src/components/Main/RegistrationCard/EarlyAccessRegistrationCard/EarlyAccessRegistrationCard.stories.tsx b/src/components/Main/RegistrationCard/EarlyAccessRegistrationCard/EarlyAccessRegistrationCard.stories.tsx index 5532a0430..2810c9b06 100644 --- a/src/components/Main/RegistrationCard/EarlyAccessRegistrationCard/EarlyAccessRegistrationCard.stories.tsx +++ b/src/components/Main/RegistrationCard/EarlyAccessRegistrationCard/EarlyAccessRegistrationCard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/EarlyAccessRegistrationCard/index.tsx b/src/components/Main/RegistrationCard/EarlyAccessRegistrationCard/index.tsx index 9c423d3ab..6698ebdf9 100644 --- a/src/components/Main/RegistrationCard/EarlyAccessRegistrationCard/index.tsx +++ b/src/components/Main/RegistrationCard/EarlyAccessRegistrationCard/index.tsx @@ -1,7 +1,7 @@ import { RegistrationCard } from ".."; import { SuccessRegistrationImage } from "../Images/SuccessRegistrationImage"; import * as s from "./styles"; -import { EarlyAccessRegistrationCardPros } from "./types"; +import type { EarlyAccessRegistrationCardPros } from "./types"; export const EarlyAccessRegistrationCard = ({ onClose, diff --git a/src/components/Main/RegistrationCard/Images/SuccessRegistrationImage/index.tsx b/src/components/Main/RegistrationCard/Images/SuccessRegistrationImage/index.tsx index 11f3c2d2d..3858689ad 100644 --- a/src/components/Main/RegistrationCard/Images/SuccessRegistrationImage/index.tsx +++ b/src/components/Main/RegistrationCard/Images/SuccessRegistrationImage/index.tsx @@ -1,6 +1,6 @@ import { useTheme } from "styled-components"; import { getThemeKind } from "../../../../common/App/styles"; -import { SuccessRegistrationImageProps } from "./types"; +import type { SuccessRegistrationImageProps } from "./types"; export const SuccessRegistrationImage = ({ basePath diff --git a/src/components/Main/RegistrationCard/RegistrationCard.stories.tsx b/src/components/Main/RegistrationCard/RegistrationCard.stories.tsx index 9e6286066..22ee8e83c 100644 --- a/src/components/Main/RegistrationCard/RegistrationCard.stories.tsx +++ b/src/components/Main/RegistrationCard/RegistrationCard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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 f9595765f..0e55f2d71 100644 --- a/src/components/Main/RegistrationCard/SuccessRegistration/SuccessRegistration.stories.tsx +++ b/src/components/Main/RegistrationCard/SuccessRegistration/SuccessRegistration.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/SuccessRegistration/index.tsx b/src/components/Main/RegistrationCard/SuccessRegistration/index.tsx index d58cf65af..0daeea679 100644 --- a/src/components/Main/RegistrationCard/SuccessRegistration/index.tsx +++ b/src/components/Main/RegistrationCard/SuccessRegistration/index.tsx @@ -1,5 +1,5 @@ import * as s from "./styles"; -import { SuccessRegistrationProps } from "./types"; +import type { SuccessRegistrationProps } from "./types"; export const SuccessRegistration = ({ image }: SuccessRegistrationProps) => { return ( diff --git a/src/components/Main/RegistrationCard/SuccessRegistration/types.ts b/src/components/Main/RegistrationCard/SuccessRegistration/types.ts index cbb32d681..107f727c7 100644 --- a/src/components/Main/RegistrationCard/SuccessRegistration/types.ts +++ b/src/components/Main/RegistrationCard/SuccessRegistration/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export interface SuccessRegistrationProps { image: ReactNode; diff --git a/src/components/Main/RegistrationCard/UdemyRegistrationCard/UdemyRegistrationCard.stories.tsx b/src/components/Main/RegistrationCard/UdemyRegistrationCard/UdemyRegistrationCard.stories.tsx index e7983856a..978bbfc28 100644 --- a/src/components/Main/RegistrationCard/UdemyRegistrationCard/UdemyRegistrationCard.stories.tsx +++ b/src/components/Main/RegistrationCard/UdemyRegistrationCard/UdemyRegistrationCard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/RegistrationCard/UdemyRegistrationCard/index.tsx b/src/components/Main/RegistrationCard/UdemyRegistrationCard/index.tsx index b6450770f..44c56a94b 100644 --- a/src/components/Main/RegistrationCard/UdemyRegistrationCard/index.tsx +++ b/src/components/Main/RegistrationCard/UdemyRegistrationCard/index.tsx @@ -2,7 +2,7 @@ import { RegistrationCard } from ".."; import { SuccessRegistrationImage } from "../Images/SuccessRegistrationImage"; import { RegistrationPromoImage } from "./Images/RegistrationPromoImage"; import * as s from "./styles"; -import { UdemyRegistrationCardProps } from "./types"; +import type { UdemyRegistrationCardProps } from "./types"; export const UdemyRegistrationCard = ({ onClose, diff --git a/src/components/Main/RegistrationCard/index.tsx b/src/components/Main/RegistrationCard/index.tsx index 2cfad3563..22d4312e8 100644 --- a/src/components/Main/RegistrationCard/index.tsx +++ b/src/components/Main/RegistrationCard/index.tsx @@ -8,7 +8,7 @@ import { CrossIcon } from "../../common/icons/CrossIcon"; import { trackingEvents } from "../tracking"; import * as s from "./styles"; import { SuccessRegistration } from "./SuccessRegistration"; -import { RegistrationCardProps } from "./types"; +import type { RegistrationCardProps } from "./types"; const TRANSITION_CLASS_NAME = "registration-card"; const DEFAULT_TRANSITION_DURATION = 1000; diff --git a/src/components/Main/RegistrationCard/styles.ts b/src/components/Main/RegistrationCard/styles.ts index 94b459f57..44d9472c6 100644 --- a/src/components/Main/RegistrationCard/styles.ts +++ b/src/components/Main/RegistrationCard/styles.ts @@ -5,7 +5,10 @@ import { Overlay } from "../../common/Overlay"; import { RegisterForm } from "../../common/RegisterForm"; import { Link } from "../../common/v3/Link"; import { NewIconButton } from "../../common/v3/NewIconButton"; -import { AnimatedRegistrationCardProps, StyledOverlayProps } from "./types"; +import type { + AnimatedRegistrationCardProps, + StyledOverlayProps +} from "./types"; export const Container = styled.div` display: flex; diff --git a/src/components/Main/RegistrationCard/types.ts b/src/components/Main/RegistrationCard/types.ts index 757b117ce..b7da1d903 100644 --- a/src/components/Main/RegistrationCard/types.ts +++ b/src/components/Main/RegistrationCard/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export interface RegistrationCardProps { onClose: () => void; diff --git a/src/components/Main/index.tsx b/src/components/Main/index.tsx index ae6b30301..3c85a5e1a 100644 --- a/src/components/Main/index.tsx +++ b/src/components/Main/index.tsx @@ -3,7 +3,7 @@ import { Outlet, matchPath, useLocation } from "react-router-dom"; import { actions as globalActions } from "../../actions"; import { history } from "../../containers/Main/history"; import { dispatcher } from "../../dispatcher"; -import { HistoryEntryLocation } from "../../history/History"; +import type { HistoryEntryLocation } from "../../history/History"; import { usePersistence } from "../../hooks/usePersistence"; import { usePrevious } from "../../hooks/usePrevious"; import { logger } from "../../logging"; @@ -12,12 +12,13 @@ import { useConfigSelector } from "../../store/config/useConfigSelector"; import { useStore } from "../../store/useStore"; import { trackingEvents as globalTrackingEvents } from "../../trackingEvents"; import { isUndefined } from "../../typeGuards/isUndefined"; -import { SCOPE_CHANGE_EVENTS, SendPluginEventPayload } from "../../types"; +import type { SendPluginEventPayload } from "../../types"; +import { SCOPE_CHANGE_EVENTS } from "../../types"; import { sendTrackingEvent } from "../../utils/actions/sendTrackingEvent"; import { areBackendInfosEqual } from "../../utils/areBackendInfosEqual"; import { Navigation } from "../Navigation"; import { TAB_IDS } from "../Navigation/Tabs/types"; -import { Scope } from "../common/App/types"; +import type { Scope } from "../common/App/types"; import { Authentication } from "./Authentication"; import { actions } from "./actions"; import * as s from "./styles"; @@ -26,7 +27,7 @@ import { isScopeWithErrorDetailsIdContext, isScopeWithRestApiCallContext } from "./typeGuards"; -import { HistoryState } from "./types"; +import type { HistoryState } from "./types"; import { useBrowserLocationUpdater } from "./updateBrowserLocationUpdater"; import { useHistory } from "./useHistory"; diff --git a/src/components/Main/typeGuards.ts b/src/components/Main/typeGuards.ts index 475b79dd0..9ef4cc083 100644 --- a/src/components/Main/typeGuards.ts +++ b/src/components/Main/typeGuards.ts @@ -1,5 +1,5 @@ import { SCOPE_CHANGE_EVENTS } from "../../types"; -import { +import type { Scope, ScopeWithCodeLensContext, ScopeWithCustomProtocolLinkContext, diff --git a/src/components/Main/updateBrowserLocationUpdater.tsx b/src/components/Main/updateBrowserLocationUpdater.tsx index ecf5cd261..ebdbff74d 100644 --- a/src/components/Main/updateBrowserLocationUpdater.tsx +++ b/src/components/Main/updateBrowserLocationUpdater.tsx @@ -1,4 +1,5 @@ -import { To, useNavigate } from "react-router-dom"; +import type { To } from "react-router-dom"; +import { useNavigate } from "react-router-dom"; export const useBrowserLocationUpdater = () => { const navigate = useNavigate(); diff --git a/src/components/Main/useHistory.tsx b/src/components/Main/useHistory.tsx index a89b35177..b4d0b4f76 100644 --- a/src/components/Main/useHistory.tsx +++ b/src/components/Main/useHistory.tsx @@ -1,9 +1,10 @@ -import { NavigateOptions, To, resolvePath } from "react-router-dom"; +import type { NavigateOptions, To } from "react-router-dom"; +import { resolvePath } from "react-router-dom"; import { history } from "../../containers/Main/history"; -import { HistoryEntry, HistoryEntryLocation } from "../../history/History"; +import type { HistoryEntry, HistoryEntryLocation } from "../../history/History"; import { useConfigSelector } from "../../store/config/useConfigSelector"; import { isString } from "../../typeGuards/isString"; -import { HistoryState } from "./types"; +import type { HistoryState } from "./types"; const isLocationChanged = (to: To, location: HistoryEntryLocation) => { const newResolvedPath = resolvePath(to, location.pathname); diff --git a/src/components/Navigation/CodeButton/AnimatedCodeButton/AnimatedCodeButton.stories.tsx b/src/components/Navigation/CodeButton/AnimatedCodeButton/AnimatedCodeButton.stories.tsx index 4b9da87c3..64fda3415 100644 --- a/src/components/Navigation/CodeButton/AnimatedCodeButton/AnimatedCodeButton.stories.tsx +++ b/src/components/Navigation/CodeButton/AnimatedCodeButton/AnimatedCodeButton.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { AnimatedCodeButton } from "."; diff --git a/src/components/Navigation/CodeButton/AnimatedCodeButton/index.tsx b/src/components/Navigation/CodeButton/AnimatedCodeButton/index.tsx index fdbd94e87..1d94545bf 100644 --- a/src/components/Navigation/CodeButton/AnimatedCodeButton/index.tsx +++ b/src/components/Navigation/CodeButton/AnimatedCodeButton/index.tsx @@ -1,5 +1,5 @@ import * as s from "./styles"; -import { AnimatedCodeButtonProps } from "./types"; +import type { AnimatedCodeButtonProps } from "./types"; export const AnimatedCodeButton = ({ onClick }: AnimatedCodeButtonProps) => ( diff --git a/src/components/Navigation/CodeButton/CodeButton.stories.tsx b/src/components/Navigation/CodeButton/CodeButton.stories.tsx index 0d886ffe9..8f786b901 100644 --- a/src/components/Navigation/CodeButton/CodeButton.stories.tsx +++ b/src/components/Navigation/CodeButton/CodeButton.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { CodeButton } from "."; diff --git a/src/components/Navigation/CodeButton/GlowingIconButton/index.tsx b/src/components/Navigation/CodeButton/GlowingIconButton/index.tsx index d6b07152c..1ea91f089 100644 --- a/src/components/Navigation/CodeButton/GlowingIconButton/index.tsx +++ b/src/components/Navigation/CodeButton/GlowingIconButton/index.tsx @@ -1,5 +1,5 @@ import * as s from "./styles"; -import { GlowingIconButtonProps } from "./types"; +import type { GlowingIconButtonProps } from "./types"; export const GlowingIconButton = ({ type, diff --git a/src/components/Navigation/CodeButton/GlowingIconButton/styles.ts b/src/components/Navigation/CodeButton/GlowingIconButton/styles.ts index 9cac01bad..c558ae841 100644 --- a/src/components/Navigation/CodeButton/GlowingIconButton/styles.ts +++ b/src/components/Navigation/CodeButton/GlowingIconButton/styles.ts @@ -1,6 +1,6 @@ import styled, { css } from "styled-components"; import { IconButton } from "../../common/IconButton"; -import { BorderContainerProps } from "./types"; +import type { BorderContainerProps } from "./types"; export const BorderContainer = styled.div` height: 32px; diff --git a/src/components/Navigation/CodeButton/GlowingIconButton/types.ts b/src/components/Navigation/CodeButton/GlowingIconButton/types.ts index 3bb36636f..b965737d4 100644 --- a/src/components/Navigation/CodeButton/GlowingIconButton/types.ts +++ b/src/components/Navigation/CodeButton/GlowingIconButton/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; type GlowingIconButtonType = "default" | "error"; diff --git a/src/components/Navigation/CodeButton/index.tsx b/src/components/Navigation/CodeButton/index.tsx index 5d97b9fa9..fcfee08cd 100644 --- a/src/components/Navigation/CodeButton/index.tsx +++ b/src/components/Navigation/CodeButton/index.tsx @@ -1,4 +1,5 @@ -import { ForwardedRef, forwardRef, useEffect, useState } from "react"; +import type { ForwardedRef } from "react"; +import { forwardRef, useEffect, useState } from "react"; import { usePrevious } from "../../../hooks/usePrevious"; import { isBoolean } from "../../../typeGuards/isBoolean"; import { ClockWithTicksIcon } from "../../common/icons/20px/ClockWithTicksIcon"; @@ -7,7 +8,7 @@ import { OpenTelemetryLogoIcon } from "../../common/icons/20px/OpenTelemetryLogo import { AnimatedCodeButton } from "./AnimatedCodeButton"; import { GlowingIconButton } from "./GlowingIconButton"; import * as s from "./styles"; -import { CodeButtonProps } from "./types"; +import type { CodeButtonProps } from "./types"; const CodeButtonComponent = ( { diff --git a/src/components/Navigation/CodeButton/styles.ts b/src/components/Navigation/CodeButton/styles.ts index 12b31f164..114036286 100644 --- a/src/components/Navigation/CodeButton/styles.ts +++ b/src/components/Navigation/CodeButton/styles.ts @@ -1,6 +1,6 @@ import styled from "styled-components"; import { IconButton } from "../common/IconButton"; -import { ExtendedIconButtonProps } from "./types"; +import type { ExtendedIconButtonProps } from "./types"; export const Container = styled.div` display: flex; diff --git a/src/components/Navigation/CodeButton/types.ts b/src/components/Navigation/CodeButton/types.ts index 984cd77f9..7d060ffaa 100644 --- a/src/components/Navigation/CodeButton/types.ts +++ b/src/components/Navigation/CodeButton/types.ts @@ -1,4 +1,4 @@ -import { IconButtonProps } from "../common/IconButton/types"; +import type { IconButtonProps } from "../common/IconButton/types"; export interface ExtendedIconButtonProps extends IconButtonProps { isActive: boolean; diff --git a/src/components/Navigation/CodeButtonMenu/CodeButtonMenu.stories.tsx b/src/components/Navigation/CodeButtonMenu/CodeButtonMenu.stories.tsx index a1f9ce0a7..2a822dd25 100644 --- a/src/components/Navigation/CodeButtonMenu/CodeButtonMenu.stories.tsx +++ b/src/components/Navigation/CodeButtonMenu/CodeButtonMenu.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { CodeButtonMenu } from "."; diff --git a/src/components/Navigation/CodeButtonMenu/index.tsx b/src/components/Navigation/CodeButtonMenu/index.tsx index 3828d059d..7425f87a3 100644 --- a/src/components/Navigation/CodeButtonMenu/index.tsx +++ b/src/components/Navigation/CodeButtonMenu/index.tsx @@ -1,4 +1,4 @@ -import { MouseEvent } from "react"; +import type { MouseEvent } from "react"; import { actions } from "../../../actions"; import { isString } from "../../../typeGuards/isString"; import { sendUserActionTrackingEvent } from "../../../utils/actions/sendUserActionTrackingEvent"; @@ -10,7 +10,7 @@ import { Popup } from "../common/Popup"; import { trackingEvents } from "../tracking"; import { Spinner } from "./Spinner"; import * as s from "./styles"; -import { CodeButtonMenuProps } from "./types"; +import type { CodeButtonMenuProps } from "./types"; export const CodeButtonMenu = ({ codeContext, diff --git a/src/components/Navigation/CodeButtonMenu/styles.ts b/src/components/Navigation/CodeButtonMenu/styles.ts index 55eef03fe..509240ea6 100644 --- a/src/components/Navigation/CodeButtonMenu/styles.ts +++ b/src/components/Navigation/CodeButtonMenu/styles.ts @@ -1,5 +1,5 @@ import styled from "styled-components"; -import { LinkProps } from "./types"; +import type { LinkProps } from "./types"; export const Container = styled.div` display: flex; diff --git a/src/components/Navigation/CodeButtonMenu/types.ts b/src/components/Navigation/CodeButtonMenu/types.ts index 3dffa86ec..f89ad2030 100644 --- a/src/components/Navigation/CodeButtonMenu/types.ts +++ b/src/components/Navigation/CodeButtonMenu/types.ts @@ -1,4 +1,4 @@ -import { CodeContext } from "../types"; +import type { CodeContext } from "../types"; export interface CodeButtonMenuProps { codeContext: CodeContext; diff --git a/src/components/Navigation/EnvironmentBar/EnvironmentBar.stories.tsx b/src/components/Navigation/EnvironmentBar/EnvironmentBar.stories.tsx index 6629877cc..3d29a3baa 100644 --- a/src/components/Navigation/EnvironmentBar/EnvironmentBar.stories.tsx +++ b/src/components/Navigation/EnvironmentBar/EnvironmentBar.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { EnvironmentBar } from "."; import { mockedEnvironments } from "./mockData"; diff --git a/src/components/Navigation/EnvironmentBar/EnvironmentMenu/index.tsx b/src/components/Navigation/EnvironmentBar/EnvironmentMenu/index.tsx index a9b2d5b13..71ed346ad 100644 --- a/src/components/Navigation/EnvironmentBar/EnvironmentMenu/index.tsx +++ b/src/components/Navigation/EnvironmentBar/EnvironmentMenu/index.tsx @@ -1,11 +1,11 @@ import { useEffect } from "react"; import useDimensions from "react-cool-dimensions"; import { useConfigSelector } from "../../../../store/config/useConfigSelector"; -import { Environment } from "../../../common/App/types"; +import type { Environment } from "../../../common/App/types"; import { EnvironmentIcon } from "../../../common/EnvironmentIcon"; import { MenuList } from "../../common/MenuList"; import * as s from "./styles"; -import { EnvironmentMenuProps } from "./types"; +import type { EnvironmentMenuProps } from "./types"; export const EnvironmentMenu = ({ environments, diff --git a/src/components/Navigation/EnvironmentBar/EnvironmentMenu/types.ts b/src/components/Navigation/EnvironmentBar/EnvironmentMenu/types.ts index 6da2f8606..d74deec98 100644 --- a/src/components/Navigation/EnvironmentBar/EnvironmentMenu/types.ts +++ b/src/components/Navigation/EnvironmentBar/EnvironmentMenu/types.ts @@ -1,4 +1,4 @@ -import { Environment } from "../../../common/App/types"; +import type { Environment } from "../../../common/App/types"; export interface EnvironmentMenuProps { environments: Environment[]; diff --git a/src/components/Navigation/EnvironmentBar/index.tsx b/src/components/Navigation/EnvironmentBar/index.tsx index d408cebcd..4b7bc1a39 100644 --- a/src/components/Navigation/EnvironmentBar/index.tsx +++ b/src/components/Navigation/EnvironmentBar/index.tsx @@ -1,6 +1,6 @@ import { useState } from "react"; import { sendUserActionTrackingEvent } from "../../../utils/actions/sendUserActionTrackingEvent"; -import { Environment } from "../../common/App/types"; +import type { Environment } from "../../common/App/types"; import { EnvironmentIcon } from "../../common/EnvironmentIcon"; import { NewPopover } from "../../common/NewPopover"; import { ChevronIcon } from "../../common/icons/12px/ChevronIcon"; @@ -10,7 +10,7 @@ import { Tooltip } from "../../common/v3/Tooltip"; import { trackingEvents } from "../tracking"; import { EnvironmentMenu } from "./EnvironmentMenu"; import * as s from "./styles"; -import { EnvironmentBarProps } from "./types"; +import type { EnvironmentBarProps } from "./types"; export const EnvironmentBar = ({ environments, diff --git a/src/components/Navigation/EnvironmentBar/mockData.ts b/src/components/Navigation/EnvironmentBar/mockData.ts index 5d65dbed9..857adb497 100644 --- a/src/components/Navigation/EnvironmentBar/mockData.ts +++ b/src/components/Navigation/EnvironmentBar/mockData.ts @@ -1,4 +1,4 @@ -import { Environment } from "../../common/App/types"; +import type { Environment } from "../../common/App/types"; export const mockedEnvironments: Environment[] = new Array(35) .fill(5) diff --git a/src/components/Navigation/EnvironmentBar/styles.ts b/src/components/Navigation/EnvironmentBar/styles.ts index a36933616..6ba39b74c 100644 --- a/src/components/Navigation/EnvironmentBar/styles.ts +++ b/src/components/Navigation/EnvironmentBar/styles.ts @@ -1,7 +1,7 @@ import styled from "styled-components"; import { footnoteRegularTypography } from "../../common/App/typographies"; import { Bar } from "../common/Bar"; -import { EnvironmentBarElementProps } from "./types"; +import type { EnvironmentBarElementProps } from "./types"; export const ChevronIconContainer = styled.div` margin-left: auto; diff --git a/src/components/Navigation/EnvironmentBar/types.ts b/src/components/Navigation/EnvironmentBar/types.ts index c7071410f..b48d41c03 100644 --- a/src/components/Navigation/EnvironmentBar/types.ts +++ b/src/components/Navigation/EnvironmentBar/types.ts @@ -1,4 +1,4 @@ -import { Environment } from "../../common/App/types"; +import type { Environment } from "../../common/App/types"; export interface EnvironmentBarProps { selectedEnvironment?: Environment | null; diff --git a/src/components/Navigation/HistoryNavigationPanel/HistoryNavigationPanel.stories.tsx b/src/components/Navigation/HistoryNavigationPanel/HistoryNavigationPanel.stories.tsx index 1c0527d21..4ca45c4cc 100644 --- a/src/components/Navigation/HistoryNavigationPanel/HistoryNavigationPanel.stories.tsx +++ b/src/components/Navigation/HistoryNavigationPanel/HistoryNavigationPanel.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { HistoryNavigationPanel } from "."; diff --git a/src/components/Navigation/HistoryNavigationPanel/index.tsx b/src/components/Navigation/HistoryNavigationPanel/index.tsx index 99ddd01ba..85da66d09 100644 --- a/src/components/Navigation/HistoryNavigationPanel/index.tsx +++ b/src/components/Navigation/HistoryNavigationPanel/index.tsx @@ -1,13 +1,14 @@ import { useEffect } from "react"; -import { Location, useLocation, useNavigate } from "react-router-dom"; +import type { Location } from "react-router-dom"; +import { useLocation, useNavigate } from "react-router-dom"; import { useTheme } from "styled-components"; import { history } from "../../../containers/Main/history"; -import { HistoryEntry } from "../../../history/History"; +import type { HistoryEntry } from "../../../history/History"; import { useConfigSelector } from "../../../store/config/useConfigSelector"; import { SCOPE_CHANGE_EVENTS } from "../../../types"; import { changeScope } from "../../../utils/actions/changeScope"; import { sendUserActionTrackingEvent } from "../../../utils/actions/sendUserActionTrackingEvent"; -import { HistoryState, ReactRouterLocationState } from "../../Main/types"; +import type { HistoryState, ReactRouterLocationState } from "../../Main/types"; import { useBrowserLocationUpdater } from "../../Main/updateBrowserLocationUpdater"; import { useHistory } from "../../Main/useHistory"; import { HomeIcon } from "../../common/icons/16px/HomeIcon"; diff --git a/src/components/Navigation/HistoryNavigationPanel/styles.ts b/src/components/Navigation/HistoryNavigationPanel/styles.ts index c976c3b84..0a3c673e6 100644 --- a/src/components/Navigation/HistoryNavigationPanel/styles.ts +++ b/src/components/Navigation/HistoryNavigationPanel/styles.ts @@ -1,5 +1,5 @@ import styled from "styled-components"; -import { ContainerProps } from "./types"; +import type { ContainerProps } from "./types"; export const Container = styled.div` display: flex; diff --git a/src/components/Navigation/KebabMenu/KebabMenu.stories.tsx b/src/components/Navigation/KebabMenu/KebabMenu.stories.tsx index 80908c9f2..68e128d45 100644 --- a/src/components/Navigation/KebabMenu/KebabMenu.stories.tsx +++ b/src/components/Navigation/KebabMenu/KebabMenu.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { KebabMenu } from "."; diff --git a/src/components/Navigation/KebabMenu/index.tsx b/src/components/Navigation/KebabMenu/index.tsx index 6b7c52a15..a1312571b 100644 --- a/src/components/Navigation/KebabMenu/index.tsx +++ b/src/components/Navigation/KebabMenu/index.tsx @@ -2,7 +2,8 @@ import { actions as globalActions } from "../../../actions"; import { DIGMA_DOCUMENTATION } from "../../../constants"; import { getFeatureFlagValue } from "../../../featureFlags"; import { useConfigSelector } from "../../../store/config/useConfigSelector"; -import { FeatureFlag, OpenInstallationWizardPayload } from "../../../types"; +import type { OpenInstallationWizardPayload } from "../../../types"; +import { FeatureFlag } from "../../../types"; import { openURLInDefaultBrowser } from "../../../utils/actions/openURLInDefaultBrowser"; import { sendUserActionTrackingEvent } from "../../../utils/actions/sendUserActionTrackingEvent"; import { isDigmaEngineRunning } from "../../../utils/isDigmaEngineRunning"; @@ -14,11 +15,11 @@ import { LogoutIcon } from "../../common/icons/16px/LogoutIcon"; import { FourSquaresIcon } from "../../common/icons/FourSquaresIcon"; import { LocalEngineIcon } from "../../common/icons/LocalEngineIcon"; import { MenuList } from "../common/MenuList"; -import { MenuItem } from "../common/MenuList/types"; +import type { MenuItem } from "../common/MenuList/types"; import { Popup } from "../common/Popup"; import { trackingEvents } from "../tracking"; -import { OpenDashboardPayload, OpenDocumentationPayload } from "../types"; -import { KebabMenuProps } from "./types"; +import type { OpenDashboardPayload, OpenDocumentationPayload } from "../types"; +import type { KebabMenuProps } from "./types"; export const KebabMenu = ({ onClose }: KebabMenuProps) => { const { backendInfo, digmaStatus, environment } = useConfigSelector(); diff --git a/src/components/Navigation/Navigation.stories.tsx b/src/components/Navigation/Navigation.stories.tsx index b656be7fb..c165036d8 100644 --- a/src/components/Navigation/Navigation.stories.tsx +++ b/src/components/Navigation/Navigation.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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 2972a370a..03da81167 100644 --- a/src/components/Navigation/ScopeBar/LinkedEndpointsMenu/LinkedEndpointsMenu.stories.tsx +++ b/src/components/Navigation/ScopeBar/LinkedEndpointsMenu/LinkedEndpointsMenu.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { LinkedEndpointsMenu } from "."; diff --git a/src/components/Navigation/ScopeBar/LinkedEndpointsMenu/index.tsx b/src/components/Navigation/ScopeBar/LinkedEndpointsMenu/index.tsx index 4a46a0e20..42adb0e7d 100644 --- a/src/components/Navigation/ScopeBar/LinkedEndpointsMenu/index.tsx +++ b/src/components/Navigation/ScopeBar/LinkedEndpointsMenu/index.tsx @@ -1,10 +1,10 @@ import { sendUserActionTrackingEvent } from "../../../../utils/actions/sendUserActionTrackingEvent"; import { HTTPClientIcon } from "../../../common/icons/HTTPClientIcon"; import { MenuList } from "../../common/MenuList"; -import { LinkedEndpoint } from "../../SpanInfo/types"; +import type { LinkedEndpoint } from "../../SpanInfo/types"; import { trackingEvents } from "../../tracking"; import * as s from "./styles"; -import { LinkedEndpointsMenuProps } from "./types"; +import type { LinkedEndpointsMenuProps } from "./types"; export const LinkedEndpointsMenu = ({ endpoints, diff --git a/src/components/Navigation/ScopeBar/LinkedEndpointsMenu/types.ts b/src/components/Navigation/ScopeBar/LinkedEndpointsMenu/types.ts index 64195706a..a27fe72b7 100644 --- a/src/components/Navigation/ScopeBar/LinkedEndpointsMenu/types.ts +++ b/src/components/Navigation/ScopeBar/LinkedEndpointsMenu/types.ts @@ -1,4 +1,4 @@ -import { LinkedEndpoint } from "../../SpanInfo/types"; +import type { LinkedEndpoint } from "../../SpanInfo/types"; export interface LinkedEndpointsMenuProps { endpoints: LinkedEndpoint[]; diff --git a/src/components/Navigation/ScopeBar/ScopeBar.stories.tsx b/src/components/Navigation/ScopeBar/ScopeBar.stories.tsx index 01a958022..2733fb0c6 100644 --- a/src/components/Navigation/ScopeBar/ScopeBar.stories.tsx +++ b/src/components/Navigation/ScopeBar/ScopeBar.stories.tsx @@ -1,8 +1,8 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { ScopeBar } from "."; -import { Scope } from "../../common/App/types"; -import { CodeContext } from "../types"; +import type { Scope } from "../../common/App/types"; +import type { CodeContext } from "../types"; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction const meta: Meta = { diff --git a/src/components/Navigation/ScopeBar/TargetButtonMenu/index.tsx b/src/components/Navigation/ScopeBar/TargetButtonMenu/index.tsx index 2e402c650..3c7f4d8a6 100644 --- a/src/components/Navigation/ScopeBar/TargetButtonMenu/index.tsx +++ b/src/components/Navigation/ScopeBar/TargetButtonMenu/index.tsx @@ -1,9 +1,9 @@ import { sendUserActionTrackingEvent } from "../../../../utils/actions/sendUserActionTrackingEvent"; -import { CodeDetails } from "../../../common/App/types"; +import type { CodeDetails } from "../../../common/App/types"; import { MenuList } from "../../common/MenuList"; import { trackingEvents } from "../../tracking"; import * as s from "./styles"; -import { TargetButtonMenuProps } from "./types"; +import type { TargetButtonMenuProps } from "./types"; export const TargetButtonMenu = ({ onGoToCodeLocation, diff --git a/src/components/Navigation/ScopeBar/TargetButtonMenu/types.ts b/src/components/Navigation/ScopeBar/TargetButtonMenu/types.ts index 80fa36b12..7e4d46ac0 100644 --- a/src/components/Navigation/ScopeBar/TargetButtonMenu/types.ts +++ b/src/components/Navigation/ScopeBar/TargetButtonMenu/types.ts @@ -1,4 +1,4 @@ -import { CodeDetails, Scope } from "../../../common/App/types"; +import type { CodeDetails, Scope } from "../../../common/App/types"; export interface TargetButtonMenuProps { scope: Scope; diff --git a/src/components/Navigation/ScopeBar/index.tsx b/src/components/Navigation/ScopeBar/index.tsx index afd8c859c..f34ab1801 100644 --- a/src/components/Navigation/ScopeBar/index.tsx +++ b/src/components/Navigation/ScopeBar/index.tsx @@ -4,7 +4,7 @@ import { isString } from "../../../typeGuards/isString"; import { changeScope } from "../../../utils/actions/changeScope"; import { sendUserActionTrackingEvent } from "../../../utils/actions/sendUserActionTrackingEvent"; import { trackingEvents as mainTrackingEvents } from "../../Main/tracking"; -import { CodeDetails, Scope } from "../../common/App/types"; +import type { CodeDetails, Scope } from "../../common/App/types"; import { NewPopover } from "../../common/NewPopover"; import { ChainIcon } from "../../common/icons/14px/ChainIcon"; import { CrosshairIcon } from "../../common/icons/16px/CrosshairIcon"; @@ -13,15 +13,15 @@ import { MinimizeIcon } from "../../common/icons/16px/MinimizeIcon"; import { EndpointIcon } from "../../common/icons/EndpointIcon"; import { NewIconButton } from "../../common/v3/NewIconButton"; import { Tooltip } from "../../common/v3/Tooltip"; -import { LinkedEndpoint } from "../SpanInfo/types"; +import type { LinkedEndpoint } from "../SpanInfo/types"; import { actions } from "../actions"; import { Popup } from "../common/Popup"; import { trackingEvents } from "../tracking"; -import { CodeContext, GoToCodeLocationPayload } from "../types"; +import type { CodeContext, GoToCodeLocationPayload } from "../types"; import { LinkedEndpointsMenu } from "./LinkedEndpointsMenu"; import { TargetButtonMenu } from "./TargetButtonMenu"; import * as s from "./styles"; -import { ScopeBarProps } from "./types"; +import type { ScopeBarProps } from "./types"; const EXPANDED_SCOPE_DISPLAY_NAME_PLACEHOLDER = "Full scope text below"; diff --git a/src/components/Navigation/ScopeBar/types.ts b/src/components/Navigation/ScopeBar/types.ts index 1d66fcdaa..49dca8369 100644 --- a/src/components/Navigation/ScopeBar/types.ts +++ b/src/components/Navigation/ScopeBar/types.ts @@ -1,6 +1,6 @@ -import { Scope } from "../../common/App/types"; -import { LinkedEndpoint } from "../SpanInfo/types"; -import { CodeContext } from "../types"; +import type { Scope } from "../../common/App/types"; +import type { LinkedEndpoint } from "../SpanInfo/types"; +import type { CodeContext } from "../types"; export interface ScopeBarProps { codeContext?: CodeContext; diff --git a/src/components/Navigation/SpanInfo/SpanInfo.stories.tsx b/src/components/Navigation/SpanInfo/SpanInfo.stories.tsx index 9fd92d062..80f8e8f02 100644 --- a/src/components/Navigation/SpanInfo/SpanInfo.stories.tsx +++ b/src/components/Navigation/SpanInfo/SpanInfo.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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 8da57b9bc..84dc02e89 100644 --- a/src/components/Navigation/SpanInfo/Status/Status.stories.tsx +++ b/src/components/Navigation/SpanInfo/Status/Status.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { sub } from "date-fns"; import { Status } from "."; diff --git a/src/components/Navigation/SpanInfo/Status/index.tsx b/src/components/Navigation/SpanInfo/Status/index.tsx index f4eb434ac..5849cf6c2 100644 --- a/src/components/Navigation/SpanInfo/Status/index.tsx +++ b/src/components/Navigation/SpanInfo/Status/index.tsx @@ -4,7 +4,8 @@ import { } from "../../../../utils/formatTimeDistance"; import { Tooltip } from "../../../common/v3/Tooltip"; import * as s from "./styles"; -import { StatusProps, StatusState } from "./types"; +import type { StatusProps } from "./types"; +import { StatusState } from "./types"; const getStatus = (lastSeen: Date) => { const interval = getTimeDistance( diff --git a/src/components/Navigation/SpanInfo/Status/styles.ts b/src/components/Navigation/SpanInfo/Status/styles.ts index c8593e4d8..931e88914 100644 --- a/src/components/Navigation/SpanInfo/Status/styles.ts +++ b/src/components/Navigation/SpanInfo/Status/styles.ts @@ -4,7 +4,8 @@ import { subscriptRegularTypography } from "../../../common/App/typographies"; import { v3colors } from "../../../common/App/v3colors"; -import { IndicatorProps, StatusState } from "./types"; +import type { IndicatorProps } from "./types"; +import { StatusState } from "./types"; export const Container = styled.div` padding: 5px 8px; diff --git a/src/components/Navigation/SpanInfo/index.tsx b/src/components/Navigation/SpanInfo/index.tsx index 8a4f63451..5e52caa7f 100644 --- a/src/components/Navigation/SpanInfo/index.tsx +++ b/src/components/Navigation/SpanInfo/index.tsx @@ -5,7 +5,7 @@ import { Tooltip } from "../../common/v3/Tooltip"; import { trackingEvents } from "../../Main/tracking"; import { Status } from "./Status"; import * as s from "./styles"; -import { SpanInfoProps } from "./types"; +import type { SpanInfoProps } from "./types"; const getLanguage = (assetTypeId: string) => { if (assetTypeId === "DatabaseQueries") { diff --git a/src/components/Navigation/SpanInfo/mockData.ts b/src/components/Navigation/SpanInfo/mockData.ts index e0689a421..cecbb7a5a 100644 --- a/src/components/Navigation/SpanInfo/mockData.ts +++ b/src/components/Navigation/SpanInfo/mockData.ts @@ -1,4 +1,4 @@ -import { SpanInfoData } from "./types"; +import type { SpanInfoData } from "./types"; export const mockedSpanInfoData: SpanInfoData = { displayName: diff --git a/src/components/Navigation/SpanInfo/types.ts b/src/components/Navigation/SpanInfo/types.ts index f0bd9662b..de93a782c 100644 --- a/src/components/Navigation/SpanInfo/types.ts +++ b/src/components/Navigation/SpanInfo/types.ts @@ -1,4 +1,4 @@ -import { Environment } from "../../common/App/types"; +import type { Environment } from "../../common/App/types"; export interface SpanInfoProps { onCollapse: () => void; diff --git a/src/components/Navigation/Tabs/Tabs.stories.tsx b/src/components/Navigation/Tabs/Tabs.stories.tsx index ad0da3e94..1116c4661 100644 --- a/src/components/Navigation/Tabs/Tabs.stories.tsx +++ b/src/components/Navigation/Tabs/Tabs.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { Tabs } from "."; diff --git a/src/components/Navigation/Tabs/index.tsx b/src/components/Navigation/Tabs/index.tsx index ad6b253b4..634554238 100644 --- a/src/components/Navigation/Tabs/index.tsx +++ b/src/components/Navigation/Tabs/index.tsx @@ -5,12 +5,13 @@ import { isNumber } from "../../../typeGuards/isNumber"; import { isString } from "../../../typeGuards/isString"; import { sendUserActionTrackingEvent } from "../../../utils/actions/sendUserActionTrackingEvent"; import { useHistory } from "../../Main/useHistory"; -import { InsightStats, Scope } from "../../common/App/types"; +import type { InsightStats, Scope } from "../../common/App/types"; import { MagicWandIcon } from "../../common/icons/16px/MagicWandIcon"; import { Tooltip } from "../../common/v3/Tooltip"; import { trackingEvents } from "../tracking"; import * as s from "./styles"; -import { BaseTabData, TAB_IDS, TabData } from "./types"; +import type { BaseTabData, TabData } from "./types"; +import { TAB_IDS } from "./types"; const tabs: BaseTabData[] = [ { diff --git a/src/components/Navigation/Tabs/styles.ts b/src/components/Navigation/Tabs/styles.ts index a13504da8..5ecbed7ac 100644 --- a/src/components/Navigation/Tabs/styles.ts +++ b/src/components/Navigation/Tabs/styles.ts @@ -1,6 +1,6 @@ import styled, { css } from "styled-components"; import { isNumber } from "../../../typeGuards/isNumber"; -import { IndicatorProps, TabProps } from "./types"; +import type { IndicatorProps, TabProps } from "./types"; export const TabList = styled.ul` display: flex; diff --git a/src/components/Navigation/Tabs/types.ts b/src/components/Navigation/Tabs/types.ts index 9673050a7..27da63dbf 100644 --- a/src/components/Navigation/Tabs/types.ts +++ b/src/components/Navigation/Tabs/types.ts @@ -1,5 +1,5 @@ -import { ComponentType } from "react"; -import { IconProps } from "../../common/icons/types"; +import type { ComponentType } from "react"; +import type { IconProps } from "../../common/icons/types"; export interface TabsProps { selectedTabId: string; diff --git a/src/components/Navigation/common/Bar/Bar.stories.tsx b/src/components/Navigation/common/Bar/Bar.stories.tsx index 6a21baa07..86e12adfb 100644 --- a/src/components/Navigation/common/Bar/Bar.stories.tsx +++ b/src/components/Navigation/common/Bar/Bar.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { Bar } from "."; diff --git a/src/components/Navigation/common/Bar/index.tsx b/src/components/Navigation/common/Bar/index.tsx index 45a2c35d0..04622b189 100644 --- a/src/components/Navigation/common/Bar/index.tsx +++ b/src/components/Navigation/common/Bar/index.tsx @@ -1,6 +1,7 @@ -import { ForwardedRef, forwardRef } from "react"; +import type { ForwardedRef } from "react"; +import { forwardRef } from "react"; import * as s from "./styles"; -import { BarProps } from "./types"; +import type { BarProps } from "./types"; export const BarComponent = ( { children, className, ...rest }: BarProps, diff --git a/src/components/Navigation/common/Bar/types.ts b/src/components/Navigation/common/Bar/types.ts index 14dcd75f0..d367ab444 100644 --- a/src/components/Navigation/common/Bar/types.ts +++ b/src/components/Navigation/common/Bar/types.ts @@ -1,4 +1,4 @@ -import { HTMLAttributes, ReactNode } from "react"; +import type { HTMLAttributes, ReactNode } from "react"; export interface BarProps extends HTMLAttributes { children: ReactNode; diff --git a/src/components/Navigation/common/IconButton/IconButton.stories.tsx b/src/components/Navigation/common/IconButton/IconButton.stories.tsx index c817c4083..118ccc269 100644 --- a/src/components/Navigation/common/IconButton/IconButton.stories.tsx +++ b/src/components/Navigation/common/IconButton/IconButton.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { IconButton } from "."; import { CodeIcon } from "../../../common/icons/16px/CodeIcon"; diff --git a/src/components/Navigation/common/IconButton/index.tsx b/src/components/Navigation/common/IconButton/index.tsx index f61867e7a..492269609 100644 --- a/src/components/Navigation/common/IconButton/index.tsx +++ b/src/components/Navigation/common/IconButton/index.tsx @@ -1,6 +1,7 @@ -import { ForwardedRef, forwardRef } from "react"; +import type { ForwardedRef } from "react"; +import { forwardRef } from "react"; import * as s from "./styles"; -import { IconButtonProps } from "./types"; +import type { IconButtonProps } from "./types"; export const IconButtonComponent = ( { className, onClick, isDisabled, icon, isHighlighted }: IconButtonProps, diff --git a/src/components/Navigation/common/IconButton/styles.ts b/src/components/Navigation/common/IconButton/styles.ts index dc6ef6bfa..68ae10102 100644 --- a/src/components/Navigation/common/IconButton/styles.ts +++ b/src/components/Navigation/common/IconButton/styles.ts @@ -1,5 +1,5 @@ import styled from "styled-components"; -import { ButtonProps } from "./types"; +import type { ButtonProps } from "./types"; export const Button = styled.button` display: flex; diff --git a/src/components/Navigation/common/IconButton/types.ts b/src/components/Navigation/common/IconButton/types.ts index 8b19a5c69..ca2d8f445 100644 --- a/src/components/Navigation/common/IconButton/types.ts +++ b/src/components/Navigation/common/IconButton/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export interface IconButtonProps { icon: ReactNode; diff --git a/src/components/Navigation/common/MenuList/MenuList.stories.tsx b/src/components/Navigation/common/MenuList/MenuList.stories.tsx index abc58dce0..620cb2561 100644 --- a/src/components/Navigation/common/MenuList/MenuList.stories.tsx +++ b/src/components/Navigation/common/MenuList/MenuList.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { MenuList } from "."; diff --git a/src/components/Navigation/common/MenuList/index.tsx b/src/components/Navigation/common/MenuList/index.tsx index 217a6ef20..c0317be05 100644 --- a/src/components/Navigation/common/MenuList/index.tsx +++ b/src/components/Navigation/common/MenuList/index.tsx @@ -1,9 +1,9 @@ -import { ReactElement } from "react"; +import type { ReactElement } from "react"; import { groupBy } from "../../../../utils/groupBy"; import { intersperse } from "../../../../utils/intersperse"; import { Tooltip } from "../../../common/v3/Tooltip"; import * as s from "./styles"; -import { MenuListProps } from "./types"; +import type { MenuListProps } from "./types"; const UNGROUPED_GROUP_LABEL = "__ungrouped"; diff --git a/src/components/Navigation/common/MenuList/styles.ts b/src/components/Navigation/common/MenuList/styles.ts index bf226a020..92222ddc3 100644 --- a/src/components/Navigation/common/MenuList/styles.ts +++ b/src/components/Navigation/common/MenuList/styles.ts @@ -1,5 +1,5 @@ import styled from "styled-components"; -import { ListItemIconContainerProps, ListItemProps } from "./types"; +import type { ListItemIconContainerProps, ListItemProps } from "./types"; export const List = styled.ul` display: flex; diff --git a/src/components/Navigation/common/MenuList/types.ts b/src/components/Navigation/common/MenuList/types.ts index 787e5f3a7..1474edfe9 100644 --- a/src/components/Navigation/common/MenuList/types.ts +++ b/src/components/Navigation/common/MenuList/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export interface MenuListProps { items: MenuItem[]; diff --git a/src/components/Navigation/common/Popup/Popup.stories.tsx b/src/components/Navigation/common/Popup/Popup.stories.tsx index c3e4cf7f8..bf268f29d 100644 --- a/src/components/Navigation/common/Popup/Popup.stories.tsx +++ b/src/components/Navigation/common/Popup/Popup.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { Popup } from "."; diff --git a/src/components/Navigation/common/Popup/index.tsx b/src/components/Navigation/common/Popup/index.tsx index fc2f44d78..db3cebcaa 100644 --- a/src/components/Navigation/common/Popup/index.tsx +++ b/src/components/Navigation/common/Popup/index.tsx @@ -1,5 +1,5 @@ import * as s from "./styles"; -import { PopupProps } from "./types"; +import type { PopupProps } from "./types"; export const Popup = ({ className, height, header, children }: PopupProps) => ( diff --git a/src/components/Navigation/common/Popup/styles.ts b/src/components/Navigation/common/Popup/styles.ts index ed6180e02..a58e8baab 100644 --- a/src/components/Navigation/common/Popup/styles.ts +++ b/src/components/Navigation/common/Popup/styles.ts @@ -1,5 +1,5 @@ import styled, { css } from "styled-components"; -import { ContainerProps } from "./types"; +import type { ContainerProps } from "./types"; export const Container = styled.div` display: flex; diff --git a/src/components/Navigation/common/Popup/types.ts b/src/components/Navigation/common/Popup/types.ts index c5029f571..7007416b8 100644 --- a/src/components/Navigation/common/Popup/types.ts +++ b/src/components/Navigation/common/Popup/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export interface PopupProps { children: ReactNode; diff --git a/src/components/Navigation/index.tsx b/src/components/Navigation/index.tsx index 42abb63a3..ceb56795b 100644 --- a/src/components/Navigation/index.tsx +++ b/src/components/Navigation/index.tsx @@ -4,12 +4,13 @@ import { dispatcher } from "../../dispatcher"; import { usePrevious } from "../../hooks/usePrevious"; // import { isNull } from "../../typeGuards/isNull"; // import { isUndefined } from "../../typeGuards/isUndefined"; -import { FeatureFlag, GetInsightStatsPayload } from "../../types"; +import type { GetInsightStatsPayload } from "../../types"; +import { FeatureFlag } from "../../types"; import { changeScope } from "../../utils/actions/changeScope"; import { sendUserActionTrackingEvent } from "../../utils/actions/sendUserActionTrackingEvent"; // import { AsyncActionResultData } from "../InstallationWizard/types"; // import { SCOPE_CHANGE_EVENTS } from "../Main/types"; -import { Environment } from "../common/App/types"; +import type { Environment } from "../common/App/types"; import { NewPopover } from "../common/NewPopover"; import { ThreeDotsVerticalIcon } from "../common/icons/ThreeDotsVerticalIcon"; // import { Tooltip } from "../common/v3/Tooltip"; @@ -25,7 +26,7 @@ import { HistoryNavigationPanel } from "./HistoryNavigationPanel"; import { KebabMenu } from "./KebabMenu"; import { ScopeBar } from "./ScopeBar"; import { SpanInfo } from "./SpanInfo"; -import { +import type { GetHighlightsSpanInfoDataPayload, SpanInfoData } from "./SpanInfo/types"; @@ -34,7 +35,7 @@ import { actions } from "./actions"; import { IconButton } from "./common/IconButton"; import * as s from "./styles"; import { trackingEvents } from "./tracking"; -import { +import type { // AddAnnotationPayload, // AutoFixMissingDependencyPayload, CodeContext diff --git a/src/components/Navigation/styles.ts b/src/components/Navigation/styles.ts index 00b3a2036..2970010b9 100644 --- a/src/components/Navigation/styles.ts +++ b/src/components/Navigation/styles.ts @@ -1,5 +1,5 @@ import styled from "styled-components"; -import { ContainerProps } from "./types"; +import type { ContainerProps } from "./types"; export const Container = styled.div` width: 100%; diff --git a/src/components/Navigation/types.ts b/src/components/Navigation/types.ts index 76366d573..b7bfdc012 100644 --- a/src/components/Navigation/types.ts +++ b/src/components/Navigation/types.ts @@ -1,5 +1,5 @@ -import { ViewData } from "../Main/types"; -import { CodeDetails } from "../common/App/types"; +import type { ViewData } from "../Main/types"; +import type { CodeDetails } from "../common/App/types"; export interface NavigationProps { view: ViewData; diff --git a/src/components/Notifications/EmptyState/index.tsx b/src/components/Notifications/EmptyState/index.tsx index 7042c4a1f..8790379f5 100644 --- a/src/components/Notifications/EmptyState/index.tsx +++ b/src/components/Notifications/EmptyState/index.tsx @@ -1,6 +1,6 @@ import { CrossedBellIcon } from "../../common/icons/CrossedBellIcon"; import * as s from "./styles"; -import { EmptyStateProps } from "./types"; +import type { EmptyStateProps } from "./types"; export const EmptyState = ({ title, content }: EmptyStateProps) => ( diff --git a/src/components/Notifications/EmptyState/types.ts b/src/components/Notifications/EmptyState/types.ts index 7e6a8cd39..4160d3470 100644 --- a/src/components/Notifications/EmptyState/types.ts +++ b/src/components/Notifications/EmptyState/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export interface EmptyStateProps { title: string; diff --git a/src/components/Notifications/FullView/index.tsx b/src/components/Notifications/FullView/index.tsx index 6334e59ba..d87b47bfc 100644 --- a/src/components/Notifications/FullView/index.tsx +++ b/src/components/Notifications/FullView/index.tsx @@ -2,14 +2,14 @@ import { useEffect } from "react"; import { CircleLoader } from "../../common/CircleLoader"; import { Pagination } from "../../common/Pagination"; import { Toggle } from "../../common/Toggle"; -import { ToggleValue } from "../../common/Toggle/types"; +import type { ToggleValue } from "../../common/Toggle/types"; import { EmptyState } from "../EmptyState"; import { ErrorEmptyState } from "../ErrorEmptyState"; import { Header } from "../Header"; import { NotificationList } from "../NotificationList"; -import { CodeObjectData } from "../types"; +import type { CodeObjectData } from "../types"; import * as s from "./styles"; -import { FullViewProps } from "./types"; +import type { FullViewProps } from "./types"; export const FullView = ({ onClose, diff --git a/src/components/Notifications/FullView/types.ts b/src/components/Notifications/FullView/types.ts index 87f4e8e7e..29f29c855 100644 --- a/src/components/Notifications/FullView/types.ts +++ b/src/components/Notifications/FullView/types.ts @@ -1,4 +1,4 @@ -import { +import type { CodeObjectData, NotificationsData, NotificationsError diff --git a/src/components/Notifications/Header/index.tsx b/src/components/Notifications/Header/index.tsx index b87bfee94..c9388dd4f 100644 --- a/src/components/Notifications/Header/index.tsx +++ b/src/components/Notifications/Header/index.tsx @@ -1,8 +1,9 @@ -import { DefaultTheme, useTheme } from "styled-components"; +import type { DefaultTheme } from "styled-components"; +import { useTheme } from "styled-components"; import { BellIcon } from "../../common/icons/BellIcon"; import { CrossIcon } from "../../common/icons/CrossIcon"; import * as s from "./styles"; -import { HeaderProps } from "./types"; +import type { HeaderProps } from "./types"; const getIconColor = (theme: DefaultTheme) => { switch (theme.mode) { diff --git a/src/components/Notifications/NotificationCard/NotificationCard.stories.tsx b/src/components/Notifications/NotificationCard/NotificationCard.stories.tsx index 5f5f7bcfb..4bb2495b1 100644 --- a/src/components/Notifications/NotificationCard/NotificationCard.stories.tsx +++ b/src/components/Notifications/NotificationCard/NotificationCard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { NotificationCard } from "."; import { InsightType } from "../../../types"; import { InsightScope } from "../../Insights/types"; diff --git a/src/components/Notifications/NotificationCard/index.tsx b/src/components/Notifications/NotificationCard/index.tsx index 77e529335..3c0b1a3d9 100644 --- a/src/components/Notifications/NotificationCard/index.tsx +++ b/src/components/Notifications/NotificationCard/index.tsx @@ -1,12 +1,13 @@ -import { DefaultTheme, useTheme } from "styled-components"; +import type { DefaultTheme } from "styled-components"; +import { useTheme } from "styled-components"; import { formatTimeDistance } from "../../../utils/formatTimeDistance"; import { getInsightTypeInfo } from "../../../utils/getInsightTypeInfo"; import { InsightScope } from "../../Insights/types"; import { Badge } from "../../common/Badge"; import { Tooltip } from "../../common/Tooltip"; -import { CodeObjectData, InsightNotificationData } from "../types"; +import type { CodeObjectData, InsightNotificationData } from "../types"; import * as s from "./styles"; -import { NotificationCardProps } from "./types"; +import type { NotificationCardProps } from "./types"; const getBadgeStyles = (theme: DefaultTheme) => { switch (theme.mode) { diff --git a/src/components/Notifications/NotificationCard/types.ts b/src/components/Notifications/NotificationCard/types.ts index ade87374b..d004eda1d 100644 --- a/src/components/Notifications/NotificationCard/types.ts +++ b/src/components/Notifications/NotificationCard/types.ts @@ -1,4 +1,4 @@ -import { CodeObjectData, Notification } from "../types"; +import type { CodeObjectData, Notification } from "../types"; export interface NotificationCardProps { data: Notification; diff --git a/src/components/Notifications/NotificationList/index.tsx b/src/components/Notifications/NotificationList/index.tsx index 1f5dd11bd..7e9f8e0e3 100644 --- a/src/components/Notifications/NotificationList/index.tsx +++ b/src/components/Notifications/NotificationList/index.tsx @@ -1,7 +1,7 @@ import { NotificationCard } from "../NotificationCard"; -import { CodeObjectData } from "../types"; +import type { CodeObjectData } from "../types"; import * as s from "./styles"; -import { NotificationListProps } from "./types"; +import type { NotificationListProps } from "./types"; export const NotificationList = ({ notifications, diff --git a/src/components/Notifications/NotificationList/types.ts b/src/components/Notifications/NotificationList/types.ts index 0c3185ece..7af23844a 100644 --- a/src/components/Notifications/NotificationList/types.ts +++ b/src/components/Notifications/NotificationList/types.ts @@ -1,4 +1,4 @@ -import { CodeObjectData, Notification } from "../types"; +import type { CodeObjectData, Notification } from "../types"; export interface NotificationListProps { notifications: Notification[]; diff --git a/src/components/Notifications/Notifications.stories.tsx b/src/components/Notifications/Notifications.stories.tsx index a6271e060..28cdecc00 100644 --- a/src/components/Notifications/Notifications.stories.tsx +++ b/src/components/Notifications/Notifications.stories.tsx @@ -2,12 +2,12 @@ // spanCodeObjectId: // "span:OpenTelemetry.Instrumentation.AspNetCore$_$HTTP POST Transfer/TransferFunds", -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { Notifications } from "."; import { InsightType } from "../../types"; import { InsightScope } from "../Insights/types"; import { actions } from "./actions"; -import { Notification } from "./types"; +import type { Notification } from "./types"; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction const meta: Meta = { diff --git a/src/components/Notifications/RecentView/index.tsx b/src/components/Notifications/RecentView/index.tsx index 54714fd46..ec4f5e40e 100644 --- a/src/components/Notifications/RecentView/index.tsx +++ b/src/components/Notifications/RecentView/index.tsx @@ -5,9 +5,9 @@ import { EmptyState } from "../EmptyState"; import { ErrorEmptyState } from "../ErrorEmptyState"; import { Header } from "../Header"; import { NotificationList } from "../NotificationList"; -import { CodeObjectData } from "../types"; +import type { CodeObjectData } from "../types"; import * as s from "./styles"; -import { RecentViewProps } from "./types"; +import type { RecentViewProps } from "./types"; export const RecentView = ({ onClose, diff --git a/src/components/Notifications/RecentView/types.ts b/src/components/Notifications/RecentView/types.ts index 3f9a58a23..dfd724292 100644 --- a/src/components/Notifications/RecentView/types.ts +++ b/src/components/Notifications/RecentView/types.ts @@ -1,4 +1,4 @@ -import { +import type { CodeObjectData, NotificationsData, NotificationsError diff --git a/src/components/Notifications/index.tsx b/src/components/Notifications/index.tsx index b0305ab02..1830af4f1 100644 --- a/src/components/Notifications/index.tsx +++ b/src/components/Notifications/index.tsx @@ -13,7 +13,7 @@ import { actions } from "./actions"; import * as s from "./styles"; import { trackingEvents } from "./tracking"; import { isNotificationsViewMode } from "./typeGuards"; -import { +import type { CodeObjectData, NotificationsData, NotificationsError, diff --git a/src/components/Notifications/typeGuards.ts b/src/components/Notifications/typeGuards.ts index bfa85fba9..62bb257f3 100644 --- a/src/components/Notifications/typeGuards.ts +++ b/src/components/Notifications/typeGuards.ts @@ -1,5 +1,5 @@ import { isString } from "../../typeGuards/isString"; -import { NotificationsViewMode } from "./types"; +import type { NotificationsViewMode } from "./types"; export const isNotificationsViewMode = ( viewMode: unknown diff --git a/src/components/Notifications/types.ts b/src/components/Notifications/types.ts index da034b894..382312a38 100644 --- a/src/components/Notifications/types.ts +++ b/src/components/Notifications/types.ts @@ -1,5 +1,5 @@ -import { InsightType, SpanInfo } from "../../types"; -import { InsightScope } from "../Insights/types"; +import type { InsightType, SpanInfo } from "../../types"; +import type { InsightScope } from "../Insights/types"; export type NotificationsViewMode = "popup" | "full"; diff --git a/src/components/RecentActivity/Badge/index.tsx b/src/components/RecentActivity/Badge/index.tsx index 3666f3ea0..3d47e54a2 100644 --- a/src/components/RecentActivity/Badge/index.tsx +++ b/src/components/RecentActivity/Badge/index.tsx @@ -1,6 +1,6 @@ import { memo } from "react"; import * as s from "./styles"; -import { BadgeProps } from "./types"; +import type { BadgeProps } from "./types"; const BadgeComponent = ({ size = "small", className }: BadgeProps) => ( diff --git a/src/components/RecentActivity/Badge/styles.ts b/src/components/RecentActivity/Badge/styles.ts index 87b7cdca0..0801e8df8 100644 --- a/src/components/RecentActivity/Badge/styles.ts +++ b/src/components/RecentActivity/Badge/styles.ts @@ -1,5 +1,5 @@ import styled from "styled-components"; -import { BadgeElementProps, BadgeSize } from "./types"; +import type { BadgeElementProps, BadgeSize } from "./types"; const getDimensions = (size: BadgeSize) => { switch (size) { diff --git a/src/components/RecentActivity/ConfirmationDialog/ConfirmationDialog.stories.tsx b/src/components/RecentActivity/ConfirmationDialog/ConfirmationDialog.stories.tsx index bf0f36c76..70cc78cf8 100644 --- a/src/components/RecentActivity/ConfirmationDialog/ConfirmationDialog.stories.tsx +++ b/src/components/RecentActivity/ConfirmationDialog/ConfirmationDialog.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/ConfirmationDialog/index.tsx b/src/components/RecentActivity/ConfirmationDialog/index.tsx index 4e4fa4fe3..1a9553978 100644 --- a/src/components/RecentActivity/ConfirmationDialog/index.tsx +++ b/src/components/RecentActivity/ConfirmationDialog/index.tsx @@ -5,7 +5,7 @@ import { CrossIcon } from "../../common/icons/CrossIcon"; import { NewButton } from "../../common/v3/NewButton"; import { trackingEvents } from "../tracking"; import * as s from "./styles"; -import { ConfirmationDialogProps } from "./types"; +import type { ConfirmationDialogProps } from "./types"; export const ConfirmationDialog = ({ title, diff --git a/src/components/RecentActivity/ConfirmationDialog/types.ts b/src/components/RecentActivity/ConfirmationDialog/types.ts index 4b0760d8c..745f45c6e 100644 --- a/src/components/RecentActivity/ConfirmationDialog/types.ts +++ b/src/components/RecentActivity/ConfirmationDialog/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export interface ConfirmationDialogProps { title: string; diff --git a/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentPanel/CreateEnvironmentPanel.stories.tsx b/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentPanel/CreateEnvironmentPanel.stories.tsx index a4ec108fb..a663f723f 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentPanel/CreateEnvironmentPanel.stories.tsx +++ b/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentPanel/CreateEnvironmentPanel.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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 cc55c7acb..2a3716c57 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 { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/CreateEnvironmentPanel/Tab/index.tsx b/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentPanel/Tab/index.tsx index 11b57bd40..4cb887434 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentPanel/Tab/index.tsx +++ b/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentPanel/Tab/index.tsx @@ -1,8 +1,8 @@ import { CheckmarkIcon } from "../../../../common/icons/12px/CheckmarkIcon"; import { ErrorIcon } from "../../../../common/icons/16px/ErrorIcon"; -import { StepStatus } from "../../types"; +import type { StepStatus } from "../../types"; import * as s from "./styles"; -import { TabProps } from "./types"; +import type { TabProps } from "./types"; const getState = (index: number, state: StepStatus) => { switch (state) { diff --git a/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentPanel/Tab/styles.ts b/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentPanel/Tab/styles.ts index f5da1ee3b..d0112a67a 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentPanel/Tab/styles.ts +++ b/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentPanel/Tab/styles.ts @@ -3,7 +3,7 @@ import { caption2BoldTypography, footnoteRegularTypography } from "../../../../common/App/typographies"; -import { IndexProps, NameProps } from "./types"; +import type { IndexProps, NameProps } from "./types"; export const Container = styled.div` display: flex; diff --git a/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentPanel/Tab/types.ts b/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentPanel/Tab/types.ts index 30d6a0400..9db2755f9 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentPanel/Tab/types.ts +++ b/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentPanel/Tab/types.ts @@ -1,4 +1,4 @@ -import { StepStatus } from "../../types"; +import type { StepStatus } from "../../types"; export interface TabProps { index: number; diff --git a/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentPanel/index.tsx b/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentPanel/index.tsx index f6a70980b..1aafe5a09 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentPanel/index.tsx +++ b/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentPanel/index.tsx @@ -7,7 +7,7 @@ import { Direction } from "../../../common/icons/types"; import { trackingEvents } from "../../tracking"; import { Tab } from "./Tab"; import * as s from "./styles"; -import { CreateEnvironmentPanelProps } from "./types"; +import type { CreateEnvironmentPanelProps } from "./types"; export const CreateEnvironmentPanel = ({ onCancel, diff --git a/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentPanel/types.ts b/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentPanel/types.ts index 5741217df..4a1473eba 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentPanel/types.ts +++ b/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentPanel/types.ts @@ -1,4 +1,4 @@ -import { StepStatus } from "../types"; +import type { StepStatus } from "../types"; export interface CreateEnvironmentPanelProps { onCancel: () => void; diff --git a/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentWizard.stories.tsx b/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentWizard.stories.tsx index 7f1b834d0..ed27e4c29 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentWizard.stories.tsx +++ b/src/components/RecentActivity/CreateEnvironmentWizard/CreateEnvironmentWizard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { CreateEnvironmentWizard } from "."; import { ConfigContext, initialState } from "../../common/App/ConfigContext"; import { DeploymentType } from "../../common/App/types"; diff --git a/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentCreated/EnvironmentCreated.stories.tsx b/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentCreated/EnvironmentCreated.stories.tsx index f33cf4f01..31e6d1cab 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentCreated/EnvironmentCreated.stories.tsx +++ b/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentCreated/EnvironmentCreated.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { EnvironmentCreated } 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/EnvironmentCreated/index.tsx b/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentCreated/index.tsx index 7dd7a3b78..7ce624598 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentCreated/index.tsx +++ b/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentCreated/index.tsx @@ -1,7 +1,7 @@ import { CheckmarkCircleIcon } from "../../../common/icons/20px/CheckmarkCircleIcon"; import { Button } from "../../../common/v3/Button"; import * as s from "./styles"; -import { EnvironmentCreatedProps } from "./types"; +import type { EnvironmentCreatedProps } from "./types"; export const EnvironmentCreated = ({ goToEnvironment diff --git a/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentNameStep/EnvironmentNameStep.stories.tsx b/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentNameStep/EnvironmentNameStep.stories.tsx index 53e005f5b..1d4c59ea0 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentNameStep/EnvironmentNameStep.stories.tsx +++ b/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentNameStep/EnvironmentNameStep.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/EnvironmentNameStep/index.tsx b/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentNameStep/index.tsx index 00f01eb91..62a72d4ab 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentNameStep/index.tsx +++ b/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentNameStep/index.tsx @@ -1,10 +1,11 @@ -import { ChangeEvent, useEffect, useState } from "react"; +import type { ChangeEvent } from "react"; +import { useEffect, useState } from "react"; import { isNull } from "../../../../typeGuards/isNull"; import { CheckmarkCircleIcon } from "../../../common/icons/12px/CheckmarkCircleIcon"; import { ErrorIcon } from "../../../common/icons/12px/ErrorIcon"; import { Button } from "../../../common/v3/Button"; import * as s from "./styles"; -import { EnvironmentNameStepProps } from "./types"; +import type { EnvironmentNameStepProps } from "./types"; const ENVIRONMENT_NAME_REGEX = /^[A-Z0-9_.-]{1,50}$/; diff --git a/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypePanel/EnvironmentTypePanel.stories.tsx b/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypePanel/EnvironmentTypePanel.stories.tsx index 5783a9e5e..995ac2fa2 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypePanel/EnvironmentTypePanel.stories.tsx +++ b/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypePanel/EnvironmentTypePanel.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { EnvironmentTypePanel } from "."; import { ConfigContext, initialState } from "../../../common/App/ConfigContext"; import { DeploymentType } from "../../../common/App/types"; diff --git a/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypePanel/index.tsx b/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypePanel/index.tsx index 23df6bd26..9d017982b 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypePanel/index.tsx +++ b/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypePanel/index.tsx @@ -3,13 +3,13 @@ import { CENTRAL_ON_PREM_INSTALLATION_GUIDE_URL } from "../../../../constants"; import { openURLInDefaultBrowser } from "../../../../utils/actions/openURLInDefaultBrowser"; import { sendUserActionTrackingEvent } from "../../../../utils/actions/sendUserActionTrackingEvent"; import { ConfigContext } from "../../../common/App/ConfigContext"; -import { EnvironmentType } from "../../../common/App/types"; +import type { EnvironmentType } from "../../../common/App/types"; import { IconTag } from "../../../common/IconTag"; import { CodeIcon } from "../../../common/icons/16px/CodeIcon"; import { InfinityIcon } from "../../../common/icons/InfinityIcon"; import { trackingEvents } from "../../tracking"; import * as s from "./styles"; -import { EnvironmentTypeData, EnvironmentTypePanelProps } from "./types"; +import type { EnvironmentTypeData, EnvironmentTypePanelProps } from "./types"; export const EnvironmentTypePanel = ({ onEnvironmentTypeSelect diff --git a/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypePanel/types.ts b/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypePanel/types.ts index b24be54f3..e0a8ebee3 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypePanel/types.ts +++ b/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypePanel/types.ts @@ -1,6 +1,6 @@ -import { ComponentType, ReactNode } from "react"; -import { EnvironmentType } from "../../../common/App/types"; -import { IconProps } from "../../../common/icons/types"; +import type { ComponentType, ReactNode } from "react"; +import type { EnvironmentType } from "../../../common/App/types"; +import type { IconProps } from "../../../common/icons/types"; export interface EnvironmentTypePanelProps { onEnvironmentTypeSelect: (type: EnvironmentType) => void; diff --git a/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypeStep/EnvironmentTypeStep.stories.tsx b/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypeStep/EnvironmentTypeStep.stories.tsx index 1203048fd..73d48f851 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypeStep/EnvironmentTypeStep.stories.tsx +++ b/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypeStep/EnvironmentTypeStep.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/EnvironmentTypeStep/index.tsx b/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypeStep/index.tsx index fdf3fd346..5086344fb 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypeStep/index.tsx +++ b/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypeStep/index.tsx @@ -1,7 +1,7 @@ -import { EnvironmentType } from "../../../common/App/types"; +import type { EnvironmentType } from "../../../common/App/types"; import { EnvironmentTypePanel } from "../EnvironmentTypePanel"; import * as s from "./styles"; -import { EnvironmentTypeStepProps } from "./types"; +import type { EnvironmentTypeStepProps } from "./types"; export const EnvironmentTypeStep = ({ handleEnvironmentTypeSelect, diff --git a/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypeStep/types.ts b/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypeStep/types.ts index ff6e73fb2..157dd493e 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypeStep/types.ts +++ b/src/components/RecentActivity/CreateEnvironmentWizard/EnvironmentTypeStep/types.ts @@ -1,4 +1,4 @@ -import { EnvironmentType } from "../../../common/App/types"; +import type { EnvironmentType } from "../../../common/App/types"; export interface EnvironmentTypeStepProps { handleEnvironmentTypeSelect: (type: EnvironmentType) => void; diff --git a/src/components/RecentActivity/CreateEnvironmentWizard/ErrorCard/ErrorCard.stories.tsx b/src/components/RecentActivity/CreateEnvironmentWizard/ErrorCard/ErrorCard.stories.tsx index c78cd07e1..e33ddf360 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/ErrorCard/ErrorCard.stories.tsx +++ b/src/components/RecentActivity/CreateEnvironmentWizard/ErrorCard/ErrorCard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/ErrorCard/index.tsx b/src/components/RecentActivity/CreateEnvironmentWizard/ErrorCard/index.tsx index 69820f8fc..dc9ef0ef3 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/ErrorCard/index.tsx +++ b/src/components/RecentActivity/CreateEnvironmentWizard/ErrorCard/index.tsx @@ -3,7 +3,7 @@ import { CSSTransition } from "react-transition-group"; import { CrossIcon } from "../../../common/icons/12px/CrossIcon"; import { ErrorIcon } from "../../../common/icons/16px/ErrorIcon"; import * as s from "./styles"; -import { ErrorCardProps } from "./types"; +import type { ErrorCardProps } from "./types"; const HIDE_INTERVAL = 4000; diff --git a/src/components/RecentActivity/CreateEnvironmentWizard/ErrorCard/styles.ts b/src/components/RecentActivity/CreateEnvironmentWizard/ErrorCard/styles.ts index 997348a46..2b845f2c1 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/ErrorCard/styles.ts +++ b/src/components/RecentActivity/CreateEnvironmentWizard/ErrorCard/styles.ts @@ -4,7 +4,7 @@ import { subscriptRegularTypography } from "../../../common/App/typographies"; import { Button } from "../../../common/v3/Button"; -import { ContainerProps } from "./types"; +import type { ContainerProps } from "./types"; export const Container = styled.div` display: flex; diff --git a/src/components/RecentActivity/CreateEnvironmentWizard/ErrorsPanel/ErrorsPanel.stories.tsx b/src/components/RecentActivity/CreateEnvironmentWizard/ErrorsPanel/ErrorsPanel.stories.tsx index 8fb652430..200227963 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/ErrorsPanel/ErrorsPanel.stories.tsx +++ b/src/components/RecentActivity/CreateEnvironmentWizard/ErrorsPanel/ErrorsPanel.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/ErrorsPanel/index.tsx b/src/components/RecentActivity/CreateEnvironmentWizard/ErrorsPanel/index.tsx index af0f39d7e..e99c170c9 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/ErrorsPanel/index.tsx +++ b/src/components/RecentActivity/CreateEnvironmentWizard/ErrorsPanel/index.tsx @@ -1,6 +1,6 @@ import { ErrorCard } from "../ErrorCard"; import * as s from "./styles"; -import { ErrorsPanelProps } from "./types"; +import type { ErrorsPanelProps } from "./types"; export const ErrorsPanel = ({ errors }: ErrorsPanelProps) => { return ( diff --git a/src/components/RecentActivity/CreateEnvironmentWizard/RegisterStep/RegisterStep.stories.tsx b/src/components/RecentActivity/CreateEnvironmentWizard/RegisterStep/RegisterStep.stories.tsx index abb515eac..5774cf487 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/RegisterStep/RegisterStep.stories.tsx +++ b/src/components/RecentActivity/CreateEnvironmentWizard/RegisterStep/RegisterStep.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/CreateEnvironmentWizard/RegisterStep/index.tsx b/src/components/RecentActivity/CreateEnvironmentWizard/RegisterStep/index.tsx index acc821a6c..c62dc2f67 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/RegisterStep/index.tsx +++ b/src/components/RecentActivity/CreateEnvironmentWizard/RegisterStep/index.tsx @@ -10,7 +10,7 @@ import { UserIcon } from "../../../common/icons/UserIcon"; import { trackingEvents } from "../../tracking"; import { isWorkEmail } from "./isWorkEmail"; import * as s from "./styles"; -import { RegisterStepProps, RegistrationFormValues } from "./types"; +import type { RegisterStepProps, RegistrationFormValues } from "./types"; const validateEmail = (email: string): string | boolean => { const emailMessage = "Please enter a valid work email address"; diff --git a/src/components/RecentActivity/CreateEnvironmentWizard/index.tsx b/src/components/RecentActivity/CreateEnvironmentWizard/index.tsx index adc3c6578..39a4b9189 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/index.tsx +++ b/src/components/RecentActivity/CreateEnvironmentWizard/index.tsx @@ -4,11 +4,11 @@ import { dispatcher } from "../../../dispatcher"; import { sendTrackingEvent } from "../../../utils/actions/sendTrackingEvent"; import { sendUserActionTrackingEvent } from "../../../utils/actions/sendUserActionTrackingEvent"; import { ConfigContext } from "../../common/App/ConfigContext"; -import { Environment } from "../../common/App/types"; +import type { Environment } from "../../common/App/types"; import { actions } from "../actions"; import { RecentActivityContainerBackgroundGradient } from "../styles"; import { trackingEvents } from "../tracking"; -import { +import type { CreateEnvironmentPayload, EnvironmentCreatedData, ErrorResponseData @@ -18,10 +18,10 @@ import { EnvironmentCreated } from "./EnvironmentCreated"; import { EnvironmentNameStep } from "./EnvironmentNameStep"; import { EnvironmentTypeStep } from "./EnvironmentTypeStep"; import { ErrorsPanel } from "./ErrorsPanel"; -import { ErrorData } from "./ErrorsPanel/types"; +import type { ErrorData } from "./ErrorsPanel/types"; import { RegisterStep } from "./RegisterStep"; import * as s from "./styles"; -import { +import type { CreateEnvironmentWizardProps, ErrorDefinitions, StepDefinitions diff --git a/src/components/RecentActivity/CreateEnvironmentWizard/styles.ts b/src/components/RecentActivity/CreateEnvironmentWizard/styles.ts index c0f45c324..c48438eae 100644 --- a/src/components/RecentActivity/CreateEnvironmentWizard/styles.ts +++ b/src/components/RecentActivity/CreateEnvironmentWizard/styles.ts @@ -1,5 +1,5 @@ import styled from "styled-components"; -import { StepProps } from "./types"; +import type { StepProps } from "./types"; export const Container = styled.div` box-sizing: border-box; diff --git a/src/components/RecentActivity/Digmathon/CongratulationsView/index.tsx b/src/components/RecentActivity/Digmathon/CongratulationsView/index.tsx index 918ca5e0c..b2081ba81 100644 --- a/src/components/RecentActivity/Digmathon/CongratulationsView/index.tsx +++ b/src/components/RecentActivity/Digmathon/CongratulationsView/index.tsx @@ -3,12 +3,12 @@ import { isString } from "../../../../typeGuards/isString"; import { sendTrackingEvent } from "../../../../utils/actions/sendTrackingEvent"; import { sendUserActionTrackingEvent } from "../../../../utils/actions/sendUserActionTrackingEvent"; import { ConfigContext } from "../../../common/App/ConfigContext"; -import { ConfigContextData } from "../../../common/App/types"; +import type { ConfigContextData } from "../../../common/App/types"; import { CheckmarkCircleIcon } from "../../../common/icons/12px/CheckmarkCircleIcon"; import { trackingEvents } from "../../tracking"; -import { DigmathonInsightData } from "../../types"; +import type { DigmathonInsightData } from "../../types"; import * as s from "./styles"; -import { CongratulationsViewProps } from "./types"; +import type { CongratulationsViewProps } from "./types"; const EMAIL_ADDRESS = "digmathon@digma.ai"; diff --git a/src/components/RecentActivity/Digmathon/CongratulationsView/types.ts b/src/components/RecentActivity/Digmathon/CongratulationsView/types.ts index 9fe5e814b..81afdd639 100644 --- a/src/components/RecentActivity/Digmathon/CongratulationsView/types.ts +++ b/src/components/RecentActivity/Digmathon/CongratulationsView/types.ts @@ -1,4 +1,4 @@ -import { DigmathonInsightData } from "../../types"; +import type { DigmathonInsightData } from "../../types"; export interface CongratulationsViewProps { data: DigmathonInsightData[]; diff --git a/src/components/RecentActivity/Digmathon/Digmathon.stories.tsx b/src/components/RecentActivity/Digmathon/Digmathon.stories.tsx index 536b3591c..a66de6c13 100644 --- a/src/components/RecentActivity/Digmathon/Digmathon.stories.tsx +++ b/src/components/RecentActivity/Digmathon/Digmathon.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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 39e23920a..9b07ff6ea 100644 --- a/src/components/RecentActivity/Digmathon/DigmathonInsightCard/DigmathonInsightCard.stories.tsx +++ b/src/components/RecentActivity/Digmathon/DigmathonInsightCard/DigmathonInsightCard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { DigmathonInsightCard } from "."; import { InsightType } from "../../../Insights/types"; import { getDigmathonInsightCardData } from "../getDigmathonInsightData"; diff --git a/src/components/RecentActivity/Digmathon/DigmathonInsightCard/index.tsx b/src/components/RecentActivity/Digmathon/DigmathonInsightCard/index.tsx index 9f489def4..a74c0e7d8 100644 --- a/src/components/RecentActivity/Digmathon/DigmathonInsightCard/index.tsx +++ b/src/components/RecentActivity/Digmathon/DigmathonInsightCard/index.tsx @@ -1,5 +1,5 @@ import * as s from "./styles"; -import { DigmathonInsightCardProps } from "./types"; +import type { DigmathonInsightCardProps } from "./types"; export const DigmathonInsightCard = ({ number, diff --git a/src/components/RecentActivity/Digmathon/DigmathonInsightCard/styles.ts b/src/components/RecentActivity/Digmathon/DigmathonInsightCard/styles.ts index 5d13b6dbe..bf5c019b9 100644 --- a/src/components/RecentActivity/Digmathon/DigmathonInsightCard/styles.ts +++ b/src/components/RecentActivity/Digmathon/DigmathonInsightCard/styles.ts @@ -4,7 +4,7 @@ import { caption1BoldTypography, footnoteRegularTypography } from "../../../common/App/typographies"; -import { ContainerProps } from "./types"; +import type { ContainerProps } from "./types"; export const Container = styled.div` display: flex; diff --git a/src/components/RecentActivity/Digmathon/DigmathonInsightCard/types.ts b/src/components/RecentActivity/Digmathon/DigmathonInsightCard/types.ts index 1b21a3016..f2d2e0d3a 100644 --- a/src/components/RecentActivity/Digmathon/DigmathonInsightCard/types.ts +++ b/src/components/RecentActivity/Digmathon/DigmathonInsightCard/types.ts @@ -1,4 +1,4 @@ -import { DigmathonInsightCardData } from "../../types"; +import type { DigmathonInsightCardData } from "../../types"; export interface DigmathonInsightCardProps { number: number; diff --git a/src/components/RecentActivity/Digmathon/ProgressView/index.tsx b/src/components/RecentActivity/Digmathon/ProgressView/index.tsx index 351fbb9f1..1955ad774 100644 --- a/src/components/RecentActivity/Digmathon/ProgressView/index.tsx +++ b/src/components/RecentActivity/Digmathon/ProgressView/index.tsx @@ -14,7 +14,7 @@ import { trackingEvents } from "../../tracking"; import { DigmathonInsightCard } from "../DigmathonInsightCard"; import { getProgressEmailLink } from "../getProgressEmailLink"; import * as s from "./styles"; -import { ProgressViewProps } from "./types"; +import type { ProgressViewProps } from "./types"; const DIGMATHON_URL = "https://www.digma.ai/digmathon"; const DIGMATHON_LEADERBOARD_URL = "https://www.digma.ai/digmathon/#leaderboard"; diff --git a/src/components/RecentActivity/Digmathon/ProgressView/styles.ts b/src/components/RecentActivity/Digmathon/ProgressView/styles.ts index 346518a42..ca755b91a 100644 --- a/src/components/RecentActivity/Digmathon/ProgressView/styles.ts +++ b/src/components/RecentActivity/Digmathon/ProgressView/styles.ts @@ -7,7 +7,7 @@ import { subscriptRegularTypography } from "../../../common/App/typographies"; import { Button } from "../../../common/v3/Button"; -import { +import type { FoundIssuesNumberProps, NewIssuesFoundMessageProps, UpdateProgressButtonProps diff --git a/src/components/RecentActivity/Digmathon/ProgressView/types.ts b/src/components/RecentActivity/Digmathon/ProgressView/types.ts index ada026782..3f92efaaa 100644 --- a/src/components/RecentActivity/Digmathon/ProgressView/types.ts +++ b/src/components/RecentActivity/Digmathon/ProgressView/types.ts @@ -1,4 +1,4 @@ -import { DigmathonProgressData } from "../../types"; +import type { DigmathonProgressData } from "../../types"; export interface ProgressViewProps { data: DigmathonProgressData; diff --git a/src/components/RecentActivity/Digmathon/getDigmathonInsightData.tsx b/src/components/RecentActivity/Digmathon/getDigmathonInsightData.tsx index c952c5166..3a9822f22 100644 --- a/src/components/RecentActivity/Digmathon/getDigmathonInsightData.tsx +++ b/src/components/RecentActivity/Digmathon/getDigmathonInsightData.tsx @@ -1,5 +1,5 @@ import { InsightType } from "../../Insights/types"; -import { DigmathonInsightCardData } from "../types"; +import type { DigmathonInsightCardData } from "../types"; export const getDigmathonInsightCardData = ( type: InsightType diff --git a/src/components/RecentActivity/Digmathon/getProgressEmailLink.ts b/src/components/RecentActivity/Digmathon/getProgressEmailLink.ts index 3f842247e..18b68a8a1 100644 --- a/src/components/RecentActivity/Digmathon/getProgressEmailLink.ts +++ b/src/components/RecentActivity/Digmathon/getProgressEmailLink.ts @@ -1,6 +1,6 @@ import { isString } from "../../../typeGuards/isString"; -import { ConfigContextData } from "../../common/App/types"; -import { DigmathonInsightData } from "../types"; +import type { ConfigContextData } from "../../common/App/types"; +import type { DigmathonInsightData } from "../types"; export const EMAIL_ADDRESS = "digmathon@digma.ai"; const LINE_BREAK = "%0D%0A"; diff --git a/src/components/RecentActivity/Digmathon/index.tsx b/src/components/RecentActivity/Digmathon/index.tsx index b468c0225..e552ba73e 100644 --- a/src/components/RecentActivity/Digmathon/index.tsx +++ b/src/components/RecentActivity/Digmathon/index.tsx @@ -4,11 +4,11 @@ import { NewCircleLoader } from "../../common/NewCircleLoader"; import { ChevronIcon } from "../../common/icons/16px/ChevronIcon"; import { Direction } from "../../common/icons/types"; import { trackingEvents } from "../tracking"; -import { DigmathonProgressData } from "../types"; +import type { DigmathonProgressData } from "../types"; import { CongratulationsView } from "./CongratulationsView"; import { ProgressView } from "./ProgressView"; import * as s from "./styles"; -import { DigmathonProgressProps } from "./types"; +import type { DigmathonProgressProps } from "./types"; export const Digmathon = ({ data, diff --git a/src/components/RecentActivity/Digmathon/mockData.ts b/src/components/RecentActivity/Digmathon/mockData.ts index f53884d46..1ddaea33e 100644 --- a/src/components/RecentActivity/Digmathon/mockData.ts +++ b/src/components/RecentActivity/Digmathon/mockData.ts @@ -1,5 +1,5 @@ import { InsightType } from "../../Insights/types"; -import { SetDigmathonProgressDataPayload } from "../types"; +import type { SetDigmathonProgressDataPayload } from "../types"; export const mockedDigmathonProgressData: SetDigmathonProgressDataPayload = { insights: [ diff --git a/src/components/RecentActivity/Digmathon/types.ts b/src/components/RecentActivity/Digmathon/types.ts index cad5d53c0..2d81867d2 100644 --- a/src/components/RecentActivity/Digmathon/types.ts +++ b/src/components/RecentActivity/Digmathon/types.ts @@ -1,4 +1,4 @@ -import { DigmathonProgressData } from "../types"; +import type { DigmathonProgressData } from "../types"; export interface DigmathonProgressProps { data?: DigmathonProgressData; diff --git a/src/components/RecentActivity/EnvironmentInstructionsPanel/EnvironmentInstructionsPanel.stories.tsx b/src/components/RecentActivity/EnvironmentInstructionsPanel/EnvironmentInstructionsPanel.stories.tsx index 661baf2d4..8f3f8ceb7 100644 --- a/src/components/RecentActivity/EnvironmentInstructionsPanel/EnvironmentInstructionsPanel.stories.tsx +++ b/src/components/RecentActivity/EnvironmentInstructionsPanel/EnvironmentInstructionsPanel.stories.tsx @@ -1,8 +1,9 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { EnvironmentInstructionsPanel } from "."; import { ConfigContext, initialState } from "../../common/App/ConfigContext"; -import { ConfigContextData, DeploymentType } from "../../common/App/types"; -import { ExtendedEnvironment } from "../types"; +import type { ConfigContextData } from "../../common/App/types"; +import { DeploymentType } from "../../common/App/types"; +import type { ExtendedEnvironment } from "../types"; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction const meta: Meta = { diff --git a/src/components/RecentActivity/EnvironmentInstructionsPanel/EnvironmentVariableCode/EnvironmentVariableCode.stories.tsx b/src/components/RecentActivity/EnvironmentInstructionsPanel/EnvironmentVariableCode/EnvironmentVariableCode.stories.tsx index ff556ab0d..f7a085e0f 100644 --- a/src/components/RecentActivity/EnvironmentInstructionsPanel/EnvironmentVariableCode/EnvironmentVariableCode.stories.tsx +++ b/src/components/RecentActivity/EnvironmentInstructionsPanel/EnvironmentVariableCode/EnvironmentVariableCode.stories.tsx @@ -1,7 +1,8 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { EnvironmentVariableCode } from "."; import { ConfigContext, initialState } from "../../../common/App/ConfigContext"; -import { ConfigContextData, DeploymentType } from "../../../common/App/types"; +import type { ConfigContextData } from "../../../common/App/types"; +import { DeploymentType } from "../../../common/App/types"; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction const meta: Meta = { diff --git a/src/components/RecentActivity/EnvironmentInstructionsPanel/EnvironmentVariableCode/index.tsx b/src/components/RecentActivity/EnvironmentInstructionsPanel/EnvironmentVariableCode/index.tsx index 6257d3446..7d0514713 100644 --- a/src/components/RecentActivity/EnvironmentInstructionsPanel/EnvironmentVariableCode/index.tsx +++ b/src/components/RecentActivity/EnvironmentInstructionsPanel/EnvironmentVariableCode/index.tsx @@ -1,11 +1,12 @@ -import { Fragment, ReactNode } from "react"; +import type { ReactNode } from "react"; +import { Fragment } from "react"; import { getFeatureFlagValue } from "../../../../featureFlags"; import { useConfigSelector } from "../../../../store/config/useConfigSelector"; import { isString } from "../../../../typeGuards/isString"; import { FeatureFlag } from "../../../../types"; import { intersperse } from "../../../../utils/intersperse"; import { HighlightedCode } from "../styles"; -import { DigmaAttribute } from "./types"; +import type { DigmaAttribute } from "./types"; const OTELAGENT_ATTRIBUTES_PREFIX = "OTEL_RESOURCE_ATTRIBUTES"; const MICROMETER_ATTRIBUTES_PREFIX = diff --git a/src/components/RecentActivity/EnvironmentInstructionsPanel/index.tsx b/src/components/RecentActivity/EnvironmentInstructionsPanel/index.tsx index af1996e03..5af30a498 100644 --- a/src/components/RecentActivity/EnvironmentInstructionsPanel/index.tsx +++ b/src/components/RecentActivity/EnvironmentInstructionsPanel/index.tsx @@ -6,7 +6,10 @@ import { FeatureFlag } from "../../../types"; import { openURLInDefaultBrowser } from "../../../utils/actions/openURLInDefaultBrowser"; import { sendUserActionTrackingEvent } from "../../../utils/actions/sendUserActionTrackingEvent"; import { ConfigContext } from "../../common/App/ConfigContext"; -import { ConfigContextData, EnvironmentType } from "../../common/App/types"; +import type { + ConfigContextData, + EnvironmentType +} from "../../common/App/types"; import { CheckmarkIcon } from "../../common/icons/12px/CheckmarkIcon"; import { InfinityIcon } from "../../common/icons/32px/InfinityIcon"; import { Link } from "../../common/v3/Link"; @@ -15,7 +18,7 @@ import { actions } from "../actions"; import { trackingEvents } from "../tracking"; import { EnvironmentVariableCode } from "./EnvironmentVariableCode"; import * as s from "./styles"; -import { EnvironmentInstructionsPanelProps } from "./types"; +import type { EnvironmentInstructionsPanelProps } from "./types"; import { useAddToRunConfig } from "./useAddToRunConfig"; const getIsActiveRunConfigSet = ( diff --git a/src/components/RecentActivity/EnvironmentInstructionsPanel/types.ts b/src/components/RecentActivity/EnvironmentInstructionsPanel/types.ts index 1a6390572..9b2ba4cf7 100644 --- a/src/components/RecentActivity/EnvironmentInstructionsPanel/types.ts +++ b/src/components/RecentActivity/EnvironmentInstructionsPanel/types.ts @@ -1,4 +1,4 @@ -import { ExtendedEnvironment } from "../types"; +import type { ExtendedEnvironment } from "../types"; export interface EnvironmentInstructionsPanelProps { environment: ExtendedEnvironment; diff --git a/src/components/RecentActivity/EnvironmentInstructionsPanel/useAddToRunConfig.ts b/src/components/RecentActivity/EnvironmentInstructionsPanel/useAddToRunConfig.ts index a81581d62..9c2909fb3 100644 --- a/src/components/RecentActivity/EnvironmentInstructionsPanel/useAddToRunConfig.ts +++ b/src/components/RecentActivity/EnvironmentInstructionsPanel/useAddToRunConfig.ts @@ -1,7 +1,7 @@ import { useEffect, useState } from "react"; import { dispatcher } from "../../../dispatcher"; import { actions } from "../actions"; -import { AddToConfigResult, AddToRunConfigState } from "./types"; +import type { AddToConfigResult, AddToRunConfigState } from "./types"; export const useAddToRunConfig = (environment: string) => { const [addToConfigState, setAddToConfigState] = diff --git a/src/components/RecentActivity/EnvironmentMenu/index.tsx b/src/components/RecentActivity/EnvironmentMenu/index.tsx index 66541f65d..f0f6fcd36 100644 --- a/src/components/RecentActivity/EnvironmentMenu/index.tsx +++ b/src/components/RecentActivity/EnvironmentMenu/index.tsx @@ -1,5 +1,5 @@ import * as s from "./styles"; -import { EnvironmentMenuProps } from "./types"; +import type { EnvironmentMenuProps } from "./types"; export const EnvironmentMenu = ({ onSelect, items }: EnvironmentMenuProps) => { const handleMenuItemClick = (value: string) => { diff --git a/src/components/RecentActivity/EnvironmentMenu/types.ts b/src/components/RecentActivity/EnvironmentMenu/types.ts index 54f828c0b..5629e7797 100644 --- a/src/components/RecentActivity/EnvironmentMenu/types.ts +++ b/src/components/RecentActivity/EnvironmentMenu/types.ts @@ -1,5 +1,5 @@ -import { MemoExoticComponent } from "react"; -import { IconProps } from "../../common/icons/types"; +import type { MemoExoticComponent } from "react"; +import type { IconProps } from "../../common/icons/types"; export interface EnvironmentMenuItem { label: string; diff --git a/src/components/RecentActivity/EnvironmentPanel/EnvironmentTab/EnvironmentTab.stories.tsx b/src/components/RecentActivity/EnvironmentPanel/EnvironmentTab/EnvironmentTab.stories.tsx index b2d8bc98e..c883003a2 100644 --- a/src/components/RecentActivity/EnvironmentPanel/EnvironmentTab/EnvironmentTab.stories.tsx +++ b/src/components/RecentActivity/EnvironmentPanel/EnvironmentTab/EnvironmentTab.stories.tsx @@ -1,6 +1,6 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { EnvironmentTab } from "."; -import { ExtendedEnvironment } from "../../types"; +import type { ExtendedEnvironment } from "../../types"; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction const meta: Meta = { diff --git a/src/components/RecentActivity/EnvironmentPanel/EnvironmentTab/index.tsx b/src/components/RecentActivity/EnvironmentPanel/EnvironmentTab/index.tsx index dc2242679..f16408c4d 100644 --- a/src/components/RecentActivity/EnvironmentPanel/EnvironmentTab/index.tsx +++ b/src/components/RecentActivity/EnvironmentPanel/EnvironmentTab/index.tsx @@ -8,11 +8,11 @@ import { TrashBinIcon } from "../../../common/icons/16px/TrashBinIcon"; import { WrenchIcon } from "../../../common/icons/16px/WrenchIcon"; import { Badge } from "../../Badge"; import { EnvironmentMenu } from "../../EnvironmentMenu"; -import { EnvironmentMenuItem } from "../../EnvironmentMenu/types"; +import type { EnvironmentMenuItem } from "../../EnvironmentMenu/types"; import { trackingEvents } from "../../tracking"; import { getEnvironmentTabId } from "./getEnvironmentTabIdPrefix"; import * as s from "./styles"; -import { EnvironmentTabProps } from "./types"; +import type { EnvironmentTabProps } from "./types"; export const EnvironmentTab = ({ environment, diff --git a/src/components/RecentActivity/EnvironmentPanel/EnvironmentTab/styles.ts b/src/components/RecentActivity/EnvironmentPanel/EnvironmentTab/styles.ts index d10509bd7..a23eac274 100644 --- a/src/components/RecentActivity/EnvironmentPanel/EnvironmentTab/styles.ts +++ b/src/components/RecentActivity/EnvironmentPanel/EnvironmentTab/styles.ts @@ -1,7 +1,7 @@ import styled, { css } from "styled-components"; import { subscriptRegularTypography } from "../../../common/App/typographies"; import { KebabMenuButton } from "../../../common/KebabMenuButton"; -import { +import type { ContainerProps, LabelProps, StyledKebabMenuButtonProps diff --git a/src/components/RecentActivity/EnvironmentPanel/EnvironmentTab/types.ts b/src/components/RecentActivity/EnvironmentPanel/EnvironmentTab/types.ts index b990bacd2..881d9f1c8 100644 --- a/src/components/RecentActivity/EnvironmentPanel/EnvironmentTab/types.ts +++ b/src/components/RecentActivity/EnvironmentPanel/EnvironmentTab/types.ts @@ -1,5 +1,5 @@ -import { KebabMenuButtonProps } from "../../../common/KebabMenuButton/types"; -import { ExtendedEnvironment } from "../../types"; +import type { KebabMenuButtonProps } from "../../../common/KebabMenuButton/types"; +import type { ExtendedEnvironment } from "../../types"; export interface TabThemeColors { text: { diff --git a/src/components/RecentActivity/EnvironmentPanel/index.tsx b/src/components/RecentActivity/EnvironmentPanel/index.tsx index cf8e82c29..84ff7a0d9 100644 --- a/src/components/RecentActivity/EnvironmentPanel/index.tsx +++ b/src/components/RecentActivity/EnvironmentPanel/index.tsx @@ -3,7 +3,7 @@ import useDimensions from "react-cool-dimensions"; import { RECENT_ACTIVITY_CONTAINER_ID } from ".."; import { actions as globalActions } from "../../../actions"; import { SLACK_WORKSPACE_URL } from "../../../constants"; -import { SetObservabilityPayload } from "../../../types"; +import type { SetObservabilityPayload } from "../../../types"; import { openURLInDefaultBrowser } from "../../../utils/actions/openURLInDefaultBrowser"; import { sendUserActionTrackingEvent } from "../../../utils/actions/sendUserActionTrackingEvent"; import { MenuList } from "../../Navigation/common/MenuList"; @@ -23,10 +23,10 @@ import { DigmaLogoIcon } from "../../common/icons/DigmaLogoIcon"; import { ThreeDotsVerticalIcon } from "../../common/icons/ThreeDotsVerticalIcon"; import { Direction } from "../../common/icons/types"; import { trackingEvents } from "../tracking"; -import { ExtendedEnvironment } from "../types"; +import type { ExtendedEnvironment } from "../types"; import { EnvironmentTab } from "./EnvironmentTab"; import * as s from "./styles"; -import { EnvironmentPanelProps, ScrollDirection } from "./types"; +import type { EnvironmentPanelProps, ScrollDirection } from "./types"; const FONT_WIDTH_TRANSITION_THRESHOLD = 5; // in pixels diff --git a/src/components/RecentActivity/EnvironmentPanel/types.ts b/src/components/RecentActivity/EnvironmentPanel/types.ts index ef94d3ec5..a91ec91d9 100644 --- a/src/components/RecentActivity/EnvironmentPanel/types.ts +++ b/src/components/RecentActivity/EnvironmentPanel/types.ts @@ -1,4 +1,4 @@ -import { ExtendedEnvironment } from "../types"; +import type { ExtendedEnvironment } from "../types"; export interface EnvironmentPanelProps { environments: ExtendedEnvironment[]; diff --git a/src/components/RecentActivity/LiveView/AreaTooltipContent/index.tsx b/src/components/RecentActivity/LiveView/AreaTooltipContent/index.tsx index 13b673e65..f26187a3a 100644 --- a/src/components/RecentActivity/LiveView/AreaTooltipContent/index.tsx +++ b/src/components/RecentActivity/LiveView/AreaTooltipContent/index.tsx @@ -1,7 +1,7 @@ import { getDurationString } from "../../../../utils/getDurationString"; import { TooltipContent } from "../TooltipContent"; import * as s from "./styles"; -import { AreaTooltipContentProps } from "./types"; +import type { AreaTooltipContentProps } from "./types"; export const AreaTooltipContent = ({ p50, p95 }: AreaTooltipContentProps) => ( diff --git a/src/components/RecentActivity/LiveView/AreaTooltipContent/types.ts b/src/components/RecentActivity/LiveView/AreaTooltipContent/types.ts index 876b63226..6e7987aa7 100644 --- a/src/components/RecentActivity/LiveView/AreaTooltipContent/types.ts +++ b/src/components/RecentActivity/LiveView/AreaTooltipContent/types.ts @@ -1,4 +1,4 @@ -import { PercentileInfo } from "../types"; +import type { PercentileInfo } from "../types"; export interface AreaTooltipContentProps { p50: PercentileInfo; diff --git a/src/components/RecentActivity/LiveView/ChangeStatus/index.tsx b/src/components/RecentActivity/LiveView/ChangeStatus/index.tsx index 0b8b382d4..79627854c 100644 --- a/src/components/RecentActivity/LiveView/ChangeStatus/index.tsx +++ b/src/components/RecentActivity/LiveView/ChangeStatus/index.tsx @@ -1,9 +1,10 @@ -import { DefaultTheme, useTheme } from "styled-components"; +import type { DefaultTheme } from "styled-components"; +import { useTheme } from "styled-components"; import { ArrowIcon } from "../../../common/icons/ArrowIcon"; import { Direction } from "../../../common/icons/types"; -import { LiveDataDurationPercentile } from "../types"; +import type { LiveDataDurationPercentile } from "../types"; import * as s from "./styles"; -import { ChangeStatusProps } from "./types"; +import type { ChangeStatusProps } from "./types"; const getStatusString = (percentile: LiveDataDurationPercentile) => { if (!percentile.previousDuration) { diff --git a/src/components/RecentActivity/LiveView/ChangeStatus/types.ts b/src/components/RecentActivity/LiveView/ChangeStatus/types.ts index 33774d49b..15492ee31 100644 --- a/src/components/RecentActivity/LiveView/ChangeStatus/types.ts +++ b/src/components/RecentActivity/LiveView/ChangeStatus/types.ts @@ -1,4 +1,4 @@ -import { LiveDataDurationPercentile } from "../types"; +import type { LiveDataDurationPercentile } from "../types"; export interface ChangeStatusProps { percentile: LiveDataDurationPercentile; diff --git a/src/components/RecentActivity/LiveView/DotTooltipContent/index.tsx b/src/components/RecentActivity/LiveView/DotTooltipContent/index.tsx index 05f363a6d..1300de5e9 100644 --- a/src/components/RecentActivity/LiveView/DotTooltipContent/index.tsx +++ b/src/components/RecentActivity/LiveView/DotTooltipContent/index.tsx @@ -2,7 +2,7 @@ import { format } from "date-fns"; import { getDurationString } from "../../../../utils/getDurationString"; import { TooltipContent } from "../TooltipContent"; import * as s from "./styles"; -import { DotTooltipContentProps } from "./types"; +import type { DotTooltipContentProps } from "./types"; export const DotTooltipContent = ({ data diff --git a/src/components/RecentActivity/LiveView/DotTooltipContent/types.ts b/src/components/RecentActivity/LiveView/DotTooltipContent/types.ts index 983997bea..001f64fc1 100644 --- a/src/components/RecentActivity/LiveView/DotTooltipContent/types.ts +++ b/src/components/RecentActivity/LiveView/DotTooltipContent/types.ts @@ -1,4 +1,4 @@ -import { ExtendedLiveDataRecord } from "../types"; +import type { ExtendedLiveDataRecord } from "../types"; export interface DotTooltipContentProps { data: ExtendedLiveDataRecord; diff --git a/src/components/RecentActivity/LiveView/LiveView.stories.tsx b/src/components/RecentActivity/LiveView/LiveView.stories.tsx index bb9e3cea1..6716fe3aa 100644 --- a/src/components/RecentActivity/LiveView/LiveView.stories.tsx +++ b/src/components/RecentActivity/LiveView/LiveView.stories.tsx @@ -1,7 +1,7 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { LiveView } from "."; import { mockData } from "./mockData"; -import { LiveDataDurationPercentile } from "./types"; +import type { LiveDataDurationPercentile } from "./types"; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction const meta: Meta = { diff --git a/src/components/RecentActivity/LiveView/TooltipContent/index.tsx b/src/components/RecentActivity/LiveView/TooltipContent/index.tsx index 8e38e731d..4c34811c3 100644 --- a/src/components/RecentActivity/LiveView/TooltipContent/index.tsx +++ b/src/components/RecentActivity/LiveView/TooltipContent/index.tsx @@ -1,5 +1,5 @@ import * as s from "./styles"; -import { TooltipContentProps } from "./types"; +import type { TooltipContentProps } from "./types"; export const TooltipContent = ({ children }: TooltipContentProps) => ( {children} diff --git a/src/components/RecentActivity/LiveView/TooltipContent/types.ts b/src/components/RecentActivity/LiveView/TooltipContent/types.ts index de529b53b..1e3608e7d 100644 --- a/src/components/RecentActivity/LiveView/TooltipContent/types.ts +++ b/src/components/RecentActivity/LiveView/TooltipContent/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export interface TooltipContentProps { children: ReactNode; diff --git a/src/components/RecentActivity/LiveView/index.tsx b/src/components/RecentActivity/LiveView/index.tsx index eaa81237c..3e8f56c6d 100644 --- a/src/components/RecentActivity/LiveView/index.tsx +++ b/src/components/RecentActivity/LiveView/index.tsx @@ -1,13 +1,6 @@ import { format } from "date-fns"; -import { - MouseEvent, - UIEvent, - useCallback, - useEffect, - useMemo, - useRef, - useState -} from "react"; +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"; @@ -22,7 +15,8 @@ import { XAxis, YAxis } from "recharts"; -import { DefaultTheme, useTheme } from "styled-components"; +import type { DefaultTheme } from "styled-components"; +import { useTheme } from "styled-components"; import { usePrevious } from "../../../hooks/usePrevious"; import { isNumber } from "../../../typeGuards/isNumber"; import { sendUserActionTrackingEvent } from "../../../utils/actions/sendUserActionTrackingEvent"; @@ -45,7 +39,7 @@ import { AreaTooltipContent } from "./AreaTooltipContent"; import { ChangeStatus } from "./ChangeStatus"; import { DotTooltipContent } from "./DotTooltipContent"; import * as s from "./styles"; -import { +import type { Coordinates, DotProps, DotTooltipProps, diff --git a/src/components/RecentActivity/LiveView/mockData.ts b/src/components/RecentActivity/LiveView/mockData.ts index b765cceab..f9bbd83a0 100644 --- a/src/components/RecentActivity/LiveView/mockData.ts +++ b/src/components/RecentActivity/LiveView/mockData.ts @@ -1,4 +1,4 @@ -import { LiveData } from "./types"; +import type { LiveData } from "./types"; export const mockData: LiveData = { liveDataRecords: [ diff --git a/src/components/RecentActivity/LiveView/styles.ts b/src/components/RecentActivity/LiveView/styles.ts index 5ceaec67c..4f65c2390 100644 --- a/src/components/RecentActivity/LiveView/styles.ts +++ b/src/components/RecentActivity/LiveView/styles.ts @@ -1,6 +1,6 @@ import styled from "styled-components"; import { CopyButton } from "../../common/v3/CopyButton"; -import { +import type { AreaLegendIllustrationProps, AxisChartContainerProps, ChartsContainerProps, diff --git a/src/components/RecentActivity/LiveView/types.ts b/src/components/RecentActivity/LiveView/types.ts index fb01fc108..53ee1fe81 100644 --- a/src/components/RecentActivity/LiveView/types.ts +++ b/src/components/RecentActivity/LiveView/types.ts @@ -1,5 +1,5 @@ -import { ChartOffset } from "recharts/types/util/types"; -import { Duration } from "../../../globals"; +import type { ChartOffset } from "recharts/types/util/types"; +import type { Duration } from "../../../globals"; export interface LiveViewProps { data: LiveData; diff --git a/src/components/RecentActivity/NoData/NoData.stories.tsx b/src/components/RecentActivity/NoData/NoData.stories.tsx index 289dff8d1..e12581860 100644 --- a/src/components/RecentActivity/NoData/NoData.stories.tsx +++ b/src/components/RecentActivity/NoData/NoData.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { NoData } from "."; const meta: Meta = { diff --git a/src/components/RecentActivity/RecentActivity.stories.tsx b/src/components/RecentActivity/RecentActivity.stories.tsx index 227d9722c..03913d3aa 100644 --- a/src/components/RecentActivity/RecentActivity.stories.tsx +++ b/src/components/RecentActivity/RecentActivity.stories.tsx @@ -1,11 +1,11 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { RecentActivity } from "."; import { actions as globalActions } from "../../actions"; import { ConfigContext, initialState } from "../common/App/ConfigContext"; import { mockedDigmathonProgressData } from "./Digmathon/mockData"; import { mockData as liveData } from "./LiveView/mockData"; import { actions } from "./actions"; -import { RecentActivityData } from "./types"; +import type { RecentActivityData } from "./types"; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction const meta: Meta = { diff --git a/src/components/RecentActivity/RecentActivityTable/getTagType.ts b/src/components/RecentActivity/RecentActivityTable/getTagType.ts index 21c87022a..20652673d 100644 --- a/src/components/RecentActivity/RecentActivityTable/getTagType.ts +++ b/src/components/RecentActivity/RecentActivityTable/getTagType.ts @@ -1,4 +1,4 @@ -import { TagType } from "../../common/Tag/types"; +import type { TagType } from "../../common/Tag/types"; export const getTagType = (criticality?: number): TagType => { if (criticality === undefined) { diff --git a/src/components/RecentActivity/RecentActivityTable/index.tsx b/src/components/RecentActivity/RecentActivityTable/index.tsx index 86957eb0c..768c93dd5 100644 --- a/src/components/RecentActivity/RecentActivityTable/index.tsx +++ b/src/components/RecentActivity/RecentActivityTable/index.tsx @@ -6,7 +6,7 @@ import { } from "@tanstack/react-table"; import { useMemo } from "react"; import { getFeatureFlagValue } from "../../../featureFlags"; -import { Duration } from "../../../globals"; +import type { Duration } from "../../../globals"; import { useConfigSelector } from "../../../store/config/useConfigSelector"; import { isNumber } from "../../../typeGuards/isNumber"; import { FeatureFlag } from "../../../types"; @@ -19,11 +19,11 @@ import { Tag } from "../../common/Tag"; import { Tooltip } from "../../common/Tooltip"; import { TraceIcon } from "../../common/icons/12px/TraceIcon"; import { Badge } from "../Badge"; -import { ViewMode } from "../EnvironmentPanel/types"; -import { ActivityEntry, EntrySpan, SlimInsight } from "../types"; +import type { ViewMode } from "../EnvironmentPanel/types"; +import type { ActivityEntry, EntrySpan, SlimInsight } from "../types"; import { getTagType } from "./getTagType"; import * as s from "./styles"; -import { ColumnMeta, RecentActivityTableProps } from "./types"; +import type { ColumnMeta, RecentActivityTableProps } from "./types"; const columnHelper = createColumnHelper(); diff --git a/src/components/RecentActivity/RecentActivityTable/styles.ts b/src/components/RecentActivity/RecentActivityTable/styles.ts index aff5d6e9f..502c2ed31 100644 --- a/src/components/RecentActivity/RecentActivityTable/styles.ts +++ b/src/components/RecentActivity/RecentActivityTable/styles.ts @@ -2,7 +2,7 @@ import styled from "styled-components"; import { subscriptRegularTypography } from "../../common/App/typographies"; import { Link } from "../../common/Link"; import { CopyButton } from "../../common/v3/CopyButton"; -import { ListItemProps, TableBodyRowProps, TableHeadProps } from "./types"; +import type { ListItemProps, TableBodyRowProps, TableHeadProps } from "./types"; export const Table = styled.div` width: 100%; diff --git a/src/components/RecentActivity/RecentActivityTable/types.ts b/src/components/RecentActivity/RecentActivityTable/types.ts index 50413d220..3ed4cd04b 100644 --- a/src/components/RecentActivity/RecentActivityTable/types.ts +++ b/src/components/RecentActivity/RecentActivityTable/types.ts @@ -1,5 +1,5 @@ -import { ViewMode } from "../EnvironmentPanel/types"; -import { ActivityEntry, EntrySpan } from "../types"; +import type { ViewMode } from "../EnvironmentPanel/types"; +import type { ActivityEntry, EntrySpan } from "../types"; export interface RecentActivityTableProps { data: ActivityEntry[]; diff --git a/src/components/RecentActivity/SetupOrgDigmaPanel/Section/index.tsx b/src/components/RecentActivity/SetupOrgDigmaPanel/Section/index.tsx index 6a00b0d46..b1ef891bf 100644 --- a/src/components/RecentActivity/SetupOrgDigmaPanel/Section/index.tsx +++ b/src/components/RecentActivity/SetupOrgDigmaPanel/Section/index.tsx @@ -1,9 +1,10 @@ import { useState } from "react"; -import { DefaultTheme, useTheme } from "styled-components"; +import type { DefaultTheme } from "styled-components"; +import { useTheme } from "styled-components"; import { ChevronIcon } from "../../../common/icons/ChevronIcon"; import { Direction } from "../../../common/icons/types"; import * as s from "./styles"; -import { SectionProps } from "./types"; +import type { SectionProps } from "./types"; const getChevronIconColor = (theme: DefaultTheme) => { switch (theme.mode) { diff --git a/src/components/RecentActivity/SetupOrgDigmaPanel/Section/types.ts b/src/components/RecentActivity/SetupOrgDigmaPanel/Section/types.ts index 79c4d7d50..694ec0806 100644 --- a/src/components/RecentActivity/SetupOrgDigmaPanel/Section/types.ts +++ b/src/components/RecentActivity/SetupOrgDigmaPanel/Section/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export interface SectionProps { title: string; diff --git a/src/components/RecentActivity/SetupOrgDigmaPanel/SetupOrgDigmaPanel.stories.tsx b/src/components/RecentActivity/SetupOrgDigmaPanel/SetupOrgDigmaPanel.stories.tsx index 10e88178c..89d2e5986 100644 --- a/src/components/RecentActivity/SetupOrgDigmaPanel/SetupOrgDigmaPanel.stories.tsx +++ b/src/components/RecentActivity/SetupOrgDigmaPanel/SetupOrgDigmaPanel.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/SetupOrgDigmaPanel/index.tsx b/src/components/RecentActivity/SetupOrgDigmaPanel/index.tsx index 4f75464a9..565ee6b24 100644 --- a/src/components/RecentActivity/SetupOrgDigmaPanel/index.tsx +++ b/src/components/RecentActivity/SetupOrgDigmaPanel/index.tsx @@ -1,4 +1,5 @@ -import { ChangeEvent, useContext, useEffect, useState } from "react"; +import type { ChangeEvent } from "react"; +import { useContext, useEffect, useState } from "react"; import { INSTALL_DIGMA_IN_ORGANIZATION_DOCUMENTATION_URL, SETUP_PLUGIN_TO_ORGANIZATION_DIGMA_URL, @@ -10,9 +11,9 @@ import { openURLInDefaultBrowser } from "../../../utils/actions/openURLInDefault import { sendTrackingEvent } from "../../../utils/actions/sendTrackingEvent"; import { sendUserActionTrackingEvent } from "../../../utils/actions/sendUserActionTrackingEvent"; import { getHostnameFromURL } from "../../../utils/getHostNameFromURL"; -import { AsyncActionResultData } from "../../InstallationWizard/types"; +import type { AsyncActionResultData } from "../../InstallationWizard/types"; import { ConfigContext } from "../../common/App/ConfigContext"; -import { ConfigContextData } from "../../common/App/types"; +import type { ConfigContextData } from "../../common/App/types"; import { NewCircleLoader } from "../../common/NewCircleLoader"; import { Tooltip } from "../../common/Tooltip"; import { CheckmarkCircleInvertedIcon } from "../../common/icons/CheckmarkCircleInvertedIcon"; @@ -23,7 +24,7 @@ import { WarningCircleLargeIcon } from "../../common/icons/WarningCircleLargeIco import { actions } from "../actions"; import { trackingEvents } from "../tracking"; import * as s from "./styles"; -import { SetupOrgDigmaPanelProps } from "./types"; +import type { SetupOrgDigmaPanelProps } from "./types"; const isIDEConnectedToLocalDigma = (config: ConfigContextData): boolean => { const hostname = getHostnameFromURL(config.digmaApiUrl); diff --git a/src/components/RecentActivity/SetupOrgDigmaPanel/styles.ts b/src/components/RecentActivity/SetupOrgDigmaPanel/styles.ts index d446fa896..a1e762e2c 100644 --- a/src/components/RecentActivity/SetupOrgDigmaPanel/styles.ts +++ b/src/components/RecentActivity/SetupOrgDigmaPanel/styles.ts @@ -2,7 +2,7 @@ import styled from "styled-components"; import { Button as CommonButton } from "../../common/Button"; import { Link as CommonLink } from "../../common/Link"; import { TextField as CommonTextField } from "../../common/TextField"; -import { NotificationMessageProps } from "./types"; +import type { NotificationMessageProps } from "./types"; export const Container = styled.div` display: flex; diff --git a/src/components/RecentActivity/SetupOrgDigmaPanel/types.ts b/src/components/RecentActivity/SetupOrgDigmaPanel/types.ts index f909ed2d1..7d1a7b0d1 100644 --- a/src/components/RecentActivity/SetupOrgDigmaPanel/types.ts +++ b/src/components/RecentActivity/SetupOrgDigmaPanel/types.ts @@ -1,4 +1,4 @@ -import { ExtendedEnvironment } from "../types"; +import type { ExtendedEnvironment } from "../types"; export interface SetupOrgDigmaPanelProps { environment: ExtendedEnvironment; diff --git a/src/components/RecentActivity/Toggle/index.tsx b/src/components/RecentActivity/Toggle/index.tsx index b7096f159..077240669 100644 --- a/src/components/RecentActivity/Toggle/index.tsx +++ b/src/components/RecentActivity/Toggle/index.tsx @@ -1,5 +1,5 @@ import * as s from "./styles"; -import { ToggleProps } from "./types"; +import type { ToggleProps } from "./types"; export const Toggle = ({ onChange, diff --git a/src/components/RecentActivity/Toggle/styles.ts b/src/components/RecentActivity/Toggle/styles.ts index bad2647f1..79dcd0c74 100644 --- a/src/components/RecentActivity/Toggle/styles.ts +++ b/src/components/RecentActivity/Toggle/styles.ts @@ -1,5 +1,5 @@ import styled from "styled-components"; -import { ToggleOptionButtonProps } from "./types"; +import type { ToggleOptionButtonProps } from "./types"; export const Container = styled.div` display: flex; diff --git a/src/components/RecentActivity/Toggle/types.ts b/src/components/RecentActivity/Toggle/types.ts index 135f391f9..ebd7321f1 100644 --- a/src/components/RecentActivity/Toggle/types.ts +++ b/src/components/RecentActivity/Toggle/types.ts @@ -1,5 +1,5 @@ -import { ComponentType } from "react"; -import { IconProps } from "../../common/icons/types"; +import type { ComponentType } from "react"; +import type { IconProps } from "../../common/icons/types"; export interface ToggleThemeColors { background: string; diff --git a/src/components/RecentActivity/WelcomeScreen/WelcomeScreen.stories.tsx b/src/components/RecentActivity/WelcomeScreen/WelcomeScreen.stories.tsx index d269c98cc..3138c0ae8 100644 --- a/src/components/RecentActivity/WelcomeScreen/WelcomeScreen.stories.tsx +++ b/src/components/RecentActivity/WelcomeScreen/WelcomeScreen.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { WelcomeScreen } from "."; const meta: Meta = { diff --git a/src/components/RecentActivity/index.tsx b/src/components/RecentActivity/index.tsx index 153a04ccd..42bbb1a1c 100644 --- a/src/components/RecentActivity/index.tsx +++ b/src/components/RecentActivity/index.tsx @@ -12,10 +12,10 @@ import { changeScope } from "../../utils/actions/changeScope"; import { sendUserActionTrackingEvent } from "../../utils/actions/sendUserActionTrackingEvent"; import { groupBy } from "../../utils/groupBy"; import { ConfigContext } from "../common/App/ConfigContext"; -import { Environment, Scope } from "../common/App/types"; +import type { Environment, Scope } from "../common/App/types"; import { Overlay } from "../common/Overlay"; import { RegistrationDialog } from "../common/RegistrationDialog"; -import { RegistrationFormValues } from "../common/RegistrationDialog/types"; +import type { RegistrationFormValues } from "../common/RegistrationDialog/types"; import { ListIcon } from "../common/icons/ListIcon"; import { TableIcon } from "../common/icons/TableIcon"; import { ConfirmationDialog } from "./ConfirmationDialog"; @@ -24,7 +24,7 @@ import { Digmathon } from "./Digmathon"; import { EnvironmentInstructionsPanel } from "./EnvironmentInstructionsPanel"; import { EnvironmentPanel } from "./EnvironmentPanel"; import { getEnvironmentTabId } from "./EnvironmentPanel/EnvironmentTab/getEnvironmentTabIdPrefix"; -import { ViewMode } from "./EnvironmentPanel/types"; +import type { ViewMode } from "./EnvironmentPanel/types"; import { LiveView } from "./LiveView"; import { NoData } from "./NoData"; import { ObservabilityStatusBadge } from "./ObservabilityStatusBadge"; @@ -34,7 +34,7 @@ import { WelcomeScreen } from "./WelcomeScreen"; import { actions } from "./actions"; import * as s from "./styles"; import { trackingEvents } from "./tracking"; -import { +import type { EntrySpan, EnvironmentClearDataTimeStamps, EnvironmentInstructionsVisibility, diff --git a/src/components/RecentActivity/types.ts b/src/components/RecentActivity/types.ts index df3f9f3fe..097e3b345 100644 --- a/src/components/RecentActivity/types.ts +++ b/src/components/RecentActivity/types.ts @@ -1,9 +1,9 @@ -import { ComponentType } from "react"; -import { Duration } from "../../globals"; -import { InsightType } from "../Insights/types"; -import { EnvironmentType } from "../common/App/types"; -import { IconProps } from "../common/icons/types"; -import { ViewMode } from "./EnvironmentPanel/types"; +import type { ComponentType } from "react"; +import type { Duration } from "../../globals"; +import type { InsightType } from "../Insights/types"; +import type { EnvironmentType } from "../common/App/types"; +import type { IconProps } from "../common/icons/types"; +import type { ViewMode } from "./EnvironmentPanel/types"; export interface RecentActivityThemeColors { background: string; diff --git a/src/components/RecentActivity/useDigmathonProgressData.ts b/src/components/RecentActivity/useDigmathonProgressData.ts index dc523d724..8a8a340e6 100644 --- a/src/components/RecentActivity/useDigmathonProgressData.ts +++ b/src/components/RecentActivity/useDigmathonProgressData.ts @@ -7,7 +7,7 @@ import { isString } from "../../typeGuards/isString"; import { InsightType } from "../Insights/types"; import { getDigmathonInsightCardData } from "./Digmathon/getDigmathonInsightData"; import { actions } from "./actions"; -import { +import type { DigmathonInsightData, DigmathonProgressData, DigmathonProgressInsightData, diff --git a/src/components/RecentActivity/useLiveData.ts b/src/components/RecentActivity/useLiveData.ts index 8f91bcc78..cc6e2125f 100644 --- a/src/components/RecentActivity/useLiveData.ts +++ b/src/components/RecentActivity/useLiveData.ts @@ -1,6 +1,6 @@ import { useEffect, useState } from "react"; import { dispatcher } from "../../dispatcher"; -import { LiveData } from "./LiveView/types"; +import type { LiveData } from "./LiveView/types"; import { actions } from "./actions"; export const useLiveData = () => { diff --git a/src/components/RecentActivity/useRecentActivityData.ts b/src/components/RecentActivity/useRecentActivityData.ts index 7b69cd60d..c1e0e1bc6 100644 --- a/src/components/RecentActivity/useRecentActivityData.ts +++ b/src/components/RecentActivity/useRecentActivityData.ts @@ -1,7 +1,7 @@ import { useEffect, useState } from "react"; import { dispatcher } from "../../dispatcher"; import { actions } from "./actions"; -import { RecentActivityData } from "./types"; +import type { RecentActivityData } from "./types"; export const useRecentActivityData = () => { const [data, setData] = useState(); diff --git a/src/components/Tests/EnvironmentFilter/EnvironmentFilter.stories.tsx b/src/components/Tests/EnvironmentFilter/EnvironmentFilter.stories.tsx index e7a9327b8..f70fda607 100644 --- a/src/components/Tests/EnvironmentFilter/EnvironmentFilter.stories.tsx +++ b/src/components/Tests/EnvironmentFilter/EnvironmentFilter.stories.tsx @@ -1,8 +1,8 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { useState } from "react"; import { EnvironmentFilter } from "."; -import { MenuItem } from "../../common/FilterMenu/types"; +import type { MenuItem } from "../../common/FilterMenu/types"; const mockedItems: MenuItem[] = [ { diff --git a/src/components/Tests/EnvironmentFilter/index.tsx b/src/components/Tests/EnvironmentFilter/index.tsx index 9b00c2a53..9846703bf 100644 --- a/src/components/Tests/EnvironmentFilter/index.tsx +++ b/src/components/Tests/EnvironmentFilter/index.tsx @@ -5,7 +5,7 @@ import { ChevronIcon } from "../../common/icons/ChevronIcon"; import { GlobeIcon } from "../../common/icons/GlobeIcon"; import { Direction } from "../../common/icons/types"; import * as s from "./styles"; -import { EnvironmentFilterProps } from "./types"; +import type { EnvironmentFilterProps } from "./types"; export const EnvironmentFilter = ({ onMenuItemClick, diff --git a/src/components/Tests/EnvironmentFilter/styles.ts b/src/components/Tests/EnvironmentFilter/styles.ts index 592b7d942..049be17c8 100644 --- a/src/components/Tests/EnvironmentFilter/styles.ts +++ b/src/components/Tests/EnvironmentFilter/styles.ts @@ -1,5 +1,5 @@ import styled from "styled-components"; -import { MenuButtonProps } from "./types"; +import type { MenuButtonProps } from "./types"; export const MenuButton = styled.button` border: 1px solid diff --git a/src/components/Tests/EnvironmentFilter/types.ts b/src/components/Tests/EnvironmentFilter/types.ts index 988e33d46..5ef71043f 100644 --- a/src/components/Tests/EnvironmentFilter/types.ts +++ b/src/components/Tests/EnvironmentFilter/types.ts @@ -1,4 +1,4 @@ -import { MenuItem } from "../../common/FilterMenu/types"; +import type { MenuItem } from "../../common/FilterMenu/types"; export interface EnvironmentFilterProps { items: MenuItem[]; diff --git a/src/components/Tests/TestCard/TestCard.stories.tsx b/src/components/Tests/TestCard/TestCard.stories.tsx index f22ab8ebe..b668a23c3 100644 --- a/src/components/Tests/TestCard/TestCard.stories.tsx +++ b/src/components/Tests/TestCard/TestCard.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { TestCard } from "."; import { mockedTest } from "./mockData"; diff --git a/src/components/Tests/TestCard/index.tsx b/src/components/Tests/TestCard/index.tsx index 55aacde56..e2a0b3824 100644 --- a/src/components/Tests/TestCard/index.tsx +++ b/src/components/Tests/TestCard/index.tsx @@ -17,9 +17,9 @@ import { GlobeIcon } from "../../common/icons/GlobeIcon"; import { PlayIcon } from "../../common/icons/PlayIcon"; import { actions } from "../actions"; import { trackingEvents } from "../tracking"; -import { Test } from "../types"; +import type { Test } from "../types"; import * as s from "./styles"; -import { GoToTracePayload, RunTestPayload, TestCardProps } from "./types"; +import type { GoToTracePayload, RunTestPayload, TestCardProps } from "./types"; const renderTestResultTag = (test: Test) => { switch (test.result) { diff --git a/src/components/Tests/TestCard/mockData.ts b/src/components/Tests/TestCard/mockData.ts index b6285bdf5..603e9306c 100644 --- a/src/components/Tests/TestCard/mockData.ts +++ b/src/components/Tests/TestCard/mockData.ts @@ -1,4 +1,4 @@ -import { Test } from "../types"; +import type { Test } from "../types"; export const mockedTest: Test = { name: "GET /owners/{ownerId}/pets/{petId}/visits/new", diff --git a/src/components/Tests/TestCard/types.ts b/src/components/Tests/TestCard/types.ts index e26a07aba..176e0b936 100644 --- a/src/components/Tests/TestCard/types.ts +++ b/src/components/Tests/TestCard/types.ts @@ -1,4 +1,4 @@ -import { Test, TestsData } from "../types"; +import type { Test, TestsData } from "../types"; export interface TestCardProps { test: Test; diff --git a/src/components/Tests/TestTicket/TestTicket.stories.tsx b/src/components/Tests/TestTicket/TestTicket.stories.tsx index 3715d9fa6..60fb2abe3 100644 --- a/src/components/Tests/TestTicket/TestTicket.stories.tsx +++ b/src/components/Tests/TestTicket/TestTicket.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { TestTicket } from "."; import { mockedTest } from "../TestCard/mockData"; diff --git a/src/components/Tests/TestTicket/index.tsx b/src/components/Tests/TestTicket/index.tsx index f10d4a5b4..6f64ecb40 100644 --- a/src/components/Tests/TestTicket/index.tsx +++ b/src/components/Tests/TestTicket/index.tsx @@ -1,13 +1,13 @@ -import { ReactElement } from "react"; +import type { ReactElement } from "react"; import { useConfigSelector } from "../../../store/config/useConfigSelector"; import { isString } from "../../../typeGuards/isString"; import { getDurationString } from "../../../utils/getDurationString"; import { intersperse } from "../../../utils/intersperse"; import { DigmaSignature } from "../../common/DigmaSignature"; import { JiraTicket } from "../../common/JiraTicket"; -import { Attachment } from "../../common/JiraTicket/types"; +import type { Attachment } from "../../common/JiraTicket/types"; import { getTraceAttachment } from "../../Insights/insightTickets/common/SpanScaling"; -import { TestTicketProps } from "./types"; +import type { TestTicketProps } from "./types"; export const TestTicket = ({ test, diff --git a/src/components/Tests/TestTicket/types.ts b/src/components/Tests/TestTicket/types.ts index 7cbbae81d..84262156a 100644 --- a/src/components/Tests/TestTicket/types.ts +++ b/src/components/Tests/TestTicket/types.ts @@ -1,4 +1,4 @@ -import { Test, TestsData } from "../types"; +import type { Test, TestsData } from "../types"; export interface TestTicketProps { test: Test; diff --git a/src/components/Tests/Tests.stories.tsx b/src/components/Tests/Tests.stories.tsx index a7ef5abf6..9f385693d 100644 --- a/src/components/Tests/Tests.stories.tsx +++ b/src/components/Tests/Tests.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { Tests } from "."; import { mockedTest } from "./TestCard/mockData"; diff --git a/src/components/Tests/index.tsx b/src/components/Tests/index.tsx index 5a19590ac..95e50f82d 100644 --- a/src/components/Tests/index.tsx +++ b/src/components/Tests/index.tsx @@ -1,4 +1,5 @@ -import { KeyboardEvent, useEffect, useMemo, useRef, useState } from "react"; +import type { KeyboardEvent } from "react"; +import { useEffect, useMemo, useRef, useState } from "react"; import { actions as globalActions } from "../../actions"; import { dispatcher } from "../../dispatcher"; import { usePrevious } from "../../hooks/usePrevious"; @@ -9,11 +10,11 @@ import { sendTrackingEvent } from "../../utils/actions/sendTrackingEvent"; import { sendUserActionTrackingEvent } from "../../utils/actions/sendUserActionTrackingEvent"; import { useHistory } from "../Main/useHistory"; import { TAB_IDS } from "../Navigation/Tabs/types"; -import { MenuItem } from "../common/FilterMenu/types"; +import type { MenuItem } from "../common/FilterMenu/types"; import { NewCircleLoader } from "../common/NewCircleLoader"; import { Pagination } from "../common/Pagination"; import { RegistrationDialog } from "../common/RegistrationDialog"; -import { RegistrationFormValues } from "../common/RegistrationDialog/types"; +import type { RegistrationFormValues } from "../common/RegistrationDialog/types"; import { RefreshIcon } from "../common/icons/16px/RefreshIcon"; import { NewButton } from "../common/v3/NewButton"; import { NewEmptyState } from "../common/v3/NewEmptyState"; @@ -23,7 +24,7 @@ import { TestTicket } from "./TestTicket"; import { actions } from "./actions"; import * as s from "./styles"; import { trackingEvents } from "./tracking"; -import { +import type { GetSpanLatestDataPayload, RegisterPayload, SetSpanLatestDataPayload, diff --git a/src/components/Tests/types.ts b/src/components/Tests/types.ts index 3f4dd36cf..7550e7376 100644 --- a/src/components/Tests/types.ts +++ b/src/components/Tests/types.ts @@ -1,6 +1,6 @@ -import { Duration } from "../../globals"; -import { SpanInfo } from "../../types"; -import { Scope } from "../common/App/types"; +import type { Duration } from "../../globals"; +import type { SpanInfo } from "../../types"; +import type { Scope } from "../common/App/types"; export interface Test { name: string; diff --git a/src/components/Troubleshooting/Troubleshooting.stories.tsx b/src/components/Troubleshooting/Troubleshooting.stories.tsx index 57dda9a07..e4ba904fe 100644 --- a/src/components/Troubleshooting/Troubleshooting.stories.tsx +++ b/src/components/Troubleshooting/Troubleshooting.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { Troubleshooting } from "."; diff --git a/src/components/common/AffectedEndpointsSelector/AffectedEndpointsSelector.stories.tsx b/src/components/common/AffectedEndpointsSelector/AffectedEndpointsSelector.stories.tsx index 3241b7f9e..6f4d680bb 100644 --- a/src/components/common/AffectedEndpointsSelector/AffectedEndpointsSelector.stories.tsx +++ b/src/components/common/AffectedEndpointsSelector/AffectedEndpointsSelector.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/AffectedEndpointsSelector/EndpointOption/index.tsx b/src/components/common/AffectedEndpointsSelector/EndpointOption/index.tsx index ab9ee13b7..9c208d615 100644 --- a/src/components/common/AffectedEndpointsSelector/EndpointOption/index.tsx +++ b/src/components/common/AffectedEndpointsSelector/EndpointOption/index.tsx @@ -1,7 +1,7 @@ import { Link } from "../../v3/Link"; import { Tooltip } from "../../v3/Tooltip"; import * as s from "./styles"; -import { EndpointOptionProps } from "./types"; +import type { EndpointOptionProps } from "./types"; export const EndpointOption = ({ serviceName, diff --git a/src/components/common/AffectedEndpointsSelector/EndpointOption/styles.ts b/src/components/common/AffectedEndpointsSelector/EndpointOption/styles.ts index c942e62e9..a1465822b 100644 --- a/src/components/common/AffectedEndpointsSelector/EndpointOption/styles.ts +++ b/src/components/common/AffectedEndpointsSelector/EndpointOption/styles.ts @@ -1,7 +1,7 @@ import styled, { css } from "styled-components"; import { footnoteRegularTypography } from "../../App/typographies"; import { CopyButton } from "../../v3/CopyButton"; -import { EndpointNameProps } from "./types"; +import type { EndpointNameProps } from "./types"; export const StyledCopyButton = styled(CopyButton)` display: none; diff --git a/src/components/common/AffectedEndpointsSelector/index.tsx b/src/components/common/AffectedEndpointsSelector/index.tsx index 4d3df81a7..0508f841c 100644 --- a/src/components/common/AffectedEndpointsSelector/index.tsx +++ b/src/components/common/AffectedEndpointsSelector/index.tsx @@ -1,11 +1,11 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; import { DELIMITER } from "../../../constants"; import { trimEndpointScheme } from "../../../utils/trimEndpointScheme"; import { Select } from "../../Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/Select"; -import { CustomContentProps } from "../../Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/Select/types"; +import type { CustomContentProps } from "../../Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/Select/types"; import { EndpointOption } from "./EndpointOption"; import * as s from "./styles"; -import { AffectedEndpointsSelectorProps, Option } from "./types"; +import type { AffectedEndpointsSelectorProps, Option } from "./types"; export const getEndpointKey = (option: Option): string => { return [option.serviceName, option.spanCodeObjectId].join(DELIMITER); diff --git a/src/components/common/App/ConfigContext.ts b/src/components/common/App/ConfigContext.ts index 35812756e..26990e66c 100644 --- a/src/components/common/App/ConfigContext.ts +++ b/src/components/common/App/ConfigContext.ts @@ -1,7 +1,7 @@ import { createContext } from "react"; import { isEnvironment } from "../../../typeGuards/isEnvironment"; import { isString } from "../../../typeGuards/isString"; -import { ConfigContextData } from "./types"; +import type { ConfigContextData } from "./types"; export const initialState: ConfigContextData = { digmaApiUrl: isString(window.digmaApiUrl) ? window.digmaApiUrl : "", diff --git a/src/components/common/App/getTheme.ts b/src/components/common/App/getTheme.ts index dd9c4d93c..615c54437 100644 --- a/src/components/common/App/getTheme.ts +++ b/src/components/common/App/getTheme.ts @@ -1,6 +1,6 @@ -import { DefaultTheme } from "styled-components"; -import { Theme } from "../../../globals"; -import { ThemeColors } from "../../../styled"; +import type { DefaultTheme } from "styled-components"; +import type { Theme } from "../../../globals"; +import type { ThemeColors } from "../../../styled"; import { darkTheme } from "./themes/darkTheme"; import { lightTheme } from "./themes/lightTheme"; import { typographies } from "./typographies"; diff --git a/src/components/common/App/index.tsx b/src/components/common/App/index.tsx index 66c86cf46..38ef1960a 100644 --- a/src/components/common/App/index.tsx +++ b/src/components/common/App/index.tsx @@ -1,9 +1,10 @@ -import { ErrorInfo, useContext, useEffect, useState } from "react"; +import type { ErrorInfo } from "react"; +import { useContext, useEffect, useState } from "react"; import { ErrorBoundary } from "react-error-boundary"; import { ThemeProvider } from "styled-components"; import { actions } from "../../../actions"; import { dispatcher } from "../../../dispatcher"; -import { Theme } from "../../../globals"; +import type { Theme } from "../../../globals"; import { useColorScheme } from "../../../hooks/useColorScheme"; import { logger } from "../../../logging"; import { platform } from "../../../platform"; @@ -17,7 +18,7 @@ import { ErrorScreen } from "../ErrorScreen"; import { ConfigContext } from "./ConfigContext"; import { getStyledComponentsTheme } from "./getTheme"; import { GlobalStyle } from "./styles"; -import { +import type { AppProps, BackendInfo, DigmaStatus, diff --git a/src/components/common/App/styles.ts b/src/components/common/App/styles.ts index 033b6a8ec..08ad60144 100644 --- a/src/components/common/App/styles.ts +++ b/src/components/common/App/styles.ts @@ -1,4 +1,5 @@ -import { createGlobalStyle, css, DefaultTheme } from "styled-components"; +import type { DefaultTheme } from "styled-components"; +import { createGlobalStyle, css } from "styled-components"; import { os } from "../../../os"; import { platform } from "../../../platform"; diff --git a/src/components/common/App/themes/darkTheme.ts b/src/components/common/App/themes/darkTheme.ts index bc42e90f3..65c137112 100644 --- a/src/components/common/App/themes/darkTheme.ts +++ b/src/components/common/App/themes/darkTheme.ts @@ -1,4 +1,4 @@ -import { ThemeColors } from "../../../../styled"; +import type { ThemeColors } from "../../../../styled"; import { blueScale, grayScale, diff --git a/src/components/common/App/themes/lightTheme.ts b/src/components/common/App/themes/lightTheme.ts index 1c4bd8d19..be0cac0d0 100644 --- a/src/components/common/App/themes/lightTheme.ts +++ b/src/components/common/App/themes/lightTheme.ts @@ -1,4 +1,4 @@ -import { ThemeColors } from "../../../../styled"; +import type { ThemeColors } from "../../../../styled"; import { blueScale, grayScale, diff --git a/src/components/common/App/types.ts b/src/components/common/App/types.ts index 46315b2b2..8d03361d2 100644 --- a/src/components/common/App/types.ts +++ b/src/components/common/App/types.ts @@ -1,7 +1,7 @@ -import { ReactNode } from "react"; -import { Theme } from "../../../globals"; -import { InsightFilterType } from "../../Insights/InsightsCatalog/types"; -import { InsightViewType } from "../../Insights/types"; +import type { ReactNode } from "react"; +import type { Theme } from "../../../globals"; +import type { InsightFilterType } from "../../Insights/InsightsCatalog/types"; +import type { InsightViewType } from "../../Insights/types"; export interface AppProps { children: ReactNode; diff --git a/src/components/common/App/typographies.ts b/src/components/common/App/typographies.ts index ee0c8dfae..7de8878ae 100644 --- a/src/components/common/App/typographies.ts +++ b/src/components/common/App/typographies.ts @@ -1,5 +1,5 @@ import { css } from "styled-components"; -import { Typographies } from "../../../styled"; +import type { Typographies } from "../../../styled"; export const typographies: Typographies = { code: { diff --git a/src/components/common/AutoAnimatedContainer/index.tsx b/src/components/common/AutoAnimatedContainer/index.tsx index 6c10463bf..d6d8eeff1 100644 --- a/src/components/common/AutoAnimatedContainer/index.tsx +++ b/src/components/common/AutoAnimatedContainer/index.tsx @@ -1,7 +1,8 @@ import { useAutoAnimate } from "@formkit/auto-animate/react"; -import { ForwardedRef, forwardRef, useCallback, useEffect } from "react"; +import type { ForwardedRef } from "react"; +import { forwardRef, useCallback, useEffect } from "react"; import { useMount } from "../../../hooks/useMount"; -import { AutoAnimatedContainerProps } from "./types"; +import type { AutoAnimatedContainerProps } from "./types"; export const AutoAnimatedContainerComponent = ( { diff --git a/src/components/common/AutoAnimatedContainer/types.ts b/src/components/common/AutoAnimatedContainer/types.ts index 131e87919..880c00c52 100644 --- a/src/components/common/AutoAnimatedContainer/types.ts +++ b/src/components/common/AutoAnimatedContainer/types.ts @@ -1,5 +1,5 @@ -import { AutoAnimateOptions } from "@formkit/auto-animate"; -import { ReactNode } from "react"; +import type { AutoAnimateOptions } from "@formkit/auto-animate"; +import type { ReactNode } from "react"; export interface AutoAnimatedContainerProps { isAnimationEnabled: boolean; diff --git a/src/components/common/Badge/Badge.stories.tsx b/src/components/common/Badge/Badge.stories.tsx index 2d065786e..dbbb2d409 100644 --- a/src/components/common/Badge/Badge.stories.tsx +++ b/src/components/common/Badge/Badge.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/Badge/index.tsx b/src/components/common/Badge/index.tsx index f4ff067ab..36309fba3 100644 --- a/src/components/common/Badge/index.tsx +++ b/src/components/common/Badge/index.tsx @@ -1,6 +1,6 @@ import { memo } from "react"; import * as s from "./styles"; -import { BadgeProps } from "./types"; +import type { BadgeProps } from "./types"; const BadgeComponent = ({ customStyles }: BadgeProps) => ( diff --git a/src/components/common/Badge/styles.ts b/src/components/common/Badge/styles.ts index d8f097ba8..e55342b04 100644 --- a/src/components/common/Badge/styles.ts +++ b/src/components/common/Badge/styles.ts @@ -1,5 +1,5 @@ import styled from "styled-components"; -import { CustomStylesProps } from "./types"; +import type { CustomStylesProps } from "./types"; export const Outline = styled.div` display: flex; diff --git a/src/components/common/Badge/types.ts b/src/components/common/Badge/types.ts index 2841d9cbb..7cb8ed8e1 100644 --- a/src/components/common/Badge/types.ts +++ b/src/components/common/Badge/types.ts @@ -1,4 +1,4 @@ -import { CSSProperties } from "react"; +import type { CSSProperties } from "react"; export interface BadgeProps { customStyles?: { diff --git a/src/components/common/Button/Button.stories.tsx b/src/components/common/Button/Button.stories.tsx index 02a70c36b..ea4f144bd 100644 --- a/src/components/common/Button/Button.stories.tsx +++ b/src/components/common/Button/Button.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { Button } from "."; import { UserIcon } from "../icons/UserIcon"; diff --git a/src/components/common/Button/index.tsx b/src/components/common/Button/index.tsx index 00c7ab41c..e61dd0ef7 100644 --- a/src/components/common/Button/index.tsx +++ b/src/components/common/Button/index.tsx @@ -1,6 +1,7 @@ -import { ForwardedRef, forwardRef, MouseEvent } from "react"; +import type { ForwardedRef, MouseEvent } from "react"; +import { forwardRef } from "react"; import * as s from "./styles"; -import { ButtonProps } from "./types"; +import type { ButtonProps } from "./types"; export const ButtonComponent = ( { diff --git a/src/components/common/Button/styles.ts b/src/components/common/Button/styles.ts index b1e21710f..a448d00c3 100644 --- a/src/components/common/Button/styles.ts +++ b/src/components/common/Button/styles.ts @@ -1,5 +1,5 @@ import styled from "styled-components"; -import { ButtonElementProps } from "./types"; +import type { ButtonElementProps } from "./types"; export const Button = styled.button` font-family: inherit; diff --git a/src/components/common/Button/types.ts b/src/components/common/Button/types.ts index c0485072b..ffcc3f366 100644 --- a/src/components/common/Button/types.ts +++ b/src/components/common/Button/types.ts @@ -1,5 +1,5 @@ -import { ComponentType, MouseEventHandler, ReactNode } from "react"; -import { IconProps } from "../icons/types"; +import type { ComponentType, MouseEventHandler, ReactNode } from "react"; +import type { IconProps } from "../icons/types"; export type ButtonType = "primary" | "secondary" | "tertiary"; diff --git a/src/components/common/CancelConfirmation/CancelConfirmation.stories.tsx b/src/components/common/CancelConfirmation/CancelConfirmation.stories.tsx index ae62d9f45..a59e37868 100644 --- a/src/components/common/CancelConfirmation/CancelConfirmation.stories.tsx +++ b/src/components/common/CancelConfirmation/CancelConfirmation.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/CancelConfirmation/index.tsx b/src/components/common/CancelConfirmation/index.tsx index be23e52e7..b042248b9 100644 --- a/src/components/common/CancelConfirmation/index.tsx +++ b/src/components/common/CancelConfirmation/index.tsx @@ -1,7 +1,7 @@ import { CrossIcon } from "../icons/12px/CrossIcon"; import { Button } from "../v3/Button"; import * as s from "./styles"; -import { DeleteEnvironmentConfirmationProps } from "./types"; +import type { DeleteEnvironmentConfirmationProps } from "./types"; export const CancelConfirmation = ({ onCancel, diff --git a/src/components/common/Card/Card.stories.tsx b/src/components/common/Card/Card.stories.tsx index e4f5402e3..cc4fb1e98 100644 --- a/src/components/common/Card/Card.stories.tsx +++ b/src/components/common/Card/Card.stories.tsx @@ -1,7 +1,7 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { Card } from "."; import { NewButton } from "../v3/NewButton"; -import { CardProps } from "./types"; +import type { CardProps } from "./types"; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction const meta: Meta = { diff --git a/src/components/common/Card/index.tsx b/src/components/common/Card/index.tsx index b03b3514f..916d57868 100644 --- a/src/components/common/Card/index.tsx +++ b/src/components/common/Card/index.tsx @@ -1,5 +1,5 @@ import * as s from "./styles"; -import { CardProps } from "./types"; +import type { CardProps } from "./types"; export const Card = ({ className, diff --git a/src/components/common/Card/types.ts b/src/components/common/Card/types.ts index 59d3f00aa..33230a9d6 100644 --- a/src/components/common/Card/types.ts +++ b/src/components/common/Card/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export interface CardProps { header: ReactNode; diff --git a/src/components/common/Checkbox/Checkbox.stories.tsx b/src/components/common/Checkbox/Checkbox.stories.tsx index bb9579375..5c2316293 100644 --- a/src/components/common/Checkbox/Checkbox.stories.tsx +++ b/src/components/common/Checkbox/Checkbox.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/Checkbox/index.tsx b/src/components/common/Checkbox/index.tsx index 8fb2a1b32..fedaaafdf 100644 --- a/src/components/common/Checkbox/index.tsx +++ b/src/components/common/Checkbox/index.tsx @@ -1,8 +1,8 @@ -import { ChangeEvent } from "react"; +import type { ChangeEvent } from "react"; import { Tooltip } from "../Tooltip"; import { CheckmarkIcon } from "../icons/CheckmarkIcon"; import * as s from "./styles"; -import { CheckboxProps } from "./types"; +import type { CheckboxProps } from "./types"; export const Checkbox = ({ onChange, diff --git a/src/components/common/Checkbox/styles.ts b/src/components/common/Checkbox/styles.ts index 0a477d69d..017cd5353 100644 --- a/src/components/common/Checkbox/styles.ts +++ b/src/components/common/Checkbox/styles.ts @@ -1,5 +1,5 @@ import styled from "styled-components"; -import { LabelProps } from "./types"; +import type { LabelProps } from "./types"; export const CheckboxContainer = styled.div` position: relative; diff --git a/src/components/common/Checkbox/types.ts b/src/components/common/Checkbox/types.ts index c9f959bd0..d83cc6dee 100644 --- a/src/components/common/Checkbox/types.ts +++ b/src/components/common/Checkbox/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export interface CheckboxProps { value: boolean; diff --git a/src/components/common/Chip/Chip.stories.tsx b/src/components/common/Chip/Chip.stories.tsx index f629d7cb7..b52643191 100644 --- a/src/components/common/Chip/Chip.stories.tsx +++ b/src/components/common/Chip/Chip.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { Chip } from "."; diff --git a/src/components/common/Chip/index.tsx b/src/components/common/Chip/index.tsx index e44cefbb9..d7c01537c 100644 --- a/src/components/common/Chip/index.tsx +++ b/src/components/common/Chip/index.tsx @@ -1,7 +1,8 @@ -import { ForwardedRef, forwardRef } from "react"; +import type { ForwardedRef } from "react"; +import { forwardRef } from "react"; import { isString } from "../../../typeGuards/isString"; import * as s from "./styles"; -import { ChipProps } from "./types"; +import type { ChipProps } from "./types"; export const ChipComponent = ( { children, className, ...rest }: ChipProps, diff --git a/src/components/common/Chip/types.ts b/src/components/common/Chip/types.ts index 7b2177c89..598ae2a1c 100644 --- a/src/components/common/Chip/types.ts +++ b/src/components/common/Chip/types.ts @@ -1,4 +1,4 @@ -import { HTMLAttributes, ReactNode } from "react"; +import type { HTMLAttributes, ReactNode } from "react"; export interface ChipProps extends HTMLAttributes { children: ReactNode; diff --git a/src/components/common/CircleLoader/CircleLoader.stories.tsx b/src/components/common/CircleLoader/CircleLoader.stories.tsx index 7f3c9a2ef..31e92389c 100644 --- a/src/components/common/CircleLoader/CircleLoader.stories.tsx +++ b/src/components/common/CircleLoader/CircleLoader.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { CircleLoader } from "."; diff --git a/src/components/common/CircleLoader/index.tsx b/src/components/common/CircleLoader/index.tsx index 802c8ce5d..21eae43a1 100644 --- a/src/components/common/CircleLoader/index.tsx +++ b/src/components/common/CircleLoader/index.tsx @@ -1,7 +1,8 @@ -import { DefaultTheme, useTheme } from "styled-components"; +import type { DefaultTheme } from "styled-components"; +import { useTheme } from "styled-components"; import { DEFAULT_ICON_SIZE } from "../icons/hooks"; import * as s from "./styles"; -import { CircleLoaderColors, CircleLoaderProps } from "./types"; +import type { CircleLoaderColors, CircleLoaderProps } from "./types"; const getDefaultColors = (theme: DefaultTheme): CircleLoaderColors => { switch (theme.mode) { diff --git a/src/components/common/CircleLoader/styles.ts b/src/components/common/CircleLoader/styles.ts index 8e5318e47..9ead952fc 100644 --- a/src/components/common/CircleLoader/styles.ts +++ b/src/components/common/CircleLoader/styles.ts @@ -1,5 +1,5 @@ import styled, { keyframes } from "styled-components"; -import { InnerCircleProps, OuterCircleProps } from "./types"; +import type { InnerCircleProps, OuterCircleProps } from "./types"; const rotateAnimation = keyframes` from { transform: rotate(0); } diff --git a/src/components/common/CodeSnippet/CodeSnippet.stories.tsx b/src/components/common/CodeSnippet/CodeSnippet.stories.tsx index 1ff3f7703..5683ad8e0 100644 --- a/src/components/common/CodeSnippet/CodeSnippet.stories.tsx +++ b/src/components/common/CodeSnippet/CodeSnippet.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/CodeSnippet/index.tsx b/src/components/common/CodeSnippet/index.tsx index 986654c77..e6c7f4483 100644 --- a/src/components/common/CodeSnippet/index.tsx +++ b/src/components/common/CodeSnippet/index.tsx @@ -1,14 +1,16 @@ -import { ForwardedRef, forwardRef, useRef } from "react"; +import type { ForwardedRef } from "react"; +import { forwardRef, useRef } from "react"; import SyntaxHighlighter from "react-syntax-highlighter"; import { atomOneDark, atomOneLight } from "react-syntax-highlighter/dist/esm/styles/hljs"; -import { DefaultTheme, useTheme } from "styled-components"; +import type { DefaultTheme } from "styled-components"; +import { useTheme } from "styled-components"; import { isString } from "../../../typeGuards/isString"; import { CopyButton } from "../v3/CopyButton"; import * as s from "./styles"; -import { CodeSnippetProps, HighlighterTheme } from "./types"; +import type { CodeSnippetProps, HighlighterTheme } from "./types"; const getHighlighterTheme = (theme: DefaultTheme): HighlighterTheme => { switch (theme.mode) { diff --git a/src/components/common/CodeSnippet/types.ts b/src/components/common/CodeSnippet/types.ts index b6a290f69..d66126f34 100644 --- a/src/components/common/CodeSnippet/types.ts +++ b/src/components/common/CodeSnippet/types.ts @@ -1,4 +1,4 @@ -import { CSSProperties, ReactNode } from "react"; +import type { CSSProperties, ReactNode } from "react"; export interface CodeSnippetProps { text: ReactNode; diff --git a/src/components/common/CursorFollower/CursorFollower.stories.tsx b/src/components/common/CursorFollower/CursorFollower.stories.tsx index 13d995913..85864f56f 100644 --- a/src/components/common/CursorFollower/CursorFollower.stories.tsx +++ b/src/components/common/CursorFollower/CursorFollower.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { CursorFollower } from "."; diff --git a/src/components/common/CursorFollower/index.tsx b/src/components/common/CursorFollower/index.tsx index cd4747f43..56ad1bbc4 100644 --- a/src/components/common/CursorFollower/index.tsx +++ b/src/components/common/CursorFollower/index.tsx @@ -1,5 +1,5 @@ import { useEffect, useRef, useState } from "react"; -import { CursorFollowerProps } from "./types"; +import type { CursorFollowerProps } from "./types"; const MAX_ROTATION_DEGREE = 40; const PERSPECTIVE = 100; diff --git a/src/components/common/CursorFollower/types.ts b/src/components/common/CursorFollower/types.ts index 7cc807fbb..309a6e51a 100644 --- a/src/components/common/CursorFollower/types.ts +++ b/src/components/common/CursorFollower/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export interface CursorFollowerProps { children: ReactNode; diff --git a/src/components/common/DigmaSignature/DigmaSignature.stories.tsx b/src/components/common/DigmaSignature/DigmaSignature.stories.tsx index c5b659b02..069c21375 100644 --- a/src/components/common/DigmaSignature/DigmaSignature.stories.tsx +++ b/src/components/common/DigmaSignature/DigmaSignature.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/DigmaSignature/index.tsx b/src/components/common/DigmaSignature/index.tsx index 696bc1084..19e626f3a 100644 --- a/src/components/common/DigmaSignature/index.tsx +++ b/src/components/common/DigmaSignature/index.tsx @@ -1,4 +1,4 @@ -import { MouseEvent } from "react"; +import type { MouseEvent } from "react"; import { openURLInDefaultBrowser } from "../../../utils/actions/openURLInDefaultBrowser"; import { Link } from "../Link"; diff --git a/src/components/common/DismissPanel/DismissPanel.stories.tsx b/src/components/common/DismissPanel/DismissPanel.stories.tsx index cef2b0e44..96a5eb84c 100644 --- a/src/components/common/DismissPanel/DismissPanel.stories.tsx +++ b/src/components/common/DismissPanel/DismissPanel.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { fn } from "@storybook/test"; import { DismissPanel } from "."; diff --git a/src/components/common/DismissPanel/index.tsx b/src/components/common/DismissPanel/index.tsx index 4923e4c66..920b2d8ba 100644 --- a/src/components/common/DismissPanel/index.tsx +++ b/src/components/common/DismissPanel/index.tsx @@ -4,7 +4,7 @@ import { CrossIcon } from "../icons/CrossIcon"; import { NewButton } from "../v3/NewButton"; import { Spinner } from "../v3/Spinner"; import * as s from "./styles"; -import { DismissPanelProps } from "./types"; +import type { DismissPanelProps } from "./types"; export const DismissPanel = ({ state, diff --git a/src/components/common/EmptyState/index.tsx b/src/components/common/EmptyState/index.tsx index b17369c8c..bbd1fe467 100644 --- a/src/components/common/EmptyState/index.tsx +++ b/src/components/common/EmptyState/index.tsx @@ -1,7 +1,7 @@ import { useTheme } from "styled-components"; import { getThemeKind } from "../../common/App/styles"; import * as s from "./styles"; -import { EmptyStateProps } from "./types"; +import type { EmptyStateProps } from "./types"; export const EmptyState = ({ icon: Icon, title, content }: EmptyStateProps) => { const theme = useTheme(); diff --git a/src/components/common/EmptyState/types.ts b/src/components/common/EmptyState/types.ts index 32395d8c7..8d4d5a30a 100644 --- a/src/components/common/EmptyState/types.ts +++ b/src/components/common/EmptyState/types.ts @@ -1,5 +1,5 @@ -import { ComponentType, ReactNode } from "react"; -import { ThemeableIconProps } from "../../common/icons/types"; +import type { ComponentType, ReactNode } from "react"; +import type { ThemeableIconProps } from "../../common/icons/types"; export interface EmptyStateProps { icon?: ComponentType; diff --git a/src/components/common/EnvironmentIcon/EnvironmentIcon.stories.tsx b/src/components/common/EnvironmentIcon/EnvironmentIcon.stories.tsx index 859127ded..0203e6344 100644 --- a/src/components/common/EnvironmentIcon/EnvironmentIcon.stories.tsx +++ b/src/components/common/EnvironmentIcon/EnvironmentIcon.stories.tsx @@ -1,6 +1,6 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { EnvironmentIcon } from "."; -import { Environment } from "../App/types"; +import type { Environment } from "../App/types"; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction const meta: Meta = { diff --git a/src/components/common/EnvironmentIcon/index.tsx b/src/components/common/EnvironmentIcon/index.tsx index dca6aec64..3ecbf2df2 100644 --- a/src/components/common/EnvironmentIcon/index.tsx +++ b/src/components/common/EnvironmentIcon/index.tsx @@ -1,6 +1,6 @@ import { LockIcon } from "../icons/12px/LockIcon"; import { InfinityIcon } from "../icons/InfinityIcon"; -import { EnvironmentIconProps } from "./types"; +import type { EnvironmentIconProps } from "./types"; export const EnvironmentIcon = ({ environment, diff --git a/src/components/common/EnvironmentIcon/types.ts b/src/components/common/EnvironmentIcon/types.ts index 77c21929d..d4b95c8ac 100644 --- a/src/components/common/EnvironmentIcon/types.ts +++ b/src/components/common/EnvironmentIcon/types.ts @@ -1,4 +1,4 @@ -import { Environment } from "../App/types"; +import type { Environment } from "../App/types"; export interface EnvironmentIconProps { environment: Environment; diff --git a/src/components/common/ErrorScreen/ErrorScreen.stories.tsx b/src/components/common/ErrorScreen/ErrorScreen.stories.tsx index 68760490d..9dede22e4 100644 --- a/src/components/common/ErrorScreen/ErrorScreen.stories.tsx +++ b/src/components/common/ErrorScreen/ErrorScreen.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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 136aee7ae..c17b1a8bf 100644 --- a/src/components/common/FilterButton/FilterButton.stories.tsx +++ b/src/components/common/FilterButton/FilterButton.stories.tsx @@ -1,6 +1,6 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { FilterButton } from "."; -import { FilterButtonProps } from "./types"; +import type { FilterButtonProps } from "./types"; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction const meta: Meta = { diff --git a/src/components/common/FilterButton/index.tsx b/src/components/common/FilterButton/index.tsx index 41a31a9c8..649a7382f 100644 --- a/src/components/common/FilterButton/index.tsx +++ b/src/components/common/FilterButton/index.tsx @@ -1,7 +1,7 @@ import { isNumber } from "../../../typeGuards/isNumber"; import { FunnelIcon } from "../icons/FunnelIcon"; import * as s from "./styles"; -import { FilterButtonProps } from "./types"; +import type { FilterButtonProps } from "./types"; export const FilterButton = ({ selectedCount, diff --git a/src/components/common/FilterButton/styles.ts b/src/components/common/FilterButton/styles.ts index c8cf0548f..b4f9cab5a 100644 --- a/src/components/common/FilterButton/styles.ts +++ b/src/components/common/FilterButton/styles.ts @@ -3,7 +3,7 @@ import { footnoteRegularTypography, subscriptRegularTypography } from "../App/typographies"; -import { ButtonProps } from "./types"; +import type { ButtonProps } from "./types"; export const Button = styled.button` border-radius: 4px; diff --git a/src/components/common/FilterMenu/FilterMenu.stories.tsx b/src/components/common/FilterMenu/FilterMenu.stories.tsx index 8dbcf27e5..dd54e4fd3 100644 --- a/src/components/common/FilterMenu/FilterMenu.stories.tsx +++ b/src/components/common/FilterMenu/FilterMenu.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { useState } from "react"; import { FilterMenu } from "."; diff --git a/src/components/common/FilterMenu/index.tsx b/src/components/common/FilterMenu/index.tsx index c07129c8d..08433e3a6 100644 --- a/src/components/common/FilterMenu/index.tsx +++ b/src/components/common/FilterMenu/index.tsx @@ -1,11 +1,12 @@ -import { ChangeEvent, useState } from "react"; +import type { ChangeEvent } from "react"; +import { useState } from "react"; import { Checkbox } from "../Checkbox"; import { NewCircleLoader } from "../NewCircleLoader"; import { Tooltip } from "../Tooltip"; import { CrossIcon } from "../icons/CrossIcon"; import { MagnifierIcon } from "../icons/MagnifierIcon"; import * as s from "./styles"; -import { FilterMenuProps } from "./types"; +import type { FilterMenuProps } from "./types"; export const FilterMenu = ({ onClose, diff --git a/src/components/common/FilterPopup/FilterPopup.stories.tsx b/src/components/common/FilterPopup/FilterPopup.stories.tsx index 1014b783b..fb76f41f6 100644 --- a/src/components/common/FilterPopup/FilterPopup.stories.tsx +++ b/src/components/common/FilterPopup/FilterPopup.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { fn } from "@storybook/test"; import { FilterPopup } from "."; diff --git a/src/components/common/FilterPopup/index.tsx b/src/components/common/FilterPopup/index.tsx index 852e4d59b..5f2d1d801 100644 --- a/src/components/common/FilterPopup/index.tsx +++ b/src/components/common/FilterPopup/index.tsx @@ -3,7 +3,7 @@ import { CrossIcon } from "../icons/16px/CrossIcon"; import { NewPopover } from "../NewPopover"; import { NewButton } from "../v3/NewButton"; import * as s from "./styles"; -import { FilterPopupProps } from "./types"; +import type { FilterPopupProps } from "./types"; export const FilterPopup = ({ onClearAll, diff --git a/src/components/common/FilterPopup/types.ts b/src/components/common/FilterPopup/types.ts index 8a898f411..460388deb 100644 --- a/src/components/common/FilterPopup/types.ts +++ b/src/components/common/FilterPopup/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export interface FilterPopupProps { onApply: () => void; diff --git a/src/components/common/IconButton/IconButton.stories.tsx b/src/components/common/IconButton/IconButton.stories.tsx index 60015be8a..9beb8a6ee 100644 --- a/src/components/common/IconButton/IconButton.stories.tsx +++ b/src/components/common/IconButton/IconButton.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { IconButton } from "."; import { CodeIcon } from "../icons/16px/CodeIcon"; diff --git a/src/components/common/IconButton/index.tsx b/src/components/common/IconButton/index.tsx index 5e6e0cfc9..66b3cb4c0 100644 --- a/src/components/common/IconButton/index.tsx +++ b/src/components/common/IconButton/index.tsx @@ -1,6 +1,6 @@ -import { MouseEvent } from "react"; +import type { MouseEvent } from "react"; import * as s from "./styles"; -import { IconButtonProps } from "./types"; +import type { IconButtonProps } from "./types"; export const IconButton = ({ onClick, diff --git a/src/components/common/IconButton/types.ts b/src/components/common/IconButton/types.ts index 76b7c790d..b4f7c78c0 100644 --- a/src/components/common/IconButton/types.ts +++ b/src/components/common/IconButton/types.ts @@ -1,5 +1,5 @@ -import { ComponentType, MouseEventHandler } from "react"; -import { IconProps } from "../icons/types"; +import type { ComponentType, MouseEventHandler } from "react"; +import type { IconProps } from "../icons/types"; export interface IconButtonProps { icon: ComponentType; diff --git a/src/components/common/IconTag/IconTag.stories.tsx b/src/components/common/IconTag/IconTag.stories.tsx index 20f1d7b6f..dc734a052 100644 --- a/src/components/common/IconTag/IconTag.stories.tsx +++ b/src/components/common/IconTag/IconTag.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { IconTag } from "."; import { CodeIcon } from "../icons/16px/CodeIcon"; diff --git a/src/components/common/IconTag/index.tsx b/src/components/common/IconTag/index.tsx index 49ded7512..59a841fbb 100644 --- a/src/components/common/IconTag/index.tsx +++ b/src/components/common/IconTag/index.tsx @@ -1,5 +1,5 @@ import * as s from "./styles"; -import { IconTagProps } from "./types"; +import type { IconTagProps } from "./types"; export const IconTag = ({ size = "small", icon: Icon }: IconTagProps) => { const iconSize = size === "large" ? 16 : 12; diff --git a/src/components/common/IconTag/styles.ts b/src/components/common/IconTag/styles.ts index 3128268ca..8f10706a0 100644 --- a/src/components/common/IconTag/styles.ts +++ b/src/components/common/IconTag/styles.ts @@ -1,5 +1,5 @@ import styled from "styled-components"; -import { ContainerProps, IconTagSize } from "./types"; +import type { ContainerProps, IconTagSize } from "./types"; const getDimensions = (size: IconTagSize) => (size === "large" ? 28 : 20); // in pixels diff --git a/src/components/common/IconTag/types.ts b/src/components/common/IconTag/types.ts index 725db0ac3..3978ba1e1 100644 --- a/src/components/common/IconTag/types.ts +++ b/src/components/common/IconTag/types.ts @@ -1,5 +1,5 @@ -import { ComponentType } from "react"; -import { IconProps } from "../icons/types"; +import type { ComponentType } from "react"; +import type { IconProps } from "../icons/types"; export type IconTagSize = "small" | "large"; diff --git a/src/components/common/ImpactScore/index.tsx b/src/components/common/ImpactScore/index.tsx index 77bf4508e..4af2a1b35 100644 --- a/src/components/common/ImpactScore/index.tsx +++ b/src/components/common/ImpactScore/index.tsx @@ -2,11 +2,11 @@ import { getFeatureFlagValue } from "../../../featureFlags"; import { useConfigSelector } from "../../../store/config/useConfigSelector"; import { FeatureFlag } from "../../../types"; import { roundTo } from "../../../utils/roundTo"; -import { BackendInfo } from "../App/types"; +import type { BackendInfo } from "../App/types"; import { ScoreIndicator } from "../ScoreIndicator"; import { Tooltip } from "../Tooltip"; import * as s from "./styles"; -import { ImpactScoreProps } from "./types"; +import type { ImpactScoreProps } from "./types"; const getImpactScoreLabel = ( score: number, diff --git a/src/components/common/JiraTicket/ActionableTextField/index.tsx b/src/components/common/JiraTicket/ActionableTextField/index.tsx index 013a01e87..aa3f9bfb4 100644 --- a/src/components/common/JiraTicket/ActionableTextField/index.tsx +++ b/src/components/common/JiraTicket/ActionableTextField/index.tsx @@ -1,5 +1,5 @@ import * as s from "./styles"; -import { TextFieldProps as ActionableTextFieldProps } from "./types"; +import type { TextFieldProps as ActionableTextFieldProps } from "./types"; export const ActionableTextField = ({ label, diff --git a/src/components/common/JiraTicket/ActionableTextField/types.ts b/src/components/common/JiraTicket/ActionableTextField/types.ts index 1c4a9b078..477cb03f7 100644 --- a/src/components/common/JiraTicket/ActionableTextField/types.ts +++ b/src/components/common/JiraTicket/ActionableTextField/types.ts @@ -1,4 +1,4 @@ -import { ChangeEventHandler, ReactElement } from "react"; +import type { ChangeEventHandler, ReactElement } from "react"; export interface TextFieldProps { onChange: ChangeEventHandler; diff --git a/src/components/common/JiraTicket/AttachmentTag/index.tsx b/src/components/common/JiraTicket/AttachmentTag/index.tsx index b86b0a536..d66bab5a6 100644 --- a/src/components/common/JiraTicket/AttachmentTag/index.tsx +++ b/src/components/common/JiraTicket/AttachmentTag/index.tsx @@ -1,6 +1,6 @@ import { Tooltip } from "../../../common/Tooltip"; import * as s from "./styles"; -import { AttachmentTagProps } from "./types"; +import type { AttachmentTagProps } from "./types"; export const AttachmentTag = ({ icon: Icon, text }: AttachmentTagProps) => ( diff --git a/src/components/common/JiraTicket/AttachmentTag/types.ts b/src/components/common/JiraTicket/AttachmentTag/types.ts index dd182de52..042ef7197 100644 --- a/src/components/common/JiraTicket/AttachmentTag/types.ts +++ b/src/components/common/JiraTicket/AttachmentTag/types.ts @@ -1,5 +1,5 @@ -import { ComponentType } from "react"; -import { IconProps } from "../../../common/icons/types"; +import type { ComponentType } from "react"; +import type { IconProps } from "../../../common/icons/types"; export interface AttachmentTagThemeColors { background: string; diff --git a/src/components/common/JiraTicket/Field/index.tsx b/src/components/common/JiraTicket/Field/index.tsx index 0ef3af1ca..b0105a54c 100644 --- a/src/components/common/JiraTicket/Field/index.tsx +++ b/src/components/common/JiraTicket/Field/index.tsx @@ -2,7 +2,7 @@ import { useCallback, useRef } from "react"; import useDimensions from "react-cool-dimensions"; import useScrollbarSize from "react-scrollbar-size"; import * as s from "./styles"; -import { ButtonPosition, FieldProps } from "./types"; +import type { ButtonPosition, FieldProps } from "./types"; export const Field = ({ multiline, children, button }: FieldProps) => { const scrollbar = useScrollbarSize(); diff --git a/src/components/common/JiraTicket/Field/styles.ts b/src/components/common/JiraTicket/Field/styles.ts index 737aa479c..e6dea9079 100644 --- a/src/components/common/JiraTicket/Field/styles.ts +++ b/src/components/common/JiraTicket/Field/styles.ts @@ -1,5 +1,5 @@ import styled from "styled-components"; -import { ButtonContainerProps, ContentProps } from "./types"; +import type { ButtonContainerProps, ContentProps } from "./types"; export const ContentContainer = styled.div` display: flex; diff --git a/src/components/common/JiraTicket/Field/types.ts b/src/components/common/JiraTicket/Field/types.ts index a49dfa2fc..adaf7ebac 100644 --- a/src/components/common/JiraTicket/Field/types.ts +++ b/src/components/common/JiraTicket/Field/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export interface FieldThemeColors { border: string; diff --git a/src/components/common/JiraTicket/IconButton/index.tsx b/src/components/common/JiraTicket/IconButton/index.tsx index 5dfc1624f..2a403fd55 100644 --- a/src/components/common/JiraTicket/IconButton/index.tsx +++ b/src/components/common/JiraTicket/IconButton/index.tsx @@ -1,6 +1,6 @@ import { Tooltip } from "../../../common/Tooltip"; import * as s from "./styles"; -import { IconButtonProps } from "./types"; +import type { IconButtonProps } from "./types"; export const IconButton = ({ title, diff --git a/src/components/common/JiraTicket/IconButton/types.ts b/src/components/common/JiraTicket/IconButton/types.ts index c48c8074c..c1054d506 100644 --- a/src/components/common/JiraTicket/IconButton/types.ts +++ b/src/components/common/JiraTicket/IconButton/types.ts @@ -1,5 +1,5 @@ -import { ComponentType } from "react"; -import { IconProps } from "../../../common/icons/types"; +import type { ComponentType } from "react"; +import type { IconProps } from "../../../common/icons/types"; export interface IconButtonProps { icon: ComponentType; diff --git a/src/components/common/JiraTicket/JiraTicket.stories.tsx b/src/components/common/JiraTicket/JiraTicket.stories.tsx index 0746a57f4..150ec3fc1 100644 --- a/src/components/common/JiraTicket/JiraTicket.stories.tsx +++ b/src/components/common/JiraTicket/JiraTicket.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/JiraTicket/Section/index.tsx b/src/components/common/JiraTicket/Section/index.tsx index ee934c178..6cecf7ab5 100644 --- a/src/components/common/JiraTicket/Section/index.tsx +++ b/src/components/common/JiraTicket/Section/index.tsx @@ -1,6 +1,6 @@ import { isString } from "../../../../typeGuards/isString"; import * as s from "./styles"; -import { SectionProps } from "./types"; +import type { SectionProps } from "./types"; export const Section = ({ selectable, diff --git a/src/components/common/JiraTicket/Section/styles.ts b/src/components/common/JiraTicket/Section/styles.ts index 60aca3953..995d89134 100644 --- a/src/components/common/JiraTicket/Section/styles.ts +++ b/src/components/common/JiraTicket/Section/styles.ts @@ -1,6 +1,6 @@ import styled from "styled-components"; import { redScale } from "../../../common/App/v2colors"; -import { ContainerProps } from "./types"; +import type { ContainerProps } from "./types"; export const Container = styled.div` display: flex; diff --git a/src/components/common/JiraTicket/Section/types.ts b/src/components/common/JiraTicket/Section/types.ts index 180c40414..f8ff97459 100644 --- a/src/components/common/JiraTicket/Section/types.ts +++ b/src/components/common/JiraTicket/Section/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export interface SectionProps { children: ReactNode; diff --git a/src/components/common/JiraTicket/TicketLinkButton/index.tsx b/src/components/common/JiraTicket/TicketLinkButton/index.tsx index 9f17d1e9d..d0526ffa0 100644 --- a/src/components/common/JiraTicket/TicketLinkButton/index.tsx +++ b/src/components/common/JiraTicket/TicketLinkButton/index.tsx @@ -1,8 +1,9 @@ -import { ChangeEvent, useEffect, useState } from "react"; +import type { ChangeEvent } from "react"; +import { useEffect, useState } from "react"; import { isValidHttpUrl } from "../../../../utils/isValidUrl"; import { Button } from "../../Button"; import { ActionableTextField } from "../ActionableTextField"; -import { TicketLinkButtonProps } from "./types"; +import type { TicketLinkButtonProps } from "./types"; export const TicketLinkButton = ({ ticketLink, diff --git a/src/components/common/JiraTicket/TicketLinkButton/types.ts b/src/components/common/JiraTicket/TicketLinkButton/types.ts index 83df5c088..d5d73d019 100644 --- a/src/components/common/JiraTicket/TicketLinkButton/types.ts +++ b/src/components/common/JiraTicket/TicketLinkButton/types.ts @@ -1,4 +1,4 @@ -import { ChangeEvent } from "react"; +import type { ChangeEvent } from "react"; export interface TicketLinkButtonProps { ticketLink?: { diff --git a/src/components/common/JiraTicket/index.tsx b/src/components/common/JiraTicket/index.tsx index 35a8bb018..6dc70e2f9 100644 --- a/src/components/common/JiraTicket/index.tsx +++ b/src/components/common/JiraTicket/index.tsx @@ -1,13 +1,13 @@ import copy from "copy-to-clipboard"; import { useRef, useState } from "react"; import { useTheme } from "styled-components"; -import { DefaultTheme } from "styled-components/dist/types"; +import type { DefaultTheme } from "styled-components/dist/types"; import { isString } from "../../../typeGuards/isString"; import { sendUserActionTrackingEvent } from "../../../utils/actions/sendUserActionTrackingEvent"; import { addPrefix } from "../../../utils/addPrefix"; import { downloadFile } from "../../../utils/downloadFile"; import { CircleLoader } from "../../common/CircleLoader"; -import { CircleLoaderColors } from "../../common/CircleLoader/types"; +import type { CircleLoaderColors } from "../../common/CircleLoader/types"; import { IconTag } from "../../common/IconTag"; import { Tooltip } from "../../common/Tooltip"; import { CopyIcon } from "../../common/icons/12px/CopyIcon"; @@ -22,7 +22,7 @@ import { Section } from "./Section"; import { TicketLinkButton } from "./TicketLinkButton"; import * as s from "./styles"; import { trackingEvents } from "./tracking"; -import { JiraTicketProps } from "./types"; +import type { JiraTicketProps } from "./types"; const getCircleLoaderColors = (theme: DefaultTheme): CircleLoaderColors => { switch (theme.mode) { diff --git a/src/components/common/JiraTicket/types.ts b/src/components/common/JiraTicket/types.ts index 98d21189c..e6ba18083 100644 --- a/src/components/common/JiraTicket/types.ts +++ b/src/components/common/JiraTicket/types.ts @@ -1,4 +1,4 @@ -import { ChangeEvent, ReactNode } from "react"; +import type { ChangeEvent, ReactNode } from "react"; export interface JiraTicketThemeColors { background: string; diff --git a/src/components/common/KebabMenuButton/index.tsx b/src/components/common/KebabMenuButton/index.tsx index 29ec5f69c..b112ea8b2 100644 --- a/src/components/common/KebabMenuButton/index.tsx +++ b/src/components/common/KebabMenuButton/index.tsx @@ -1,7 +1,7 @@ import { ThreeDotsVerticalIcon } from "../icons/ThreeDotsVerticalIcon"; import * as s from "./styles"; -import { KebabMenuButtonProps } from "./types"; +import type { KebabMenuButtonProps } from "./types"; export const KebabMenuButton = ({ disabled, diff --git a/src/components/common/KebabMenuButton/styles.ts b/src/components/common/KebabMenuButton/styles.ts index 77d6d6144..03ae50502 100644 --- a/src/components/common/KebabMenuButton/styles.ts +++ b/src/components/common/KebabMenuButton/styles.ts @@ -1,5 +1,5 @@ import styled from "styled-components"; -import { KebabMenuButtonProps } from "./types"; +import type { KebabMenuButtonProps } from "./types"; export const Container = styled.div` width: 14px; diff --git a/src/components/common/Link/Link.stories.tsx b/src/components/common/Link/Link.stories.tsx index 5a0a7ae9e..e7352bfee 100644 --- a/src/components/common/Link/Link.stories.tsx +++ b/src/components/common/Link/Link.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/Link/index.tsx b/src/components/common/Link/index.tsx index 4377c21ab..31e655d7b 100644 --- a/src/components/common/Link/index.tsx +++ b/src/components/common/Link/index.tsx @@ -1,6 +1,7 @@ -import { ForwardedRef, MouseEvent, forwardRef } from "react"; +import type { ForwardedRef, MouseEvent } from "react"; +import { forwardRef } from "react"; import * as s from "./styles"; -import { LinkProps } from "./types"; +import type { LinkProps } from "./types"; const LinkComponent = ( { onClick, href, className, target, rel, children }: LinkProps, diff --git a/src/components/common/Link/types.ts b/src/components/common/Link/types.ts index 774980b22..2441a4ad3 100644 --- a/src/components/common/Link/types.ts +++ b/src/components/common/Link/types.ts @@ -1,4 +1,4 @@ -import { MouseEvent, ReactNode } from "react"; +import type { MouseEvent, ReactNode } from "react"; export interface LinkProps { href?: string; diff --git a/src/components/common/Loader/Loader.stories.tsx b/src/components/common/Loader/Loader.stories.tsx index 3fa378bad..f259b6502 100644 --- a/src/components/common/Loader/Loader.stories.tsx +++ b/src/components/common/Loader/Loader.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/Loader/index.tsx b/src/components/common/Loader/index.tsx index 78f5f4ce1..cb2063e68 100644 --- a/src/components/common/Loader/index.tsx +++ b/src/components/common/Loader/index.tsx @@ -1,7 +1,7 @@ /* eslint-disable react/jsx-curly-brace-presence */ import { memo } from "react"; import { CircleLoader } from "../CircleLoader"; -import { LoaderProps } from "./types"; +import type { LoaderProps } from "./types"; const LoaderComponent = ({ size = 20, status, themeKind }: LoaderProps) => { switch (status) { diff --git a/src/components/common/Menu/Menu.stories.tsx b/src/components/common/Menu/Menu.stories.tsx index 78aa48292..49661759b 100644 --- a/src/components/common/Menu/Menu.stories.tsx +++ b/src/components/common/Menu/Menu.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { Menu } from "."; diff --git a/src/components/common/Menu/index.tsx b/src/components/common/Menu/index.tsx index 45e944ea4..e3fbddc7a 100644 --- a/src/components/common/Menu/index.tsx +++ b/src/components/common/Menu/index.tsx @@ -1,5 +1,5 @@ import * as s from "./styles"; -import { MenuProps } from "./types"; +import type { MenuProps } from "./types"; export const Menu = ({ onSelect, title, width, items }: MenuProps) => { const handleMenuItemClick = (value: string) => { diff --git a/src/components/common/Menu/styles.ts b/src/components/common/Menu/styles.ts index 6b024d7ff..ddd7606bf 100644 --- a/src/components/common/Menu/styles.ts +++ b/src/components/common/Menu/styles.ts @@ -1,5 +1,5 @@ import styled from "styled-components"; -import { ListProps } from "./types"; +import type { ListProps } from "./types"; export const Container = styled.div` display: flex; diff --git a/src/components/common/Menu/types.ts b/src/components/common/Menu/types.ts index 919b76130..93e39d247 100644 --- a/src/components/common/Menu/types.ts +++ b/src/components/common/Menu/types.ts @@ -1,5 +1,5 @@ -import { ComponentType } from "react"; -import { IconProps } from "../icons/types"; +import type { ComponentType } from "react"; +import type { IconProps } from "../icons/types"; export interface MenuProps { title?: string; diff --git a/src/components/common/NewButton/NewButton.stories.tsx b/src/components/common/NewButton/NewButton.stories.tsx index 50daf29ef..19fc965f9 100644 --- a/src/components/common/NewButton/NewButton.stories.tsx +++ b/src/components/common/NewButton/NewButton.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { NewButton } from "."; import { CrosshairIcon } from "../icons/CrosshairIcon"; diff --git a/src/components/common/NewButton/index.tsx b/src/components/common/NewButton/index.tsx index 1d0f95009..905272e28 100644 --- a/src/components/common/NewButton/index.tsx +++ b/src/components/common/NewButton/index.tsx @@ -1,7 +1,8 @@ -import { ForwardedRef, forwardRef } from "react"; +import type { ForwardedRef } from "react"; +import { forwardRef } from "react"; import { isString } from "../../../typeGuards/isString"; import * as s from "./styles"; -import { NewButtonProps } from "./types"; +import type { NewButtonProps } from "./types"; /** @deprecated */ export const NewButtonComponent = ( diff --git a/src/components/common/NewButton/styles.ts b/src/components/common/NewButton/styles.ts index 6209c6203..4eadc160a 100644 --- a/src/components/common/NewButton/styles.ts +++ b/src/components/common/NewButton/styles.ts @@ -1,6 +1,6 @@ import styled from "styled-components"; -import { DefaultTheme } from "styled-components/dist/types"; -import { ButtonElementProps, ButtonType, LabelProps } from "./types"; +import type { DefaultTheme } from "styled-components/dist/types"; +import type { ButtonElementProps, ButtonType, LabelProps } from "./types"; const getButtonStyles = ( theme: DefaultTheme, diff --git a/src/components/common/NewButton/types.ts b/src/components/common/NewButton/types.ts index b6a9baa78..3bb8f4dcb 100644 --- a/src/components/common/NewButton/types.ts +++ b/src/components/common/NewButton/types.ts @@ -1,5 +1,5 @@ -import { ButtonHTMLAttributes, ComponentType } from "react"; -import { IconProps } from "../../common/icons/types"; +import type { ButtonHTMLAttributes, ComponentType } from "react"; +import type { IconProps } from "../../common/icons/types"; export interface ButtonThemeColors { background?: { diff --git a/src/components/common/NewCircleLoader/NewCircleLoader.stories.tsx b/src/components/common/NewCircleLoader/NewCircleLoader.stories.tsx index 8f9278c15..96d99cc39 100644 --- a/src/components/common/NewCircleLoader/NewCircleLoader.stories.tsx +++ b/src/components/common/NewCircleLoader/NewCircleLoader.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { NewCircleLoader } from "."; diff --git a/src/components/common/NewCircleLoader/index.tsx b/src/components/common/NewCircleLoader/index.tsx index 20a31c319..b44ab313c 100644 --- a/src/components/common/NewCircleLoader/index.tsx +++ b/src/components/common/NewCircleLoader/index.tsx @@ -1,8 +1,9 @@ /* eslint-disable react/jsx-curly-brace-presence */ // Source: https://www.benmvp.com/blog/how-to-create-circle-svg-gradient-loading-spinner/ -import { DefaultTheme, useTheme } from "styled-components"; +import type { DefaultTheme } from "styled-components"; +import { useTheme } from "styled-components"; import { DEFAULT_ICON_SIZE } from "../icons/hooks"; -import { NewCircleLoaderProps } from "./types"; +import type { NewCircleLoaderProps } from "./types"; const getDefaultColor = (theme: DefaultTheme) => { switch (theme.mode) { diff --git a/src/components/common/NewPopover/index.tsx b/src/components/common/NewPopover/index.tsx index ef0c011e3..5bb4bde81 100644 --- a/src/components/common/NewPopover/index.tsx +++ b/src/components/common/NewPopover/index.tsx @@ -1,7 +1,7 @@ +import type { Placement } from "@floating-ui/react"; import { FloatingArrow, FloatingPortal, - Placement, arrow, autoUpdate, flip, @@ -14,10 +14,11 @@ import { useInteractions } from "@floating-ui/react"; import { Children, cloneElement, useRef, useState } from "react"; -import { DefaultTheme, useTheme } from "styled-components"; +import type { DefaultTheme } from "styled-components"; +import { useTheme } from "styled-components"; import { isNumber } from "../../../typeGuards/isNumber"; import { LAYERS } from "../App/styles"; -import { PopoverProps } from "./types"; +import type { PopoverProps } from "./types"; // in pixels const ARROW_MARGIN = -3; diff --git a/src/components/common/NewPopover/types.ts b/src/components/common/NewPopover/types.ts index 99ba529cf..83e29641a 100644 --- a/src/components/common/NewPopover/types.ts +++ b/src/components/common/NewPopover/types.ts @@ -1,5 +1,5 @@ -import { Placement } from "@floating-ui/react"; -import { ReactElement } from "react"; +import type { Placement } from "@floating-ui/react"; +import type { ReactElement } from "react"; export interface PopoverProps { children: ReactElement; diff --git a/src/components/common/Overlay/Overlay.stories.tsx b/src/components/common/Overlay/Overlay.stories.tsx index f9fa025cb..c3efc032b 100644 --- a/src/components/common/Overlay/Overlay.stories.tsx +++ b/src/components/common/Overlay/Overlay.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { useState } from "react"; import { Overlay } from "."; diff --git a/src/components/common/Overlay/index.tsx b/src/components/common/Overlay/index.tsx index 2d4c7ab74..666c3b71f 100644 --- a/src/components/common/Overlay/index.tsx +++ b/src/components/common/Overlay/index.tsx @@ -1,6 +1,7 @@ -import { ForwardedRef, KeyboardEvent, forwardRef } from "react"; +import type { ForwardedRef, KeyboardEvent } from "react"; +import { forwardRef } from "react"; import * as s from "./styles"; -import { OverlayProps } from "./types"; +import type { OverlayProps } from "./types"; const OverlayComponent = ( { children, tabIndex, onClose, className }: OverlayProps, diff --git a/src/components/common/Overlay/types.ts b/src/components/common/Overlay/types.ts index fec2183ae..057606e93 100644 --- a/src/components/common/Overlay/types.ts +++ b/src/components/common/Overlay/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export interface OverlayProps { tabIndex?: number; diff --git a/src/components/common/Pagination/Pagination.stories.tsx b/src/components/common/Pagination/Pagination.stories.tsx index a7cc6809b..95d543f8d 100644 --- a/src/components/common/Pagination/Pagination.stories.tsx +++ b/src/components/common/Pagination/Pagination.stories.tsx @@ -1,8 +1,8 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { fn } from "@storybook/test"; import { useState } from "react"; import { Pagination } from "."; -import { PaginationProps } from "./types"; +import type { PaginationProps } from "./types"; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction const meta: Meta = { diff --git a/src/components/common/Pagination/index.tsx b/src/components/common/Pagination/index.tsx index 42f080563..cb10a2296 100644 --- a/src/components/common/Pagination/index.tsx +++ b/src/components/common/Pagination/index.tsx @@ -3,7 +3,7 @@ import { ChevronIcon } from "../icons/ChevronIcon"; import { DoubleChevronIcon } from "../icons/DoubleChevronIcon"; import { Direction } from "../icons/types"; import * as s from "./styles"; -import { PaginationProps } from "./types"; +import type { PaginationProps } from "./types"; export const Pagination = ({ page, diff --git a/src/components/common/Popover/PopoverContent/index.tsx b/src/components/common/Popover/PopoverContent/index.tsx index bdab722ba..9910b62d1 100644 --- a/src/components/common/Popover/PopoverContent/index.tsx +++ b/src/components/common/Popover/PopoverContent/index.tsx @@ -5,7 +5,8 @@ import { FloatingPortal, useMergeRefs } from "@floating-ui/react"; -import { CSSProperties, ForwardedRef, HTMLProps, forwardRef } from "react"; +import type { CSSProperties, ForwardedRef, HTMLProps } from "react"; +import { forwardRef } from "react"; import { usePopoverContext } from "../hooks"; /** @deprecated */ diff --git a/src/components/common/Popover/PopoverTrigger/index.tsx b/src/components/common/Popover/PopoverTrigger/index.tsx index 5aed2e577..8e13b23bc 100644 --- a/src/components/common/Popover/PopoverTrigger/index.tsx +++ b/src/components/common/Popover/PopoverTrigger/index.tsx @@ -1,16 +1,10 @@ // Source: https://floating-ui.com/docs/popover#reusable-popover-component import { useMergeRefs } from "@floating-ui/react"; -import { - cloneElement, - ForwardedRef, - forwardRef, - HTMLProps, - isValidElement, - Ref -} from "react"; +import type { ForwardedRef, HTMLProps, Ref } from "react"; +import { cloneElement, forwardRef, isValidElement } from "react"; import { usePopoverContext } from "../hooks"; -import { PopoverTriggerProps } from "./types"; +import type { PopoverTriggerProps } from "./types"; /** @deprecated */ const PopoverTriggerComponent = ( diff --git a/src/components/common/Popover/PopoverTrigger/types.ts b/src/components/common/Popover/PopoverTrigger/types.ts index 3e9ff1bb8..57db4e195 100644 --- a/src/components/common/Popover/PopoverTrigger/types.ts +++ b/src/components/common/Popover/PopoverTrigger/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export interface PopoverTriggerProps { children: ReactNode; diff --git a/src/components/common/Popover/hooks.ts b/src/components/common/Popover/hooks.ts index ec1911226..6da361a68 100644 --- a/src/components/common/Popover/hooks.ts +++ b/src/components/common/Popover/hooks.ts @@ -12,7 +12,7 @@ import { useRole } from "@floating-ui/react"; import { createContext, useContext, useMemo, useState } from "react"; -import { ContextType, PopoverProps } from "./types"; +import type { ContextType, PopoverProps } from "./types"; export const usePopover = ({ initialOpen = false, diff --git a/src/components/common/Popover/index.tsx b/src/components/common/Popover/index.tsx index 2ea1b16d8..a83d0fe2f 100644 --- a/src/components/common/Popover/index.tsx +++ b/src/components/common/Popover/index.tsx @@ -1,8 +1,8 @@ // Source: https://floating-ui.com/docs/popover#reusable-popover-component -import { ReactNode } from "react"; +import type { ReactNode } from "react"; import { PopoverContext, usePopover } from "./hooks"; -import { PopoverProps } from "./types"; +import type { PopoverProps } from "./types"; /** @deprecated */ export function Popover({ diff --git a/src/components/common/Popover/types.ts b/src/components/common/Popover/types.ts index a4234a46c..1b6f52dc5 100644 --- a/src/components/common/Popover/types.ts +++ b/src/components/common/Popover/types.ts @@ -1,6 +1,6 @@ -import { Placement } from "@floating-ui/react"; -import { Dispatch, SetStateAction } from "react"; -import { usePopover } from "./hooks"; +import type { Placement } from "@floating-ui/react"; +import type { Dispatch, SetStateAction } from "react"; +import type { usePopover } from "./hooks"; export type ContextType = | (ReturnType & { diff --git a/src/components/common/RegisterForm/RegisterForm.stories.tsx b/src/components/common/RegisterForm/RegisterForm.stories.tsx index 09b6c06db..bc6158a5a 100644 --- a/src/components/common/RegisterForm/RegisterForm.stories.tsx +++ b/src/components/common/RegisterForm/RegisterForm.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/RegisterForm/index.tsx b/src/components/common/RegisterForm/index.tsx index cc585212a..e3f2817c5 100644 --- a/src/components/common/RegisterForm/index.tsx +++ b/src/components/common/RegisterForm/index.tsx @@ -1,4 +1,5 @@ -import { FormEventHandler, useContext, useMemo } from "react"; +import type { FormEventHandler } from "react"; +import { useContext, useMemo } from "react"; import { Controller, useForm } from "react-hook-form"; import { actions as globalActions } from "../../../actions"; @@ -8,7 +9,7 @@ import { EnvelopeIcon } from "../icons/16px/EnvelopeIcon"; import { UserIcon } from "../icons/UserIcon"; import { isWorkEmail } from "./isWorkEmail"; import * as s from "./styles"; -import { +import type { RegisterFromProps as RegisterFormProps, RegistrationFormValues } from "./types"; diff --git a/src/components/common/RegistrationDialog/RegistrationDialog.stories.tsx b/src/components/common/RegistrationDialog/RegistrationDialog.stories.tsx index 29d408e8a..f0276cd6d 100644 --- a/src/components/common/RegistrationDialog/RegistrationDialog.stories.tsx +++ b/src/components/common/RegistrationDialog/RegistrationDialog.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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 cec383058..552abce86 100644 --- a/src/components/common/RegistrationDialog/TextField/TextField.stories.tsx +++ b/src/components/common/RegistrationDialog/TextField/TextField.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { TextField } from "."; import { DigmaLogoIcon } from "../../icons/DigmaLogoIcon"; diff --git a/src/components/common/RegistrationDialog/TextField/index.tsx b/src/components/common/RegistrationDialog/TextField/index.tsx index 0caaefc7d..e5d1dfc0a 100644 --- a/src/components/common/RegistrationDialog/TextField/index.tsx +++ b/src/components/common/RegistrationDialog/TextField/index.tsx @@ -1,8 +1,9 @@ -import { FocusEvent, ForwardedRef, forwardRef, useState } from "react"; +import type { FocusEvent, ForwardedRef } from "react"; +import { forwardRef, useState } from "react"; import { CheckmarkCircleInvertedIcon } from "../../icons/CheckmarkCircleInvertedIcon"; import { CrossCircleIcon } from "../../icons/CrossCircleIcon"; import * as s from "./styles"; -import { TextFieldProps } from "./types"; +import type { TextFieldProps } from "./types"; export const TextFieldComponent = ( { diff --git a/src/components/common/RegistrationDialog/TextField/styles.ts b/src/components/common/RegistrationDialog/TextField/styles.ts index 9c1dc1eb5..0af79620d 100644 --- a/src/components/common/RegistrationDialog/TextField/styles.ts +++ b/src/components/common/RegistrationDialog/TextField/styles.ts @@ -5,7 +5,7 @@ import { primaryScale, redScale } from "../../App/v2colors"; -import { ContainerProps, IconContainerProps, InputProps } from "./types"; +import type { ContainerProps, IconContainerProps, InputProps } from "./types"; export const Container = styled.div` display: flex; diff --git a/src/components/common/RegistrationDialog/TextField/types.ts b/src/components/common/RegistrationDialog/TextField/types.ts index 0ec9dd99f..a630f2f62 100644 --- a/src/components/common/RegistrationDialog/TextField/types.ts +++ b/src/components/common/RegistrationDialog/TextField/types.ts @@ -1,5 +1,9 @@ -import { ChangeEventHandler, ComponentType, FocusEventHandler } from "react"; -import { IconProps } from "../../icons/types"; +import type { + ChangeEventHandler, + ComponentType, + FocusEventHandler +} from "react"; +import type { IconProps } from "../../icons/types"; export interface TextFieldProps { placeholder?: string; diff --git a/src/components/common/RegistrationDialog/index.tsx b/src/components/common/RegistrationDialog/index.tsx index e204f9a4f..d05f08412 100644 --- a/src/components/common/RegistrationDialog/index.tsx +++ b/src/components/common/RegistrationDialog/index.tsx @@ -10,7 +10,7 @@ import { TextField } from "./TextField"; import { isWorkEmail } from "./isWorkEmail"; import * as s from "./styles"; import { trackingEvents } from "./tracking"; -import { RegistrationDialogProps, RegistrationFormValues } from "./types"; +import type { RegistrationDialogProps, RegistrationFormValues } from "./types"; const validateEmail = (email: string): string | boolean => { const emailMessage = "Please enter a valid work email address"; diff --git a/src/components/common/ScoreIndicator/ScoreIndicator.stories.tsx b/src/components/common/ScoreIndicator/ScoreIndicator.stories.tsx index 27c94d442..f86ed3b86 100644 --- a/src/components/common/ScoreIndicator/ScoreIndicator.stories.tsx +++ b/src/components/common/ScoreIndicator/ScoreIndicator.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { ScoreIndicator } from "."; diff --git a/src/components/common/ScoreIndicator/index.tsx b/src/components/common/ScoreIndicator/index.tsx index 16c16ffc5..74eb3e6ac 100644 --- a/src/components/common/ScoreIndicator/index.tsx +++ b/src/components/common/ScoreIndicator/index.tsx @@ -1,5 +1,5 @@ import * as s from "./styles"; -import { ScoreIndicatorProps } from "./types"; +import type { ScoreIndicatorProps } from "./types"; export const ScoreIndicator = ({ score }: ScoreIndicatorProps) => ( diff --git a/src/components/common/ScoreIndicator/styles.ts b/src/components/common/ScoreIndicator/styles.ts index 047c03990..e1756f723 100644 --- a/src/components/common/ScoreIndicator/styles.ts +++ b/src/components/common/ScoreIndicator/styles.ts @@ -1,5 +1,5 @@ import styled from "styled-components"; -import { IndicatorProps } from "./types"; +import type { IndicatorProps } from "./types"; export const Container = styled.div` display: flex; diff --git a/src/components/common/SearchInput/SearchInput.stories.tsx b/src/components/common/SearchInput/SearchInput.stories.tsx index 61297b4a4..cfffe6a78 100644 --- a/src/components/common/SearchInput/SearchInput.stories.tsx +++ b/src/components/common/SearchInput/SearchInput.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { SearchInput } from "."; diff --git a/src/components/common/SearchInput/index.tsx b/src/components/common/SearchInput/index.tsx index 8d5d76700..96ec31941 100644 --- a/src/components/common/SearchInput/index.tsx +++ b/src/components/common/SearchInput/index.tsx @@ -1,8 +1,8 @@ -import { ChangeEvent } from "react"; +import type { ChangeEvent } from "react"; import { CrossIcon } from "../icons/CrossIcon"; import { MagnifierIcon } from "../icons/MagnifierIcon"; import * as s from "./styles"; -import { SearchInputProps } from "./types"; +import type { SearchInputProps } from "./types"; export const SearchInput = ({ onChange, diff --git a/src/components/common/Select/Select.stories.tsx b/src/components/common/Select/Select.stories.tsx index e2c3b5772..202d2db04 100644 --- a/src/components/common/Select/Select.stories.tsx +++ b/src/components/common/Select/Select.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { useState } from "react"; import { Select } from "."; diff --git a/src/components/common/Select/index.tsx b/src/components/common/Select/index.tsx index d72b7e1f0..7bbe85081 100644 --- a/src/components/common/Select/index.tsx +++ b/src/components/common/Select/index.tsx @@ -1,4 +1,5 @@ -import { ChangeEvent, useCallback, useRef, useState } from "react"; +import type { ChangeEvent } from "react"; +import { useCallback, useRef, useState } from "react"; import useDimensions from "react-cool-dimensions"; import { isString } from "../../../typeGuards/isString"; import { Checkbox } from "../Checkbox"; @@ -8,7 +9,7 @@ import { ChevronIcon } from "../icons/ChevronIcon"; import { MagnifierIcon } from "../icons/MagnifierIcon"; import { Direction } from "../icons/types"; import * as s from "./styles"; -import { SelectItem, SelectProps } from "./types"; +import type { SelectItem, SelectProps } from "./types"; const sortItemsBySelectedState = (a: SelectItem, b: SelectItem) => { if (a.selected && !b.selected) { diff --git a/src/components/common/Select/styles.ts b/src/components/common/Select/styles.ts index 6be469aa2..868546eac 100644 --- a/src/components/common/Select/styles.ts +++ b/src/components/common/Select/styles.ts @@ -1,6 +1,6 @@ import styled from "styled-components"; import { grayScale, primaryScale } from "../App/v2colors"; -import { +import type { ButtonProps, ChevronIconContainerProps, OptionListItemProps diff --git a/src/components/common/Select/types.ts b/src/components/common/Select/types.ts index 669352aca..1f2813646 100644 --- a/src/components/common/Select/types.ts +++ b/src/components/common/Select/types.ts @@ -1,5 +1,5 @@ -import { ComponentType } from "react"; -import { IconProps } from "../icons/types"; +import type { ComponentType } from "react"; +import type { IconProps } from "../icons/types"; export interface SelectThemeColors { menu: { diff --git a/src/components/common/SortingSelector/SortingSelector.stories.tsx b/src/components/common/SortingSelector/SortingSelector.stories.tsx index 5b5881cae..7b60d84fb 100644 --- a/src/components/common/SortingSelector/SortingSelector.stories.tsx +++ b/src/components/common/SortingSelector/SortingSelector.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { fn } from "@storybook/test"; import { SortingSelector } from "."; import { SORTING_ORDER } from "./types"; diff --git a/src/components/common/SortingSelector/index.tsx b/src/components/common/SortingSelector/index.tsx index 0ce90252a..33b969630 100644 --- a/src/components/common/SortingSelector/index.tsx +++ b/src/components/common/SortingSelector/index.tsx @@ -1,5 +1,6 @@ import { useCallback, useEffect, useState } from "react"; -import { DefaultTheme, useTheme } from "styled-components"; +import type { DefaultTheme } from "styled-components"; +import { useTheme } from "styled-components"; import { Menu } from "../Menu"; import { Popover } from "../Popover"; import { PopoverContent } from "../Popover/PopoverContent"; @@ -8,7 +9,8 @@ import { ChevronIcon } from "../icons/ChevronIcon"; import { SortIcon } from "../icons/SortIcon"; import { Direction } from "../icons/types"; import * as s from "./styles"; -import { SORTING_ORDER, Sorting, SortingSelectorProps } from "./types"; +import type { Sorting, SortingSelectorProps } from "./types"; +import { SORTING_ORDER } from "./types"; const getSortingMenuChevronColor = (theme: DefaultTheme) => { switch (theme.mode) { diff --git a/src/components/common/SortingSelector/styles.ts b/src/components/common/SortingSelector/styles.ts index 62bcc7cbb..38aab30ce 100644 --- a/src/components/common/SortingSelector/styles.ts +++ b/src/components/common/SortingSelector/styles.ts @@ -1,10 +1,10 @@ import styled from "styled-components"; -import { - SORTING_ORDER, +import type { SortingMenuButtonProps, SortingOrderIconContainerProps, SortingOrderOptionProps } from "./types"; +import { SORTING_ORDER } from "./types"; export const PopoverContainer = styled.div` margin-left: auto; diff --git a/src/components/common/Tag/Tag.stories.tsx b/src/components/common/Tag/Tag.stories.tsx index 2a381c2e9..efeba4ec9 100644 --- a/src/components/common/Tag/Tag.stories.tsx +++ b/src/components/common/Tag/Tag.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { Tag } from "."; import { BottleneckIcon } from "../icons/BottleneckIcon"; diff --git a/src/components/common/Tag/index.tsx b/src/components/common/Tag/index.tsx index 812abdf87..9de626ab3 100644 --- a/src/components/common/Tag/index.tsx +++ b/src/components/common/Tag/index.tsx @@ -1,7 +1,7 @@ import { isUndefined } from "../../../typeGuards/isUndefined"; import { Tooltip } from "../Tooltip"; import * as s from "./styles"; -import { TagProps } from "./types"; +import type { TagProps } from "./types"; const renderValue = (value: TagProps["value"]) => { switch (typeof value) { diff --git a/src/components/common/Tag/styles.ts b/src/components/common/Tag/styles.ts index b624e4220..f84b1b6a0 100644 --- a/src/components/common/Tag/styles.ts +++ b/src/components/common/Tag/styles.ts @@ -1,5 +1,5 @@ import styled from "styled-components"; -import { ContainerProps } from "./types"; +import type { ContainerProps } from "./types"; export const Container = styled.div` font-size: 14px; diff --git a/src/components/common/Tag/types.ts b/src/components/common/Tag/types.ts index 10941c2f4..1a99205ea 100644 --- a/src/components/common/Tag/types.ts +++ b/src/components/common/Tag/types.ts @@ -1,5 +1,5 @@ -import { MemoExoticComponent } from "react"; -import { IconProps } from "../icons/types"; +import type { MemoExoticComponent } from "react"; +import type { IconProps } from "../icons/types"; export type TagType = | "highSeverity" diff --git a/src/components/common/TextField/TextField.stories.tsx b/src/components/common/TextField/TextField.stories.tsx index ea1320282..4ec6caa49 100644 --- a/src/components/common/TextField/TextField.stories.tsx +++ b/src/components/common/TextField/TextField.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { TextField } from "."; import { DigmaLogoIcon } from "../icons/DigmaLogoIcon"; diff --git a/src/components/common/TextField/index.tsx b/src/components/common/TextField/index.tsx index d96510c67..671b69403 100644 --- a/src/components/common/TextField/index.tsx +++ b/src/components/common/TextField/index.tsx @@ -1,6 +1,7 @@ -import { ForwardedRef, forwardRef, useState } from "react"; +import type { ForwardedRef } from "react"; +import { forwardRef, useState } from "react"; import * as s from "./styles"; -import { TextFieldProps } from "./types"; +import type { TextFieldProps } from "./types"; export const TextFieldComponent = ( { diff --git a/src/components/common/TextField/styles.ts b/src/components/common/TextField/styles.ts index d80610c71..bdc73d221 100644 --- a/src/components/common/TextField/styles.ts +++ b/src/components/common/TextField/styles.ts @@ -1,5 +1,5 @@ import styled from "styled-components"; -import { ContainerProps } from "./types"; +import type { ContainerProps } from "./types"; export const Container = styled.div` display: flex; diff --git a/src/components/common/TextField/types.ts b/src/components/common/TextField/types.ts index 256bfea1b..37c478e89 100644 --- a/src/components/common/TextField/types.ts +++ b/src/components/common/TextField/types.ts @@ -1,4 +1,4 @@ -import { ChangeEventHandler, ReactNode } from "react"; +import type { ChangeEventHandler, ReactNode } from "react"; export interface TextFieldProps { placeholder?: string; diff --git a/src/components/common/Toggle/Toggle.stories.tsx b/src/components/common/Toggle/Toggle.stories.tsx index 0513347be..99a93fe3c 100644 --- a/src/components/common/Toggle/Toggle.stories.tsx +++ b/src/components/common/Toggle/Toggle.stories.tsx @@ -1,9 +1,9 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { useState } from "react"; import { Toggle } from "."; import { PERCENTILES } from "../../../constants"; -import { ToggleValue } from "./types"; +import type { ToggleValue } from "./types"; // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction const meta: Meta = { diff --git a/src/components/common/Toggle/index.tsx b/src/components/common/Toggle/index.tsx index 09a88f35b..85d1310f0 100644 --- a/src/components/common/Toggle/index.tsx +++ b/src/components/common/Toggle/index.tsx @@ -1,5 +1,5 @@ import * as s from "./styles"; -import { ToggleProps, ToggleValue } from "./types"; +import type { ToggleProps, ToggleValue } from "./types"; export const Toggle = ({ onValueChange, options, value }: ToggleProps) => { const handleOptionButtonClick = (value: ToggleValue) => { diff --git a/src/components/common/Toggle/styles.ts b/src/components/common/Toggle/styles.ts index 5eb70c63b..e72db5356 100644 --- a/src/components/common/Toggle/styles.ts +++ b/src/components/common/Toggle/styles.ts @@ -1,5 +1,5 @@ import styled from "styled-components"; -import { OptionButtonProps } from "./types"; +import type { OptionButtonProps } from "./types"; export const Container = styled.div` display: flex; diff --git a/src/components/common/ToggleSwitch/ToggleSwitch.stories.tsx b/src/components/common/ToggleSwitch/ToggleSwitch.stories.tsx index 54b01c8ea..aa5f7db41 100644 --- a/src/components/common/ToggleSwitch/ToggleSwitch.stories.tsx +++ b/src/components/common/ToggleSwitch/ToggleSwitch.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { ToggleSwitch } from "."; diff --git a/src/components/common/ToggleSwitch/index.tsx b/src/components/common/ToggleSwitch/index.tsx index 27f267307..966df392c 100644 --- a/src/components/common/ToggleSwitch/index.tsx +++ b/src/components/common/ToggleSwitch/index.tsx @@ -1,5 +1,5 @@ import * as s from "./styles"; -import { ToggleSwitchProps } from "./types"; +import type { ToggleSwitchProps } from "./types"; /** @deprecated */ export const ToggleSwitch = ({ diff --git a/src/components/common/ToggleSwitch/styles.ts b/src/components/common/ToggleSwitch/styles.ts index 2afb1fa81..06509dcf4 100644 --- a/src/components/common/ToggleSwitch/styles.ts +++ b/src/components/common/ToggleSwitch/styles.ts @@ -1,6 +1,6 @@ import styled from "styled-components"; -import { DefaultTheme } from "styled-components/dist/types"; -import { +import type { DefaultTheme } from "styled-components/dist/types"; +import type { CircleProps, ContainerProps, SwitchContainerProps, diff --git a/src/components/common/ToggleSwitch/types.ts b/src/components/common/ToggleSwitch/types.ts index f4c50ee6d..af32420c4 100644 --- a/src/components/common/ToggleSwitch/types.ts +++ b/src/components/common/ToggleSwitch/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export type ToggleSwitchSize = "large" | "small"; diff --git a/src/components/common/Tooltip/Tooltip.stories.tsx b/src/components/common/Tooltip/Tooltip.stories.tsx index ac16e8e62..2b61d63d6 100644 --- a/src/components/common/Tooltip/Tooltip.stories.tsx +++ b/src/components/common/Tooltip/Tooltip.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/Tooltip/index.tsx b/src/components/common/Tooltip/index.tsx index d9ce8c8c9..487840f3a 100644 --- a/src/components/common/Tooltip/index.tsx +++ b/src/components/common/Tooltip/index.tsx @@ -1,7 +1,7 @@ +import type { Placement } from "@floating-ui/react"; import { FloatingArrow, FloatingPortal, - Placement, arrow, autoUpdate, flip, @@ -16,7 +16,7 @@ import { useTheme } from "styled-components"; import { isBoolean } from "../../../typeGuards/isBoolean"; import { isString } from "../../../typeGuards/isString"; import * as s from "./styles"; -import { TooltipProps } from "./types"; +import type { TooltipProps } from "./types"; // in pixels const ARROW_MARGIN = -3; diff --git a/src/components/common/Tooltip/types.ts b/src/components/common/Tooltip/types.ts index 00e7c9bbb..cad998340 100644 --- a/src/components/common/Tooltip/types.ts +++ b/src/components/common/Tooltip/types.ts @@ -1,5 +1,5 @@ -import { Placement } from "@floating-ui/react"; -import { CSSProperties, ReactElement, ReactNode } from "react"; +import type { Placement } from "@floating-ui/react"; +import type { CSSProperties, ReactElement, ReactNode } from "react"; export interface TooltipThemeColors { background: string; diff --git a/src/components/common/TreeMap/Tile/index.tsx b/src/components/common/TreeMap/Tile/index.tsx index 50db6f691..5c1fcb93a 100644 --- a/src/components/common/TreeMap/Tile/index.tsx +++ b/src/components/common/TreeMap/Tile/index.tsx @@ -1,8 +1,8 @@ -import { MouseEvent } from "react"; +import type { MouseEvent } from "react"; import useDimensions from "react-cool-dimensions"; import { Tooltip } from "../../v3/Tooltip"; import * as s from "./styles"; -import { TileProps } from "./types"; +import type { TileProps } from "./types"; const MIN_HEIGHT = 86; // in pixels const MIN_WIDTH = 92; // in pixels diff --git a/src/components/common/TreeMap/Tile/styles.ts b/src/components/common/TreeMap/Tile/styles.ts index 0dcdff621..8f5130697 100644 --- a/src/components/common/TreeMap/Tile/styles.ts +++ b/src/components/common/TreeMap/Tile/styles.ts @@ -1,6 +1,6 @@ import styled, { css } from "styled-components"; import { subheading2RegularTypography } from "../../App/typographies"; -import { +import type { ChildrenContainerProps, TileContainerProps, TitleProps diff --git a/src/components/common/TreeMap/Tile/types.ts b/src/components/common/TreeMap/Tile/types.ts index 44a220810..598a6db3e 100644 --- a/src/components/common/TreeMap/Tile/types.ts +++ b/src/components/common/TreeMap/Tile/types.ts @@ -1,5 +1,5 @@ -import { ReactNode } from "react"; -import { Severity } from "../../../Dashboard/MetricsReport/Table/types"; +import type { ReactNode } from "react"; +import type { Severity } from "../../../Dashboard/MetricsReport/Table/types"; export interface TileProps { title: string; diff --git a/src/components/common/TreeMap/TreeMap.stories.tsx b/src/components/common/TreeMap/TreeMap.stories.tsx index 43230a22a..7f5c47115 100644 --- a/src/components/common/TreeMap/TreeMap.stories.tsx +++ b/src/components/common/TreeMap/TreeMap.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { TreeMap } from "."; import { ReportTile } from "../../Dashboard/MetricsReport/Chart/ReportTile"; diff --git a/src/components/common/TreeMap/index.tsx b/src/components/common/TreeMap/index.tsx index f99e9ea28..b3610d61e 100644 --- a/src/components/common/TreeMap/index.tsx +++ b/src/components/common/TreeMap/index.tsx @@ -1,6 +1,7 @@ -import squarify, { ILayoutRect, Input } from "squarify"; +import type { ILayoutRect, Input } from "squarify"; +import squarify from "squarify"; import { isNull } from "../../../typeGuards/isNull"; -import { TileData, TreeMapProps } from "./types"; +import type { TileData, TreeMapProps } from "./types"; const normalizeData = (data: Input[]) => { const MIN_MAX_RATIO = 5; diff --git a/src/components/common/TreeMap/types.ts b/src/components/common/TreeMap/types.ts index db4de523b..cd864a264 100644 --- a/src/components/common/TreeMap/types.ts +++ b/src/components/common/TreeMap/types.ts @@ -1,5 +1,5 @@ -import { ReactNode } from "react"; -import { Input } from "squarify"; +import type { ReactNode } from "react"; +import type { Input } from "squarify"; export interface TileData { id: string; diff --git a/src/components/common/icons/12px/AffectIcon.tsx b/src/components/common/icons/12px/AffectIcon.tsx index 8fddfccdf..990cefd83 100644 --- a/src/components/common/icons/12px/AffectIcon.tsx +++ b/src/components/common/icons/12px/AffectIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const AffectIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/12px/ArrowIcon.tsx b/src/components/common/icons/12px/ArrowIcon.tsx index 697730d3d..4c38ec317 100644 --- a/src/components/common/icons/12px/ArrowIcon.tsx +++ b/src/components/common/icons/12px/ArrowIcon.tsx @@ -1,6 +1,7 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { Direction, RotatableIconProps } from "../types"; +import type { RotatableIconProps } from "../types"; +import { Direction } from "../types"; const directionRotateMap: Record = { [Direction.DOWN]: "0", diff --git a/src/components/common/icons/12px/ArrowsInsideIcon.tsx b/src/components/common/icons/12px/ArrowsInsideIcon.tsx index 371931918..f0d29d74a 100644 --- a/src/components/common/icons/12px/ArrowsInsideIcon.tsx +++ b/src/components/common/icons/12px/ArrowsInsideIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const ArrowsInsideIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/12px/ArrowsOutsideIcon.tsx b/src/components/common/icons/12px/ArrowsOutsideIcon.tsx index be91a75f9..edf6463f3 100644 --- a/src/components/common/icons/12px/ArrowsOutsideIcon.tsx +++ b/src/components/common/icons/12px/ArrowsOutsideIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const ArrowsOutsideIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/12px/CalendarIcon.tsx b/src/components/common/icons/12px/CalendarIcon.tsx index 06a7dd0b2..0509adb0f 100644 --- a/src/components/common/icons/12px/CalendarIcon.tsx +++ b/src/components/common/icons/12px/CalendarIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const CalendarIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/12px/CheckmarkCircleIcon.tsx b/src/components/common/icons/12px/CheckmarkCircleIcon.tsx index 26a272588..ee56a59d3 100644 --- a/src/components/common/icons/12px/CheckmarkCircleIcon.tsx +++ b/src/components/common/icons/12px/CheckmarkCircleIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const CheckmarkCircleIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/12px/CheckmarkIcon.tsx b/src/components/common/icons/12px/CheckmarkIcon.tsx index b1bd3d745..93b631bc1 100644 --- a/src/components/common/icons/12px/CheckmarkIcon.tsx +++ b/src/components/common/icons/12px/CheckmarkIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const CheckmarkIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/12px/ChevronIcon.tsx b/src/components/common/icons/12px/ChevronIcon.tsx index 9bc8156c8..fc6b3f1fe 100644 --- a/src/components/common/icons/12px/ChevronIcon.tsx +++ b/src/components/common/icons/12px/ChevronIcon.tsx @@ -1,6 +1,7 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { Direction, RotatableIconProps } from "../types"; +import type { RotatableIconProps } from "../types"; +import { Direction } from "../types"; const directionRotateMap: Record = { [Direction.DOWN]: "0", diff --git a/src/components/common/icons/12px/CodeIcon.tsx b/src/components/common/icons/12px/CodeIcon.tsx index 1626070eb..dcb844030 100644 --- a/src/components/common/icons/12px/CodeIcon.tsx +++ b/src/components/common/icons/12px/CodeIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const CodeIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/12px/CopyIcon.tsx b/src/components/common/icons/12px/CopyIcon.tsx index 9c012908d..4a61cec60 100644 --- a/src/components/common/icons/12px/CopyIcon.tsx +++ b/src/components/common/icons/12px/CopyIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const CopyIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/12px/CrossIcon.tsx b/src/components/common/icons/12px/CrossIcon.tsx index 595e43e77..f18a18fb5 100644 --- a/src/components/common/icons/12px/CrossIcon.tsx +++ b/src/components/common/icons/12px/CrossIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const CrossIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/12px/DownloadIcon.tsx b/src/components/common/icons/12px/DownloadIcon.tsx index ea585d7c9..615301c05 100644 --- a/src/components/common/icons/12px/DownloadIcon.tsx +++ b/src/components/common/icons/12px/DownloadIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const DownloadIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/12px/DurationBreakdownIcon.tsx b/src/components/common/icons/12px/DurationBreakdownIcon.tsx index ef37ce34c..bb16ce219 100644 --- a/src/components/common/icons/12px/DurationBreakdownIcon.tsx +++ b/src/components/common/icons/12px/DurationBreakdownIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const DurationBreakdownIconComponent = (props: IconProps) => { const { size } = useIconProps(props); diff --git a/src/components/common/icons/12px/ErrorIcon.tsx b/src/components/common/icons/12px/ErrorIcon.tsx index 0c6745a13..0ca4cd9da 100644 --- a/src/components/common/icons/12px/ErrorIcon.tsx +++ b/src/components/common/icons/12px/ErrorIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const ErrorIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/12px/EyeIcon.tsx b/src/components/common/icons/12px/EyeIcon.tsx index 8a75f8059..3ad92de69 100644 --- a/src/components/common/icons/12px/EyeIcon.tsx +++ b/src/components/common/icons/12px/EyeIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; interface EyeIconProps extends IconProps { crossOut?: boolean; diff --git a/src/components/common/icons/12px/FourPointedStarIcon.tsx b/src/components/common/icons/12px/FourPointedStarIcon.tsx index 43b26ee81..eb40e53d4 100644 --- a/src/components/common/icons/12px/FourPointedStarIcon.tsx +++ b/src/components/common/icons/12px/FourPointedStarIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const FourPointedStarIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/12px/GlobeIcon.tsx b/src/components/common/icons/12px/GlobeIcon.tsx index 55934bf60..3bb79ddd2 100644 --- a/src/components/common/icons/12px/GlobeIcon.tsx +++ b/src/components/common/icons/12px/GlobeIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const GlobeIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/12px/HomeIcon.tsx b/src/components/common/icons/12px/HomeIcon.tsx index 6cf2d39dc..0046d3714 100644 --- a/src/components/common/icons/12px/HomeIcon.tsx +++ b/src/components/common/icons/12px/HomeIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const HomeIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/12px/JiraLogoIcon.tsx b/src/components/common/icons/12px/JiraLogoIcon.tsx index dd73e486a..f7c1e9011 100644 --- a/src/components/common/icons/12px/JiraLogoIcon.tsx +++ b/src/components/common/icons/12px/JiraLogoIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const JiraLogoIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/12px/LockIcon.tsx b/src/components/common/icons/12px/LockIcon.tsx index ad9049daa..46d98c74b 100644 --- a/src/components/common/icons/12px/LockIcon.tsx +++ b/src/components/common/icons/12px/LockIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const LockIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/12px/MetricsIcon.tsx b/src/components/common/icons/12px/MetricsIcon.tsx index 2c7349ae1..c748fceec 100644 --- a/src/components/common/icons/12px/MetricsIcon.tsx +++ b/src/components/common/icons/12px/MetricsIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const MetricsIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/12px/OpenTelemetryLogoIcon.tsx b/src/components/common/icons/12px/OpenTelemetryLogoIcon.tsx index a1aa00ecb..ce5d7127e 100644 --- a/src/components/common/icons/12px/OpenTelemetryLogoIcon.tsx +++ b/src/components/common/icons/12px/OpenTelemetryLogoIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const OpenTelemetryLogoIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/12px/OppositeArrowsIcon.tsx b/src/components/common/icons/12px/OppositeArrowsIcon.tsx index 369644477..27bb68028 100644 --- a/src/components/common/icons/12px/OppositeArrowsIcon.tsx +++ b/src/components/common/icons/12px/OppositeArrowsIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const OppositeArrowsIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/12px/PaperclipIcon.tsx b/src/components/common/icons/12px/PaperclipIcon.tsx index a07d654a3..12ff433d0 100644 --- a/src/components/common/icons/12px/PaperclipIcon.tsx +++ b/src/components/common/icons/12px/PaperclipIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const PaperclipIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/12px/PencilIcon.tsx b/src/components/common/icons/12px/PencilIcon.tsx index a44885f86..c390beeba 100644 --- a/src/components/common/icons/12px/PencilIcon.tsx +++ b/src/components/common/icons/12px/PencilIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const PencilIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/12px/PlusIcon.tsx b/src/components/common/icons/12px/PlusIcon.tsx index 8dfbbb193..9b65784e8 100644 --- a/src/components/common/icons/12px/PlusIcon.tsx +++ b/src/components/common/icons/12px/PlusIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const PlusIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/12px/TargetIcon.tsx b/src/components/common/icons/12px/TargetIcon.tsx index 8596daf5d..74cc07f9b 100644 --- a/src/components/common/icons/12px/TargetIcon.tsx +++ b/src/components/common/icons/12px/TargetIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const TargetIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/12px/TimerIcon.tsx b/src/components/common/icons/12px/TimerIcon.tsx index 98873cb28..b5180f811 100644 --- a/src/components/common/icons/12px/TimerIcon.tsx +++ b/src/components/common/icons/12px/TimerIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const TimerIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/12px/TraceIcon.tsx b/src/components/common/icons/12px/TraceIcon.tsx index c0c927c02..a7560cbc4 100644 --- a/src/components/common/icons/12px/TraceIcon.tsx +++ b/src/components/common/icons/12px/TraceIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const TraceIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/12px/TreeNodesIcon.tsx b/src/components/common/icons/12px/TreeNodesIcon.tsx index 1ebbf9aa8..f35deae73 100644 --- a/src/components/common/icons/12px/TreeNodesIcon.tsx +++ b/src/components/common/icons/12px/TreeNodesIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const TreeNodesIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/12px/WarningTriangleIcon.tsx b/src/components/common/icons/12px/WarningTriangleIcon.tsx index a66b93bc6..3de396dbb 100644 --- a/src/components/common/icons/12px/WarningTriangleIcon.tsx +++ b/src/components/common/icons/12px/WarningTriangleIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const WarningTriangleIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/12px/WrenchIcon.tsx b/src/components/common/icons/12px/WrenchIcon.tsx index ed857f5a6..73196de2d 100644 --- a/src/components/common/icons/12px/WrenchIcon.tsx +++ b/src/components/common/icons/12px/WrenchIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const WrenchIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/14px/ChainIcon.tsx b/src/components/common/icons/14px/ChainIcon.tsx index a1acc812e..c8461cf2b 100644 --- a/src/components/common/icons/14px/ChainIcon.tsx +++ b/src/components/common/icons/14px/ChainIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const ChainIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/BookIcon.tsx b/src/components/common/icons/16px/BookIcon.tsx index e669243e5..55bc6f2c9 100644 --- a/src/components/common/icons/16px/BookIcon.tsx +++ b/src/components/common/icons/16px/BookIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const BookIconComponent = (props: IconProps) => { const { size } = useIconProps(props); diff --git a/src/components/common/icons/16px/CheckmarkCircleArrowIcon.tsx b/src/components/common/icons/16px/CheckmarkCircleArrowIcon.tsx index e1ca607da..55058e616 100644 --- a/src/components/common/icons/16px/CheckmarkCircleArrowIcon.tsx +++ b/src/components/common/icons/16px/CheckmarkCircleArrowIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const CheckmarkCircleArrowIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/CheckmarkCircleIcon.tsx b/src/components/common/icons/16px/CheckmarkCircleIcon.tsx index 3fefc90b7..9c33548cf 100644 --- a/src/components/common/icons/16px/CheckmarkCircleIcon.tsx +++ b/src/components/common/icons/16px/CheckmarkCircleIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const CheckmarkCircleIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/ChevronIcon.tsx b/src/components/common/icons/16px/ChevronIcon.tsx index ff9227676..b232c2fc1 100644 --- a/src/components/common/icons/16px/ChevronIcon.tsx +++ b/src/components/common/icons/16px/ChevronIcon.tsx @@ -1,6 +1,7 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { Direction, RotatableIconProps } from "../types"; +import type { RotatableIconProps } from "../types"; +import { Direction } from "../types"; const directionRotateMap: Record = { [Direction.DOWN]: "0", diff --git a/src/components/common/icons/16px/ClearIcon.tsx b/src/components/common/icons/16px/ClearIcon.tsx index 3580cacbd..7b93c8c60 100644 --- a/src/components/common/icons/16px/ClearIcon.tsx +++ b/src/components/common/icons/16px/ClearIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const ClearIconComponent = (props: IconProps) => { const { size } = useIconProps(props); diff --git a/src/components/common/icons/16px/CodeGradientIcon.tsx b/src/components/common/icons/16px/CodeGradientIcon.tsx index 1e4832612..1003bd221 100644 --- a/src/components/common/icons/16px/CodeGradientIcon.tsx +++ b/src/components/common/icons/16px/CodeGradientIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const CodeGradientIconComponent = (props: IconProps) => { const { size } = useIconProps(props); diff --git a/src/components/common/icons/16px/CodeIcon.tsx b/src/components/common/icons/16px/CodeIcon.tsx index fadd5dcf7..5c7c86a97 100644 --- a/src/components/common/icons/16px/CodeIcon.tsx +++ b/src/components/common/icons/16px/CodeIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const CodeIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/ConfettiIcon.tsx b/src/components/common/icons/16px/ConfettiIcon.tsx index a70425510..3f2ce31e6 100644 --- a/src/components/common/icons/16px/ConfettiIcon.tsx +++ b/src/components/common/icons/16px/ConfettiIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const ConfettiIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/CopyIcon.tsx b/src/components/common/icons/16px/CopyIcon.tsx index 7940c2baf..1ade354c0 100644 --- a/src/components/common/icons/16px/CopyIcon.tsx +++ b/src/components/common/icons/16px/CopyIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const CopyIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/CrossCircleIcon.tsx b/src/components/common/icons/16px/CrossCircleIcon.tsx index 4bae83014..df32b6628 100644 --- a/src/components/common/icons/16px/CrossCircleIcon.tsx +++ b/src/components/common/icons/16px/CrossCircleIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const CrossCircleIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/CrossIcon.tsx b/src/components/common/icons/16px/CrossIcon.tsx index 976fa3b0c..47ad2daa6 100644 --- a/src/components/common/icons/16px/CrossIcon.tsx +++ b/src/components/common/icons/16px/CrossIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const CrossIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/CrosshairIcon.tsx b/src/components/common/icons/16px/CrosshairIcon.tsx index 84e7bfd7d..1bc365a94 100644 --- a/src/components/common/icons/16px/CrosshairIcon.tsx +++ b/src/components/common/icons/16px/CrosshairIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const CrosshairIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/DigmaLogoFlatIcon.tsx b/src/components/common/icons/16px/DigmaLogoFlatIcon.tsx index 197748551..4029e6146 100644 --- a/src/components/common/icons/16px/DigmaLogoFlatIcon.tsx +++ b/src/components/common/icons/16px/DigmaLogoFlatIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const DigmaLogoFlatIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/DigmaLogoIcon.tsx b/src/components/common/icons/16px/DigmaLogoIcon.tsx index 885058c86..928e377ff 100644 --- a/src/components/common/icons/16px/DigmaLogoIcon.tsx +++ b/src/components/common/icons/16px/DigmaLogoIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const DigmaLogoIconComponent = (props: IconProps) => { const { size } = useIconProps(props); diff --git a/src/components/common/icons/16px/DoubleCircleIcon.tsx b/src/components/common/icons/16px/DoubleCircleIcon.tsx index b61036b4a..95a41fce3 100644 --- a/src/components/common/icons/16px/DoubleCircleIcon.tsx +++ b/src/components/common/icons/16px/DoubleCircleIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const DoubleCircleIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/EnvelopeIcon.tsx b/src/components/common/icons/16px/EnvelopeIcon.tsx index 1b52d822d..151782cfc 100644 --- a/src/components/common/icons/16px/EnvelopeIcon.tsx +++ b/src/components/common/icons/16px/EnvelopeIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const EnvelopeIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/ErrorIcon.tsx b/src/components/common/icons/16px/ErrorIcon.tsx index e90a1c7a4..642afea81 100644 --- a/src/components/common/icons/16px/ErrorIcon.tsx +++ b/src/components/common/icons/16px/ErrorIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const ErrorIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/EyeIcon.tsx b/src/components/common/icons/16px/EyeIcon.tsx index 4dee07e3a..2f96a42db 100644 --- a/src/components/common/icons/16px/EyeIcon.tsx +++ b/src/components/common/icons/16px/EyeIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; interface EyeIconProps extends IconProps { crossOut?: boolean; diff --git a/src/components/common/icons/16px/FourPointedStarIcon.tsx b/src/components/common/icons/16px/FourPointedStarIcon.tsx index 226996925..fa2996dbc 100644 --- a/src/components/common/icons/16px/FourPointedStarIcon.tsx +++ b/src/components/common/icons/16px/FourPointedStarIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const FourPointedStarIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/FourPointedStarWithPlusesIcon.tsx b/src/components/common/icons/16px/FourPointedStarWithPlusesIcon.tsx index 09004270b..94bf459aa 100644 --- a/src/components/common/icons/16px/FourPointedStarWithPlusesIcon.tsx +++ b/src/components/common/icons/16px/FourPointedStarWithPlusesIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const FourPointedStarWithPlusesIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/FunnelIcon.tsx b/src/components/common/icons/16px/FunnelIcon.tsx index a1433c4eb..1aa3325c1 100644 --- a/src/components/common/icons/16px/FunnelIcon.tsx +++ b/src/components/common/icons/16px/FunnelIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const FunnelIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/GlobeIcon.tsx b/src/components/common/icons/16px/GlobeIcon.tsx index 2b9608f0f..42c72cc21 100644 --- a/src/components/common/icons/16px/GlobeIcon.tsx +++ b/src/components/common/icons/16px/GlobeIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const GlobeIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/HammerIcon.tsx b/src/components/common/icons/16px/HammerIcon.tsx index 7e91048b6..0ab5a023b 100644 --- a/src/components/common/icons/16px/HammerIcon.tsx +++ b/src/components/common/icons/16px/HammerIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const HammerIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/HistogramIcon.tsx b/src/components/common/icons/16px/HistogramIcon.tsx index 5b3ce45fc..58e9f08cf 100644 --- a/src/components/common/icons/16px/HistogramIcon.tsx +++ b/src/components/common/icons/16px/HistogramIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const HistogramIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/HomeIcon.tsx b/src/components/common/icons/16px/HomeIcon.tsx index 3a6e66413..27bb838c4 100644 --- a/src/components/common/icons/16px/HomeIcon.tsx +++ b/src/components/common/icons/16px/HomeIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; export interface HomeIconProps extends IconProps { fillColor?: string; diff --git a/src/components/common/icons/16px/InfinityIcon.tsx b/src/components/common/icons/16px/InfinityIcon.tsx index fd23fbb68..bb3763246 100644 --- a/src/components/common/icons/16px/InfinityIcon.tsx +++ b/src/components/common/icons/16px/InfinityIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const InfinityIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/JiraLogoIcon.tsx b/src/components/common/icons/16px/JiraLogoIcon.tsx index 008c4fd0c..77a69e462 100644 --- a/src/components/common/icons/16px/JiraLogoIcon.tsx +++ b/src/components/common/icons/16px/JiraLogoIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const JiraLogoIconComponent = (props: IconProps & { isActive?: boolean }) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/KeyIcon.tsx b/src/components/common/icons/16px/KeyIcon.tsx index 09d814277..a95559f0a 100644 --- a/src/components/common/icons/16px/KeyIcon.tsx +++ b/src/components/common/icons/16px/KeyIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const KeyIconIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/LogoutIcon.tsx b/src/components/common/icons/16px/LogoutIcon.tsx index 9f418fdd4..f7fd33956 100644 --- a/src/components/common/icons/16px/LogoutIcon.tsx +++ b/src/components/common/icons/16px/LogoutIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const LogoutIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/MagicWandIcon.tsx b/src/components/common/icons/16px/MagicWandIcon.tsx index b301a979b..4f1b56bfd 100644 --- a/src/components/common/icons/16px/MagicWandIcon.tsx +++ b/src/components/common/icons/16px/MagicWandIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const MagicWandIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/MaximizeIcon.tsx b/src/components/common/icons/16px/MaximizeIcon.tsx index ef5fb63ae..bbde531f4 100644 --- a/src/components/common/icons/16px/MaximizeIcon.tsx +++ b/src/components/common/icons/16px/MaximizeIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const MaximizeIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/MeterHighIcon.tsx b/src/components/common/icons/16px/MeterHighIcon.tsx index b89d321f9..3d0fea0de 100644 --- a/src/components/common/icons/16px/MeterHighIcon.tsx +++ b/src/components/common/icons/16px/MeterHighIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const MeterHighIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/MinimizeIcon.tsx b/src/components/common/icons/16px/MinimizeIcon.tsx index 04c4ae76a..d968d31dd 100644 --- a/src/components/common/icons/16px/MinimizeIcon.tsx +++ b/src/components/common/icons/16px/MinimizeIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const MinimizeIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/OpenTelemetryLogoIcon.tsx b/src/components/common/icons/16px/OpenTelemetryLogoIcon.tsx index 62493921d..38d10b139 100644 --- a/src/components/common/icons/16px/OpenTelemetryLogoIcon.tsx +++ b/src/components/common/icons/16px/OpenTelemetryLogoIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const OpenTelemetryLogoIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/PetalsIcon.tsx b/src/components/common/icons/16px/PetalsIcon.tsx index a2bc8c422..50b9ca49a 100644 --- a/src/components/common/icons/16px/PetalsIcon.tsx +++ b/src/components/common/icons/16px/PetalsIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const PetalsIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/PinFillIcon.tsx b/src/components/common/icons/16px/PinFillIcon.tsx index cf829433d..a89ce8ebe 100644 --- a/src/components/common/icons/16px/PinFillIcon.tsx +++ b/src/components/common/icons/16px/PinFillIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const PinFillIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/PinIcon.tsx b/src/components/common/icons/16px/PinIcon.tsx index e7af6d6c4..76bc71982 100644 --- a/src/components/common/icons/16px/PinIcon.tsx +++ b/src/components/common/icons/16px/PinIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const PinIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/PlusIcon.tsx b/src/components/common/icons/16px/PlusIcon.tsx index 2a7b0feff..54a520e9f 100644 --- a/src/components/common/icons/16px/PlusIcon.tsx +++ b/src/components/common/icons/16px/PlusIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const PlusIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/QuestionMarkIcon.tsx b/src/components/common/icons/16px/QuestionMarkIcon.tsx index 7aa84291a..63f710191 100644 --- a/src/components/common/icons/16px/QuestionMarkIcon.tsx +++ b/src/components/common/icons/16px/QuestionMarkIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const QuestionMarkIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/RecheckIcon.tsx b/src/components/common/icons/16px/RecheckIcon.tsx index 7220f9e87..69d516428 100644 --- a/src/components/common/icons/16px/RecheckIcon.tsx +++ b/src/components/common/icons/16px/RecheckIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const RecheckIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/RefreshIcon.tsx b/src/components/common/icons/16px/RefreshIcon.tsx index 8b2b3bbf7..5a63b513f 100644 --- a/src/components/common/icons/16px/RefreshIcon.tsx +++ b/src/components/common/icons/16px/RefreshIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const RefreshIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/SlackLogoIcon.tsx b/src/components/common/icons/16px/SlackLogoIcon.tsx index efbb61baf..63c4fe2bb 100644 --- a/src/components/common/icons/16px/SlackLogoIcon.tsx +++ b/src/components/common/icons/16px/SlackLogoIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const SlackLogoIconComponent = (props: IconProps) => { const { size } = useIconProps(props); diff --git a/src/components/common/icons/16px/SortIcon.tsx b/src/components/common/icons/16px/SortIcon.tsx index c8c22b0ca..7c239f969 100644 --- a/src/components/common/icons/16px/SortIcon.tsx +++ b/src/components/common/icons/16px/SortIcon.tsx @@ -1,6 +1,7 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { Direction, RotatableIconProps } from "../types"; +import type { RotatableIconProps } from "../types"; +import { Direction } from "../types"; const directionRotateMap: Record = { [Direction.DOWN]: "0", diff --git a/src/components/common/icons/16px/SparkleIcon.tsx b/src/components/common/icons/16px/SparkleIcon.tsx index 6216a592b..7653d8e52 100644 --- a/src/components/common/icons/16px/SparkleIcon.tsx +++ b/src/components/common/icons/16px/SparkleIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const SparkleIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/TableIcon.tsx b/src/components/common/icons/16px/TableIcon.tsx index fe4ccbf43..d2a8363a2 100644 --- a/src/components/common/icons/16px/TableIcon.tsx +++ b/src/components/common/icons/16px/TableIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const TableIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/TargetIcon.tsx b/src/components/common/icons/16px/TargetIcon.tsx index be5f26fa3..3afa1f773 100644 --- a/src/components/common/icons/16px/TargetIcon.tsx +++ b/src/components/common/icons/16px/TargetIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const TargetIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/TimerIcon.tsx b/src/components/common/icons/16px/TimerIcon.tsx index 10d906d1f..0eff5790e 100644 --- a/src/components/common/icons/16px/TimerIcon.tsx +++ b/src/components/common/icons/16px/TimerIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const TimerIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/TraceIcon.tsx b/src/components/common/icons/16px/TraceIcon.tsx index a8d58d702..9f0963503 100644 --- a/src/components/common/icons/16px/TraceIcon.tsx +++ b/src/components/common/icons/16px/TraceIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const TraceIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/TrashBinIcon.tsx b/src/components/common/icons/16px/TrashBinIcon.tsx index f12539d98..f1460de4b 100644 --- a/src/components/common/icons/16px/TrashBinIcon.tsx +++ b/src/components/common/icons/16px/TrashBinIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const TrashBinIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/TreemapIcon.tsx b/src/components/common/icons/16px/TreemapIcon.tsx index 76988fff7..67d29d71f 100644 --- a/src/components/common/icons/16px/TreemapIcon.tsx +++ b/src/components/common/icons/16px/TreemapIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const TreemapIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/16px/WrenchIcon.tsx b/src/components/common/icons/16px/WrenchIcon.tsx index 84362bdb2..6fe8a69fc 100644 --- a/src/components/common/icons/16px/WrenchIcon.tsx +++ b/src/components/common/icons/16px/WrenchIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const WrenchIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/20px/ArrowToTopIcon.tsx b/src/components/common/icons/20px/ArrowToTopIcon.tsx index 932e3bfea..85a8084a8 100644 --- a/src/components/common/icons/20px/ArrowToTopIcon.tsx +++ b/src/components/common/icons/20px/ArrowToTopIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const ArrowToTopIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/20px/CheckCircleIcon.tsx b/src/components/common/icons/20px/CheckCircleIcon.tsx index 1a5a48523..8f016ba73 100644 --- a/src/components/common/icons/20px/CheckCircleIcon.tsx +++ b/src/components/common/icons/20px/CheckCircleIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const CheckCircleIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/20px/CheckmarkCircleIcon.tsx b/src/components/common/icons/20px/CheckmarkCircleIcon.tsx index 5011f77c1..c5b81a3c0 100644 --- a/src/components/common/icons/20px/CheckmarkCircleIcon.tsx +++ b/src/components/common/icons/20px/CheckmarkCircleIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const CheckmarkCircleIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/20px/ChevronIcon.tsx b/src/components/common/icons/20px/ChevronIcon.tsx index b31fe205e..7f128e5cf 100644 --- a/src/components/common/icons/20px/ChevronIcon.tsx +++ b/src/components/common/icons/20px/ChevronIcon.tsx @@ -1,6 +1,7 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { Direction, RotatableIconProps } from "../types"; +import type { RotatableIconProps } from "../types"; +import { Direction } from "../types"; const directionRotateMap: Record = { [Direction.DOWN]: "0", diff --git a/src/components/common/icons/20px/ClockWithTicksIcon.tsx b/src/components/common/icons/20px/ClockWithTicksIcon.tsx index c42ab20b4..e8f4c2738 100644 --- a/src/components/common/icons/20px/ClockWithTicksIcon.tsx +++ b/src/components/common/icons/20px/ClockWithTicksIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; export const ClockWithTicksIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/20px/CodeGradientIcon.tsx b/src/components/common/icons/20px/CodeGradientIcon.tsx index 944b2f882..a8f680444 100644 --- a/src/components/common/icons/20px/CodeGradientIcon.tsx +++ b/src/components/common/icons/20px/CodeGradientIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; export const CodeGradientIconComponent = (props: IconProps) => { const { size } = useIconProps(props); diff --git a/src/components/common/icons/20px/CodeIcon.tsx b/src/components/common/icons/20px/CodeIcon.tsx index 25cd74679..e67e059e0 100644 --- a/src/components/common/icons/20px/CodeIcon.tsx +++ b/src/components/common/icons/20px/CodeIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; export const CodeIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/20px/CrossCircleIcon.tsx b/src/components/common/icons/20px/CrossCircleIcon.tsx index 13d8689be..13e8bad2e 100644 --- a/src/components/common/icons/20px/CrossCircleIcon.tsx +++ b/src/components/common/icons/20px/CrossCircleIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const CrossCircleIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/20px/GlobeIcon.tsx b/src/components/common/icons/20px/GlobeIcon.tsx index c8020f74a..6383e7bf6 100644 --- a/src/components/common/icons/20px/GlobeIcon.tsx +++ b/src/components/common/icons/20px/GlobeIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; export const GlobeIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/20px/OpenTelemetryLogoIcon.tsx b/src/components/common/icons/20px/OpenTelemetryLogoIcon.tsx index 70f8f65bd..e1722dff4 100644 --- a/src/components/common/icons/20px/OpenTelemetryLogoIcon.tsx +++ b/src/components/common/icons/20px/OpenTelemetryLogoIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; export const OpenTelemetryLogoIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/20px/ThreeDotsVerticalIcon.tsx b/src/components/common/icons/20px/ThreeDotsVerticalIcon.tsx index ccbe9c1c8..a5ecca93b 100644 --- a/src/components/common/icons/20px/ThreeDotsVerticalIcon.tsx +++ b/src/components/common/icons/20px/ThreeDotsVerticalIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; export const ThreeDotsVerticalIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/30px/ChildIcon.tsx b/src/components/common/icons/30px/ChildIcon.tsx index 0f4c0348e..c9eb3debd 100644 --- a/src/components/common/icons/30px/ChildIcon.tsx +++ b/src/components/common/icons/30px/ChildIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const ChildIconComponent = (props: IconProps) => { const { size } = useIconProps(props); diff --git a/src/components/common/icons/30px/HistogramIcon.tsx b/src/components/common/icons/30px/HistogramIcon.tsx index 9133d0816..ec30081d0 100644 --- a/src/components/common/icons/30px/HistogramIcon.tsx +++ b/src/components/common/icons/30px/HistogramIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const HistogramIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/32px/InfinityIcon.tsx b/src/components/common/icons/32px/InfinityIcon.tsx index f71473d45..67d555553 100644 --- a/src/components/common/icons/32px/InfinityIcon.tsx +++ b/src/components/common/icons/32px/InfinityIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const InfinityIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/32px/PetalsIcon.tsx b/src/components/common/icons/32px/PetalsIcon.tsx index 86ac2f5f8..5154f0237 100644 --- a/src/components/common/icons/32px/PetalsIcon.tsx +++ b/src/components/common/icons/32px/PetalsIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const PetalsIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/32px/PulseIcon.tsx b/src/components/common/icons/32px/PulseIcon.tsx index e0adc07df..d6f18ac27 100644 --- a/src/components/common/icons/32px/PulseIcon.tsx +++ b/src/components/common/icons/32px/PulseIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const PulseIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/38px/CheckCircleIcon.tsx b/src/components/common/icons/38px/CheckCircleIcon.tsx index 34a7fa97a..322fb3e61 100644 --- a/src/components/common/icons/38px/CheckCircleIcon.tsx +++ b/src/components/common/icons/38px/CheckCircleIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "../hooks"; -import { IconProps } from "../types"; +import type { IconProps } from "../types"; const CheckCircleIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/AlarmClockIcon.tsx b/src/components/common/icons/AlarmClockIcon.tsx index 7d3e03db4..6cda48b9d 100644 --- a/src/components/common/icons/AlarmClockIcon.tsx +++ b/src/components/common/icons/AlarmClockIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const AlarmClockIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/ArrowDashedLineIcon.tsx b/src/components/common/icons/ArrowDashedLineIcon.tsx index 9201f6d89..499b59a7d 100644 --- a/src/components/common/icons/ArrowDashedLineIcon.tsx +++ b/src/components/common/icons/ArrowDashedLineIcon.tsx @@ -1,6 +1,7 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { Direction, RotatableIconProps } from "./types"; +import type { RotatableIconProps } from "./types"; +import { Direction } from "./types"; const directionRotateMap: Record = { [Direction.UP]: "180", diff --git a/src/components/common/icons/ArrowIcon.tsx b/src/components/common/icons/ArrowIcon.tsx index 0cdcc1954..9650b5036 100644 --- a/src/components/common/icons/ArrowIcon.tsx +++ b/src/components/common/icons/ArrowIcon.tsx @@ -1,6 +1,7 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { Direction, RotatableIconProps } from "./types"; +import type { RotatableIconProps } from "./types"; +import { Direction } from "./types"; interface ArrowIconProps extends RotatableIconProps { dashed?: boolean; diff --git a/src/components/common/icons/ArrowSmallIcon.tsx b/src/components/common/icons/ArrowSmallIcon.tsx index 0a8119dd4..f312ed0fb 100644 --- a/src/components/common/icons/ArrowSmallIcon.tsx +++ b/src/components/common/icons/ArrowSmallIcon.tsx @@ -1,6 +1,7 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { Direction, RotatableIconProps } from "./types"; +import type { RotatableIconProps } from "./types"; +import { Direction } from "./types"; const directionRotateMap: Record = { [Direction.UP]: "-90", diff --git a/src/components/common/icons/BellIcon.tsx b/src/components/common/icons/BellIcon.tsx index 49efd14cd..a3c2bc662 100644 --- a/src/components/common/icons/BellIcon.tsx +++ b/src/components/common/icons/BellIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const BellIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/BottleneckIcon.tsx b/src/components/common/icons/BottleneckIcon.tsx index 0e5baad3b..3a0389ec3 100644 --- a/src/components/common/icons/BottleneckIcon.tsx +++ b/src/components/common/icons/BottleneckIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const BottleneckIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/CardsColoredIcon.tsx b/src/components/common/icons/CardsColoredIcon.tsx index e1221dc36..27cdd2f2d 100644 --- a/src/components/common/icons/CardsColoredIcon.tsx +++ b/src/components/common/icons/CardsColoredIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { ThemeableIconProps } from "./types"; +import type { ThemeableIconProps } from "./types"; const CardsColoredIconComponent = (props: ThemeableIconProps) => { const { size } = useIconProps(props); diff --git a/src/components/common/icons/CardsIcon.tsx b/src/components/common/icons/CardsIcon.tsx index 140a62feb..20b40c3de 100644 --- a/src/components/common/icons/CardsIcon.tsx +++ b/src/components/common/icons/CardsIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { ThemeableIconProps } from "./types"; +import type { ThemeableIconProps } from "./types"; const CardsIconComponent = (props: ThemeableIconProps) => { const { size } = useIconProps(props); diff --git a/src/components/common/icons/ChartCircleIcon.tsx b/src/components/common/icons/ChartCircleIcon.tsx index 28f772c0b..724363e17 100644 --- a/src/components/common/icons/ChartCircleIcon.tsx +++ b/src/components/common/icons/ChartCircleIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { ThemeableIconProps } from "./types"; +import type { ThemeableIconProps } from "./types"; const ChartCircleIconComponent = (props: ThemeableIconProps) => { const { size } = useIconProps(props); diff --git a/src/components/common/icons/ChartIcon.tsx b/src/components/common/icons/ChartIcon.tsx index 36a6150b4..955793daa 100644 --- a/src/components/common/icons/ChartIcon.tsx +++ b/src/components/common/icons/ChartIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const ChartIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/ChatIFillIcon.tsx b/src/components/common/icons/ChatIFillIcon.tsx index bdcc848a3..d5433a07e 100644 --- a/src/components/common/icons/ChatIFillIcon.tsx +++ b/src/components/common/icons/ChatIFillIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const ChatFillIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/ChatIcon.tsx b/src/components/common/icons/ChatIcon.tsx index 1a89f4496..dd27d48fc 100644 --- a/src/components/common/icons/ChatIcon.tsx +++ b/src/components/common/icons/ChatIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const ChatIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/CheckmarkCircleInvertedIcon.tsx b/src/components/common/icons/CheckmarkCircleInvertedIcon.tsx index 197613b7e..bfb2f43de 100644 --- a/src/components/common/icons/CheckmarkCircleInvertedIcon.tsx +++ b/src/components/common/icons/CheckmarkCircleInvertedIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const CheckmarkCircleInvertedIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/CheckmarkIcon.tsx b/src/components/common/icons/CheckmarkIcon.tsx index cf0654474..b7929d313 100644 --- a/src/components/common/icons/CheckmarkIcon.tsx +++ b/src/components/common/icons/CheckmarkIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; interface CheckmarkIconComponentProps extends IconProps { height?: number; diff --git a/src/components/common/icons/ChevronIcon.tsx b/src/components/common/icons/ChevronIcon.tsx index c7bfec55c..d9fcd6fe4 100644 --- a/src/components/common/icons/ChevronIcon.tsx +++ b/src/components/common/icons/ChevronIcon.tsx @@ -1,6 +1,7 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { Direction, RotatableIconProps } from "./types"; +import type { RotatableIconProps } from "./types"; +import { Direction } from "./types"; const directionRotateMap: Record = { [Direction.DOWN]: "0", diff --git a/src/components/common/icons/ClockWithTicksIcon.tsx b/src/components/common/icons/ClockWithTicksIcon.tsx index f291c9074..f4ce19e67 100644 --- a/src/components/common/icons/ClockWithTicksIcon.tsx +++ b/src/components/common/icons/ClockWithTicksIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const ClockWithTicksIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/CloudDownloadIcon.tsx b/src/components/common/icons/CloudDownloadIcon.tsx index e57cd0f29..380beec15 100644 --- a/src/components/common/icons/CloudDownloadIcon.tsx +++ b/src/components/common/icons/CloudDownloadIcon.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { ThemeableIconProps } from "./types"; +import type { ThemeableIconProps } from "./types"; interface CloudDownloadIconProps extends ThemeableIconProps { height?: number; diff --git a/src/components/common/icons/CodeDisplayIcon.tsx b/src/components/common/icons/CodeDisplayIcon.tsx index 948f5bea3..447842919 100644 --- a/src/components/common/icons/CodeDisplayIcon.tsx +++ b/src/components/common/icons/CodeDisplayIcon.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; interface CodeDisplayIconProps extends IconProps { height?: number; diff --git a/src/components/common/icons/CodeIcon.tsx b/src/components/common/icons/CodeIcon.tsx index 961a35bb6..90882ee7a 100644 --- a/src/components/common/icons/CodeIcon.tsx +++ b/src/components/common/icons/CodeIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const CodeIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/CodeMarkerPinIcon.tsx b/src/components/common/icons/CodeMarkerPinIcon.tsx index eb8fb8a14..d0227056e 100644 --- a/src/components/common/icons/CodeMarkerPinIcon.tsx +++ b/src/components/common/icons/CodeMarkerPinIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const CodeMarkerPinIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/CopyIcon.tsx b/src/components/common/icons/CopyIcon.tsx index 6c6ff1840..4e58c5938 100644 --- a/src/components/common/icons/CopyIcon.tsx +++ b/src/components/common/icons/CopyIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const CopyIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/CrossCircleIcon.tsx b/src/components/common/icons/CrossCircleIcon.tsx index 4f13c4222..ca74d94ac 100644 --- a/src/components/common/icons/CrossCircleIcon.tsx +++ b/src/components/common/icons/CrossCircleIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const CrossCircleIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/CrossIcon.tsx b/src/components/common/icons/CrossIcon.tsx index a28e5740e..93472d077 100644 --- a/src/components/common/icons/CrossIcon.tsx +++ b/src/components/common/icons/CrossIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const CrossIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/CrossedBellIcon.tsx b/src/components/common/icons/CrossedBellIcon.tsx index 638a40aed..1ac727eef 100644 --- a/src/components/common/icons/CrossedBellIcon.tsx +++ b/src/components/common/icons/CrossedBellIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const CrossedBellIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/CrosshairIcon.tsx b/src/components/common/icons/CrosshairIcon.tsx index ef88fbebf..64b13037b 100644 --- a/src/components/common/icons/CrosshairIcon.tsx +++ b/src/components/common/icons/CrosshairIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const CrosshairIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/DatabaseIcon.tsx b/src/components/common/icons/DatabaseIcon.tsx index 3cf6dd7df..74179f5d7 100644 --- a/src/components/common/icons/DatabaseIcon.tsx +++ b/src/components/common/icons/DatabaseIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const DatabaseIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/DesktopIcon.tsx b/src/components/common/icons/DesktopIcon.tsx index 99d6bc8b9..711e5ebb1 100644 --- a/src/components/common/icons/DesktopIcon.tsx +++ b/src/components/common/icons/DesktopIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const DesktopIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/DigmaGreetingIcon.tsx b/src/components/common/icons/DigmaGreetingIcon.tsx index fbd456cf6..cb3800f59 100644 --- a/src/components/common/icons/DigmaGreetingIcon.tsx +++ b/src/components/common/icons/DigmaGreetingIcon.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { ThemeableIconProps } from "./types"; +import type { ThemeableIconProps } from "./types"; interface DigmaGreetingIconProps extends ThemeableIconProps { height?: number; diff --git a/src/components/common/icons/DigmaLogoFlatIcon.tsx b/src/components/common/icons/DigmaLogoFlatIcon.tsx index 600ee4300..b6ac789dd 100644 --- a/src/components/common/icons/DigmaLogoFlatIcon.tsx +++ b/src/components/common/icons/DigmaLogoFlatIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const DigmaLogoFlatIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/DigmaLogoIcon.tsx b/src/components/common/icons/DigmaLogoIcon.tsx index 205dec86d..10f8f38bf 100644 --- a/src/components/common/icons/DigmaLogoIcon.tsx +++ b/src/components/common/icons/DigmaLogoIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { ThemeableIconProps } from "./types"; +import type { ThemeableIconProps } from "./types"; const DigmaLogoIconComponent = (props: ThemeableIconProps) => { const { size } = useIconProps(props); diff --git a/src/components/common/icons/DockerLogoIcon.tsx b/src/components/common/icons/DockerLogoIcon.tsx index 4e08e4150..4d983fe05 100644 --- a/src/components/common/icons/DockerLogoIcon.tsx +++ b/src/components/common/icons/DockerLogoIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const DockerLogoComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/DocumentWithMagnifierIcon.tsx b/src/components/common/icons/DocumentWithMagnifierIcon.tsx index 577afef3c..8bffd2593 100644 --- a/src/components/common/icons/DocumentWithMagnifierIcon.tsx +++ b/src/components/common/icons/DocumentWithMagnifierIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { ThemeableIconProps } from "./types"; +import type { ThemeableIconProps } from "./types"; const DocumentWithMagnifierIconComponent = (props: ThemeableIconProps) => { const { size } = useIconProps(props); diff --git a/src/components/common/icons/DoubleChevronIcon.tsx b/src/components/common/icons/DoubleChevronIcon.tsx index 8a6844336..28d285a68 100644 --- a/src/components/common/icons/DoubleChevronIcon.tsx +++ b/src/components/common/icons/DoubleChevronIcon.tsx @@ -1,6 +1,7 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { Direction, RotatableIconProps } from "./types"; +import type { RotatableIconProps } from "./types"; +import { Direction } from "./types"; const directionRotateMap: Record = { [Direction.DOWN]: "0", diff --git a/src/components/common/icons/DoubleCircleIcon.tsx b/src/components/common/icons/DoubleCircleIcon.tsx index 5d853cdab..1ade5395f 100644 --- a/src/components/common/icons/DoubleCircleIcon.tsx +++ b/src/components/common/icons/DoubleCircleIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const DoubleCircleIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/EndpointIcon.tsx b/src/components/common/icons/EndpointIcon.tsx index 7c3941eb2..9e1e21dc1 100644 --- a/src/components/common/icons/EndpointIcon.tsx +++ b/src/components/common/icons/EndpointIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const EndpointIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/FilterIcon.tsx b/src/components/common/icons/FilterIcon.tsx index a3edf4605..86d56a545 100644 --- a/src/components/common/icons/FilterIcon.tsx +++ b/src/components/common/icons/FilterIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const FilterIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/FourSquaresIcon.tsx b/src/components/common/icons/FourSquaresIcon.tsx index 84e18df96..d38354e7f 100644 --- a/src/components/common/icons/FourSquaresIcon.tsx +++ b/src/components/common/icons/FourSquaresIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const FourSquaresIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/FunnelIcon.tsx b/src/components/common/icons/FunnelIcon.tsx index 85b503fbf..fc09221a4 100644 --- a/src/components/common/icons/FunnelIcon.tsx +++ b/src/components/common/icons/FunnelIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const FunnelIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/GearIcon.tsx b/src/components/common/icons/GearIcon.tsx index e78e6ba85..6da182e49 100644 --- a/src/components/common/icons/GearIcon.tsx +++ b/src/components/common/icons/GearIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const GearIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/GlobeIcon.tsx b/src/components/common/icons/GlobeIcon.tsx index ebd616304..4139770b6 100644 --- a/src/components/common/icons/GlobeIcon.tsx +++ b/src/components/common/icons/GlobeIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const GlobeIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/GradleLogoIcon.tsx b/src/components/common/icons/GradleLogoIcon.tsx index b2af35dec..215614c7c 100644 --- a/src/components/common/icons/GradleLogoIcon.tsx +++ b/src/components/common/icons/GradleLogoIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const GradleLogoIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/HTTPClientIcon.tsx b/src/components/common/icons/HTTPClientIcon.tsx index 261d5ec08..f9115b6e2 100644 --- a/src/components/common/icons/HTTPClientIcon.tsx +++ b/src/components/common/icons/HTTPClientIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const HTTPClientIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/InfiniteLoopIcon.tsx b/src/components/common/icons/InfiniteLoopIcon.tsx index 547c6b597..28ebec49e 100644 --- a/src/components/common/icons/InfiniteLoopIcon.tsx +++ b/src/components/common/icons/InfiniteLoopIcon.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { ThemeableIconProps } from "./types"; +import type { ThemeableIconProps } from "./types"; interface InfininiteLoopProps extends ThemeableIconProps { height?: number; diff --git a/src/components/common/icons/InfinityIcon.tsx b/src/components/common/icons/InfinityIcon.tsx index ce85f7be2..28c13daca 100644 --- a/src/components/common/icons/InfinityIcon.tsx +++ b/src/components/common/icons/InfinityIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const InfinityIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/InfoCircleIcon.tsx b/src/components/common/icons/InfoCircleIcon.tsx index fe13739f6..3142365fd 100644 --- a/src/components/common/icons/InfoCircleIcon.tsx +++ b/src/components/common/icons/InfoCircleIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const InfoCircleIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/LightBulbIcon.tsx b/src/components/common/icons/LightBulbIcon.tsx index eb5dbc2fc..cbed31ae1 100644 --- a/src/components/common/icons/LightBulbIcon.tsx +++ b/src/components/common/icons/LightBulbIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const LightBulbIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/LightBulbSmallCrossedIcon.tsx b/src/components/common/icons/LightBulbSmallCrossedIcon.tsx index d66ddd151..0ca285fad 100644 --- a/src/components/common/icons/LightBulbSmallCrossedIcon.tsx +++ b/src/components/common/icons/LightBulbSmallCrossedIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { ThemeableIconProps } from "./types"; +import type { ThemeableIconProps } from "./types"; const LightBulbSmallCrossedIconComponent = (props: ThemeableIconProps) => { const { size } = useIconProps(props); diff --git a/src/components/common/icons/LightBulbSmallIcon.tsx b/src/components/common/icons/LightBulbSmallIcon.tsx index 4b0a72876..90d3dcb42 100644 --- a/src/components/common/icons/LightBulbSmallIcon.tsx +++ b/src/components/common/icons/LightBulbSmallIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { ThemeableIconProps } from "./types"; +import type { ThemeableIconProps } from "./types"; const LightBulbSmallIconComponent = (props: ThemeableIconProps) => { const { size } = useIconProps(props); diff --git a/src/components/common/icons/LightningIcon.tsx b/src/components/common/icons/LightningIcon.tsx index c4fcc9034..399541fe7 100644 --- a/src/components/common/icons/LightningIcon.tsx +++ b/src/components/common/icons/LightningIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const LightningIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/ListIcon.tsx b/src/components/common/icons/ListIcon.tsx index 07fe2eb6d..0097798ad 100644 --- a/src/components/common/icons/ListIcon.tsx +++ b/src/components/common/icons/ListIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const ListIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/LocalEngineIcon.tsx b/src/components/common/icons/LocalEngineIcon.tsx index b192f7432..11870c5b3 100644 --- a/src/components/common/icons/LocalEngineIcon.tsx +++ b/src/components/common/icons/LocalEngineIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; interface LocalEngineIconProps extends IconProps { isActive?: boolean; diff --git a/src/components/common/icons/MagnifierIcon.tsx b/src/components/common/icons/MagnifierIcon.tsx index da732e7ab..726e5b00b 100644 --- a/src/components/common/icons/MagnifierIcon.tsx +++ b/src/components/common/icons/MagnifierIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const MagnifierIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/MeterHighIcon.tsx b/src/components/common/icons/MeterHighIcon.tsx index 519e36e7c..2ceddb778 100644 --- a/src/components/common/icons/MeterHighIcon.tsx +++ b/src/components/common/icons/MeterHighIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const MeterHighIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/MeterLowIcon.tsx b/src/components/common/icons/MeterLowIcon.tsx index 8595572da..ee3609cd1 100644 --- a/src/components/common/icons/MeterLowIcon.tsx +++ b/src/components/common/icons/MeterLowIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const MeterLowIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/MeterMediumIcon.tsx b/src/components/common/icons/MeterMediumIcon.tsx index 28514fe95..bd9b59d3c 100644 --- a/src/components/common/icons/MeterMediumIcon.tsx +++ b/src/components/common/icons/MeterMediumIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const MeterMediumIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/MinusIcon.tsx b/src/components/common/icons/MinusIcon.tsx index b33fbe5cf..d9aa4c6d6 100644 --- a/src/components/common/icons/MinusIcon.tsx +++ b/src/components/common/icons/MinusIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const MinusIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/OpenLinkIcon.tsx b/src/components/common/icons/OpenLinkIcon.tsx index 6c794b6f1..d8b7050a4 100644 --- a/src/components/common/icons/OpenLinkIcon.tsx +++ b/src/components/common/icons/OpenLinkIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const OpenLinkIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/OpenTelemetryDisplayIcon.tsx b/src/components/common/icons/OpenTelemetryDisplayIcon.tsx index b429fa733..e38158e74 100644 --- a/src/components/common/icons/OpenTelemetryDisplayIcon.tsx +++ b/src/components/common/icons/OpenTelemetryDisplayIcon.tsx @@ -1,5 +1,5 @@ import React from "react"; -import { ThemeableIconProps } from "./types"; +import type { ThemeableIconProps } from "./types"; interface OpenTelemetryDisplayIconProps extends ThemeableIconProps { height?: number; diff --git a/src/components/common/icons/OpenTelemetryLogoCrossedSmallIcon.tsx b/src/components/common/icons/OpenTelemetryLogoCrossedSmallIcon.tsx index b7fa929b4..30b9f8c12 100644 --- a/src/components/common/icons/OpenTelemetryLogoCrossedSmallIcon.tsx +++ b/src/components/common/icons/OpenTelemetryLogoCrossedSmallIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const OpenTelemetryLogoCrossedSmallIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/OpenTelemetryLogoIcon.tsx b/src/components/common/icons/OpenTelemetryLogoIcon.tsx index fe9546aa7..2c0a87594 100644 --- a/src/components/common/icons/OpenTelemetryLogoIcon.tsx +++ b/src/components/common/icons/OpenTelemetryLogoIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const OpenTelemetryLogoIconComponent = (props: IconProps) => { const { size } = useIconProps(props); diff --git a/src/components/common/icons/OpenTelemetryLogoSmallIcon.tsx b/src/components/common/icons/OpenTelemetryLogoSmallIcon.tsx index 8b81c401c..668be2b2a 100644 --- a/src/components/common/icons/OpenTelemetryLogoSmallIcon.tsx +++ b/src/components/common/icons/OpenTelemetryLogoSmallIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const OpenTelemetryLogoSmallIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/PieChartIcon.tsx b/src/components/common/icons/PieChartIcon.tsx index b8c8a7d1d..99235cd85 100644 --- a/src/components/common/icons/PieChartIcon.tsx +++ b/src/components/common/icons/PieChartIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const PieChartIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/PlayButtonWithCursorIcon.tsx b/src/components/common/icons/PlayButtonWithCursorIcon.tsx index c2332b041..f5b081e70 100644 --- a/src/components/common/icons/PlayButtonWithCursorIcon.tsx +++ b/src/components/common/icons/PlayButtonWithCursorIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { ThemeableIconProps } from "./types"; +import type { ThemeableIconProps } from "./types"; const PlayButtonWithCursorIconComponent = (props: ThemeableIconProps) => { const { size } = useIconProps(props); diff --git a/src/components/common/icons/PlayCircleIcon.tsx b/src/components/common/icons/PlayCircleIcon.tsx index 44632c76b..d71c73d8d 100644 --- a/src/components/common/icons/PlayCircleIcon.tsx +++ b/src/components/common/icons/PlayCircleIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const PlayCircleIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/PlayIcon.tsx b/src/components/common/icons/PlayIcon.tsx index 35c0a36b3..55e507f71 100644 --- a/src/components/common/icons/PlayIcon.tsx +++ b/src/components/common/icons/PlayIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const PlayIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/PlugAndSocketIcon.tsx b/src/components/common/icons/PlugAndSocketIcon.tsx index e180233c1..84a6317ea 100644 --- a/src/components/common/icons/PlugAndSocketIcon.tsx +++ b/src/components/common/icons/PlugAndSocketIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const PlugAndSocketIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/PlusIcon.tsx b/src/components/common/icons/PlusIcon.tsx index 250409194..d516b695d 100644 --- a/src/components/common/icons/PlusIcon.tsx +++ b/src/components/common/icons/PlusIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const PlusIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/RingingBellIcon.tsx b/src/components/common/icons/RingingBellIcon.tsx index c2d09cd5c..1675dc84c 100644 --- a/src/components/common/icons/RingingBellIcon.tsx +++ b/src/components/common/icons/RingingBellIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const RingingBellIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/SQLDatabaseIcon.tsx b/src/components/common/icons/SQLDatabaseIcon.tsx index 16e10dd6b..d90d71d7b 100644 --- a/src/components/common/icons/SQLDatabaseIcon.tsx +++ b/src/components/common/icons/SQLDatabaseIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const SQLDatabaseIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/ScalesIcon.tsx b/src/components/common/icons/ScalesIcon.tsx index fc94fd894..7bf786668 100644 --- a/src/components/common/icons/ScalesIcon.tsx +++ b/src/components/common/icons/ScalesIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const ScalesIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/SineIcon.tsx b/src/components/common/icons/SineIcon.tsx index b6288599e..b56fa7ea7 100644 --- a/src/components/common/icons/SineIcon.tsx +++ b/src/components/common/icons/SineIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const SineIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/SlackLogoIcon.tsx b/src/components/common/icons/SlackLogoIcon.tsx index 8183ee945..e443adaeb 100644 --- a/src/components/common/icons/SlackLogoIcon.tsx +++ b/src/components/common/icons/SlackLogoIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const SlackLogoIconComponent = (props: IconProps) => { const { size } = useIconProps(props); diff --git a/src/components/common/icons/SnailIcon.tsx b/src/components/common/icons/SnailIcon.tsx index 94dcf80b6..54637cb80 100644 --- a/src/components/common/icons/SnailIcon.tsx +++ b/src/components/common/icons/SnailIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const SnailIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/SortIcon.tsx b/src/components/common/icons/SortIcon.tsx index aae2fe52f..7f9e40aff 100644 --- a/src/components/common/icons/SortIcon.tsx +++ b/src/components/common/icons/SortIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const SortIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/SparkleIcon.tsx b/src/components/common/icons/SparkleIcon.tsx index a52447850..307ad91fc 100644 --- a/src/components/common/icons/SparkleIcon.tsx +++ b/src/components/common/icons/SparkleIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const SparkleIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/SpotIcon.tsx b/src/components/common/icons/SpotIcon.tsx index 0ae3a692b..6d6278e1a 100644 --- a/src/components/common/icons/SpotIcon.tsx +++ b/src/components/common/icons/SpotIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const SpotIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/StackIcon.tsx b/src/components/common/icons/StackIcon.tsx index b841bc05f..e113f913f 100644 --- a/src/components/common/icons/StackIcon.tsx +++ b/src/components/common/icons/StackIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const StackIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/StopCircleIcon.tsx b/src/components/common/icons/StopCircleIcon.tsx index 804e36a1f..01f166a29 100644 --- a/src/components/common/icons/StopCircleIcon.tsx +++ b/src/components/common/icons/StopCircleIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const StopCircleIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/TableIcon.tsx b/src/components/common/icons/TableIcon.tsx index e6ac635c2..87b6d2ac1 100644 --- a/src/components/common/icons/TableIcon.tsx +++ b/src/components/common/icons/TableIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const TableIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/TerminalIcon.tsx b/src/components/common/icons/TerminalIcon.tsx index b873c1b33..1d010cd7a 100644 --- a/src/components/common/icons/TerminalIcon.tsx +++ b/src/components/common/icons/TerminalIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const TerminalIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/ThreeDotsVerticalIcon.tsx b/src/components/common/icons/ThreeDotsVerticalIcon.tsx index e50cb6716..00cd57d18 100644 --- a/src/components/common/icons/ThreeDotsVerticalIcon.tsx +++ b/src/components/common/icons/ThreeDotsVerticalIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const ThreeDotsVerticalIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/TrashBinIcon.tsx b/src/components/common/icons/TrashBinIcon.tsx index 709eb6e2e..54d40b668 100644 --- a/src/components/common/icons/TrashBinIcon.tsx +++ b/src/components/common/icons/TrashBinIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const TrashBinIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/UserIcon.tsx b/src/components/common/icons/UserIcon.tsx index 7279be583..ee35d3715 100644 --- a/src/components/common/icons/UserIcon.tsx +++ b/src/components/common/icons/UserIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const UserIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/WarningCircleIcon.tsx b/src/components/common/icons/WarningCircleIcon.tsx index d8c1071c1..1edf0f81e 100644 --- a/src/components/common/icons/WarningCircleIcon.tsx +++ b/src/components/common/icons/WarningCircleIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const WarningCircleIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/WarningCircleLargeIcon.tsx b/src/components/common/icons/WarningCircleLargeIcon.tsx index 0a891aaec..079d3dce4 100644 --- a/src/components/common/icons/WarningCircleLargeIcon.tsx +++ b/src/components/common/icons/WarningCircleLargeIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const WarningCircleLargeIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/WarningTriangleIcon.tsx b/src/components/common/icons/WarningTriangleIcon.tsx index 3e005259b..7b505ded6 100644 --- a/src/components/common/icons/WarningTriangleIcon.tsx +++ b/src/components/common/icons/WarningTriangleIcon.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useIconProps } from "./hooks"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; const WarningTriangleIconComponent = (props: IconProps) => { const { size, color } = useIconProps(props); diff --git a/src/components/common/icons/hooks.ts b/src/components/common/icons/hooks.ts index e1320c560..49855c786 100644 --- a/src/components/common/icons/hooks.ts +++ b/src/components/common/icons/hooks.ts @@ -1,7 +1,7 @@ import { useMemo } from "react"; import { useTheme } from "styled-components"; import { getThemeKind } from "../App/styles"; -import { IconProps } from "./types"; +import type { IconProps } from "./types"; export const DEFAULT_ICON_SIZE = 12; diff --git a/src/components/common/v3/Button/Button.stories.tsx b/src/components/common/v3/Button/Button.stories.tsx index 05fffdff2..1eef093d5 100644 --- a/src/components/common/v3/Button/Button.stories.tsx +++ b/src/components/common/v3/Button/Button.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { Button } from "."; import { CrosshairIcon } from "../../icons/CrosshairIcon"; diff --git a/src/components/common/v3/Button/index.tsx b/src/components/common/v3/Button/index.tsx index 389222ce1..7e6a103f7 100644 --- a/src/components/common/v3/Button/index.tsx +++ b/src/components/common/v3/Button/index.tsx @@ -1,7 +1,8 @@ -import { ForwardedRef, forwardRef } from "react"; +import type { ForwardedRef } from "react"; +import { forwardRef } from "react"; import { isString } from "../../../../typeGuards/isString"; import * as s from "./styles"; -import { ButtonProps } from "./types"; +import type { ButtonProps } from "./types"; /** @deprecated */ export const ButtonComponent = ( diff --git a/src/components/common/v3/Button/styles.ts b/src/components/common/v3/Button/styles.ts index 26a98c6f0..80a12f1bc 100644 --- a/src/components/common/v3/Button/styles.ts +++ b/src/components/common/v3/Button/styles.ts @@ -1,5 +1,5 @@ import styled, { css } from "styled-components"; -import { ButtonElementProps } from "./types"; +import type { ButtonElementProps } from "./types"; export const Button = styled.button` font-size: 13px; diff --git a/src/components/common/v3/Button/types.ts b/src/components/common/v3/Button/types.ts index 74cdfca3d..0b67d0812 100644 --- a/src/components/common/v3/Button/types.ts +++ b/src/components/common/v3/Button/types.ts @@ -1,5 +1,5 @@ -import { ButtonHTMLAttributes, ComponentType } from "react"; -import { IconProps } from "../../icons/types"; +import type { ButtonHTMLAttributes, ComponentType } from "react"; +import type { IconProps } from "../../icons/types"; export type ButtonType = "primary" | "secondary" | "tertiary"; diff --git a/src/components/common/v3/Card/Card.stories.tsx b/src/components/common/v3/Card/Card.stories.tsx index 249806d80..452af4011 100644 --- a/src/components/common/v3/Card/Card.stories.tsx +++ b/src/components/common/v3/Card/Card.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/Card/index.tsx b/src/components/common/v3/Card/index.tsx index 99ecec556..5b48155c1 100644 --- a/src/components/common/v3/Card/index.tsx +++ b/src/components/common/v3/Card/index.tsx @@ -1,6 +1,7 @@ -import { ForwardedRef, forwardRef } from "react"; +import type { ForwardedRef } from "react"; +import { forwardRef } from "react"; import * as s from "./styles"; -import { CardProps } from "./types"; +import type { CardProps } from "./types"; const CardComponent = ( { className, onClick, header, content, footer }: CardProps, diff --git a/src/components/common/v3/Card/types.ts b/src/components/common/v3/Card/types.ts index ffb557b31..1172f794e 100644 --- a/src/components/common/v3/Card/types.ts +++ b/src/components/common/v3/Card/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export interface CardProps { header?: ReactNode; diff --git a/src/components/common/v3/Checkmark/Checkmark.stories.tsx b/src/components/common/v3/Checkmark/Checkmark.stories.tsx index 2fd928810..37f614e26 100644 --- a/src/components/common/v3/Checkmark/Checkmark.stories.tsx +++ b/src/components/common/v3/Checkmark/Checkmark.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/Checkmark/index.tsx b/src/components/common/v3/Checkmark/index.tsx index 4d43e966f..1bdd64c36 100644 --- a/src/components/common/v3/Checkmark/index.tsx +++ b/src/components/common/v3/Checkmark/index.tsx @@ -1,7 +1,7 @@ -import { ChangeEvent } from "react"; +import type { ChangeEvent } from "react"; import { CheckmarkIcon } from "../../icons/CheckmarkIcon"; import * as s from "./styles"; -import { CheckmarkProps } from "./types"; +import type { CheckmarkProps } from "./types"; export const Checkmark = ({ onChange, value, disabled }: CheckmarkProps) => { const handleChange = (e: ChangeEvent) => { diff --git a/src/components/common/v3/CopyButton/index.tsx b/src/components/common/v3/CopyButton/index.tsx index 7ae7244ca..a55b7d9a0 100644 --- a/src/components/common/v3/CopyButton/index.tsx +++ b/src/components/common/v3/CopyButton/index.tsx @@ -1,11 +1,11 @@ import copy from "copy-to-clipboard"; -import { MouseEvent } from "react"; +import type { MouseEvent } from "react"; import { trackingEvents as globalEvents } from "../../../../trackingEvents"; import { sendUserActionTrackingEvent } from "../../../../utils/actions/sendUserActionTrackingEvent"; import { CopyIcon } from "../../icons/16px/CopyIcon"; import { IconButton } from "../IconButton"; import { Tooltip } from "../Tooltip"; -import { CopyButtonProps } from "./types"; +import type { CopyButtonProps } from "./types"; export const CopyButton = ({ text, className }: CopyButtonProps) => { const handleClick = (e: MouseEvent) => { diff --git a/src/components/common/v3/IconButton/index.tsx b/src/components/common/v3/IconButton/index.tsx index 9dc898bb6..a7a4a7af8 100644 --- a/src/components/common/v3/IconButton/index.tsx +++ b/src/components/common/v3/IconButton/index.tsx @@ -1,6 +1,7 @@ -import { ForwardedRef, forwardRef, MouseEvent } from "react"; +import type { ForwardedRef, MouseEvent } from "react"; +import { forwardRef } from "react"; import * as s from "./styles"; -import { IconButtonProps } from "./types"; +import type { IconButtonProps } from "./types"; /** @deprecated */ const IconButtonComponent = ( diff --git a/src/components/common/v3/IconButton/types.ts b/src/components/common/v3/IconButton/types.ts index 42111304d..9d1d12575 100644 --- a/src/components/common/v3/IconButton/types.ts +++ b/src/components/common/v3/IconButton/types.ts @@ -1,5 +1,5 @@ -import { ComponentType, MouseEventHandler } from "react"; -import { IconProps } from "../../icons/types"; +import type { ComponentType, MouseEventHandler } from "react"; +import type { IconProps } from "../../icons/types"; export interface IconButtonProps { icon: { diff --git a/src/components/common/v3/Info/index.tsx b/src/components/common/v3/Info/index.tsx index 443aa4d0c..8b41897bd 100644 --- a/src/components/common/v3/Info/index.tsx +++ b/src/components/common/v3/Info/index.tsx @@ -1,7 +1,7 @@ import { InfoCircleIcon } from "../../icons/InfoCircleIcon"; import { Tooltip } from "../Tooltip"; import * as s from "./styles"; -import { InfoProps } from "./types"; +import type { InfoProps } from "./types"; export const Info = ({ title, className }: InfoProps) => ( diff --git a/src/components/common/v3/Info/types.ts b/src/components/common/v3/Info/types.ts index 898bc6951..dc2679073 100644 --- a/src/components/common/v3/Info/types.ts +++ b/src/components/common/v3/Info/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export interface InfoProps { title: ReactNode; diff --git a/src/components/common/v3/JiraButton/JiraButton.stories.tsx b/src/components/common/v3/JiraButton/JiraButton.stories.tsx index ba4bc4f47..7d2a648ce 100644 --- a/src/components/common/v3/JiraButton/JiraButton.stories.tsx +++ b/src/components/common/v3/JiraButton/JiraButton.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/JiraButton/index.tsx b/src/components/common/v3/JiraButton/index.tsx index 6453601c1..6c7024be5 100644 --- a/src/components/common/v3/JiraButton/index.tsx +++ b/src/components/common/v3/JiraButton/index.tsx @@ -1,4 +1,5 @@ -import { ForwardedRef, forwardRef, useState } from "react"; +import type { ForwardedRef } from "react"; +import { forwardRef, useState } from "react"; import { useTheme } from "styled-components"; import { openURLInDefaultBrowser } from "../../../../utils/actions/openURLInDefaultBrowser"; import { sendUserActionTrackingEvent } from "../../../../utils/actions/sendUserActionTrackingEvent"; @@ -14,7 +15,7 @@ import { NewPopover } from "../../NewPopover"; import { NewButton } from "../NewButton"; import { NewIconButton } from "../NewIconButton"; import * as s from "./styles"; -import { JiraButtonProps } from "./types"; +import type { JiraButtonProps } from "./types"; export const JiraButtonComponent = ( { diff --git a/src/components/common/v3/JiraButton/types.ts b/src/components/common/v3/JiraButton/types.ts index 568c8fcb0..a46a1668a 100644 --- a/src/components/common/v3/JiraButton/types.ts +++ b/src/components/common/v3/JiraButton/types.ts @@ -1,5 +1,5 @@ -import { InsightType } from "../../../../types"; -import { ActionButtonType } from "../../../Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ActionButton/types"; +import type { InsightType } from "../../../../types"; +import type { ActionButtonType } from "../../../Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/ActionButton/types"; export interface JiraButtonProps { onTicketInfoOpen: ( diff --git a/src/components/common/v3/Link/Link.stories.tsx b/src/components/common/v3/Link/Link.stories.tsx index 4edf6938b..b19d44892 100644 --- a/src/components/common/v3/Link/Link.stories.tsx +++ b/src/components/common/v3/Link/Link.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/Link/index.tsx b/src/components/common/v3/Link/index.tsx index d6fdb6b69..18c287724 100644 --- a/src/components/common/v3/Link/index.tsx +++ b/src/components/common/v3/Link/index.tsx @@ -1,6 +1,7 @@ -import { ForwardedRef, MouseEvent, forwardRef } from "react"; +import type { ForwardedRef, MouseEvent } from "react"; +import { forwardRef } from "react"; import * as s from "./styles"; -import { LinkProps } from "./types"; +import type { LinkProps } from "./types"; const LinkComponent = ( { onClick, href, className, target, rel, disabled, children }: LinkProps, diff --git a/src/components/common/v3/Link/styles.ts b/src/components/common/v3/Link/styles.ts index 444d89165..8353a34db 100644 --- a/src/components/common/v3/Link/styles.ts +++ b/src/components/common/v3/Link/styles.ts @@ -1,6 +1,6 @@ import styled, { css } from "styled-components"; import { footnoteRegularTypography } from "../../App/typographies"; -import { LinkElementProps } from "./types"; +import type { LinkElementProps } from "./types"; export const Link = styled.a` ${footnoteRegularTypography} diff --git a/src/components/common/v3/Link/types.ts b/src/components/common/v3/Link/types.ts index 07946f192..1bffa7c39 100644 --- a/src/components/common/v3/Link/types.ts +++ b/src/components/common/v3/Link/types.ts @@ -1,4 +1,4 @@ -import { MouseEvent, ReactNode } from "react"; +import type { MouseEvent, ReactNode } from "react"; export interface LinkProps { href?: string; diff --git a/src/components/common/v3/NewButton/NewButton.stories.tsx b/src/components/common/v3/NewButton/NewButton.stories.tsx index 8b94f7c29..30fecfcc0 100644 --- a/src/components/common/v3/NewButton/NewButton.stories.tsx +++ b/src/components/common/v3/NewButton/NewButton.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { NewButton } from "."; import { CrosshairIcon } from "../../icons/CrosshairIcon"; diff --git a/src/components/common/v3/NewButton/index.tsx b/src/components/common/v3/NewButton/index.tsx index 90b28df00..b9d8f8cce 100644 --- a/src/components/common/v3/NewButton/index.tsx +++ b/src/components/common/v3/NewButton/index.tsx @@ -1,7 +1,8 @@ -import { ForwardedRef, forwardRef } from "react"; +import type { ForwardedRef } from "react"; +import { forwardRef } from "react"; import { isString } from "../../../../typeGuards/isString"; import * as s from "./styles"; -import { ButtonProps, ButtonType } from "./types"; +import type { ButtonProps, ButtonType } from "./types"; const getButtonComponent = (buttonType: ButtonType) => { switch (buttonType) { diff --git a/src/components/common/v3/NewButton/styles.ts b/src/components/common/v3/NewButton/styles.ts index 9956fbd9e..639dff28f 100644 --- a/src/components/common/v3/NewButton/styles.ts +++ b/src/components/common/v3/NewButton/styles.ts @@ -1,6 +1,6 @@ import styled from "styled-components"; import { subscriptRegularTypography } from "../../App/typographies"; -import { ButtonElementProps } from "./types"; +import type { ButtonElementProps } from "./types"; const BaseButton = styled.button` ${subscriptRegularTypography} diff --git a/src/components/common/v3/NewButton/types.ts b/src/components/common/v3/NewButton/types.ts index 74fab581c..892c7ece8 100644 --- a/src/components/common/v3/NewButton/types.ts +++ b/src/components/common/v3/NewButton/types.ts @@ -1,5 +1,5 @@ -import { ButtonHTMLAttributes, ComponentType } from "react"; -import { IconProps } from "../../icons/types"; +import type { ButtonHTMLAttributes, ComponentType } from "react"; +import type { IconProps } from "../../icons/types"; export type ButtonType = | "primary" diff --git a/src/components/common/v3/NewEmptyState/index.tsx b/src/components/common/v3/NewEmptyState/index.tsx index 77e8dd472..a4da4fcb6 100644 --- a/src/components/common/v3/NewEmptyState/index.tsx +++ b/src/components/common/v3/NewEmptyState/index.tsx @@ -1,5 +1,5 @@ import * as s from "./styles"; -import { EmptyStateProps } from "./types"; +import type { EmptyStateProps } from "./types"; export const NewEmptyState = ({ icon: Icon, diff --git a/src/components/common/v3/NewEmptyState/types.ts b/src/components/common/v3/NewEmptyState/types.ts index c49dde65b..fb717673d 100644 --- a/src/components/common/v3/NewEmptyState/types.ts +++ b/src/components/common/v3/NewEmptyState/types.ts @@ -1,5 +1,5 @@ -import { ComponentType, ReactNode } from "react"; -import { IconProps } from "../../../common/icons/types"; +import type { ComponentType, ReactNode } from "react"; +import type { IconProps } from "../../../common/icons/types"; export interface EmptyStateProps { icon?: ComponentType; diff --git a/src/components/common/v3/NewIconButton/NewIconButton.stories.tsx b/src/components/common/v3/NewIconButton/NewIconButton.stories.tsx index 995dc6d77..70fd9bb14 100644 --- a/src/components/common/v3/NewIconButton/NewIconButton.stories.tsx +++ b/src/components/common/v3/NewIconButton/NewIconButton.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { NewIconButton } from "."; import { CrosshairIcon } from "../../icons/CrosshairIcon"; diff --git a/src/components/common/v3/NewIconButton/index.tsx b/src/components/common/v3/NewIconButton/index.tsx index ffa111383..4d4db6dd3 100644 --- a/src/components/common/v3/NewIconButton/index.tsx +++ b/src/components/common/v3/NewIconButton/index.tsx @@ -1,6 +1,7 @@ -import { ForwardedRef, forwardRef, MouseEvent } from "react"; +import type { ForwardedRef, MouseEvent } from "react"; +import { forwardRef } from "react"; import * as s from "./styles"; -import { ButtonType, NewIconButtonProps } from "./types"; +import type { ButtonType, NewIconButtonProps } from "./types"; const getButtonComponent = (buttonType: ButtonType) => { switch (buttonType) { diff --git a/src/components/common/v3/NewIconButton/styles.ts b/src/components/common/v3/NewIconButton/styles.ts index 047bb8e72..a8fe1206f 100644 --- a/src/components/common/v3/NewIconButton/styles.ts +++ b/src/components/common/v3/NewIconButton/styles.ts @@ -1,5 +1,5 @@ import styled, { css } from "styled-components"; -import { ButtonElementProps } from "./types"; +import type { ButtonElementProps } from "./types"; const BaseIconButton = styled.button` font-family: inherit; diff --git a/src/components/common/v3/NewIconButton/types.ts b/src/components/common/v3/NewIconButton/types.ts index 1aacff5da..173657c66 100644 --- a/src/components/common/v3/NewIconButton/types.ts +++ b/src/components/common/v3/NewIconButton/types.ts @@ -1,5 +1,5 @@ -import { ComponentType, MouseEventHandler } from "react"; -import { IconProps } from "../../icons/types"; +import type { ComponentType, MouseEventHandler } from "react"; +import type { IconProps } from "../../icons/types"; export type ButtonType = "primary" | "secondary" | "secondaryBorderless"; diff --git a/src/components/common/v3/NewTag/NewTag.stories.tsx b/src/components/common/v3/NewTag/NewTag.stories.tsx index fd4f071da..b270ff890 100644 --- a/src/components/common/v3/NewTag/NewTag.stories.tsx +++ b/src/components/common/v3/NewTag/NewTag.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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 bf16bc4df..3f6ed9fa5 100644 --- a/src/components/common/v3/Pagination/Pagination.stories.tsx +++ b/src/components/common/v3/Pagination/Pagination.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/Pagination/index.tsx b/src/components/common/v3/Pagination/index.tsx index a1102b9be..16d993ff4 100644 --- a/src/components/common/v3/Pagination/index.tsx +++ b/src/components/common/v3/Pagination/index.tsx @@ -6,7 +6,7 @@ import { ChevronIcon } from "../../icons/12px/ChevronIcon"; import { DoubleChevronIcon } from "../../icons/DoubleChevronIcon"; import { Direction } from "../../icons/types"; import * as s from "./styles"; -import { PaginationProps } from "./types"; +import type { PaginationProps } from "./types"; export const Pagination = ({ itemsCount, diff --git a/src/components/common/v3/Pagination/types.ts b/src/components/common/v3/Pagination/types.ts index a9e2d6fdc..5a64b80d4 100644 --- a/src/components/common/v3/Pagination/types.ts +++ b/src/components/common/v3/Pagination/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export interface PaginationProps { itemsCount: number; diff --git a/src/components/common/v3/Select/Select.stories.tsx b/src/components/common/v3/Select/Select.stories.tsx index 63c2907d1..f4ead95bb 100644 --- a/src/components/common/v3/Select/Select.stories.tsx +++ b/src/components/common/v3/Select/Select.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { useState } from "react"; import { Select } from "."; diff --git a/src/components/common/v3/Select/index.tsx b/src/components/common/v3/Select/index.tsx index ec8a5a17f..2f92201f0 100644 --- a/src/components/common/v3/Select/index.tsx +++ b/src/components/common/v3/Select/index.tsx @@ -1,4 +1,5 @@ -import { ChangeEvent, useCallback, useEffect, useRef, useState } from "react"; +import type { ChangeEvent } from "react"; +import { useCallback, useEffect, useRef, useState } from "react"; import useDimensions from "react-cool-dimensions"; import { isString } from "../../../../typeGuards/isString"; import { isUndefined } from "../../../../typeGuards/isUndefined"; @@ -9,7 +10,7 @@ import { Direction } from "../../icons/types"; import { Checkmark } from "../Checkmark"; import { Tooltip } from "../Tooltip"; import * as s from "./styles"; -import { SelectItem, SelectProps } from "./types"; +import type { SelectItem, SelectProps } from "./types"; const sortItemsBySelectedState = (a: SelectItem, b: SelectItem) => { if (a.selected && !b.selected) { diff --git a/src/components/common/v3/Select/styles.ts b/src/components/common/v3/Select/styles.ts index f9af1b1fd..3351cd430 100644 --- a/src/components/common/v3/Select/styles.ts +++ b/src/components/common/v3/Select/styles.ts @@ -5,7 +5,7 @@ import { footnoteRegularTypography, subscriptRegularTypography } from "../../App/typographies"; -import { +import type { ButtonLabelProps, ButtonProps, ChevronIconContainerProps, diff --git a/src/components/common/v3/Select/types.ts b/src/components/common/v3/Select/types.ts index 72c54cbd6..7405c6156 100644 --- a/src/components/common/v3/Select/types.ts +++ b/src/components/common/v3/Select/types.ts @@ -1,5 +1,5 @@ -import { ComponentType } from "react"; -import { IconProps } from "../../icons/types"; +import type { ComponentType } from "react"; +import type { IconProps } from "../../icons/types"; export interface SelectThemeColors { menu: { diff --git a/src/components/common/v3/Spinner/index.tsx b/src/components/common/v3/Spinner/index.tsx index f4873a128..d5ecafdea 100644 --- a/src/components/common/v3/Spinner/index.tsx +++ b/src/components/common/v3/Spinner/index.tsx @@ -1,7 +1,8 @@ -import { ForwardedRef, forwardRef } from "react"; +import type { ForwardedRef } from "react"; +import { forwardRef } from "react"; import { PetalsIcon } from "../../../common/icons/16px/PetalsIcon"; import * as s from "./styles"; -import { SpinnerProps } from "./types"; +import type { SpinnerProps } from "./types"; const SpinnerComponent = ( { className, size = 16 }: SpinnerProps, diff --git a/src/components/common/v3/Tag/Tag.stories.tsx b/src/components/common/v3/Tag/Tag.stories.tsx index 2b4315333..0ee8ea9be 100644 --- a/src/components/common/v3/Tag/Tag.stories.tsx +++ b/src/components/common/v3/Tag/Tag.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { Tag } from "."; import { BottleneckIcon } from "../../icons/BottleneckIcon"; diff --git a/src/components/common/v3/Tag/index.tsx b/src/components/common/v3/Tag/index.tsx index 598039b24..88b1fcf2b 100644 --- a/src/components/common/v3/Tag/index.tsx +++ b/src/components/common/v3/Tag/index.tsx @@ -1,7 +1,8 @@ -import { ForwardedRef, forwardRef } from "react"; +import type { ForwardedRef } from "react"; +import { forwardRef } from "react"; import { Tooltip } from "../Tooltip"; import * as s from "./styles"; -import { TagProps } from "./types"; +import type { TagProps } from "./types"; const TagComponent = ( { className, type, content, title }: TagProps, diff --git a/src/components/common/v3/Tag/styles.ts b/src/components/common/v3/Tag/styles.ts index a2460474f..1f4ae4a6d 100644 --- a/src/components/common/v3/Tag/styles.ts +++ b/src/components/common/v3/Tag/styles.ts @@ -1,7 +1,7 @@ import styled from "styled-components"; -import { DefaultTheme } from "styled-components/dist/types"; +import type { DefaultTheme } from "styled-components/dist/types"; import { subscriptRegularTypography } from "../../App/typographies"; -import { ContainerProps, TagType } from "./types"; +import type { ContainerProps, TagType } from "./types"; const getTagTheme = ( theme: DefaultTheme, diff --git a/src/components/common/v3/Tag/types.ts b/src/components/common/v3/Tag/types.ts index fee34d752..a74781fba 100644 --- a/src/components/common/v3/Tag/types.ts +++ b/src/components/common/v3/Tag/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export type TagType = | "highSeverity" diff --git a/src/components/common/v3/TextField/TextField.stories.tsx b/src/components/common/v3/TextField/TextField.stories.tsx index 00a3830f2..32f276c19 100644 --- a/src/components/common/v3/TextField/TextField.stories.tsx +++ b/src/components/common/v3/TextField/TextField.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { TextField } from "."; import { DigmaLogoIcon } from "../../icons/DigmaLogoIcon"; diff --git a/src/components/common/v3/TextField/index.tsx b/src/components/common/v3/TextField/index.tsx index 6a76bc7d3..6fbd4814b 100644 --- a/src/components/common/v3/TextField/index.tsx +++ b/src/components/common/v3/TextField/index.tsx @@ -1,6 +1,7 @@ -import { ForwardedRef, forwardRef, useState } from "react"; +import type { ForwardedRef } from "react"; +import { forwardRef, useState } from "react"; import * as s from "./styles"; -import { TextFieldProps } from "./types"; +import type { TextFieldProps } from "./types"; const TextFieldComponent = ( { diff --git a/src/components/common/v3/TextField/styles.ts b/src/components/common/v3/TextField/styles.ts index a0e71c1be..f5d46e6ad 100644 --- a/src/components/common/v3/TextField/styles.ts +++ b/src/components/common/v3/TextField/styles.ts @@ -1,6 +1,6 @@ import styled from "styled-components"; import { footnoteRegularTypography } from "../../App/typographies"; -import { +import type { ContainerProps, IconContainerProps, InputProps, diff --git a/src/components/common/v3/TextField/types.ts b/src/components/common/v3/TextField/types.ts index 672c1ad53..6e2050f3d 100644 --- a/src/components/common/v3/TextField/types.ts +++ b/src/components/common/v3/TextField/types.ts @@ -1,10 +1,10 @@ -import { +import type { ChangeEventHandler, ComponentType, HTMLInputTypeAttribute, ReactNode } from "react"; -import { IconProps } from "../../icons/types"; +import type { IconProps } from "../../icons/types"; export interface TextFieldProps { placeholder?: string; diff --git a/src/components/common/v3/Toggle/index.tsx b/src/components/common/v3/Toggle/index.tsx index c478951d4..535eea48b 100644 --- a/src/components/common/v3/Toggle/index.tsx +++ b/src/components/common/v3/Toggle/index.tsx @@ -1,5 +1,5 @@ import * as s from "./styles"; -import { ToggleProps, ToggleValue } from "./types"; +import type { ToggleProps, ToggleValue } from "./types"; export const Toggle = ({ size = "large", diff --git a/src/components/common/v3/Toggle/styles.ts b/src/components/common/v3/Toggle/styles.ts index 21e8a92aa..1ad7f8220 100644 --- a/src/components/common/v3/Toggle/styles.ts +++ b/src/components/common/v3/Toggle/styles.ts @@ -1,6 +1,6 @@ import styled from "styled-components"; import { footnoteRegularTypography } from "../../App/typographies"; -import { OptionButtonProps } from "./types"; +import type { OptionButtonProps } from "./types"; export const Container = styled.div` display: flex; diff --git a/src/components/common/v3/Toggle/types.ts b/src/components/common/v3/Toggle/types.ts index 6bb92ee8f..cba77ca00 100644 --- a/src/components/common/v3/Toggle/types.ts +++ b/src/components/common/v3/Toggle/types.ts @@ -1,5 +1,5 @@ -import { ComponentType, ReactNode } from "react"; -import { IconProps } from "../../icons/types"; +import type { ComponentType, ReactNode } from "react"; +import type { IconProps } from "../../icons/types"; export type ToggleValue = string | number; export type ToggleSize = "small" | "large"; diff --git a/src/components/common/v3/ToggleSwitch/ToggleSwitch.stories.tsx b/src/components/common/v3/ToggleSwitch/ToggleSwitch.stories.tsx index 502c52c87..0051964c9 100644 --- a/src/components/common/v3/ToggleSwitch/ToggleSwitch.stories.tsx +++ b/src/components/common/v3/ToggleSwitch/ToggleSwitch.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; import { ToggleSwitch } from "."; diff --git a/src/components/common/v3/ToggleSwitch/index.tsx b/src/components/common/v3/ToggleSwitch/index.tsx index 1489613c1..5d5aeaa64 100644 --- a/src/components/common/v3/ToggleSwitch/index.tsx +++ b/src/components/common/v3/ToggleSwitch/index.tsx @@ -1,5 +1,5 @@ import * as s from "./styles"; -import { ToggleSwitchProps } from "./types"; +import type { ToggleSwitchProps } from "./types"; export const ToggleSwitch = ({ size = "small", diff --git a/src/components/common/v3/ToggleSwitch/styles.ts b/src/components/common/v3/ToggleSwitch/styles.ts index 4f7d96b2b..77e91ab74 100644 --- a/src/components/common/v3/ToggleSwitch/styles.ts +++ b/src/components/common/v3/ToggleSwitch/styles.ts @@ -1,6 +1,6 @@ import styled, { css } from "styled-components"; -import { DefaultTheme } from "styled-components/dist/types"; -import { +import type { DefaultTheme } from "styled-components/dist/types"; +import type { CircleProps, ContainerProps, SwitchContainerProps, diff --git a/src/components/common/v3/ToggleSwitch/types.ts b/src/components/common/v3/ToggleSwitch/types.ts index f4c50ee6d..af32420c4 100644 --- a/src/components/common/v3/ToggleSwitch/types.ts +++ b/src/components/common/v3/ToggleSwitch/types.ts @@ -1,4 +1,4 @@ -import { ReactNode } from "react"; +import type { ReactNode } from "react"; export type ToggleSwitchSize = "large" | "small"; diff --git a/src/components/common/v3/Tooltip/Tooltip.stories.tsx b/src/components/common/v3/Tooltip/Tooltip.stories.tsx index d8b681080..2788fffc1 100644 --- a/src/components/common/v3/Tooltip/Tooltip.stories.tsx +++ b/src/components/common/v3/Tooltip/Tooltip.stories.tsx @@ -1,4 +1,4 @@ -import { Meta, StoryObj } from "@storybook/react"; +import type { Meta, StoryObj } from "@storybook/react"; 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/v3/Tooltip/index.tsx b/src/components/common/v3/Tooltip/index.tsx index 9b65782c3..bfb732f96 100644 --- a/src/components/common/v3/Tooltip/index.tsx +++ b/src/components/common/v3/Tooltip/index.tsx @@ -1,7 +1,7 @@ +import type { Placement } from "@floating-ui/react"; import { FloatingArrow, FloatingPortal, - Placement, arrow, autoUpdate, flip, @@ -15,12 +15,13 @@ import { useInteractions, useTransitionStyles } from "@floating-ui/react"; -import { CSSProperties, Children, cloneElement, useRef, useState } from "react"; +import type { CSSProperties } from "react"; +import { Children, cloneElement, useRef, useState } from "react"; import { useTheme } from "styled-components"; import { isBoolean } from "../../../../typeGuards/isBoolean"; import { isString } from "../../../../typeGuards/isString"; import * as s from "./styles"; -import { TooltipProps } from "./types"; +import type { TooltipProps } from "./types"; // in pixels const ARROW_MARGIN = -4; diff --git a/src/components/common/v3/Tooltip/styles.ts b/src/components/common/v3/Tooltip/styles.ts index 91994d295..f06b7bdf3 100644 --- a/src/components/common/v3/Tooltip/styles.ts +++ b/src/components/common/v3/Tooltip/styles.ts @@ -1,7 +1,7 @@ import styled, { css } from "styled-components"; import { LAYERS } from "../../App/styles"; import { footnoteRegularTypography } from "../../App/typographies"; -import { TooltipComponentProps } from "./types"; +import type { TooltipComponentProps } from "./types"; export const TooltipContainer = styled.div` z-index: ${LAYERS.TOOLTIP}; diff --git a/src/components/common/v3/Tooltip/types.ts b/src/components/common/v3/Tooltip/types.ts index 6a84b0cfe..9924932b2 100644 --- a/src/components/common/v3/Tooltip/types.ts +++ b/src/components/common/v3/Tooltip/types.ts @@ -1,5 +1,5 @@ -import { Placement } from "@floating-ui/react"; -import { CSSProperties, ReactElement, ReactNode } from "react"; +import type { Placement } from "@floating-ui/react"; +import type { CSSProperties, ReactElement, ReactNode } from "react"; export interface TooltipThemeColors { background: string; diff --git a/src/constants.ts b/src/constants.ts index c65f51be2..3222a014d 100644 --- a/src/constants.ts +++ b/src/constants.ts @@ -1,4 +1,4 @@ -import { PercentileKey } from "./types"; +import type { PercentileKey } from "./types"; export const SLACK_WORKSPACE_URL = "https://join.slack.com/t/continuous-feedback/shared_invite/zt-2gsif7wdy-6Jf17HIJESc2tknT5gybtw"; diff --git a/src/containers/Main/history.ts b/src/containers/Main/history.ts index e3f93bad6..478522030 100644 --- a/src/containers/Main/history.ts +++ b/src/containers/Main/history.ts @@ -1,4 +1,4 @@ -import { HistoryState } from "../../components/Main/types"; +import type { HistoryState } from "../../components/Main/types"; import History from "../../history/History"; export const history = new History(); diff --git a/src/containers/Main/router.tsx b/src/containers/Main/router.tsx index 3951a5d6b..403623ee5 100644 --- a/src/containers/Main/router.tsx +++ b/src/containers/Main/router.tsx @@ -1,9 +1,5 @@ -import { - Navigate, - RouteObject, - createHashRouter, - useRouteError -} from "react-router-dom"; +import type { RouteObject } from "react-router-dom"; +import { Navigate, createHashRouter, useRouteError } from "react-router-dom"; import { Assets } from "../../components/Assets"; import { Errors } from "../../components/Errors"; import { Highlights } from "../../components/Highlights"; diff --git a/src/featureFlags.ts b/src/featureFlags.ts index 48113da93..03e6640d5 100644 --- a/src/featureFlags.ts +++ b/src/featureFlags.ts @@ -1,5 +1,5 @@ import { gte, valid } from "semver"; -import { BackendInfo } from "./components/common/App/types"; +import type { BackendInfo } from "./components/common/App/types"; import { FeatureFlag } from "./types"; export const featureFlagMinBackendVersions: Record = { diff --git a/src/globals.d.ts b/src/globals.d.ts index 174a45690..039092bcd 100644 --- a/src/globals.d.ts +++ b/src/globals.d.ts @@ -1,4 +1,4 @@ -import { DigmaOutgoingMessageData } from "./api/types"; +import type { DigmaOutgoingMessageData } from "./api/types"; export {}; diff --git a/src/hooks/useAction.test.ts b/src/hooks/useAction.test.ts index 7c12f3005..1bb6f17b0 100644 --- a/src/hooks/useAction.test.ts +++ b/src/hooks/useAction.test.ts @@ -1,5 +1,5 @@ import { act, renderHook } from "@testing-library/react"; -import { ActionListener } from "../api/types"; +import type { ActionListener } from "../api/types"; import { dispatcher } from "../dispatcher"; import { useAction } from "./useAction"; diff --git a/src/hooks/useFetchData.test.ts b/src/hooks/useFetchData.test.ts index 37836c61e..f86a5d2f9 100644 --- a/src/hooks/useFetchData.test.ts +++ b/src/hooks/useFetchData.test.ts @@ -1,7 +1,8 @@ import { act, renderHook } from "@testing-library/react"; -import { ActionListener } from "../api/types"; +import type { ActionListener } from "../api/types"; import { dispatcher } from "../dispatcher"; -import { DataFetcherConfiguration, useFetchData } from "./useFetchData"; +import type { DataFetcherConfiguration } from "./useFetchData"; +import { useFetchData } from "./useFetchData"; jest.mock("../dispatcher", () => ({ dispatcher: { diff --git a/src/hooks/usePagination.ts b/src/hooks/usePagination.ts index e6a05c124..660ba6833 100644 --- a/src/hooks/usePagination.ts +++ b/src/hooks/usePagination.ts @@ -1,4 +1,5 @@ -import { Dispatch, SetStateAction, useEffect, useState } from "react"; +import type { Dispatch, SetStateAction } from "react"; +import { useEffect, useState } from "react"; export const usePagination = ( items: T[], diff --git a/src/hooks/usePersistence.test.ts b/src/hooks/usePersistence.test.ts index 0a96bf5dc..04d2034e6 100644 --- a/src/hooks/usePersistence.test.ts +++ b/src/hooks/usePersistence.test.ts @@ -1,6 +1,6 @@ import { act, renderHook } from "@testing-library/react"; import { actions } from "../actions"; -import { ActionListener } from "../api/types"; +import type { ActionListener } from "../api/types"; import { dispatcher } from "../dispatcher"; import { usePersistence } from "./usePersistence"; diff --git a/src/logging/TaggedLogger.ts b/src/logging/TaggedLogger.ts index b31831d70..2e64ef150 100644 --- a/src/logging/TaggedLogger.ts +++ b/src/logging/TaggedLogger.ts @@ -1,4 +1,4 @@ -import { Logger } from "./Logger"; +import type { Logger } from "./Logger"; import { LOG_LEVEL } from "./types"; export class TaggedLogger { diff --git a/src/platform.ts b/src/platform.ts index 0fa1e8405..5efb21b09 100644 --- a/src/platform.ts +++ b/src/platform.ts @@ -1,4 +1,4 @@ -import { IDE, Platform } from "./globals"; +import type { IDE, Platform } from "./globals"; import { isString } from "./typeGuards/isString"; const PLATFORMS = ["JetBrains", "VS Code", "Web"]; diff --git a/src/store/assets/assetsSlice.ts b/src/store/assets/assetsSlice.ts index 69546c864..e55aea1bc 100644 --- a/src/store/assets/assetsSlice.ts +++ b/src/store/assets/assetsSlice.ts @@ -1,12 +1,14 @@ import { createSlice } from "zustand-slices"; -import { +import type { AssetsData, - Sorting, + Sorting +} from "../../components/Assets/AssetList/types"; +import { SORTING_CRITERION, SORTING_ORDER } from "../../components/Assets/AssetList/types"; -import { AssetCategoriesData } from "../../components/Assets/AssetTypeList/types"; -import { ViewMode } from "../../components/Assets/AssetsViewScopeConfiguration/types"; +import type { AssetCategoriesData } from "../../components/Assets/AssetTypeList/types"; +import type { ViewMode } from "../../components/Assets/AssetsViewScopeConfiguration/types"; export interface AssetsFilters { services: string[]; diff --git a/src/store/config/configSlice.ts b/src/store/config/configSlice.ts index c6b157708..b6ee9ad98 100644 --- a/src/store/config/configSlice.ts +++ b/src/store/config/configSlice.ts @@ -1,5 +1,5 @@ import { createSlice } from "zustand-slices"; -import { +import type { BackendInfo, DigmaStatus, Environment, diff --git a/src/store/errors/errorsSlice.ts b/src/store/errors/errorsSlice.ts index e3db8d9bc..80a828342 100644 --- a/src/store/errors/errorsSlice.ts +++ b/src/store/errors/errorsSlice.ts @@ -1,6 +1,6 @@ import { createSlice } from "zustand-slices"; -import { EndpointFilterData } from "../../components/Errors/GlobalErrorsList/GlobalErrorsFilters/types"; -import { +import type { EndpointFilterData } from "../../components/Errors/GlobalErrorsList/GlobalErrorsFilters/types"; +import type { GlobalErrorData, SetGlobalErrorsDataPayload } from "../../components/Errors/GlobalErrorsList/types"; diff --git a/src/store/insights/insightsSlice.ts b/src/store/insights/insightsSlice.ts index 2147cd2c2..1e6ed00e7 100644 --- a/src/store/insights/insightsSlice.ts +++ b/src/store/insights/insightsSlice.ts @@ -1,15 +1,16 @@ import { createSlice } from "zustand-slices"; +import type { Sorting } from "../../components/common/SortingSelector/types"; +import { SORTING_ORDER } from "../../components/common/SortingSelector/types"; +import type { IssuesFiltersData } from "../../components/Insights/InsightsCatalog/FilterPanel/IssuesFilter/types"; +import type { InsightFilterType } from "../../components/Insights/InsightsCatalog/types"; import { - Sorting, - SORTING_ORDER -} from "../../components/common/SortingSelector/types"; -import { IssuesFiltersData } from "../../components/Insights/InsightsCatalog/FilterPanel/IssuesFilter/types"; -import { - InsightFilterType, SORTING_CRITERION, ViewMode } from "../../components/Insights/InsightsCatalog/types"; -import { InsightsData, InsightViewType } from "../../components/Insights/types"; +import type { + InsightsData, + InsightViewType +} from "../../components/Insights/types"; interface InsightsState { data: InsightsData | null; diff --git a/src/store/metricsReport/metricsReportSlice.ts b/src/store/metricsReport/metricsReportSlice.ts index 3282b3e65..20d18b77b 100644 --- a/src/store/metricsReport/metricsReportSlice.ts +++ b/src/store/metricsReport/metricsReportSlice.ts @@ -1,5 +1,5 @@ import { createSlice } from "zustand-slices"; -import { +import type { Criticality, EndpointData, EndpointIssuesData, @@ -8,7 +8,7 @@ import { ReportViewMode, ServiceIssuesData } from "../../components/Dashboard/MetricsReport/types"; -import { Environment } from "../../components/common/App/types"; +import type { Environment } from "../../components/common/App/types"; export interface MetricsReportState { metricsReportViewMode: ReportViewMode; diff --git a/src/store/useStore.ts b/src/store/useStore.ts index c119ab464..912f71813 100644 --- a/src/store/useStore.ts +++ b/src/store/useStore.ts @@ -1,6 +1,6 @@ import { create } from "zustand"; import { withSlices } from "zustand-slices"; -import { Scope } from "../components/common/App/types"; +import type { Scope } from "../components/common/App/types"; import { assetsSlice } from "./assets/assetsSlice"; import { configSlice } from "./config/configSlice"; import { errorsSlice } from "./errors/errorsSlice"; diff --git a/src/styled.d.ts b/src/styled.d.ts index feebf510f..0c06f9b14 100644 --- a/src/styled.d.ts +++ b/src/styled.d.ts @@ -1,16 +1,16 @@ import "styled-components"; -import { TabThemeColors } from "./components/RecentActivity/EnvironmentPanel/EnvironmentTab/types"; -import { ToggleThemeColors } from "./components/RecentActivity/Toggle/types"; -import { RecentActivityThemeColors } from "./components/RecentActivity/types"; -import { IconTagThemeColors } from "./components/common/IconTag/types"; -import { AttachmentTagThemeColors } from "./components/common/JiraTicket/AttachmentTag/types"; -import { FieldThemeColors } from "./components/common/JiraTicket/Field/types"; -import { JiraTicketThemeColors } from "./components/common/JiraTicket/types"; -import { ButtonThemeColors } from "./components/common/NewButton/types"; -import { SelectThemeColors } from "./components/common/Select/types"; -import { TagThemeColors } from "./components/common/Tag/types"; -import { TooltipThemeColors } from "./components/common/Tooltip/types"; -import { Theme } from "./globals"; +import type { TabThemeColors } from "./components/RecentActivity/EnvironmentPanel/EnvironmentTab/types"; +import type { ToggleThemeColors } from "./components/RecentActivity/Toggle/types"; +import type { RecentActivityThemeColors } from "./components/RecentActivity/types"; +import type { IconTagThemeColors } from "./components/common/IconTag/types"; +import type { AttachmentTagThemeColors } from "./components/common/JiraTicket/AttachmentTag/types"; +import type { FieldThemeColors } from "./components/common/JiraTicket/Field/types"; +import type { JiraTicketThemeColors } from "./components/common/JiraTicket/types"; +import type { ButtonThemeColors } from "./components/common/NewButton/types"; +import type { SelectThemeColors } from "./components/common/Select/types"; +import type { TagThemeColors } from "./components/common/Tag/types"; +import type { TooltipThemeColors } from "./components/common/Tooltip/types"; +import type { Theme } from "./globals"; export interface ThemeColors { icon: { diff --git a/src/typeGuards/isEnvironment.ts b/src/typeGuards/isEnvironment.ts index cbd4d7616..ea7dc20eb 100644 --- a/src/typeGuards/isEnvironment.ts +++ b/src/typeGuards/isEnvironment.ts @@ -1,4 +1,4 @@ -import { Environment } from "../components/common/App/types"; +import type { Environment } from "../components/common/App/types"; import { isObject } from "./isObject"; import { isString } from "./isString"; diff --git a/src/types.ts b/src/types.ts index 2179100e1..458e41783 100644 --- a/src/types.ts +++ b/src/types.ts @@ -1,8 +1,8 @@ -import { +import type { GetIssuesDataListQuery, GetIssuesFiltersQuery } from "./components/Insights/Issues/types"; -import { Duration } from "./globals"; +import type { Duration } from "./globals"; export enum FeatureFlag { IS_HIGHLIGHTS_IMPACT_ENABLED, diff --git a/src/utils/areBackendInfosEqual.ts b/src/utils/areBackendInfosEqual.ts index 7e185edf1..0f0fe3b25 100644 --- a/src/utils/areBackendInfosEqual.ts +++ b/src/utils/areBackendInfosEqual.ts @@ -1,4 +1,4 @@ -import { BackendInfo } from "../components/common/App/types"; +import type { BackendInfo } from "../components/common/App/types"; export const areBackendInfosEqual = ( a: BackendInfo | null, diff --git a/src/utils/convertToDuration.ts b/src/utils/convertToDuration.ts index d1a43482c..6f858e467 100644 --- a/src/utils/convertToDuration.ts +++ b/src/utils/convertToDuration.ts @@ -1,4 +1,4 @@ -import { Duration } from "../globals"; +import type { Duration } from "../globals"; import { convertToDurationUnit } from "./convertToDurationUnit"; import { roundTo } from "./roundTo"; diff --git a/src/utils/downloadFile.ts b/src/utils/downloadFile.ts index fae1b7a42..a4b814910 100644 --- a/src/utils/downloadFile.ts +++ b/src/utils/downloadFile.ts @@ -1,4 +1,5 @@ -import axios, { AxiosResponse } from "axios"; +import type { AxiosResponse } from "axios"; +import axios from "axios"; export const downloadFile = ( url: string, diff --git a/src/utils/getDurationString.ts b/src/utils/getDurationString.ts index fafb731d0..e61f43cab 100644 --- a/src/utils/getDurationString.ts +++ b/src/utils/getDurationString.ts @@ -1,4 +1,4 @@ -import { Duration } from "../globals"; +import type { Duration } from "../globals"; export const getDurationString = (duration: Duration) => `${duration.value} ${duration.unit}`; diff --git a/src/utils/getInsightCriticalityColor.tsx b/src/utils/getInsightCriticalityColor.tsx index 069c3502f..3eebe5000 100644 --- a/src/utils/getInsightCriticalityColor.tsx +++ b/src/utils/getInsightCriticalityColor.tsx @@ -1,4 +1,4 @@ -import { DefaultTheme } from "styled-components"; +import type { DefaultTheme } from "styled-components"; export const getInsightCriticalityColor = ( criticality: number, diff --git a/src/utils/getInsightImportanceColor.ts b/src/utils/getInsightImportanceColor.ts index 6fe762416..1f43807ce 100644 --- a/src/utils/getInsightImportanceColor.ts +++ b/src/utils/getInsightImportanceColor.ts @@ -1,4 +1,4 @@ -import { DefaultTheme } from "styled-components"; +import type { DefaultTheme } from "styled-components"; export const getInsightImportanceColor = ( importance: number, diff --git a/src/utils/getInsightTypeInfo.ts b/src/utils/getInsightTypeInfo.ts index 76c117d75..d78d7ce87 100644 --- a/src/utils/getInsightTypeInfo.ts +++ b/src/utils/getInsightTypeInfo.ts @@ -1,4 +1,4 @@ -import { MemoExoticComponent } from "react"; +import type { MemoExoticComponent } from "react"; import * as descriptionProvider from "../components/common/InsightsDescription"; import { AlarmClockIcon } from "../components/common/icons/AlarmClockIcon"; import { BottleneckIcon } from "../components/common/icons/BottleneckIcon"; @@ -13,7 +13,7 @@ import { SineIcon } from "../components/common/icons/SineIcon"; import { SnailIcon } from "../components/common/icons/SnailIcon"; import { SpotIcon } from "../components/common/icons/SpotIcon"; import { WarningCircleIcon } from "../components/common/icons/WarningCircleIcon"; -import { IconProps } from "../components/common/icons/types"; +import type { IconProps } from "../components/common/icons/types"; import { BOTTLENECK_ISSUE_DOCUMENTATION_URL, CHATTY_API_ISSUE_DOCUMENTATION_URL, diff --git a/src/utils/getPercentileKey.ts b/src/utils/getPercentileKey.ts index 91988aa0c..fb01ce41f 100644 --- a/src/utils/getPercentileKey.ts +++ b/src/utils/getPercentileKey.ts @@ -1,5 +1,5 @@ import { PERCENTILES } from "../constants"; -import { PercentileKey } from "../types"; +import type { PercentileKey } from "../types"; export const getPercentileKey = (percentile: number): PercentileKey | null => PERCENTILES.find((x) => x.percentile === percentile)?.key ?? null; diff --git a/src/utils/getUnreadInsightsCount.ts b/src/utils/getUnreadInsightsCount.ts index 9b2ef33c1..9717c30af 100644 --- a/src/utils/getUnreadInsightsCount.ts +++ b/src/utils/getUnreadInsightsCount.ts @@ -1,4 +1,4 @@ -import { ConfigContextData } from "../components/common/App/types"; +import type { ConfigContextData } from "../components/common/App/types"; export const getUnreadInsightsCount = (config: ConfigContextData) => { if ( diff --git a/src/utils/isDigmaEngineRunning.ts b/src/utils/isDigmaEngineRunning.ts index 375827f7d..2d4149507 100644 --- a/src/utils/isDigmaEngineRunning.ts +++ b/src/utils/isDigmaEngineRunning.ts @@ -1,4 +1,4 @@ -import { DigmaStatus } from "../components/common/App/types"; +import type { DigmaStatus } from "../components/common/App/types"; export const isDigmaEngineRunning = (digmaStatus: DigmaStatus | null) => Boolean( diff --git a/tsconfig.json b/tsconfig.json index 7e58e3ffd..ec1f96101 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -60,7 +60,6 @@ "removeComments": true, /* Disable emitting comments. */ // "noEmit": true, /* Disable emitting files from a compilation. */ // "importHelpers": true, /* Allow importing helper functions from tslib once per project, instead of including them per-file. */ - // "importsNotUsedAsValues": "remove", /* Specify emit/checking behavior for imports that are only used for types. */ // "downlevelIteration": true, /* Emit more compliant, but verbose and less performant JavaScript for iteration. */ // "sourceRoot": "", /* Specify the root path for debuggers to find the reference source code. */ // "mapRoot": "", /* Specify the location where debugger should locate map files instead of generated locations. */ @@ -73,7 +72,6 @@ // "noEmitOnError": true, /* Disable emitting files if any type checking errors are reported. */ // "preserveConstEnums": true, /* Disable erasing 'const enum' declarations in generated code. */ // "declarationDir": "./", /* Specify the output directory for generated declaration files. */ - // "preserveValueImports": true, /* Preserve unused imported values in the JavaScript output that would otherwise be removed. */ /* Interop Constraints */ // "isolatedModules": true, /* Ensure that each file can be safely transpiled without relying on other imports. */ diff --git a/webpack.common.ts b/webpack.common.ts index f9057b978..1118c5623 100644 --- a/webpack.common.ts +++ b/webpack.common.ts @@ -2,9 +2,10 @@ import CopyWebpackPlugin from "copy-webpack-plugin"; import dotenv from "dotenv"; import HtmlWebpackPlugin from "html-webpack-plugin"; import path from "path"; -import { Configuration as WebpackConfiguration } from "webpack"; +import type { Configuration as WebpackConfiguration } from "webpack"; import ZipPlugin from "zip-webpack-plugin"; -import { WebpackEnv, appData } from "./apps"; +import type { WebpackEnv } from "./apps"; +import { appData } from "./apps"; import packageJson from "./package.json"; dotenv.config(); diff --git a/webpack.dev.ts b/webpack.dev.ts index fe8f8b36d..ef574f4cc 100644 --- a/webpack.dev.ts +++ b/webpack.dev.ts @@ -1,6 +1,6 @@ import path from "path"; import createStyledComponentsTransformer from "typescript-plugin-styled-components"; -import { Configuration as WebpackConfiguration } from "webpack"; +import type { Configuration as WebpackConfiguration } from "webpack"; const styledComponentsTransformer = createStyledComponentsTransformer(); diff --git a/webpack.prod.ts b/webpack.prod.ts index f6da242e0..0423283c1 100644 --- a/webpack.prod.ts +++ b/webpack.prod.ts @@ -1,5 +1,5 @@ import path from "path"; -import { Configuration as WebpackConfiguration } from "webpack"; +import type { Configuration as WebpackConfiguration } from "webpack"; const config: WebpackConfiguration = { extends: path.resolve(__dirname, "./webpack.common.ts"),