fixing circular dependencies, part 1

src/renderer/api/api-manager.ts

@@ -1,9 +1,10 @@
-import React from "react";
+import type { KubeObjectStore } from "../kube-object.store";
+import type { KubeObjectDetailsProps, KubeObjectListLayoutProps, KubeObjectMenuProps } from "../components/kube-object";
+import type React from "react";
+
 import { observable } from "mobx";
 import { autobind } from "../utils/autobind";
 import { KubeApi } from "./kube-api";
-import { KubeObjectStore } from "../kube-object.store";
-import { KubeObjectDetailsProps, KubeObjectListLayoutProps, KubeObjectMenuProps } from "../components/kube-object";
 
 export interface ApiComponents {
   List?: React.ComponentType<KubeObjectListLayoutProps>;

src/renderer/api/kube-watch-api.ts

@@ -2,9 +2,9 @@
 
 import { computed, observable, reaction } from "mobx";
 import { stringify } from "querystring"
-import { autobind, EventEmitter, interval } from "../utils";
+import { autobind, EventEmitter } from "../utils";
 import { KubeJsonApiData } from "./kube-json-api";
-import { KubeObjectStore } from "../kube-object.store";
+import type { KubeObjectStore } from "../kube-object.store";
 import { KubeApi } from "./kube-api";
 import { configStore } from "../config.store";
 import { apiManager } from "./api-manager";
@@ -105,8 +105,7 @@ export class KubeWatchApi {
     const data = JSON.parse(evt.data);
     if ((data as IKubeWatchEvent).object) {
       this.onData.emit(data);
-    }
-    else {
+    } else {
       this.onRouteEvent(data);
     }
   }

src/renderer/components/input/input.validators.ts

@@ -1,6 +1,6 @@
+import type { InputProps } from "./input";
 import { ReactNode } from "react";
 import { t } from "@lingui/macro";
-import { InputProps } from "./input";
 import { _i18n } from '../../i18n';
 
 export interface Validator {

src/renderer/components/input/search-input.tsx

@@ -7,7 +7,7 @@ import { disposeOnUnmount, observer } from "mobx-react";
 import { t } from "@lingui/macro";
 import { Icon } from "../icon";
 import { cssNames } from "../../utils";
-import { Input, InputProps } from "../input";
+import { Input, InputProps } from "./input";
 import { getSearch, setSearch } from "../../navigation";
 import { _i18n } from '../../i18n';
 

src/renderer/components/layout/sidebar.tsx

@@ -1,3 +1,4 @@
+import type { TabRoute } from "./main-layout";
 import "./sidebar.scss";
 
 import React from "react";
@@ -19,7 +20,6 @@ import { Config, configRoute, configURL } from "../+config";
 import { eventRoute, eventsURL } from "../+events";
 import { Apps, appsRoute, appsURL } from "../+apps";
 import { namespaceStore } from "../+namespaces/namespace.store";
-import { TabRoute } from "./main-layout";
 import { Workloads } from "../+workloads";
 import { UserManagement } from "../+user-management";
 import { Storage } from "../+storage";

src/renderer/components/table/table-cell.tsx

@@ -1,8 +1,8 @@
 import "./table-cell.scss";
+import type { SortBy, SortParams } from "./table";
 
 import React, { ReactNode } from "react";
 import { autobind, cssNames } from "../../utils";
-import { SortBy, SortParams } from "./table";
 import { Icon } from "../icon";
 import { Checkbox } from "../checkbox";