fix(ci): enable more checks in tsconfig

ui/src/App.test.tsx

@@ -1,7 +1,7 @@
 import { mount } from "enzyme";
 
 import { mockMatchMedia } from "__fixtures__/matchMedia";
-import { UIDefaults, ThemeT } from "Models/UI";
+import type { UIDefaults, ThemeT } from "Models/UI";
 import { SilenceFormStore, NewEmptyMatcher } from "Stores/SilenceFormStore";
 import { StringToOption } from "Common/Select";
 import { App } from "./App";

ui/src/App.tsx

@@ -13,7 +13,7 @@ import {
   ReactSelectStyles,
 } from "Components/Theme/ReactSelect";
 import { BodyTheme, ThemeContext } from "Components/Theme";
-import { UIDefaults } from "Models/UI";
+import type { UIDefaults } from "Models/UI";
 import { ErrorBoundary } from "./ErrorBoundary";
 
 import "Styles/ResetCSS.scss";

ui/src/AppBoot.ts

@@ -2,7 +2,7 @@
 
 import { init } from "@sentry/browser";
 
-import { UIDefaults } from "Models/UI";
+import type { UIDefaults } from "Models/UI";
 
 const SettingsElement = (): HTMLElement | null =>
   document.getElementById("settings");

ui/src/Components/AlertAck/index.test.tsx

@@ -9,7 +9,7 @@ import { advanceTo, clear } from "jest-date-mock";
 import fetchMock from "fetch-mock";
 
 import { MockAlertGroup, MockAlert } from "__fixtures__/Alerts";
-import { APIAlertT, APIAlertGroupT } from "Models/APITypes";
+import type { APIAlertT, APIAlertGroupT } from "Models/APITypes";
 import { AlertStore } from "Stores/AlertStore";
 import { SilenceFormStore } from "Stores/SilenceFormStore";
 import { AlertAck } from ".";

ui/src/Components/AlertAck/index.tsx

@@ -11,8 +11,11 @@ import { faCheckCircle } from "@fortawesome/free-solid-svg-icons/faCheckCircle";
 import { faSpinner } from "@fortawesome/free-solid-svg-icons/faSpinner";
 import { faExclamationCircle } from "@fortawesome/free-solid-svg-icons/faExclamationCircle";
 
-import { APIAlertGroupT, AlertmanagerSilencePayloadT } from "Models/APITypes";
-import { AlertStore } from "Stores/AlertStore";
+import type {
+  APIAlertGroupT,
+  AlertmanagerSilencePayloadT,
+} from "Models/APITypes";
+import type { AlertStore } from "Stores/AlertStore";
 import {
   SilenceFormStore,
   MatchersFromGroup,

ui/src/Components/AlertHistory/index.test.tsx

@@ -14,7 +14,7 @@ import {
   RainbowHistoryResponse,
   FailedHistoryResponse,
 } from "__fixtures__/AlertHistory";
-import { APIAlertGroupT, HistoryResponseT } from "Models/APITypes";
+import type { APIAlertGroupT, HistoryResponseT } from "Models/APITypes";
 import { AlertHistory } from ".";
 
 let group: APIAlertGroupT;

ui/src/Components/AlertHistory/index.tsx

@@ -3,7 +3,7 @@ import { FC, useEffect, useState } from "react";
 import { useInView } from "react-intersection-observer";
 
 import { FormatBackendURI } from "Stores/AlertStore";
-import { APIAlertGroupT, HistoryResponseT } from "Models/APITypes";
+import type { APIAlertGroupT, HistoryResponseT } from "Models/APITypes";
 import { useFetchAny, UpstreamT } from "Hooks/useFetchAny";
 import { TooltipWrapper } from "Components/TooltipWrapper";
 

ui/src/Components/FaviconBadge/index.tsx

@@ -4,7 +4,7 @@ import { autorun } from "mobx";
 
 import Favico from "favico.js";
 
-import { AlertStore } from "Stores/AlertStore";
+import type { AlertStore } from "Stores/AlertStore";
 
 const FaviconBadge: FC<{
   alertStore: AlertStore;

ui/src/Components/FetchPauser/index.tsx

@@ -1,6 +1,6 @@
 import { FC, ReactElement, useEffect } from "react";
 
-import { AlertStore } from "Stores/AlertStore";
+import type { AlertStore } from "Stores/AlertStore";
 
 const FetchPauser: FC<{
   children: ReactElement;

ui/src/Components/Fetcher/index.tsx

@@ -13,7 +13,7 @@ import { faPause } from "@fortawesome/free-solid-svg-icons/faPause";
 import { faPlay } from "@fortawesome/free-solid-svg-icons/faPlay";
 
 import { AlertStore, AlertStoreStatuses } from "Stores/AlertStore";
-import { Settings } from "Stores/Settings";
+import type { Settings } from "Stores/Settings";
 import { ThemeContext } from "Components/Theme";
 import { TooltipWrapper } from "Components/TooltipWrapper";
 

ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/AlertMenu.test.tsx

@@ -3,7 +3,7 @@ import { act } from "react-dom/test-utils";
 import { mount } from "enzyme";
 
 import { MockAlertGroup, MockAlert } from "__fixtures__/Alerts";
-import {
+import type {
   APIAlertGroupT,
   APIAlertT,
   APIAlertsResponseUpstreamsT,

ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/AlertMenu.tsx

@@ -10,8 +10,12 @@ import { faBellSlash } from "@fortawesome/free-solid-svg-icons/faBellSlash";
 import { faExternalLinkAlt } from "@fortawesome/free-solid-svg-icons/faExternalLinkAlt";
 import { faWrench } from "@fortawesome/free-solid-svg-icons/faWrench";
 
-import { APIAlertT, APIAlertGroupT, APIAnnotationT } from "Models/APITypes";
-import { AlertStore } from "Stores/AlertStore";
+import type {
+  APIAlertT,
+  APIAlertGroupT,
+  APIAnnotationT,
+} from "Models/APITypes";
+import type { AlertStore } from "Stores/AlertStore";
 import {
   SilenceFormStore,
   AlertmanagerClustersToOption,

ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/index.test.tsx

@@ -13,7 +13,7 @@ import {
   MockSilence,
 } from "__fixtures__/Alerts";
 import { MockThemeContext } from "__fixtures__/Theme";
-import { APIAlertGroupT, APIAlertT } from "Models/APITypes";
+import type { APIAlertGroupT, APIAlertT } from "Models/APITypes";
 import { AlertStore } from "Stores/AlertStore";
 import { SilenceFormStore } from "Stores/SilenceFormStore";
 import { BorderClassMap } from "Common/Colors";

ui/src/Components/Grid/AlertGrid/AlertGroup/Alert/index.tsx

@@ -1,14 +1,14 @@
-import { FC } from "react";
+import type { FC } from "react";
 
 import { observer } from "mobx-react-lite";
 
-import {
+import type {
   APIAlertT,
   APIAlertGroupT,
   APIAlertmanagerStateT,
 } from "Models/APITypes";
-import { AlertStore } from "Stores/AlertStore";
-import { SilenceFormStore } from "Stores/SilenceFormStore";
+import type { AlertStore } from "Stores/AlertStore";
+import type { SilenceFormStore } from "Stores/SilenceFormStore";
 import { BorderClassMap } from "Common/Colors";
 import { StaticLabels } from "Common/Query";
 import FilteringLabel from "Components/Labels/FilteringLabel";

ui/src/Components/Grid/AlertGrid/AlertGroup/DetailsToggle.ts

@@ -1,5 +1,5 @@
 import { IsMobile } from "Common/Device";
-import { Settings } from "Stores/Settings";
+import type { Settings } from "Stores/Settings";
 
 const DefaultDetailsCollapseValue = (settingsStore: Settings): boolean => {
   let defaultCollapseState;

ui/src/Components/Grid/AlertGrid/AlertGroup/GroupFooter/index.test.tsx

@@ -11,7 +11,7 @@ import {
   MockSilence,
 } from "__fixtures__/Alerts";
 import { MockThemeContext } from "__fixtures__/Theme";
-import { APIAlertGroupT } from "Models/APITypes";
+import type { APIAlertGroupT } from "Models/APITypes";
 import { AlertStore } from "Stores/AlertStore";
 import { SilenceFormStore } from "Stores/SilenceFormStore";
 import { ThemeContext } from "Components/Theme";

ui/src/Components/Grid/AlertGrid/AlertGroup/GroupFooter/index.tsx

@@ -1,11 +1,11 @@
-import { FC } from "react";
+import type { FC } from "react";
 
 import { observer } from "mobx-react-lite";
 
-import { APIAlertGroupT } from "Models/APITypes";
+import type { APIAlertGroupT } from "Models/APITypes";
 import { StaticLabels } from "Common/Query";
-import { AlertStore } from "Stores/AlertStore";
-import { SilenceFormStore } from "Stores/SilenceFormStore";
+import type { AlertStore } from "Stores/AlertStore";
+import type { SilenceFormStore } from "Stores/SilenceFormStore";
 import FilteringLabel from "Components/Labels/FilteringLabel";
 import { RenderNonLinkAnnotation, RenderLinkAnnotation } from "../Annotation";
 import { RenderSilence } from "../Silences";

ui/src/Components/Grid/AlertGrid/AlertGroup/GroupHeader/GroupMenu.test.tsx

@@ -5,7 +5,10 @@ import { mount } from "enzyme";
 import copy from "copy-to-clipboard";
 
 import { MockAlertGroup } from "__fixtures__/Alerts";
-import { APIAlertGroupT, APIAlertsResponseUpstreamsT } from "Models/APITypes";
+import type {
+  APIAlertGroupT,
+  APIAlertsResponseUpstreamsT,
+} from "Models/APITypes";
 import { AlertStore } from "Stores/AlertStore";
 import { SilenceFormStore } from "Stores/SilenceFormStore";
 import { GroupMenu, MenuContent } from "./GroupMenu";

ui/src/Components/Grid/AlertGrid/AlertGroup/GroupHeader/GroupMenu.tsx

@@ -10,9 +10,9 @@ import { faShareSquare } from "@fortawesome/free-solid-svg-icons/faShareSquare";
 import { faBellSlash } from "@fortawesome/free-solid-svg-icons/faBellSlash";
 import { faWrench } from "@fortawesome/free-solid-svg-icons/faWrench";
 
-import { APIAlertGroupT } from "Models/APITypes";
+import type { APIAlertGroupT } from "Models/APITypes";
 import { FormatAlertsQ } from "Stores/AlertStore";
-import { AlertStore } from "Stores/AlertStore";
+import type { AlertStore } from "Stores/AlertStore";
 import {
   SilenceFormStore,
   AlertmanagerClustersToOption,

ui/src/Components/Grid/AlertGrid/AlertGroup/GroupHeader/index.tsx

@@ -1,10 +1,10 @@
-import { FC, MouseEvent } from "react";
+import type { FC, MouseEvent } from "react";
 
 import { observer } from "mobx-react-lite";
 
-import { APIAlertGroupT } from "Models/APITypes";
-import { AlertStore } from "Stores/AlertStore";
-import { SilenceFormStore } from "Stores/SilenceFormStore";
+import type { APIAlertGroupT } from "Models/APITypes";
+import type { AlertStore } from "Stores/AlertStore";
+import type { SilenceFormStore } from "Stores/SilenceFormStore";
 import FilteringLabel from "Components/Labels/FilteringLabel";
 import FilteringCounterBadge from "Components/Labels/FilteringCounterBadge";
 import { TooltipWrapper } from "Components/TooltipWrapper";

ui/src/Components/Grid/AlertGrid/AlertGroup/MenuLink.tsx

@@ -1,6 +1,6 @@
-import { FC } from "react";
+import type { FC } from "react";
 
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+import type { IconDefinition } from "@fortawesome/fontawesome-svg-core";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 
 const MenuLink: FC<{

ui/src/Components/Grid/AlertGrid/AlertGroup/Silences.tsx

@@ -1,8 +1,8 @@
 import { FC, memo } from "react";
 
-import { APISilenceT } from "Models/APITypes";
-import { AlertStore } from "Stores/AlertStore";
-import { SilenceFormStore } from "Stores/SilenceFormStore";
+import type { APISilenceT } from "Models/APITypes";
+import type { AlertStore } from "Stores/AlertStore";
+import type { SilenceFormStore } from "Stores/SilenceFormStore";
 import { ManagedSilence } from "Components/ManagedSilence";
 
 const FallbackSilenceDesciption: FC<{

ui/src/Components/Grid/AlertGrid/AlertGroup/index.test.tsx

@@ -7,7 +7,7 @@ import {
   MockThemeContext,
   MockThemeContextWithoutAnimations,
 } from "__fixtures__/Theme";
-import { APIAlertGroupT } from "Models/APITypes";
+import type { APIAlertGroupT } from "Models/APITypes";
 import { AlertStore } from "Stores/AlertStore";
 import { Settings, CollapseStateT } from "Stores/Settings";
 import { SilenceFormStore } from "Stores/SilenceFormStore";

ui/src/Components/Grid/AlertGrid/AlertGroup/index.tsx

@@ -2,16 +2,16 @@ import React, { FC, useEffect, useCallback, useState, ReactNode } from "react";
 
 import { observer } from "mobx-react-lite";
 
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+import type { IconDefinition } from "@fortawesome/fontawesome-svg-core";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faPlus } from "@fortawesome/free-solid-svg-icons/faPlus";
 import { faMinus } from "@fortawesome/free-solid-svg-icons/faMinus";
 import { faEllipsisH } from "@fortawesome/free-solid-svg-icons/faEllipsisH";
 
-import { APIAlertT, APIAlertGroupT, AlertStateT } from "Models/APITypes";
-import { Settings } from "Stores/Settings";
-import { AlertStore } from "Stores/AlertStore";
-import { SilenceFormStore } from "Stores/SilenceFormStore";
+import type { APIAlertT, APIAlertGroupT, AlertStateT } from "Models/APITypes";
+import type { Settings } from "Stores/Settings";
+import type { AlertStore } from "Stores/AlertStore";
+import type { SilenceFormStore } from "Stores/SilenceFormStore";
 import { BackgroundClassMap } from "Common/Colors";
 import { TooltipWrapper } from "Components/TooltipWrapper";
 import { ThemeContext } from "Components/Theme";

ui/src/Components/Grid/AlertGrid/Grid.tsx

@@ -11,7 +11,7 @@ import { observer } from "mobx-react-lite";
 
 import debounce from "lodash.debounce";
 
-import { SizeDetail } from "bricks.js";
+import type { SizeDetail } from "bricks.js";
 
 import TransitionGroup from "react-transition-group/TransitionGroup";
 import { CSSTransition } from "react-transition-group";
@@ -21,10 +21,10 @@ import FontFaceObserver from "fontfaceobserver";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faAngleDoubleDown } from "@fortawesome/free-solid-svg-icons/faAngleDoubleDown";
 
-import { AlertStore } from "Stores/AlertStore";
-import { Settings } from "Stores/Settings";
-import { SilenceFormStore } from "Stores/SilenceFormStore";
-import { APIGridT } from "Models/APITypes";
+import type { AlertStore } from "Stores/AlertStore";
+import type { Settings } from "Stores/Settings";
+import type { SilenceFormStore } from "Stores/SilenceFormStore";
+import type { APIGridT } from "Models/APITypes";
 import { useGrid } from "Hooks/useGrid";
 import { ThemeContext } from "Components/Theme";
 import { DefaultDetailsCollapseValue } from "./AlertGroup/DetailsToggle";

ui/src/Components/Grid/AlertGrid/GridLabelSelect.test.tsx

@@ -7,7 +7,7 @@ import fetchMock from "fetch-mock";
 import { MockGrid } from "__fixtures__/Stories";
 import { AlertStore } from "Stores/AlertStore";
 import { Settings } from "Stores/Settings";
-import { APIGridT } from "Models/APITypes";
+import type { APIGridT } from "Models/APITypes";
 import { GridLabelSelect } from "./GridLabelSelect";
 
 let alertStore: AlertStore;

ui/src/Components/Grid/AlertGrid/GridLabelSelect.tsx

@@ -16,9 +16,9 @@ import AsyncSelect from "react-select/async";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faCaretDown } from "@fortawesome/free-solid-svg-icons/faCaretDown";
 
-import { AlertStore } from "Stores/AlertStore";
-import { Settings } from "Stores/Settings";
-import { APIGridT } from "Models/APITypes";
+import type { AlertStore } from "Stores/AlertStore";
+import type { Settings } from "Stores/Settings";
+import type { APIGridT } from "Models/APITypes";
 import { CommonPopperModifiers } from "Common/Popper";
 import { NewLabelName, StringToOption, OptionT } from "Common/Select";
 import { DropdownSlide } from "Components/Animations/DropdownSlide";

ui/src/Components/Grid/AlertGrid/GridSize.ts

@@ -1,4 +1,4 @@
-import { SizeDetail } from "bricks.js";
+import type { SizeDetail } from "bricks.js";
 
 // grid sizes, defines how many columns are used depending on the screen width
 // this is config as expected by https://github.com/callmecavs/bricks.js#sizes

ui/src/Components/Grid/AlertGrid/Swimlane.tsx

@@ -1,11 +1,11 @@
-import { FC, MouseEvent } from "react";
+import type { FC, MouseEvent } from "react";
 
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faTh } from "@fortawesome/free-solid-svg-icons/faTh";
 
-import { AlertStore } from "Stores/AlertStore";
-import { Settings } from "Stores/Settings";
-import { APIGridT } from "Models/APITypes";
+import type { AlertStore } from "Stores/AlertStore";
+import type { Settings } from "Stores/Settings";
+import type { APIGridT } from "Models/APITypes";
 import FilteringLabel from "Components/Labels/FilteringLabel";
 import FilteringCounterBadge from "Components/Labels/FilteringCounterBadge";
 import { TooltipWrapper } from "Components/TooltipWrapper";

ui/src/Components/Grid/AlertGrid/index.tsx

@@ -5,13 +5,13 @@ import { observer } from "mobx-react-lite";
 
 import useDimensions from "react-cool-dimensions";
 
-import { SizeDetail } from "bricks.js";
+import type { SizeDetail } from "bricks.js";
 
 import { useHotkeys } from "react-hotkeys-hook";
 
-import { AlertStore } from "Stores/AlertStore";
-import { Settings } from "Stores/Settings";
-import { SilenceFormStore } from "Stores/SilenceFormStore";
+import type { AlertStore } from "Stores/AlertStore";
+import type { Settings } from "Stores/Settings";
+import type { SilenceFormStore } from "Stores/SilenceFormStore";
 import { useWindowSize } from "Hooks/useWindowSize";
 import Grid from "./Grid";
 import { GridSizesConfig, GetGridElementWidth } from "./GridSize";

ui/src/Components/Grid/EmptyGrid/index.tsx

@@ -1,4 +1,4 @@
-import { FC } from "react";
+import type { FC } from "react";
 
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faMugHot } from "@fortawesome/free-solid-svg-icons/faMugHot";

ui/src/Components/Grid/FatalError/index.tsx

@@ -1,4 +1,4 @@
-import { FC } from "react";
+import type { FC } from "react";
 
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faExclamationCircle } from "@fortawesome/free-solid-svg-icons/faExclamationCircle";

ui/src/Components/Grid/index.tsx

@@ -1,10 +1,10 @@
-import { FC } from "react";
+import type { FC } from "react";
 
 import { observer } from "mobx-react-lite";
 
-import { AlertStore } from "Stores/AlertStore";
-import { Settings } from "Stores/Settings";
-import { SilenceFormStore } from "Stores/SilenceFormStore";
+import type { AlertStore } from "Stores/AlertStore";
+import type { Settings } from "Stores/Settings";
+import type { SilenceFormStore } from "Stores/SilenceFormStore";
 import AlertGrid from "./AlertGrid";
 import { FatalError } from "./FatalError";
 import { UpgradeNeeded } from "./UpgradeNeeded";

ui/src/Components/InhibitedByModal/InhibitedByModalContent.tsx

@@ -1,6 +1,6 @@
-import { FC } from "react";
+import type { FC } from "react";
 
-import { AlertStore } from "Stores/AlertStore";
+import type { AlertStore } from "Stores/AlertStore";
 import { FormatQuery, QueryOperators, StaticLabels } from "Common/Query";
 import { PaginatedAlertList } from "Components/PaginatedAlertList";
 

ui/src/Components/InhibitedByModal/index.tsx

@@ -4,7 +4,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faSpinner } from "@fortawesome/free-solid-svg-icons/faSpinner";
 import { faVolumeMute } from "@fortawesome/free-solid-svg-icons/faVolumeMute";
 
-import { AlertStore } from "Stores/AlertStore";
+import type { AlertStore } from "Stores/AlertStore";
 import { TooltipWrapper } from "Components/TooltipWrapper";
 import { Modal } from "Components/Modal";
 

ui/src/Components/LabelSetList/index.test.tsx

@@ -2,7 +2,7 @@ import { mount } from "enzyme";
 
 import toDiffableHtml from "diffable-html";
 
-import { LabelsT } from "Models/APITypes";
+import type { LabelsT } from "Models/APITypes";
 import { AlertStore } from "Stores/AlertStore";
 import { LabelSetList } from ".";
 

ui/src/Components/LabelSetList/index.tsx

@@ -1,7 +1,7 @@
 import { FC, useState } from "react";
 
-import { AlertStore } from "Stores/AlertStore";
-import { APIAlertGroupT } from "Models/APITypes";
+import type { AlertStore } from "Stores/AlertStore";
+import type { APIAlertGroupT } from "Models/APITypes";
 import { IsMobile } from "Common/Device";
 import { hashObject } from "Common/Hash";
 import StaticLabel from "Components/Labels/StaticLabel";

ui/src/Components/Labels/FilterInputLabel/index.tsx

@@ -1,4 +1,4 @@
-import { FC } from "react";
+import type { FC } from "react";
 
 import { observer } from "mobx-react-lite";
 
@@ -7,7 +7,7 @@ import { faExclamationCircle } from "@fortawesome/free-solid-svg-icons/faExclama
 import { faSpinner } from "@fortawesome/free-solid-svg-icons/faSpinner";
 import { faTimes } from "@fortawesome/free-solid-svg-icons/faTimes";
 
-import { AlertStore, FilterT } from "Stores/AlertStore";
+import type { AlertStore, FilterT } from "Stores/AlertStore";
 import { QueryOperators } from "Common/Query";
 import { TooltipWrapper } from "Components/TooltipWrapper";
 import { GetClassAndStyle } from "Components/Labels/Utils";

ui/src/Components/Labels/FilteringCounterBadge/index.tsx

@@ -4,7 +4,7 @@ import { observer } from "mobx-react-lite";
 
 import { CSSTransition } from "react-transition-group";
 
-import { AlertStore } from "Stores/AlertStore";
+import type { AlertStore } from "Stores/AlertStore";
 import { QueryOperators, FormatQuery } from "Common/Query";
 import { TooltipWrapper } from "Components/TooltipWrapper";
 import { GetClassAndStyle } from "Components/Labels/Utils";

ui/src/Components/Labels/FilteringLabel/index.tsx

@@ -2,7 +2,7 @@ import { FC, useCallback, MouseEvent } from "react";
 
 import { observer } from "mobx-react-lite";
 
-import { AlertStore } from "Stores/AlertStore";
+import type { AlertStore } from "Stores/AlertStore";
 import { QueryOperators, FormatQuery } from "Common/Query";
 import { TooltipWrapper } from "Components/TooltipWrapper";
 import { GetClassAndStyle } from "Components/Labels/Utils";

ui/src/Components/Labels/HistoryLabel/index.tsx

@@ -1,9 +1,9 @@
-import { FC } from "react";
+import type { FC } from "react";
 
 import { observer } from "mobx-react-lite";
 
 import { QueryOperators } from "Common/Query";
-import { AlertStore } from "Stores/AlertStore";
+import type { AlertStore } from "Stores/AlertStore";
 import { GetClassAndStyle } from "Components/Labels/Utils";
 
 const HistoryLabel: FC<{

ui/src/Components/Labels/LabelWithPercent/index.tsx

@@ -5,7 +5,7 @@ import { observer } from "mobx-react-lite";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faTimes } from "@fortawesome/free-solid-svg-icons/faTimes";
 
-import { AlertStore } from "Stores/AlertStore";
+import type { AlertStore } from "Stores/AlertStore";
 import { QueryOperators, FormatQuery } from "Common/Query";
 import { GetClassAndStyle } from "Components/Labels/Utils";
 

ui/src/Components/Labels/StaticLabel/index.tsx

@@ -1,8 +1,8 @@
-import { FC } from "react";
+import type { FC } from "react";
 
 import { observer } from "mobx-react-lite";
 
-import { AlertStore } from "Stores/AlertStore";
+import type { AlertStore } from "Stores/AlertStore";
 import { GetClassAndStyle } from "Components/Labels/Utils";
 
 // Renders a static label element, no click actions, no hover

ui/src/Components/Labels/Utils.ts

@@ -5,8 +5,8 @@ import {
   StateLabelClassMap,
 } from "Common/Colors";
 import { StaticLabels } from "Common/Query";
-import { AlertStateT } from "Models/APITypes";
-import { AlertStore } from "Stores/AlertStore";
+import type { AlertStateT } from "Models/APITypes";
+import type { AlertStore } from "Stores/AlertStore";
 
 const isBackgroundDark = (brightness: number) => brightness <= 130;
 

ui/src/Components/MainModal/Configuration/AlertGroupCollapseConfiguration.tsx

@@ -4,8 +4,8 @@ import { observer } from "mobx-react-lite";
 
 import Select from "react-select";
 
-import { OptionT } from "Common/Select";
-import { Settings, CollapseStateT } from "Stores/Settings";
+import type { OptionT } from "Common/Select";
+import type { Settings, CollapseStateT } from "Stores/Settings";
 import { AnimatedMenu } from "Components/Select";
 import { ThemeContext } from "Components/Theme";
 

ui/src/Components/MainModal/Configuration/AlertGroupConfiguration.tsx

@@ -2,7 +2,7 @@ import { FC, useState } from "react";
 
 import { Range } from "react-range";
 
-import { Settings } from "Stores/Settings";
+import type { Settings } from "Stores/Settings";
 
 const AlertGroupConfiguration: FC<{
   settingsStore: Settings;

ui/src/Components/MainModal/Configuration/AlertGroupSortConfiguration.tsx

@@ -4,8 +4,8 @@ import { observer } from "mobx-react-lite";
 
 import Select from "react-select";
 
-import { Settings, SortOrderT } from "Stores/Settings";
-import { OptionT } from "Common/Select";
+import type { Settings, SortOrderT } from "Stores/Settings";
+import type { OptionT } from "Common/Select";
 import { ThemeContext } from "Components/Theme";
 import { AnimatedMenu } from "Components/Select";
 import { SortLabelName } from "./SortLabelName";

ui/src/Components/MainModal/Configuration/AlertGroupTitleBarColor.tsx

@@ -1,8 +1,8 @@
-import { FC } from "react";
+import type { FC } from "react";
 
 import { observer } from "mobx-react-lite";
 
-import { Settings } from "Stores/Settings";
+import type { Settings } from "Stores/Settings";
 
 const AlertGroupTitleBarColor: FC<{
   settingsStore: Settings;

ui/src/Components/MainModal/Configuration/AlertGroupWidthConfiguration.tsx

@@ -4,7 +4,7 @@ import debounce from "lodash.debounce";
 
 import { Range } from "react-range";
 
-import { Settings } from "Stores/Settings";
+import type { Settings } from "Stores/Settings";
 
 const AlertGroupWidthConfiguration: FC<{
   settingsStore: Settings;

ui/src/Components/MainModal/Configuration/AnimationsConfiguration.tsx

@@ -1,8 +1,8 @@
-import { FC } from "react";
+import type { FC } from "react";
 
 import { observer } from "mobx-react-lite";
 
-import { Settings } from "Stores/Settings";
+import type { Settings } from "Stores/Settings";
 
 const AnimationsConfiguration: FC<{
   settingsStore: Settings;

ui/src/Components/MainModal/Configuration/FetchConfiguration.tsx

@@ -2,7 +2,7 @@ import { FC, useState } from "react";
 
 import { Range } from "react-range";
 
-import { Settings } from "Stores/Settings";
+import type { Settings } from "Stores/Settings";
 
 const FetchConfiguration: FC<{
   settingsStore: Settings;

ui/src/Components/MainModal/Configuration/FilterBarConfiguration.tsx

@@ -1,8 +1,8 @@
-import { FC } from "react";
+import type { FC } from "react";
 
 import { observer } from "mobx-react-lite";
 
-import { Settings } from "Stores/Settings";
+import type { Settings } from "Stores/Settings";
 
 const FilterBarConfiguration: FC<{
   settingsStore: Settings;

ui/src/Components/MainModal/Configuration/GridLabelName.tsx

@@ -4,7 +4,7 @@ import Creatable from "react-select/creatable";
 
 import { useFetchGet } from "Hooks/useFetchGet";
 import { FormatBackendURI } from "Stores/AlertStore";
-import { Settings } from "Stores/Settings";
+import type { Settings } from "Stores/Settings";
 import { ThemeContext } from "Components/Theme";
 import { AnimatedMenu } from "Components/Select";
 import { NewLabelName, StringToOption, OptionT } from "Common/Select";

ui/src/Components/MainModal/Configuration/MultiGridConfiguration.tsx

@@ -1,8 +1,8 @@
-import { FC } from "react";
+import type { FC } from "react";
 
 import { observer } from "mobx-react-lite";
 
-import { Settings } from "Stores/Settings";
+import type { Settings } from "Stores/Settings";
 import { GridLabelName } from "./GridLabelName";
 
 const MultiGridConfiguration: FC<{

ui/src/Components/MainModal/Configuration/SortLabelName.tsx

@@ -3,9 +3,9 @@ import React, { FC } from "react";
 import Creatable from "react-select/creatable";
 
 import { StaticLabels } from "Common/Query";
-import { OptionT } from "Common/Select";
+import type { OptionT } from "Common/Select";
 import { FormatBackendURI } from "Stores/AlertStore";
-import { Settings } from "Stores/Settings";
+import type { Settings } from "Stores/Settings";
 import { useFetchGet } from "Hooks/useFetchGet";
 import { ThemeContext } from "Components/Theme";
 import { AnimatedMenu } from "Components/Select";

ui/src/Components/MainModal/Configuration/ThemeConfiguration.tsx

@@ -4,8 +4,8 @@ import { observer } from "mobx-react-lite";
 
 import Select from "react-select";
 
-import { OptionT } from "Common/Select";
-import { Settings, ThemeT } from "Stores/Settings";
+import type { OptionT } from "Common/Select";
+import type { Settings, ThemeT } from "Stores/Settings";
 import { AnimatedMenu } from "Components/Select";
 import { ThemeContext } from "Components/Theme";
 

ui/src/Components/MainModal/Configuration/index.tsx

@@ -1,6 +1,6 @@
-import { FC } from "react";
+import type { FC } from "react";
 
-import { Settings } from "Stores/Settings";
+import type { Settings } from "Stores/Settings";
 import { Accordion, AccordionItem } from "Components/Accordion";
 import { FetchConfiguration } from "./FetchConfiguration";
 import { FilterBarConfiguration } from "./FilterBarConfiguration";

ui/src/Components/MainModal/Help.tsx

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from "react";
+import type { FC, ReactNode } from "react";
 
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faInfoCircle } from "@fortawesome/free-solid-svg-icons/faInfoCircle";

ui/src/Components/MainModal/MainModalContent.tsx

@@ -2,8 +2,8 @@ import { FC, useState } from "react";
 
 import { Observer } from "mobx-react-lite";
 
-import { AlertStore } from "Stores/AlertStore";
-import { Settings } from "Stores/Settings";
+import type { AlertStore } from "Stores/AlertStore";
+import type { Settings } from "Stores/Settings";
 import { Tab } from "Components/Modal/Tab";
 import { Configuration } from "./Configuration";
 import { Help } from "./Help";

ui/src/Components/MainModal/index.tsx

@@ -4,8 +4,8 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faSlidersH } from "@fortawesome/free-solid-svg-icons/faSlidersH";
 import { faSpinner } from "@fortawesome/free-solid-svg-icons/faSpinner";
 
-import { AlertStore } from "Stores/AlertStore";
-import { Settings } from "Stores/Settings";
+import type { AlertStore } from "Stores/AlertStore";
+import type { Settings } from "Stores/Settings";
 import { TooltipWrapper } from "Components/TooltipWrapper";
 import { Modal } from "Components/Modal";
 

ui/src/Components/ManagedSilence/DeleteSilence.test.tsx

@@ -7,7 +7,7 @@ import { advanceTo, clear } from "jest-date-mock";
 import { MockSilence } from "__fixtures__/Alerts";
 import { PressKey } from "__fixtures__/PressKey";
 import { useFetchDelete } from "Hooks/useFetchDelete";
-import { APISilenceT, APIAlertsResponseUpstreamsT } from "Models/APITypes";
+import type { APISilenceT, APIAlertsResponseUpstreamsT } from "Models/APITypes";
 import { AlertStore } from "Stores/AlertStore";
 import { SilenceFormStore } from "Stores/SilenceFormStore";
 import { DeleteSilence, DeleteSilenceModalContent } from "./DeleteSilence";

ui/src/Components/ManagedSilence/DeleteSilence.tsx

@@ -7,9 +7,9 @@ import { faCheckCircle } from "@fortawesome/free-solid-svg-icons/faCheckCircle";
 import { faRedo } from "@fortawesome/free-solid-svg-icons/faRedo";
 import { faCircleNotch } from "@fortawesome/free-solid-svg-icons/faCircleNotch";
 
-import { APISilenceT } from "Models/APITypes";
-import { AlertStore } from "Stores/AlertStore";
-import { SilenceFormStore } from "Stores/SilenceFormStore";
+import type { APISilenceT } from "Models/APITypes";
+import type { AlertStore } from "Stores/AlertStore";
+import type { SilenceFormStore } from "Stores/SilenceFormStore";
 import { FormatQuery, QueryOperators, StaticLabels } from "Common/Query";
 import { useFetchDelete } from "Hooks/useFetchDelete";
 import { Modal } from "Components/Modal";

ui/src/Components/ManagedSilence/SilenceComment.test.tsx

@@ -5,7 +5,7 @@ import { advanceTo, clear } from "jest-date-mock";
 import toDiffableHtml from "diffable-html";
 
 import { MockSilence } from "__fixtures__/Alerts";
-import { APISilenceT } from "Models/APITypes";
+import type { APISilenceT } from "Models/APITypes";
 import { AlertStore } from "Stores/AlertStore";
 import { SilenceComment } from "./SilenceComment";
 

ui/src/Components/ManagedSilence/SilenceComment.tsx

@@ -1,11 +1,11 @@
-import { FC } from "react";
+import type { FC } from "react";
 
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faExternalLinkAlt } from "@fortawesome/free-solid-svg-icons/faExternalLinkAlt";
 import { faBellSlash } from "@fortawesome/free-solid-svg-icons/faBellSlash";
 
-import { APISilenceT } from "Models/APITypes";
-import { AlertStore } from "Stores/AlertStore";
+import type { APISilenceT } from "Models/APITypes";
+import type { AlertStore } from "Stores/AlertStore";
 import FilteringCounterBadge from "Components/Labels/FilteringCounterBadge";
 import { ToggleIcon } from "Components/ToggleIcon";
 import { SilenceProgress } from "./SilenceProgress";

ui/src/Components/ManagedSilence/SilenceDetails.test.tsx

@@ -7,7 +7,7 @@ import copy from "copy-to-clipboard";
 import { advanceTo, clear } from "jest-date-mock";
 
 import { MockSilence } from "__fixtures__/Alerts";
-import { APIAlertsResponseUpstreamsT, APISilenceT } from "Models/APITypes";
+import type { APIAlertsResponseUpstreamsT, APISilenceT } from "Models/APITypes";
 import { AlertStore } from "Stores/AlertStore";
 import { SilenceFormStore } from "Stores/SilenceFormStore";
 import { SilenceDetails } from "./SilenceDetails";

ui/src/Components/ManagedSilence/SilenceDetails.tsx

@@ -15,8 +15,8 @@ import { faHome } from "@fortawesome/free-solid-svg-icons/faHome";
 import { faFingerprint } from "@fortawesome/free-solid-svg-icons/faFingerprint";
 import { faCopy } from "@fortawesome/free-solid-svg-icons/faCopy";
 
-import { APISilenceT } from "Models/APITypes";
-import { AlertStore } from "Stores/AlertStore";
+import type { APISilenceT } from "Models/APITypes";
+import type { AlertStore } from "Stores/AlertStore";
 import { SilenceFormStore, MatcherToOperator } from "Stores/SilenceFormStore";
 import { TooltipWrapper } from "Components/TooltipWrapper";
 import { RenderLinkAnnotation } from "Components/Grid/AlertGrid/AlertGroup/Annotation";

ui/src/Components/ManagedSilence/SilenceProgress.test.tsx

@@ -7,7 +7,7 @@ import toDiffableHtml from "diffable-html";
 import { advanceTo, clear } from "jest-date-mock";
 
 import { MockSilence } from "__fixtures__/Alerts";
-import { APISilenceT } from "Models/APITypes";
+import type { APISilenceT } from "Models/APITypes";
 import { SilenceProgress } from "./SilenceProgress";
 
 let silence: APISilenceT;

ui/src/Components/ManagedSilence/SilenceProgress.tsx

@@ -5,7 +5,7 @@ import { observer } from "mobx-react-lite";
 import parseISO from "date-fns/parseISO";
 import getUnixTime from "date-fns/getUnixTime";
 
-import { APISilenceT } from "Models/APITypes";
+import type { APISilenceT } from "Models/APITypes";
 import { DateFromNow } from "Components/DateFromNow";
 
 const calculatePercent = (startsAt: string, endsAt: string) => {

ui/src/Components/ManagedSilence/index.test.tsx

@@ -6,7 +6,7 @@ import { advanceTo, clear } from "jest-date-mock";
 
 import { MockSilence } from "__fixtures__/Alerts";
 import { MockThemeContext } from "__fixtures__/Theme";
-import { APISilenceT } from "Models/APITypes";
+import type { APISilenceT } from "Models/APITypes";
 import { AlertStore } from "Stores/AlertStore";
 import { SilenceFormStore } from "Stores/SilenceFormStore";
 import { ThemeContext } from "Components/Theme";

ui/src/Components/ManagedSilence/index.tsx

@@ -1,8 +1,8 @@
 import { FC, useEffect, useState } from "react";
 
-import { APISilenceT, APIAlertmanagerUpstreamT } from "Models/APITypes";
-import { AlertStore } from "Stores/AlertStore";
-import { SilenceFormStore } from "Stores/SilenceFormStore";
+import type { APISilenceT, APIAlertmanagerUpstreamT } from "Models/APITypes";
+import type { AlertStore } from "Stores/AlertStore";
+import type { SilenceFormStore } from "Stores/SilenceFormStore";
 import { SilenceComment } from "./SilenceComment";
 import { SilenceDetails } from "./SilenceDetails";
 

ui/src/Components/Modal/Tab.tsx

@@ -1,4 +1,4 @@
-import { FC, MouseEvent } from "react";
+import type { FC, MouseEvent } from "react";
 
 const Tab: FC<{
   title: string;

ui/src/Components/NavBar/FilterInput/History.tsx

@@ -15,7 +15,7 @@ import { localStored } from "mobx-stored";
 
 import { Manager, Reference, Popper } from "react-popper";
 
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+import type { IconDefinition } from "@fortawesome/fontawesome-svg-core";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faHistory } from "@fortawesome/free-solid-svg-icons/faHistory";
 import { faCaretDown } from "@fortawesome/free-solid-svg-icons/faCaretDown";
@@ -23,8 +23,8 @@ import { faSave } from "@fortawesome/free-regular-svg-icons/faSave";
 import { faUndoAlt } from "@fortawesome/free-solid-svg-icons/faUndoAlt";
 import { faTrash } from "@fortawesome/free-solid-svg-icons/faTrash";
 
-import { AlertStore, FilterT } from "Stores/AlertStore";
-import { Settings } from "Stores/Settings";
+import type { AlertStore, FilterT } from "Stores/AlertStore";
+import type { Settings } from "Stores/Settings";
 import { IsMobile } from "Common/Device";
 import { CommonPopperModifiers } from "Common/Popper";
 import { DropdownSlide } from "Components/Animations/DropdownSlide";

ui/src/Components/NavBar/FilterInput/index.tsx

@@ -12,7 +12,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faSearch } from "@fortawesome/free-solid-svg-icons/faSearch";
 
 import { AlertStore, FormatBackendURI } from "Stores/AlertStore";
-import { Settings } from "Stores/Settings";
+import type { Settings } from "Stores/Settings";
 import { IsMobile } from "Common/Device";
 import { useFetchGet } from "Hooks/useFetchGet";
 import { useDebounce } from "Hooks/useDebounce";

ui/src/Components/NavBar/index.tsx

@@ -9,9 +9,9 @@ import { useIdleTimer } from "react-idle-timer";
 
 import { CSSTransition } from "react-transition-group";
 
-import { AlertStore } from "Stores/AlertStore";
-import { Settings } from "Stores/Settings";
-import { SilenceFormStore } from "Stores/SilenceFormStore";
+import type { AlertStore } from "Stores/AlertStore";
+import type { Settings } from "Stores/Settings";
+import type { SilenceFormStore } from "Stores/SilenceFormStore";
 import { IsMobile } from "Common/Device";
 import { OverviewModal } from "Components/OverviewModal";
 import { MainModal } from "Components/MainModal";

ui/src/Components/OverviewModal/OverviewModalContent.tsx

@@ -2,8 +2,8 @@ import { FC, useState } from "react";
 
 import { observer } from "mobx-react-lite";
 
-import { APILabelCounterT } from "Models/APITypes";
-import { AlertStore } from "Stores/AlertStore";
+import type { APILabelCounterT } from "Models/APITypes";
+import type { AlertStore } from "Stores/AlertStore";
 import { TooltipWrapper } from "Components/TooltipWrapper";
 import LabelWithPercent from "Components/Labels/LabelWithPercent";
 import { ToggleIcon } from "Components/ToggleIcon";

ui/src/Components/OverviewModal/index.stories.tsx

@@ -1,4 +1,4 @@
-import { FC } from "react";
+import type { FC } from "react";
 
 import { storiesOf } from "@storybook/react";
 

ui/src/Components/OverviewModal/index.tsx

@@ -7,7 +7,7 @@ import { CSSTransition } from "react-transition-group";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faSpinner } from "@fortawesome/free-solid-svg-icons/faSpinner";
 
-import { AlertStore } from "Stores/AlertStore";
+import type { AlertStore } from "Stores/AlertStore";
 import { useFlashTransition } from "Hooks/useFlashTransition";
 import { TooltipWrapper } from "Components/TooltipWrapper";
 import { Modal } from "Components/Modal";

ui/src/Components/PaginatedAlertList/index.tsx

@@ -1,10 +1,10 @@
-import { FC, ReactNode } from "react";
+import type { FC, ReactNode } from "react";
 
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faExclamationCircle } from "@fortawesome/free-solid-svg-icons/faExclamationCircle";
 import { faSpinner } from "@fortawesome/free-solid-svg-icons/faSpinner";
 
-import { APIAlertsResponseT } from "Models/APITypes";
+import type { APIAlertsResponseT } from "Models/APITypes";
 import { AlertStore, FormatBackendURI, FormatAlertsQ } from "Stores/AlertStore";
 import {
   LabelSetList,

ui/src/Components/Select/index.tsx

@@ -1,9 +1,9 @@
-import { FC } from "react";
+import type { FC } from "react";
 
 import { components, MenuProps } from "react-select";
 
 import { DropdownSlide } from "Components/Animations/DropdownSlide";
-import { OptionT, MultiValueOptionT } from "Common/Select";
+import type { OptionT, MultiValueOptionT } from "Common/Select";
 
 export const AnimatedMenu: FC<MenuProps<OptionT, false>> = (props) => {
   return (

ui/src/Components/SilenceModal/AlertManagerInput/index.test.tsx

@@ -7,7 +7,7 @@ import { AlertStore } from "Stores/AlertStore";
 import { SilenceFormStore } from "Stores/SilenceFormStore";
 import { ThemeContext } from "Components/Theme";
 import { AlertManagerInput } from ".";
-import { APIAlertsResponseUpstreamsT } from "Models/APITypes";
+import type { APIAlertsResponseUpstreamsT } from "Models/APITypes";
 
 let alertStore: AlertStore;
 let silenceFormStore: SilenceFormStore;

ui/src/Components/SilenceModal/AlertManagerInput/index.tsx

@@ -5,12 +5,12 @@ import { observer } from "mobx-react-lite";
 
 import Select from "react-select";
 
-import { AlertStore } from "Stores/AlertStore";
+import type { AlertStore } from "Stores/AlertStore";
 import {
   SilenceFormStore,
   AlertmanagerClustersToOption,
 } from "Stores/SilenceFormStore";
-import { MultiValueOptionT } from "Common/Select";
+import type { MultiValueOptionT } from "Common/Select";
 import { ThemeContext } from "Components/Theme";
 import { AnimatedMultiMenu } from "Components/Select";
 import { ValidationError } from "Components/ValidationError";

ui/src/Components/SilenceModal/AuthorInput.tsx

@@ -1,10 +1,10 @@
-import { FC, ChangeEvent } from "react";
+import type { FC, ChangeEvent } from "react";
 
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+import type { IconDefinition } from "@fortawesome/fontawesome-svg-core";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faUser } from "@fortawesome/free-solid-svg-icons/faUser";
 
-import { AlertStore } from "Stores/AlertStore";
+import type { AlertStore } from "Stores/AlertStore";
 
 const IconInput: FC<{
   type: string;

ui/src/Components/SilenceModal/Browser/index.test.tsx

@@ -10,7 +10,7 @@ import { useFetchGetMock } from "__fixtures__/useFetchGet";
 import { MockSilence } from "__fixtures__/Alerts";
 import { PressKey } from "__fixtures__/PressKey";
 import { MockThemeContext } from "__fixtures__/Theme";
-import { APISilenceT, APIManagedSilenceT } from "Models/APITypes";
+import type { APISilenceT, APIManagedSilenceT } from "Models/APITypes";
 import { AlertStore } from "Stores/AlertStore";
 import { Settings } from "Stores/Settings";
 import { SilenceFormStore } from "Stores/SilenceFormStore";

ui/src/Components/SilenceModal/Browser/index.tsx

@@ -11,10 +11,10 @@ import { faExclamationCircle } from "@fortawesome/free-solid-svg-icons/faExclama
 import { faSortAmountDownAlt } from "@fortawesome/free-solid-svg-icons/faSortAmountDownAlt";
 import { faSortAmountUp } from "@fortawesome/free-solid-svg-icons/faSortAmountUp";
 
-import { APIManagedSilenceT } from "Models/APITypes";
+import type { APIManagedSilenceT } from "Models/APITypes";
 import { AlertStore, FormatBackendURI } from "Stores/AlertStore";
-import { SilenceFormStore } from "Stores/SilenceFormStore";
-import { Settings } from "Stores/Settings";
+import type { SilenceFormStore } from "Stores/SilenceFormStore";
+import type { Settings } from "Stores/Settings";
 import { useFetchGet, FetchGetOptionsT } from "Hooks/useFetchGet";
 import { useDebounce } from "Hooks/useDebounce";
 import { IsMobile } from "Common/Device";

ui/src/Components/SilenceModal/DateTimeSelect/HourMinute.tsx

@@ -2,7 +2,7 @@ import { FC, useEffect, useRef, MouseEvent, WheelEvent } from "react";
 
 import { observer } from "mobx-react-lite";
 
-import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+import type { IconDefinition } from "@fortawesome/fontawesome-svg-core";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faAngleUp } from "@fortawesome/free-solid-svg-icons/faAngleUp";
 import { faAngleDown } from "@fortawesome/free-solid-svg-icons/faAngleDown";

ui/src/Components/SilenceModal/DateTimeSelect/index.tsx

@@ -10,7 +10,7 @@ import setSeconds from "date-fns/setSeconds";
 import DayPicker from "react-day-picker";
 import "react-day-picker/lib/style.css";
 
-import { SilenceFormStore } from "Stores/SilenceFormStore";
+import type { SilenceFormStore } from "Stores/SilenceFormStore";
 import { Duration } from "./Duration";
 import { HourMinute } from "./HourMinute";
 

ui/src/Components/SilenceModal/Matchers.ts

@@ -1,5 +1,5 @@
 import { FormatQuery, QueryOperators, StaticLabels } from "Common/Query";
-import { MultiValueOptionT } from "Common/Select";
+import type { MultiValueOptionT } from "Common/Select";
 import { MatcherT, MatcherToOperator } from "Stores/SilenceFormStore";
 
 const MatcherToFilter = (matcher: MatcherT): string => {

ui/src/Components/SilenceModal/PayloadPreview/index.tsx

@@ -1,11 +1,11 @@
-import { FC } from "react";
+import type { FC } from "react";
 
 import { observer } from "mobx-react-lite";
 
 import JSONPretty from "react-json-pretty";
 import * as theme from "react-json-pretty/dist/monikai";
 
-import { SilenceFormStore } from "Stores/SilenceFormStore";
+import type { SilenceFormStore } from "Stores/SilenceFormStore";
 
 const PayloadPreview: FC<{
   silenceFormStore: SilenceFormStore;

ui/src/Components/SilenceModal/SilenceForm.test.tsx

@@ -9,7 +9,7 @@ import { SilenceFormStore, NewEmptyMatcher } from "Stores/SilenceFormStore";
 import { QueryOperators, StaticLabels } from "Common/Query";
 import { ThemeContext } from "Components/Theme";
 import SilenceForm from "./SilenceForm";
-import { APIAlertsResponseUpstreamsT } from "Models/APITypes";
+import type { APIAlertsResponseUpstreamsT } from "Models/APITypes";
 
 let alertStore: AlertStore;
 let settingsStore: Settings;

ui/src/Components/SilenceModal/SilenceForm.tsx

@@ -17,14 +17,14 @@ import { faSearch } from "@fortawesome/free-solid-svg-icons/faSearch";
 import { faShareAlt } from "@fortawesome/free-solid-svg-icons/faShareAlt";
 import { faCopy } from "@fortawesome/free-solid-svg-icons/faCopy";
 
-import { AlertStore } from "Stores/AlertStore";
+import type { AlertStore } from "Stores/AlertStore";
 import {
   SilenceFormStore,
   NewEmptyMatcher,
   NewClusterRequest,
   ClusterRequestT,
 } from "Stores/SilenceFormStore";
-import { Settings } from "Stores/Settings";
+import type { Settings } from "Stores/Settings";
 import { StringToOption } from "Common/Select";
 import { QueryOperators } from "Common/Query";
 import { useFlashTransition } from "Hooks/useFlashTransition";

ui/src/Components/SilenceModal/SilenceMatch/LabelNameInput.tsx

@@ -3,7 +3,7 @@ import React, { FC } from "react";
 import Creatable from "react-select/creatable";
 
 import { FormatBackendURI } from "Stores/AlertStore";
-import { MatcherWithIDT } from "Stores/SilenceFormStore";
+import type { MatcherWithIDT } from "Stores/SilenceFormStore";
 import { useFetchGet } from "Hooks/useFetchGet";
 import { ValidationError } from "Components/ValidationError";
 import { ThemeContext } from "Components/Theme";

ui/src/Components/SilenceModal/SilenceMatch/LabelValueInput.tsx

@@ -10,7 +10,7 @@ import {
 import Creatable from "react-select/creatable";
 
 import { FormatBackendURI } from "Stores/AlertStore";
-import { SilenceFormStore, MatcherWithIDT } from "Stores/SilenceFormStore";
+import type { SilenceFormStore, MatcherWithIDT } from "Stores/SilenceFormStore";
 import { useFetchGet } from "Hooks/useFetchGet";
 import { hashObject } from "Common/Hash";
 import { NewLabelValue, OptionT, StringToOption } from "Common/Select";

ui/src/Components/SilenceModal/SilenceMatch/MatchCounter.tsx

@@ -1,4 +1,4 @@
-import { FC } from "react";
+import type { FC } from "react";
 
 import { observer } from "mobx-react-lite";
 
@@ -6,9 +6,9 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faExclamationCircle } from "@fortawesome/free-solid-svg-icons/faExclamationCircle";
 import { faSpinner } from "@fortawesome/free-solid-svg-icons/faSpinner";
 
-import { APIAlertsResponseT } from "Models/APITypes";
+import type { APIAlertsResponseT } from "Models/APITypes";
 import { FormatBackendURI, FormatAlertsQ } from "Stores/AlertStore";
-import { SilenceFormStore, MatcherWithIDT } from "Stores/SilenceFormStore";
+import type { SilenceFormStore, MatcherWithIDT } from "Stores/SilenceFormStore";
 import { TooltipWrapper } from "Components/TooltipWrapper";
 import { useFetchGet } from "Hooks/useFetchGet";
 import { MatcherToFilter, AlertManagersToFilter } from "../Matchers";

ui/src/Components/SilenceModal/SilenceMatch/index.tsx

@@ -6,7 +6,7 @@ import { observer } from "mobx-react-lite";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faTrash } from "@fortawesome/free-solid-svg-icons/faTrash";
 
-import { SilenceFormStore, MatcherWithIDT } from "Stores/SilenceFormStore";
+import type { SilenceFormStore, MatcherWithIDT } from "Stores/SilenceFormStore";
 import { TooltipWrapper } from "Components/TooltipWrapper";
 import { LabelNameInput } from "./LabelNameInput";
 import { LabelValueInput } from "./LabelValueInput";

ui/src/Components/SilenceModal/SilenceModalContent.test.tsx

@@ -8,7 +8,7 @@ import { Settings } from "Stores/Settings";
 import { SilenceFormStore } from "Stores/SilenceFormStore";
 import { ThemeContext } from "Components/Theme";
 import { SilenceModalContent } from "./SilenceModalContent";
-import { APIAlertsResponseUpstreamsT } from "Models/APITypes";
+import type { APIAlertsResponseUpstreamsT } from "Models/APITypes";
 
 let alertStore: AlertStore;
 let settingsStore: Settings;

ui/src/Components/SilenceModal/SilenceModalContent.tsx

@@ -1,4 +1,4 @@
-import { FC } from "react";
+import type { FC } from "react";
 
 import { Observer } from "mobx-react-lite";
 
@@ -6,9 +6,9 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faSpinner } from "@fortawesome/free-solid-svg-icons/faSpinner";
 import { faLock } from "@fortawesome/free-solid-svg-icons/faLock";
 
-import { AlertStore } from "Stores/AlertStore";
-import { SilenceFormStore } from "Stores/SilenceFormStore";
-import { Settings } from "Stores/Settings";
+import type { AlertStore } from "Stores/AlertStore";
+import type { SilenceFormStore } from "Stores/SilenceFormStore";
+import type { Settings } from "Stores/Settings";
 import { Tab } from "Components/Modal/Tab";
 import SilenceForm from "./SilenceForm";
 import { SilencePreview } from "./SilencePreview";

ui/src/Components/SilenceModal/SilencePreview/index.tsx

@@ -1,11 +1,11 @@
-import { FC } from "react";
+import type { FC } from "react";
 
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faArrowLeft } from "@fortawesome/free-solid-svg-icons/faArrowLeft";
 import { faCheckCircle } from "@fortawesome/free-solid-svg-icons/faCheckCircle";
 
-import { AlertStore } from "Stores/AlertStore";
-import { SilenceFormStore } from "Stores/SilenceFormStore";
+import type { AlertStore } from "Stores/AlertStore";
+import type { SilenceFormStore } from "Stores/SilenceFormStore";
 import { PaginatedAlertList } from "Components/PaginatedAlertList";
 import { MatcherToFilter, AlertManagersToFilter } from "../Matchers";
 

ui/src/Components/SilenceModal/SilenceSubmit/MultiClusterStatus.tsx

@@ -1,4 +1,4 @@
-import { FC } from "react";
+import type { FC } from "react";
 
 import { observer } from "mobx-react-lite";
 
@@ -6,8 +6,8 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faCheckCircle } from "@fortawesome/free-solid-svg-icons/faCheckCircle";
 import { faExclamationCircle } from "@fortawesome/free-solid-svg-icons/faExclamationCircle";
 
-import { AlertStore } from "Stores/AlertStore";
-import { SilenceFormStore } from "Stores/SilenceFormStore";
+import type { AlertStore } from "Stores/AlertStore";
+import type { SilenceFormStore } from "Stores/SilenceFormStore";
 import { SilenceSubmitProgress } from "./SilenceSubmitProgress";
 
 const MultiClusterStatus: FC<{

ui/src/Components/SilenceModal/SilenceSubmit/SilenceSubmitController.tsx

@@ -1,12 +1,12 @@
-import { FC } from "react";
+import type { FC } from "react";
 
 import { observer } from "mobx-react-lite";
 
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faArrowLeft } from "@fortawesome/free-solid-svg-icons/faArrowLeft";
 
-import { AlertStore } from "Stores/AlertStore";
-import { SilenceFormStore } from "Stores/SilenceFormStore";
+import type { AlertStore } from "Stores/AlertStore";
+import type { SilenceFormStore } from "Stores/SilenceFormStore";
 import SingleClusterStatus from "./SingleClusterStatus";
 import MultiClusterStatus from "./MultiClusterStatus";
 

ui/src/Components/SilenceModal/SilenceSubmit/SilenceSubmitProgress.test.tsx

@@ -7,7 +7,7 @@ import fetchMock from "fetch-mock";
 import { AlertStore } from "Stores/AlertStore";
 import { SilenceFormStore, NewClusterRequest } from "Stores/SilenceFormStore";
 import { SilenceSubmitProgress } from "./SilenceSubmitProgress";
-import { APIAlertsResponseUpstreamsT } from "Models/APITypes";
+import type { APIAlertsResponseUpstreamsT } from "Models/APITypes";
 
 let alertStore: AlertStore;
 let silenceFormStore: SilenceFormStore;