Turn on noUnusedLocals, noImplicitReturns, importsNotUsedAsValues: error, and isolatedModules (#2777)

src/renderer/api/__tests__/crd.test.ts

@@ -20,7 +20,7 @@
  */
 
 import { CustomResourceDefinition } from "../endpoints";
-import { IKubeObjectMetadata } from "../kube-object";
+import type { IKubeObjectMetadata } from "../kube-object";
 
 describe("Crds", () => {
   describe("getVersion", () => {

src/renderer/api/catalog-entity.ts

@@ -21,18 +21,17 @@
 
 import { navigate } from "../navigation";
 import { commandRegistry } from "../../extensions/registries";
-import { CatalogEntity } from "../../common/catalog";
+import type { CatalogEntity } from "../../common/catalog";
 
-export {
-  CatalogCategory,
-  CatalogEntity,
+export { CatalogCategory, CatalogEntity } from "../../common/catalog";
+export type {
   CatalogEntityData,
   CatalogEntityKindData,
   CatalogEntityActionContext,
   CatalogEntityAddMenuContext,
   CatalogEntityAddMenu,
   CatalogEntityContextMenu,
-  CatalogEntityContextMenuContext
+  CatalogEntityContextMenuContext,
 } from "../../common/catalog";
 
 export const catalogEntityRunContext = {

src/renderer/api/endpoints/configmap.api.ts

@@ -20,7 +20,7 @@
  */
 
 import { KubeObject } from "../kube-object";
-import { KubeJsonApiData } from "../kube-json-api";
+import type { KubeJsonApiData } from "../kube-json-api";
 import { autobind } from "../../utils";
 import { KubeApi } from "../kube-api";
 

src/renderer/api/endpoints/cron-job.api.ts

@@ -21,7 +21,7 @@
 
 import moment from "moment";
 import { KubeObject } from "../kube-object";
-import { IPodContainer } from "./pods.api";
+import type { IPodContainer } from "./pods.api";
 import { formatDuration } from "../../utils/formatDuration";
 import { autobind } from "../../utils";
 import { KubeApi } from "../kube-api";

src/renderer/api/endpoints/daemon-set.api.ts

@@ -20,7 +20,7 @@
  */
 
 import get from "lodash/get";
-import { IPodContainer } from "./pods.api";
+import type { IPodContainer } from "./pods.api";
 import { IAffinity, WorkloadKubeObject } from "../workload-kube-object";
 import { autobind } from "../../utils";
 import { KubeApi } from "../kube-api";

src/renderer/api/endpoints/helm-releases.api.ts

@@ -25,9 +25,9 @@ import { autobind, formatDuration } from "../../utils";
 import capitalize from "lodash/capitalize";
 import { apiBase } from "../index";
 import { helmChartStore } from "../../components/+apps-helm-charts/helm-chart.store";
-import { ItemObject } from "../../item.store";
+import type { ItemObject } from "../../item.store";
 import { KubeObject } from "../kube-object";
-import { JsonApiData } from "../json-api";
+import type { JsonApiData } from "../json-api";
 
 interface IReleasePayload {
   name: string;

src/renderer/api/endpoints/job.api.ts

@@ -22,9 +22,9 @@
 import get from "lodash/get";
 import { autobind } from "../../utils";
 import { IAffinity, WorkloadKubeObject } from "../workload-kube-object";
-import { IPodContainer } from "./pods.api";
+import type { IPodContainer } from "./pods.api";
 import { KubeApi } from "../kube-api";
-import { JsonApiParams } from "../json-api";
+import type { JsonApiParams } from "../json-api";
 
 @autobind()
 export class Job extends WorkloadKubeObject {
@@ -106,11 +106,7 @@ export class Job extends WorkloadKubeObject {
   getCondition() {
     // Type of Job condition could be only Complete or Failed
     // https://kubernetes.io/docs/reference/generated/kubernetes-api/v1.14/#jobcondition-v1-batch
-    const { conditions } = this.status;
-
-    if (!conditions) return;
-
-    return conditions.find(({ status }) => status === "True");
+    return this.status.conditions?.find(({ status }) => status === "True");
   }
 
   getImages() {

src/renderer/api/endpoints/metrics.api.ts

@@ -132,11 +132,11 @@ export function normalizeMetrics(metrics: IMetrics, frames = 60): IMetrics {
   return metrics;
 }
 
-export function isMetricsEmpty(metrics: { [key: string]: IMetrics }) {
+export function isMetricsEmpty(metrics: Record<string, IMetrics>) {
   return Object.values(metrics).every(metric => !metric?.data?.result?.length);
 }
 
-export function getItemMetrics(metrics: { [key: string]: IMetrics }, itemName: string): { [key: string]: IMetrics } {
+export function getItemMetrics(metrics: Record<string, IMetrics>, itemName: string): Record<string, IMetrics> | void {
   if (!metrics) return;
   const itemMetrics = { ...metrics };
 
@@ -153,7 +153,7 @@ export function getItemMetrics(metrics: { [key: string]: IMetrics }, itemName: s
   return itemMetrics;
 }
 
-export function getMetricLastPoints(metrics: { [key: string]: IMetrics }) {
+export function getMetricLastPoints(metrics: Record<string, IMetrics>) {
   const result: Partial<{ [metric: string]: number }> = {};
 
   Object.keys(metrics).forEach(metricName => {

src/renderer/api/endpoints/persistent-volume-claims.api.ts

@@ -22,7 +22,7 @@
 import { KubeObject } from "../kube-object";
 import { autobind } from "../../utils";
 import { IMetrics, metricsApi } from "./metrics.api";
-import { Pod } from "./pods.api";
+import type { Pod } from "./pods.api";
 import { KubeApi } from "../kube-api";
 
 export class PersistentVolumeClaimsApi extends KubeApi<PersistentVolumeClaim> {

src/renderer/api/endpoints/persistent-volume.api.ts

@@ -61,7 +61,7 @@ export class PersistentVolume extends KubeObject {
     };
   };
 
-  status: {
+  status?: {
     phase: string;
     reason?: string;
   };
@@ -79,9 +79,7 @@ export class PersistentVolume extends KubeObject {
   }
 
   getStatus() {
-    if (!this.status) return;
-
-    return this.status.phase || "-";
+    return this.status?.phase || "-";
   }
 
   getStorageClass(): string {

src/renderer/api/endpoints/replica-set.api.ts

@@ -22,7 +22,7 @@
 import get from "lodash/get";
 import { autobind } from "../../utils";
 import { WorkloadKubeObject } from "../workload-kube-object";
-import { IPodContainer, Pod } from "./pods.api";
+import type { IPodContainer, Pod } from "./pods.api";
 import { KubeApi } from "../kube-api";
 
 export class ReplicaSetApi extends KubeApi<ReplicaSet> {

src/renderer/api/endpoints/resource-applier.api.ts

@@ -21,7 +21,7 @@
 
 import jsYaml from "js-yaml";
 import { KubeObject } from "../kube-object";
-import { KubeJsonApiData } from "../kube-json-api";
+import type { KubeJsonApiData } from "../kube-json-api";
 import { apiBase } from "../index";
 import { apiManager } from "../api-manager";
 

src/renderer/api/endpoints/resource-quota.api.ts

@@ -21,7 +21,7 @@
 
 import { KubeObject } from "../kube-object";
 import { KubeApi } from "../kube-api";
-import { KubeJsonApiData } from "../kube-json-api";
+import type { KubeJsonApiData } from "../kube-json-api";
 
 export interface IResourceQuotaValues {
   [quota: string]: string;

src/renderer/api/endpoints/secret.api.ts

@@ -20,7 +20,7 @@
  */
 
 import { KubeObject } from "../kube-object";
-import { KubeJsonApiData } from "../kube-json-api";
+import type { KubeJsonApiData } from "../kube-json-api";
 import { autobind } from "../../utils";
 import { KubeApi } from "../kube-api";
 

src/renderer/api/endpoints/stateful-set.api.ts

@@ -20,7 +20,7 @@
  */
 
 import get from "lodash/get";
-import { IPodContainer } from "./pods.api";
+import type { IPodContainer } from "./pods.api";
 import { IAffinity, WorkloadKubeObject } from "../workload-kube-object";
 import { autobind } from "../../utils";
 import { KubeApi } from "../kube-api";

src/renderer/api/kube-api.ts

@@ -30,7 +30,7 @@ import { apiKube } from "./index";
 import { createKubeApiURL, parseKubeApi } from "./kube-api-parse";
 import { IKubeObjectConstructor, KubeObject, KubeStatus } from "./kube-object";
 import byline from "byline";
-import { IKubeWatchEvent } from "./kube-watch-api";
+import type { IKubeWatchEvent } from "./kube-watch-api";
 import { ReadableWebToNodeStream } from "../utils/readableStream";
 import { KubeJsonApi, KubeJsonApiData } from "./kube-json-api";
 import { noop } from "../utils";
@@ -306,7 +306,7 @@ export class KubeApi<T extends KubeObject = any> {
   }
 
   protected parseResponse(data: unknown, namespace?: string): T | T[] | null {
-    if (!data) return;
+    if (!data) return null;
     const KubeObjectConstructor = this.objectConstructor;
 
     // process items list response, check before single item since there is overlap

src/renderer/api/kube-object.ts

@@ -22,11 +22,11 @@
 // Base class for all kubernetes objects
 
 import moment from "moment";
-import { KubeJsonApiData, KubeJsonApiDataList, KubeJsonApiListMetadata, KubeJsonApiMetadata } from "./kube-json-api";
+import type { KubeJsonApiData, KubeJsonApiDataList, KubeJsonApiListMetadata, KubeJsonApiMetadata } from "./kube-json-api";
 import { autobind, formatDuration } from "../utils";
-import { ItemObject } from "../item.store";
+import type { ItemObject } from "../item.store";
 import { apiKube } from "./index";
-import { JsonApiParams } from "./json-api";
+import type { JsonApiParams } from "./json-api";
 import { resourceApplierApi } from "./endpoints/resource-applier.api";
 import { hasOptionalProperty, hasTypedProperty, isObject, isString, bindPredicate, isTypedArray, isRecord } from "../../common/utils/type-narrowing";
 

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

@@ -28,8 +28,8 @@ import type { ClusterContext } from "../components/context";
 import plimit from "p-limit";
 import { comparer, IReactionDisposer, observable, reaction, when } from "mobx";
 import { autobind, noop } from "../utils";
-import { KubeApi } from "./kube-api";
-import { KubeJsonApiData } from "./kube-json-api";
+import type { KubeApi } from "./kube-api";
+import type { KubeJsonApiData } from "./kube-json-api";
 import { isDebugging, isProduction } from "../../common/vars";
 
 export interface IKubeWatchEvent<T = KubeJsonApiData> {

src/renderer/api/terminal-api.ts

@@ -108,7 +108,7 @@ export class TerminalApi extends WebSocketApi {
 
   @autobind()
   protected _onReady(data: string) {
-    if (!data) return;
+    if (!data) return true;
     this.isReady = true;
     this.onReady.emit();
     this.onData.removeListener(this._onReady);

src/renderer/components/+apps-helm-charts/helm-charts.tsx

@@ -22,11 +22,11 @@
 import "./helm-charts.scss";
 
 import React, { Component } from "react";
-import { RouteComponentProps } from "react-router";
+import type { RouteComponentProps } from "react-router";
 import { observer } from "mobx-react";
 import { helmChartsURL, IHelmChartsRouteParams } from "./helm-charts.route";
 import { helmChartStore } from "./helm-chart.store";
-import { HelmChart } from "../../api/endpoints/helm-charts.api";
+import type { HelmChart } from "../../api/endpoints/helm-charts.api";
 import { HelmChartDetails } from "./helm-chart-details";
 import { navigation } from "../../navigation";
 import { ItemListLayout } from "../item-object-list/item-list-layout";

src/renderer/components/+apps-releases/release-menu.tsx

@@ -20,7 +20,7 @@
  */
 
 import React from "react";
-import { HelmRelease } from "../../api/endpoints/helm-releases.api";
+import type { HelmRelease } from "../../api/endpoints/helm-releases.api";
 import { autobind, cssNames } from "../../utils";
 import { releaseStore } from "./release.store";
 import { MenuActions, MenuActionsProps } from "../menu/menu-actions";
@@ -56,7 +56,7 @@ export class HelmReleaseMenu extends React.Component<Props> {
   renderContent() {
     const { release, toolbar } = this.props;
 
-    if (!release) return;
+    if (!release) return null;
     const hasRollback = release && release.getRevision() > 1;
 
     return (

src/renderer/components/+apps-releases/release.store.ts

@@ -24,7 +24,7 @@ import { action, observable, reaction, when } from "mobx";
 import { autobind } from "../../utils";
 import { createRelease, deleteRelease, HelmRelease, IReleaseCreatePayload, IReleaseUpdatePayload, listReleases, rollbackRelease, updateRelease } from "../../api/endpoints/helm-releases.api";
 import { ItemStore } from "../../item.store";
-import { Secret } from "../../api/endpoints";
+import type { Secret } from "../../api/endpoints";
 import { secretsStore } from "../+config-secrets/secrets.store";
 import { namespaceStore } from "../+namespaces/namespace.store";
 import { Notifications } from "../notifications";
@@ -146,8 +146,6 @@ export class ReleaseStore extends ItemStore<HelmRelease> {
   }
 
   async removeSelectedItems() {
-    if (!this.selectedItems.length) return;
-
     return Promise.all(this.selectedItems.map(this.remove));
   }
 }

src/renderer/components/+apps-releases/releases.tsx

@@ -24,10 +24,10 @@ import "./releases.scss";
 import React, { Component } from "react";
 import kebabCase from "lodash/kebabCase";
 import { disposeOnUnmount, observer } from "mobx-react";
-import { RouteComponentProps } from "react-router";
+import type { RouteComponentProps } from "react-router";
 import { releaseStore } from "./release.store";
 import { IReleaseRouteParams, releaseURL } from "./release.route";
-import { HelmRelease } from "../../api/endpoints/helm-releases.api";
+import type { HelmRelease } from "../../api/endpoints/helm-releases.api";
 import { ReleaseDetails } from "./release-details";
 import { ReleaseRollbackDialog } from "./release-rollback-dialog";
 import { navigation } from "../../navigation";

src/renderer/components/+catalog/catalog-add-button.tsx

@@ -26,7 +26,7 @@ import { Icon } from "../icon";
 import { disposeOnUnmount, observer } from "mobx-react";
 import { observable, reaction } from "mobx";
 import { autobind } from "../../../common/utils";
-import { CatalogCategory, CatalogEntityAddMenuContext, CatalogEntityAddMenu } from "../../api/catalog-entity";
+import type { CatalogCategory, CatalogEntityAddMenuContext, CatalogEntityAddMenu } from "../../api/catalog-entity";
 import { EventEmitter } from "events";
 import { navigate } from "../../navigation";
 

src/renderer/components/+catalog/catalog-entity.store.ts

@@ -21,7 +21,7 @@
 
 import { action, computed, IReactionDisposer, observable, reaction } from "mobx";
 import { catalogEntityRegistry } from "../../api/catalog-entity-registry";
-import { CatalogEntity, CatalogEntityActionContext } from "../../api/catalog-entity";
+import type { CatalogEntity, CatalogEntityActionContext } from "../../api/catalog-entity";
 import { ItemObject, ItemStore } from "../../item.store";
 import { autobind } from "../../utils";
 import { CatalogCategory } from "../../../common/catalog";

src/renderer/components/+cluster/cluster-issues.tsx

@@ -30,7 +30,7 @@ import { Table, TableCell, TableHead, TableRow } from "../table";
 import { nodesStore } from "../+nodes/nodes.store";
 import { eventStore } from "../+events/event.store";
 import { autobind, cssNames, prevDefault } from "../../utils";
-import { ItemObject } from "../../item.store";
+import type { ItemObject } from "../../item.store";
 import { Spinner } from "../spinner";
 import { ThemeStore } from "../../theme.store";
 import { lookupApiLink } from "../../api/kube-api";

src/renderer/components/+cluster/cluster-metrics.tsx

@@ -23,7 +23,7 @@ import "./cluster-metrics.scss";
 
 import React from "react";
 import { observer } from "mobx-react";
-import { ChartOptions, ChartPoint } from "chart.js";
+import type { ChartOptions, ChartPoint } from "chart.js";
 import { clusterOverviewStore, MetricType } from "./cluster-overview.store";
 import { BarChart } from "../chart";
 import { bytesToUnits } from "../../utils";

src/renderer/components/+config-autoscalers/hpa-details.tsx

@@ -100,7 +100,7 @@ export class HpaDetails extends React.Component<Props> {
   render() {
     const { object: hpa } = this.props;
 
-    if (!hpa) return;
+    if (!hpa) return null;
     const { scaleTargetRef } = hpa.spec;
 
     return (

src/renderer/components/+config-autoscalers/hpa.tsx

@@ -23,10 +23,10 @@ import "./hpa.scss";
 
 import React from "react";
 import { observer } from "mobx-react";
-import { RouteComponentProps } from "react-router";
+import type { RouteComponentProps } from "react-router";
 import { KubeObjectListLayout } from "../kube-object";
-import { IHpaRouteParams } from "./hpa.route";
-import { HorizontalPodAutoscaler } from "../../api/endpoints/hpa.api";
+import type { IHpaRouteParams } from "./hpa.route";
+import type { HorizontalPodAutoscaler } from "../../api/endpoints/hpa.api";
 import { hpaStore } from "./hpa.store";
 import { Badge } from "../badge";
 import { cssNames } from "../../utils";

src/renderer/components/+config-limit-ranges/limit-range-details.tsx

@@ -23,7 +23,7 @@ import "./limit-range-details.scss";
 
 import React from "react";
 import { observer } from "mobx-react";
-import { KubeObjectDetailsProps } from "../kube-object";
+import type { KubeObjectDetailsProps } from "../kube-object";
 import { LimitPart, LimitRange, LimitRangeItem, Resource } from "../../api/endpoints/limit-range.api";
 import { kubeObjectDetailRegistry } from "../../api/kube-object-detail-registry";
 import { KubeObjectMeta } from "../kube-object/kube-object-meta";

src/renderer/components/+config-limit-ranges/limit-ranges.tsx

@@ -21,14 +21,14 @@
 
 import "./limit-ranges.scss";
 
-import { RouteComponentProps } from "react-router";
+import type { RouteComponentProps } from "react-router";
 import { observer } from "mobx-react";
 import { KubeObjectListLayout } from "../kube-object/kube-object-list-layout";
 import { limitRangeStore } from "./limit-ranges.store";
-import { LimitRangeRouteParams } from "./limit-ranges.route";
+import type { LimitRangeRouteParams } from "./limit-ranges.route";
 import React from "react";
 import { KubeObjectStatusIcon } from "../kube-object-status-icon";
-import { LimitRange } from "../../api/endpoints/limit-range.api";
+import type { LimitRange } from "../../api/endpoints/limit-range.api";
 
 enum columnId {
   name = "name",

src/renderer/components/+config-maps/config-map-details.tsx

@@ -30,8 +30,8 @@ import { Input } from "../input";
 import { Button } from "../button";
 import { KubeEventDetails } from "../+events/kube-event-details";
 import { configMapsStore } from "./config-maps.store";
-import { KubeObjectDetailsProps } from "../kube-object";
-import { ConfigMap } from "../../api/endpoints";
+import type { KubeObjectDetailsProps } from "../kube-object";
+import type { ConfigMap } from "../../api/endpoints";
 import { KubeObjectMeta } from "../kube-object/kube-object-meta";
 import { kubeObjectDetailRegistry } from "../../api/kube-object-detail-registry";
 
@@ -132,5 +132,3 @@ kubeObjectDetailRegistry.add({
     Details: (props) => <KubeEventDetails {...props} />
   }
 });
-
-

src/renderer/components/+config-maps/config-maps.tsx

@@ -23,11 +23,11 @@ import "./config-maps.scss";
 
 import React from "react";
 import { observer } from "mobx-react";
-import { RouteComponentProps } from "react-router";
+import type { RouteComponentProps } from "react-router";
 import { configMapsStore } from "./config-maps.store";
-import { ConfigMap } from "../../api/endpoints/configmap.api";
+import type { ConfigMap } from "../../api/endpoints/configmap.api";
 import { KubeObjectListLayout } from "../kube-object";
-import { IConfigMapsRouteParams } from "./config-maps.route";
+import type { IConfigMapsRouteParams } from "./config-maps.route";
 import { KubeObjectStatusIcon } from "../kube-object-status-icon";
 
 enum columnId {

src/renderer/components/+config-pod-disruption-budgets/pod-disruption-budgets-details.tsx

@@ -25,8 +25,8 @@ import React from "react";
 import { observer } from "mobx-react";
 import { DrawerItem } from "../drawer";
 import { Badge } from "../badge";
-import { KubeObjectDetailsProps } from "../kube-object";
-import { PodDisruptionBudget } from "../../api/endpoints";
+import type { KubeObjectDetailsProps } from "../kube-object";
+import type { PodDisruptionBudget } from "../../api/endpoints";
 import { KubeObjectMeta } from "../kube-object/kube-object-meta";
 import { kubeObjectDetailRegistry } from "../../api/kube-object-detail-registry";
 

src/renderer/components/+config-pod-disruption-budgets/pod-disruption-budgets.tsx

@@ -24,7 +24,7 @@ import "./pod-disruption-budgets.scss";
 import * as React from "react";
 import { observer } from "mobx-react";
 import { podDisruptionBudgetsStore } from "./pod-disruption-budgets.store";
-import { PodDisruptionBudget } from "../../api/endpoints/poddisruptionbudget.api";
+import type { PodDisruptionBudget } from "../../api/endpoints/poddisruptionbudget.api";
 import { KubeObjectDetailsProps, KubeObjectListLayout } from "../kube-object";
 import { KubeObjectStatusIcon } from "../kube-object-status-icon";
 

src/renderer/components/+config-resource-quotas/resource-quota-details.tsx

@@ -25,8 +25,8 @@ import kebabCase from "lodash/kebabCase";
 import { observer } from "mobx-react";
 import { DrawerItem, DrawerTitle } from "../drawer";
 import { cpuUnitsToNumber, cssNames, unitsToBytes, metricUnitsToNumber } from "../../utils";
-import { KubeObjectDetailsProps } from "../kube-object";
-import { ResourceQuota } from "../../api/endpoints/resource-quota.api";
+import type { KubeObjectDetailsProps } from "../kube-object";
+import type { ResourceQuota } from "../../api/endpoints/resource-quota.api";
 import { LineProgress } from "../line-progress";
 import { Table, TableCell, TableHead, TableRow } from "../table";
 import { KubeObjectMeta } from "../kube-object/kube-object-meta";

src/renderer/components/+config-resource-quotas/resource-quotas.tsx

@@ -23,12 +23,12 @@ import "./resource-quotas.scss";
 
 import React from "react";
 import { observer } from "mobx-react";
-import { RouteComponentProps } from "react-router";
+import type { RouteComponentProps } from "react-router";
 import { KubeObjectListLayout } from "../kube-object";
-import { ResourceQuota } from "../../api/endpoints/resource-quota.api";
+import type { ResourceQuota } from "../../api/endpoints/resource-quota.api";
 import { AddQuotaDialog } from "./add-quota-dialog";
 import { resourceQuotaStore } from "./resource-quotas.store";
-import { IResourceQuotaRouteParams } from "./resource-quotas.route";
+import type { IResourceQuotaRouteParams } from "./resource-quotas.route";
 import { KubeObjectStatusIcon } from "../kube-object-status-icon";
 
 enum columnId {

src/renderer/components/+config-secrets/add-secret-dialog.tsx

@@ -33,7 +33,7 @@ import { SubTitle } from "../layout/sub-title";
 import { NamespaceSelect } from "../+namespaces/namespace-select";
 import { Select, SelectOption } from "../select";
 import { Icon } from "../icon";
-import { IKubeObjectMetadata } from "../../api/kube-object";
+import type { IKubeObjectMetadata } from "../../api/kube-object";
 import { base64 } from "../../utils";
 import { Notifications } from "../notifications";
 import upperFirst from "lodash/upperFirst";

src/renderer/components/+config-secrets/secret-details.tsx

@@ -32,8 +32,8 @@ import { Notifications } from "../notifications";
 import { base64 } from "../../utils";
 import { Icon } from "../icon";
 import { secretsStore } from "./secrets.store";
-import { KubeObjectDetailsProps } from "../kube-object";
-import { Secret } from "../../api/endpoints";
+import type { KubeObjectDetailsProps } from "../kube-object";
+import type { Secret } from "../../api/endpoints";
 import { KubeObjectMeta } from "../kube-object/kube-object-meta";
 import { kubeObjectDetailRegistry } from "../../api/kube-object-detail-registry";
 

src/renderer/components/+config-secrets/secrets.tsx

@@ -23,10 +23,10 @@ import "./secrets.scss";
 
 import React from "react";
 import { observer } from "mobx-react";
-import { RouteComponentProps } from "react-router";
-import { Secret } from "../../api/endpoints";
+import type { RouteComponentProps } from "react-router";
+import type { Secret } from "../../api/endpoints";
 import { AddSecretDialog } from "./add-secret-dialog";
-import { ISecretsRouteParams } from "./secrets.route";
+import type { ISecretsRouteParams } from "./secrets.route";
 import { KubeObjectListLayout } from "../kube-object";
 import { Badge } from "../badge";
 import { secretsStore } from "./secrets.store";

src/renderer/components/+config/config.route.ts

@@ -19,8 +19,8 @@
  * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
 
-import { RouteProps } from "react-router";
-import { IURLParams } from "../../../common/utils/buildUrl";
+import type { RouteProps } from "react-router";
+import type { IURLParams } from "../../../common/utils/buildUrl";
 import { configMapsRoute, configMapsURL } from "../+config-maps/config-maps.route";
 import { hpaRoute } from "../+config-autoscalers";
 import { limitRangesRoute } from "../+config-limit-ranges";

src/renderer/components/+custom-resources/crd-details.tsx

@@ -24,12 +24,12 @@ import "./crd-details.scss";
 import React from "react";
 import { Link } from "react-router-dom";
 import { observer } from "mobx-react";
-import { CustomResourceDefinition } from "../../api/endpoints/crd.api";
+import type { CustomResourceDefinition } from "../../api/endpoints/crd.api";
 import { cssNames } from "../../utils";
 import { AceEditor } from "../ace-editor";
 import { Badge } from "../badge";
 import { DrawerItem, DrawerTitle } from "../drawer";
-import { KubeObjectDetailsProps } from "../kube-object";
+import type { KubeObjectDetailsProps } from "../kube-object";
 import { Table, TableCell, TableHead, TableRow } from "../table";
 import { Input } from "../input";
 import { KubeObjectMeta } from "../kube-object/kube-object-meta";

src/renderer/components/+custom-resources/crd-list.tsx

@@ -28,7 +28,7 @@ import { Link } from "react-router-dom";
 import { stopPropagation } from "../../utils";
 import { KubeObjectListLayout } from "../kube-object";
 import { crdStore } from "./crd.store";
-import { CustomResourceDefinition } from "../../api/endpoints/crd.api";
+import type { CustomResourceDefinition } from "../../api/endpoints/crd.api";
 import { Select, SelectOption } from "../select";
 import { createPageParam } from "../../navigation";
 import { Icon } from "../icon";

src/renderer/components/+custom-resources/crd-resource-details.tsx

@@ -28,11 +28,11 @@ import { computed } from "mobx";
 import { cssNames } from "../../utils";
 import { Badge } from "../badge";
 import { DrawerItem } from "../drawer";
-import { KubeObjectDetailsProps } from "../kube-object";
+import type { KubeObjectDetailsProps } from "../kube-object";
 import { crdStore } from "./crd.store";
 import { KubeObjectMeta } from "../kube-object/kube-object-meta";
 import { Input } from "../input";
-import { AdditionalPrinterColumnsV1, CustomResourceDefinition } from "../../api/endpoints/crd.api";
+import type { AdditionalPrinterColumnsV1, CustomResourceDefinition } from "../../api/endpoints/crd.api";
 import { parseJsonPath } from "../../utils/jsonPath";
 
 interface Props extends KubeObjectDetailsProps<CustomResourceDefinition> {

src/renderer/components/+custom-resources/crd-resource.store.ts

@@ -22,7 +22,7 @@
 import { autobind } from "../../utils";
 import { KubeApi } from "../../api/kube-api";
 import { KubeObjectStore } from "../../kube-object.store";
-import { KubeObject } from "../../api/kube-object";
+import type { KubeObject } from "../../api/kube-object";
 
 @autobind()
 export class CRDResourceStore<T extends KubeObject = any> extends KubeObjectStore<T> {

src/renderer/components/+custom-resources/crd-resources.tsx

@@ -24,13 +24,13 @@ import "./crd-resources.scss";
 import React from "react";
 import jsonPath from "jsonpath";
 import { disposeOnUnmount, observer } from "mobx-react";
-import { RouteComponentProps } from "react-router";
+import type { RouteComponentProps } from "react-router";
 import { KubeObjectListLayout } from "../kube-object";
-import { KubeObject } from "../../api/kube-object";
-import { ICRDRouteParams } from "./crd.route";
+import type { KubeObject } from "../../api/kube-object";
+import type { ICRDRouteParams } from "./crd.route";
 import { autorun, computed } from "mobx";
 import { crdStore } from "./crd.store";
-import { TableSortCallback } from "../table";
+import type { TableSortCallback } from "../table";
 import { apiManager } from "../../api/api-manager";
 import { parseJsonPath } from "../../utils/jsonPath";
 

src/renderer/components/+custom-resources/crd.store.ts

@@ -26,14 +26,14 @@ import { crdApi, CustomResourceDefinition } from "../../api/endpoints/crd.api";
 import { apiManager } from "../../api/api-manager";
 import { KubeApi } from "../../api/kube-api";
 import { CRDResourceStore } from "./crd-resource.store";
-import { KubeObject } from "../../api/kube-object";
+import type { KubeObject } from "../../api/kube-object";
 
 function initStore(crd: CustomResourceDefinition) {
   const apiBase = crd.getResourceApiBase();
   const kind = crd.getResourceKind();
   const isNamespaced = crd.isNamespaced();
   const api = apiManager.getApi(apiBase) || new KubeApi({ apiBase, kind, isNamespaced });
-  
+
   if (!apiManager.getStore(api)) {
     apiManager.registerStore(new CRDResourceStore(api));
   }
@@ -81,7 +81,7 @@ export class CRDStore extends KubeObjectStore<CustomResourceDefinition> {
   getByObject(obj: KubeObject) {
     if (!obj) return null;
     const { kind, apiVersion } = obj;
-    
+
     return this.items.find(crd => (
       kind === crd.getResourceKind() && apiVersion === `${crd.getGroup()}/${crd.getVersion()}`
     ));

src/renderer/components/+entity-settings/entity-settings.tsx

@@ -23,15 +23,15 @@ import "./entity-settings.scss";
 
 import React from "react";
 import { observable } from "mobx";
-import { RouteComponentProps } from "react-router";
+import type { RouteComponentProps } from "react-router";
 import { observer } from "mobx-react";
 import { PageLayout } from "../layout/page-layout";
 import { navigation } from "../../navigation";
 import { Tabs, Tab } from "../tabs";
-import { CatalogEntity } from "../../api/catalog-entity";
+import type { CatalogEntity } from "../../api/catalog-entity";
 import { catalogEntityRegistry } from "../../api/catalog-entity-registry";
 import { entitySettingRegistry } from "../../../extensions/registries";
-import { EntitySettingsRouteParams } from "./entity-settings.route";
+import type { EntitySettingsRouteParams } from "./entity-settings.route";
 import { groupBy } from "lodash";
 
 interface Props extends RouteComponentProps<EntitySettingsRouteParams> {

src/renderer/components/+events/event-details.tsx

@@ -27,7 +27,7 @@ import { DrawerItem, DrawerTitle } from "../drawer";
 import { Link } from "react-router-dom";
 import { observer } from "mobx-react";
 import { KubeObjectDetailsProps, getDetailsUrl } from "../kube-object";
-import { KubeEvent } from "../../api/endpoints/events.api";
+import type { KubeEvent } from "../../api/endpoints/events.api";
 import { KubeObjectMeta } from "../kube-object/kube-object-meta";
 import { Table, TableCell, TableHead, TableRow } from "../table";
 import { lookupApiLink } from "../../api/kube-api";
@@ -42,7 +42,7 @@ export class EventDetails extends React.Component<Props> {
   render() {
     const { object: event } = this.props;
 
-    if (!event) return;
+    if (!event) return null;
     const { message, reason, count, type, involvedObject } = event;
     const { kind, name, namespace, fieldPath } = involvedObject;
 

src/renderer/components/+events/event.store.ts

@@ -24,7 +24,7 @@ import compact from "lodash/compact";
 import { KubeObjectStore } from "../../kube-object.store";
 import { autobind } from "../../utils";
 import { eventApi, KubeEvent } from "../../api/endpoints/events.api";
-import { KubeObject } from "../../api/kube-object";
+import type { KubeObject } from "../../api/kube-object";
 import { Pod } from "../../api/endpoints/pods.api";
 import { podsStore } from "../+workloads-pods/pods.store";
 import { apiManager } from "../../api/api-manager";
@@ -65,7 +65,7 @@ export class EventStore extends KubeObjectStore<KubeEvent> {
       if (kind == Pod.kind) {  // Wipe out running pods
         const pod = podsStore.items.find(pod => pod.getId() == uid);
 
-        if (!pod || (!pod.hasIssues() && pod.spec.priority < 500000)) return;
+        if (!pod || (!pod.hasIssues() && pod.spec.priority < 500000)) return undefined;
       }
 
       return recent;

src/renderer/components/+events/events.tsx

@@ -28,9 +28,9 @@ import { orderBy } from "lodash";
 import { TabLayout } from "../layout/tab-layout";
 import { EventStore, eventStore } from "./event.store";
 import { getDetailsUrl, KubeObjectListLayout, KubeObjectListLayoutProps } from "../kube-object";
-import { KubeEvent } from "../../api/endpoints/events.api";
-import { TableSortCallbacks, TableSortParams, TableProps } from "../table";
-import { IHeaderPlaceholders } from "../item-object-list";
+import type { KubeEvent } from "../../api/endpoints/events.api";
+import type { TableSortCallbacks, TableSortParams, TableProps } from "../table";
+import type { IHeaderPlaceholders } from "../item-object-list";
 import { Tooltip } from "../tooltip";
 import { Link } from "react-router-dom";
 import { cssNames, IClassName, stopPropagation } from "../../utils";

src/renderer/components/+events/kube-event-details.tsx

@@ -23,7 +23,7 @@ import "./kube-event-details.scss";
 
 import React from "react";
 import { observer } from "mobx-react";
-import { KubeObject } from "../../api/kube-object";
+import type { KubeObject } from "../../api/kube-object";
 import { DrawerItem, DrawerTitle } from "../drawer";
 import { cssNames } from "../../utils";
 import { eventStore } from "./event.store";

src/renderer/components/+events/kube-event-icon.tsx

@@ -23,10 +23,10 @@ import "./kube-event-icon.scss";
 
 import React from "react";
 import { Icon } from "../icon";
-import { KubeObject } from "../../api/kube-object";
+import type { KubeObject } from "../../api/kube-object";
 import { eventStore } from "./event.store";
 import { cssNames } from "../../utils";
-import { KubeEvent } from "../../api/endpoints/events.api";
+import type { KubeEvent } from "../../api/endpoints/events.api";
 
 interface Props {
   object: KubeObject;

src/renderer/components/+extensions/extension-install.store.ts

@@ -21,7 +21,8 @@
 
 import { action, computed, observable } from "mobx";
 import logger from "../../../main/logger";
-import { disposer, ExtendableDisposer } from "../../utils";
+import { disposer } from "../../utils";
+import type { ExtendableDisposer } from "../../utils";
 import * as uuid from "uuid";
 import { broadcastMessage } from "../../../common/ipc";
 import { ipcRenderer } from "electron";

src/renderer/components/+extensions/extensions.route.ts

@@ -19,7 +19,7 @@
  * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
 
-import { RouteProps } from "react-router";
+import type { RouteProps } from "react-router";
 import { buildURL } from "../../../common/utils/buildUrl";
 
 export const extensionsRoute: RouteProps = {

src/renderer/components/+extensions/extensions.tsx

@@ -199,7 +199,7 @@ async function createTempFilesAndValidate({ fileName, dataP }: InstallRequest):
     const data = await dataP;
 
     if (!data) {
-      return;
+      return null;
     }
 
     await fse.writeFile(tempFile, data);

src/renderer/components/+namespaces/add-namespace-dialog.tsx

@@ -27,7 +27,7 @@ import { observer } from "mobx-react";
 import { Dialog, DialogProps } from "../dialog";
 import { Wizard, WizardStep } from "../wizard";
 import { namespaceStore } from "./namespace.store";
-import { Namespace } from "../../api/endpoints";
+import type { Namespace } from "../../api/endpoints";
 import { Input } from "../input";
 import { systemName } from "../input/input_validators";
 import { Notifications } from "../notifications";

src/renderer/components/+namespaces/namespace-details.tsx

@@ -26,7 +26,7 @@ import { computed } from "mobx";
 import { observer } from "mobx-react";
 import { DrawerItem } from "../drawer";
 import { cssNames } from "../../utils";
-import { Namespace } from "../../api/endpoints";
+import type { Namespace } from "../../api/endpoints";
 import { getDetailsUrl, KubeObjectDetailsProps } from "../kube-object";
 import { Link } from "react-router-dom";
 import { Spinner } from "../spinner";
@@ -60,7 +60,7 @@ export class NamespaceDetails extends React.Component<Props> {
   render() {
     const { object: namespace } = this.props;
 
-    if (!namespace) return;
+    if (!namespace) return null;
     const status = namespace.getStatus();
 
     return (

src/renderer/components/+namespaces/namespace-select-filter.tsx

@@ -28,7 +28,7 @@ import { components, PlaceholderProps } from "react-select";
 import { Icon } from "../icon";
 import { FilterIcon } from "../item-object-list/filter-icon";
 import { FilterType } from "../item-object-list/page-filters.store";
-import { SelectOption } from "../select";
+import type { SelectOption } from "../select";
 import { NamespaceSelect } from "./namespace-select";
 import { namespaceStore } from "./namespace.store";
 

src/renderer/components/+namespaces/namespaces.tsx

@@ -26,9 +26,9 @@ import { Namespace, NamespaceStatus } from "../../api/endpoints";
 import { AddNamespaceDialog } from "./add-namespace-dialog";
 import { TabLayout } from "../layout/tab-layout";
 import { Badge } from "../badge";
-import { RouteComponentProps } from "react-router";
+import type { RouteComponentProps } from "react-router";
 import { KubeObjectListLayout } from "../kube-object";
-import { INamespacesRouteParams } from "./namespaces.route";
+import type { INamespacesRouteParams } from "./namespaces.route";
 import { namespaceStore } from "./namespace.store";
 import { KubeObjectStatusIcon } from "../kube-object-status-icon";
 

src/renderer/components/+network-endpoints/endpoint-details.tsx

@@ -25,8 +25,8 @@ import React from "react";
 import { observer } from "mobx-react";
 import { DrawerTitle } from "../drawer";
 import { KubeEventDetails } from "../+events/kube-event-details";
-import { KubeObjectDetailsProps } from "../kube-object";
-import { Endpoint } from "../../api/endpoints";
+import type { KubeObjectDetailsProps } from "../kube-object";
+import type { Endpoint } from "../../api/endpoints";
 import { KubeObjectMeta } from "../kube-object/kube-object-meta";
 import { EndpointSubsetList } from "./endpoint-subset-list";
 import { kubeObjectDetailRegistry } from "../../api/kube-object-detail-registry";
@@ -39,7 +39,7 @@ export class EndpointDetails extends React.Component<Props> {
   render() {
     const { object: endpoint } = this.props;
 
-    if (!endpoint) return;
+    if (!endpoint) return null;
 
     return (
       <div className="EndpointDetails">

src/renderer/components/+network-endpoints/endpoints.tsx

@@ -23,9 +23,9 @@ import "./endpoints.scss";
 
 import React from "react";
 import { observer } from "mobx-react";
-import { RouteComponentProps } from "react-router-dom";
-import { EndpointRouteParams } from "./endpoints.route";
-import { Endpoint } from "../../api/endpoints/endpoint.api";
+import type { RouteComponentProps } from "react-router-dom";
+import type { EndpointRouteParams } from "./endpoints.route";
+import type { Endpoint } from "../../api/endpoints/endpoint.api";
 import { endpointStore } from "./endpoints.store";
 import { KubeObjectListLayout } from "../kube-object";
 import { KubeObjectStatusIcon } from "../kube-object-status-icon";

src/renderer/components/+network-ingresses/ingress-charts.tsx

@@ -21,8 +21,8 @@
 
 import React, { useContext } from "react";
 import { observer } from "mobx-react";
-import { ChartOptions, ChartPoint } from "chart.js";
-import { IIngressMetrics, Ingress } from "../../api/endpoints";
+import type { ChartOptions, ChartPoint } from "chart.js";
+import type { IIngressMetrics, Ingress } from "../../api/endpoints";
 import { BarChart, memoryOptions } from "../chart";
 import { normalizeMetrics, isMetricsEmpty } from "../../api/endpoints/metrics.api";
 import { NoMetrics } from "../resource-metrics/no-metrics";

src/renderer/components/+network-ingresses/ingress-details.tsx

@@ -25,12 +25,12 @@ import React from "react";
 import { disposeOnUnmount, observer } from "mobx-react";
 import { reaction } from "mobx";
 import { DrawerItem, DrawerTitle } from "../drawer";
-import { ILoadBalancerIngress, Ingress } from "../../api/endpoints";
+import type { ILoadBalancerIngress, Ingress } from "../../api/endpoints";
 import { Table, TableCell, TableHead, TableRow } from "../table";
 import { KubeEventDetails } from "../+events/kube-event-details";
 import { ingressStore } from "./ingress.store";
 import { ResourceMetrics } from "../resource-metrics";
-import { KubeObjectDetailsProps } from "../kube-object";
+import type { KubeObjectDetailsProps } from "../kube-object";
 import { IngressCharts } from "./ingress-charts";
 import { KubeObjectMeta } from "../kube-object/kube-object-meta";
 import { kubeObjectDetailRegistry } from "../../api/kube-object-detail-registry";

src/renderer/components/+network-ingresses/ingresses.tsx

@@ -23,9 +23,9 @@ import "./ingresses.scss";
 
 import React from "react";
 import { observer } from "mobx-react";
-import { RouteComponentProps } from "react-router-dom";
-import { IngressRouteParams } from "./ingresses.route";
-import { Ingress } from "../../api/endpoints/ingress.api";
+import type { RouteComponentProps } from "react-router-dom";
+import type { IngressRouteParams } from "./ingresses.route";
+import type { Ingress } from "../../api/endpoints/ingress.api";
 import { ingressStore } from "./ingress.store";
 import { KubeObjectListLayout } from "../kube-object";
 import { KubeObjectStatusIcon } from "../kube-object-status-icon";

src/renderer/components/+network-policies/network-policies.tsx

@@ -23,10 +23,10 @@ import "./network-policies.scss";
 
 import React from "react";
 import { observer } from "mobx-react";
-import { RouteComponentProps } from "react-router-dom";
-import { NetworkPolicy } from "../../api/endpoints/network-policy.api";
+import type { RouteComponentProps } from "react-router-dom";
+import type { NetworkPolicy } from "../../api/endpoints/network-policy.api";
 import { KubeObjectListLayout } from "../kube-object";
-import { INetworkPoliciesRouteParams } from "./network-policies.route";
+import type { INetworkPoliciesRouteParams } from "./network-policies.route";
 import { networkPolicyStore } from "./network-policy.store";
 import { KubeObjectStatusIcon } from "../kube-object-status-icon";
 

src/renderer/components/+network-policies/network-policy-details.tsx

@@ -24,12 +24,12 @@ import "./network-policy-details.scss";
 import get from "lodash/get";
 import React, { Fragment } from "react";
 import { DrawerItem, DrawerTitle } from "../drawer";
-import { IPolicyEgress, IPolicyIngress, IPolicyIpBlock, IPolicySelector, NetworkPolicy } from "../../api/endpoints/network-policy.api";
+import type { IPolicyEgress, IPolicyIngress, IPolicyIpBlock, IPolicySelector, NetworkPolicy } from "../../api/endpoints/network-policy.api";
 import { Badge } from "../badge";
 import { SubTitle } from "../layout/sub-title";
 import { KubeEventDetails } from "../+events/kube-event-details";
 import { observer } from "mobx-react";
-import { KubeObjectDetailsProps } from "../kube-object";
+import type { KubeObjectDetailsProps } from "../kube-object";
 import { KubeObjectMeta } from "../kube-object/kube-object-meta";
 import { kubeObjectDetailRegistry } from "../../api/kube-object-detail-registry";
 
@@ -53,7 +53,7 @@ export class NetworkPolicyDetails extends React.Component<Props> {
             if (key === "ipBlock") {
               const { cidr, except } = data as IPolicyIpBlock;
 
-              if (!cidr) return;
+              if (!cidr) return null;
 
               return (
                 <DrawerItem name={key} key={key}>
@@ -96,12 +96,9 @@ export class NetworkPolicyDetails extends React.Component<Props> {
       <>
         <SubTitle title="To"/>
         {to.map(item => {
-          const { ipBlock } = item;
+          const { ipBlock: { cidr, except } = {} } = item;
 
-          if (!ipBlock) return;
-          const { cidr, except } = ipBlock;
-
-          if (!cidr) return;
+          if (!cidr) return null;
 
           return (
             <DrawerItem name="ipBlock" key={cidr}>

src/renderer/components/+network-services/service-details-endpoint.tsx

@@ -19,7 +19,7 @@
  * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
 
-import { KubeObject } from "../../api/kube-object";
+import type { KubeObject } from "../../api/kube-object";
 import { observer } from "mobx-react";
 import React from "react";
 import { Table, TableHead, TableCell, TableRow } from "../table";

src/renderer/components/+network-services/service-details.tsx

@@ -26,8 +26,8 @@ import { disposeOnUnmount, observer } from "mobx-react";
 import { DrawerItem, DrawerTitle } from "../drawer";
 import { Badge } from "../badge";
 import { KubeEventDetails } from "../+events/kube-event-details";
-import { KubeObjectDetailsProps } from "../kube-object";
-import { Service } from "../../api/endpoints";
+import type { KubeObjectDetailsProps } from "../kube-object";
+import type { Service } from "../../api/endpoints";
 import { KubeObjectMeta } from "../kube-object/kube-object-meta";
 import { ServicePortComponent } from "./service-port-component";
 import { endpointStore } from "../+network-endpoints/endpoints.store";
@@ -51,7 +51,7 @@ export class ServiceDetails extends React.Component<Props> {
   render() {
     const { object: service } = this.props;
 
-    if (!service) return;
+    if (!service) return null;
     const { spec } = service;
     const endpoint = endpointStore.getByName(service.getName(), service.getNs());
 

src/renderer/components/+network-services/service-port-component.tsx

@@ -23,7 +23,7 @@ import "./service-port-component.scss";
 
 import React from "react";
 import { observer } from "mobx-react";
-import { Service, ServicePort } from "../../api/endpoints";
+import type { Service, ServicePort } from "../../api/endpoints";
 import { apiBase } from "../../api";
 import { observable } from "mobx";
 import { cssNames } from "../../utils";

src/renderer/components/+network-services/services.tsx

@@ -23,9 +23,9 @@ import "./services.scss";
 
 import React from "react";
 import { observer } from "mobx-react";
-import { RouteComponentProps } from "react-router";
-import { IServicesRouteParams } from "./services.route";
-import { Service } from "../../api/endpoints/service.api";
+import type { RouteComponentProps } from "react-router";
+import type { IServicesRouteParams } from "./services.route";
+import type { Service } from "../../api/endpoints/service.api";
 import { KubeObjectListLayout } from "../kube-object";
 import { Badge } from "../badge";
 import { serviceStore } from "./services.store";

src/renderer/components/+network/network.route.ts

@@ -19,12 +19,12 @@
  * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
 
-import { RouteProps } from "react-router";
+import type { RouteProps } from "react-router";
 import { endpointRoute } from "../+network-endpoints";
 import { ingressRoute } from "../+network-ingresses";
 import { networkPoliciesRoute } from "../+network-policies";
 import { servicesRoute, servicesURL } from "../+network-services";
-import { IURLParams } from "../../../common/utils/buildUrl";
+import type { IURLParams } from "../../../common/utils/buildUrl";
 
 export const networkRoute: RouteProps = {
   path: [

src/renderer/components/+nodes/node-charts.tsx

@@ -20,13 +20,13 @@
  */
 
 import React, { useContext } from "react";
-import { IClusterMetrics, Node } from "../../api/endpoints";
+import type { IClusterMetrics, Node } from "../../api/endpoints";
 import { BarChart, cpuOptions, memoryOptions } from "../chart";
 import { isMetricsEmpty, normalizeMetrics } from "../../api/endpoints/metrics.api";
 import { NoMetrics } from "../resource-metrics/no-metrics";
 import { IResourceMetricsValue, ResourceMetricsContext } from "../resource-metrics";
 import { observer } from "mobx-react";
-import { ChartOptions, ChartPoint } from "chart.js";
+import type { ChartOptions, ChartPoint } from "chart.js";
 import { ThemeStore } from "../../theme.store";
 import { mapValues } from "lodash";
 

src/renderer/components/+nodes/node-details.tsx

@@ -30,8 +30,8 @@ import { Badge } from "../badge";
 import { nodesStore } from "./nodes.store";
 import { ResourceMetrics } from "../resource-metrics";
 import { podsStore } from "../+workloads-pods/pods.store";
-import { KubeObjectDetailsProps } from "../kube-object";
-import { Node } from "../../api/endpoints";
+import type { KubeObjectDetailsProps } from "../kube-object";
+import type { Node } from "../../api/endpoints";
 import { NodeCharts } from "./node-charts";
 import { reaction } from "mobx";
 import { PodDetailsList } from "../+workloads-pods/pod-details-list";
@@ -62,7 +62,7 @@ export class NodeDetails extends React.Component<Props> {
   render() {
     const { object: node } = this.props;
 
-    if (!node) return;
+    if (!node) return null;
     const { status } = node;
     const { nodeInfo, addresses, capacity, allocatable } = status;
     const conditions = node.getActiveConditions();

src/renderer/components/+nodes/nodes.store.ts

@@ -62,7 +62,7 @@ export class NodesStore extends KubeObjectStore<Node> {
 
   getLastMetricValues(node: Node, metricNames: string[]): number[] {
     if (!this.metricsLoaded) {
-      return;
+      return [];
     }
     const nodeName = node.getName();
 

src/renderer/components/+nodes/nodes.tsx

@@ -22,14 +22,14 @@
 import "./nodes.scss";
 import React from "react";
 import { observer } from "mobx-react";
-import { RouteComponentProps } from "react-router";
+import type { RouteComponentProps } from "react-router";
 import { cssNames, interval } from "../../utils";
 import { TabLayout } from "../layout/tab-layout";
 import { nodesStore } from "./nodes.store";
 import { podsStore } from "../+workloads-pods/pods.store";
 import { KubeObjectListLayout } from "../kube-object";
-import { INodesRouteParams } from "./nodes.route";
-import { Node } from "../../api/endpoints/nodes.api";
+import type { INodesRouteParams } from "./nodes.route";
+import type { Node } from "../../api/endpoints/nodes.api";
 import { LineProgress } from "../line-progress";
 import { bytesToUnits } from "../../utils/convertMemory";
 import { Tooltip, TooltipPosition } from "../tooltip";
@@ -73,8 +73,8 @@ export class Nodes extends React.Component<Props> {
     const usage = metrics[0];
     const cores = metrics[1];
     const cpuUsagePercent = Math.ceil(usage * 100) / cores;
-    const cpuUsagePercentLabel: String = cpuUsagePercent % 1 === 0 
-      ? cpuUsagePercent.toString() 
+    const cpuUsagePercentLabel: String = cpuUsagePercent % 1 === 0
+      ? cpuUsagePercent.toString()
       : cpuUsagePercent.toFixed(2);
 
     return (

src/renderer/components/+pod-security-policies/pod-security-policies.tsx

@@ -25,7 +25,7 @@ import React from "react";
 import { observer } from "mobx-react";
 import { KubeObjectListLayout } from "../kube-object";
 import { podSecurityPoliciesStore } from "./pod-security-policies.store";
-import { PodSecurityPolicy } from "../../api/endpoints";
+import type { PodSecurityPolicy } from "../../api/endpoints";
 import { KubeObjectStatusIcon } from "../kube-object-status-icon";
 
 enum columnId {

src/renderer/components/+pod-security-policies/pod-security-policy-details.tsx

@@ -24,8 +24,8 @@ import "./pod-security-policy-details.scss";
 import React from "react";
 import { observer } from "mobx-react";
 import { DrawerItem, DrawerTitle } from "../drawer";
-import { KubeObjectDetailsProps } from "../kube-object";
-import { PodSecurityPolicy } from "../../api/endpoints";
+import type { KubeObjectDetailsProps } from "../kube-object";
+import type { PodSecurityPolicy } from "../../api/endpoints";
 import { Badge } from "../badge";
 import { Table, TableCell, TableHead, TableRow } from "../table";
 import { KubeObjectMeta } from "../kube-object/kube-object-meta";
@@ -42,7 +42,7 @@ export class PodSecurityPolicyDetails extends React.Component<Props> {
       rule: string;
       ranges?: { max: number; min: number }[];
     }) {
-    if (!group) return;
+    if (!group) return null;
     const { rule, ranges } = group;
 
     return (

src/renderer/components/+storage-classes/storage-class-details.tsx

@@ -27,8 +27,8 @@ import { DrawerItem, DrawerTitle } from "../drawer";
 import { Badge } from "../badge";
 import { KubeEventDetails } from "../+events/kube-event-details";
 import { observer } from "mobx-react";
-import { KubeObjectDetailsProps } from "../kube-object";
-import { StorageClass } from "../../api/endpoints";
+import type { KubeObjectDetailsProps } from "../kube-object";
+import type { StorageClass } from "../../api/endpoints";
 import { KubeObjectMeta } from "../kube-object/kube-object-meta";
 import { kubeObjectDetailRegistry } from "../../api/kube-object-detail-registry";
 import { storageClassStore } from "./storage-class.store";

src/renderer/components/+storage-classes/storage-classes.tsx

@@ -22,11 +22,11 @@
 import "./storage-classes.scss";
 
 import React from "react";
-import { RouteComponentProps } from "react-router-dom";
+import type { RouteComponentProps } from "react-router-dom";
 import { observer } from "mobx-react";
-import { StorageClass } from "../../api/endpoints/storage-class.api";
+import type { StorageClass } from "../../api/endpoints/storage-class.api";
 import { KubeObjectListLayout } from "../kube-object";
-import { IStorageClassesRouteParams } from "./storage-classes.route";
+import type { IStorageClassesRouteParams } from "./storage-classes.route";
 import { storageClassStore } from "./storage-class.store";
 import { KubeObjectStatusIcon } from "../kube-object-status-icon";
 

src/renderer/components/+storage-volume-claims/volume-claim-details.tsx

@@ -33,7 +33,7 @@ import { volumeClaimStore } from "./volume-claim.store";
 import { ResourceMetrics } from "../resource-metrics";
 import { VolumeClaimDiskChart } from "./volume-claim-disk-chart";
 import { getDetailsUrl, KubeObjectDetailsProps, KubeObjectMeta } from "../kube-object";
-import { PersistentVolumeClaim } from "../../api/endpoints";
+import type { PersistentVolumeClaim } from "../../api/endpoints";
 import { kubeObjectDetailRegistry } from "../../api/kube-object-detail-registry";
 import { ResourceType } from "../cluster-settings/components/cluster-metrics-setting";
 import { ClusterStore } from "../../../common/cluster-store";

src/renderer/components/+storage-volume-claims/volume-claim-disk-chart.tsx

@@ -21,7 +21,7 @@
 
 import React, { useContext } from "react";
 import { observer } from "mobx-react";
-import { IPvcMetrics, PersistentVolumeClaim } from "../../api/endpoints";
+import type { IPvcMetrics, PersistentVolumeClaim } from "../../api/endpoints";
 import { BarChart, ChartDataSets, memoryOptions } from "../chart";
 import { isMetricsEmpty, normalizeMetrics } from "../../api/endpoints/metrics.api";
 import { NoMetrics } from "../resource-metrics/no-metrics";

src/renderer/components/+storage-volume-claims/volume-claims.tsx

@@ -25,10 +25,10 @@ import React from "react";
 import { observer } from "mobx-react";
 import { Link, RouteComponentProps } from "react-router-dom";
 import { volumeClaimStore } from "./volume-claim.store";
-import { PersistentVolumeClaim } from "../../api/endpoints/persistent-volume-claims.api";
+import type { PersistentVolumeClaim } from "../../api/endpoints/persistent-volume-claims.api";
 import { podsStore } from "../+workloads-pods/pods.store";
 import { getDetailsUrl, KubeObjectListLayout } from "../kube-object";
-import { IVolumeClaimsRouteParams } from "./volume-claims.route";
+import type { IVolumeClaimsRouteParams } from "./volume-claims.route";
 import { unitsToBytes } from "../../utils/convertMemory";
 import { stopPropagation } from "../../utils";
 import { storageClassApi } from "../../api/endpoints";

src/renderer/components/+storage-volumes/volume-details-list.tsx

@@ -23,7 +23,7 @@ import "./volume-details-list.scss";
 
 import React from "react";
 import { observer } from "mobx-react";
-import { PersistentVolume } from "../../api/endpoints/persistent-volume.api";
+import type { PersistentVolume } from "../../api/endpoints/persistent-volume.api";
 import { autobind } from "../../../common/utils/autobind";
 import { TableRow } from "../table/table-row";
 import { cssNames, prevDefault } from "../../utils";

src/renderer/components/+storage-volumes/volumes.store.ts

@@ -23,7 +23,7 @@ import { KubeObjectStore } from "../../kube-object.store";
 import { autobind } from "../../utils";
 import { PersistentVolume, persistentVolumeApi } from "../../api/endpoints/persistent-volume.api";
 import { apiManager } from "../../api/api-manager";
-import { StorageClass } from "../../api/endpoints/storage-class.api";
+import type { StorageClass } from "../../api/endpoints/storage-class.api";
 
 @autobind()
 export class PersistentVolumesStore extends KubeObjectStore<PersistentVolume> {

src/renderer/components/+storage-volumes/volumes.tsx

@@ -24,9 +24,9 @@ import "./volumes.scss";
 import React from "react";
 import { observer } from "mobx-react";
 import { Link, RouteComponentProps } from "react-router-dom";
-import { PersistentVolume } from "../../api/endpoints/persistent-volume.api";
+import type { PersistentVolume } from "../../api/endpoints/persistent-volume.api";
 import { getDetailsUrl, KubeObjectListLayout } from "../kube-object";
-import { IVolumesRouteParams } from "./volumes.route";
+import type { IVolumesRouteParams } from "./volumes.route";
 import { stopPropagation } from "../../utils";
 import { volumesStore } from "./volumes.store";
 import { pvcApi, storageClassApi } from "../../api/endpoints";

src/renderer/components/+storage/storage.route.ts

@@ -19,11 +19,11 @@
  * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
 
-import { RouteProps } from "react-router";
+import type { RouteProps } from "react-router";
 import { storageClassesRoute } from "../+storage-classes";
 import { volumeClaimsRoute, volumeClaimsURL } from "../+storage-volume-claims";
 import { volumesRoute } from "../+storage-volumes";
-import { IURLParams } from "../../../common/utils/buildUrl";
+import type { IURLParams } from "../../../common/utils/buildUrl";
 
 export const storageRoute: RouteProps = {
   path: [

src/renderer/components/+user-management-roles-bindings/add-role-binding-dialog.tsx

@@ -40,7 +40,7 @@ import { namespaceStore } from "../+namespaces/namespace.store";
 import { serviceAccountsStore } from "../+user-management-service-accounts/service-accounts.store";
 import { roleBindingsStore } from "./role-bindings.store";
 import { showDetails } from "../kube-object";
-import { KubeObjectStore } from "../../kube-object.store";
+import type { KubeObjectStore } from "../../kube-object.store";
 
 interface BindingSelectOption extends SelectOption {
   value: string; // binding name

src/renderer/components/+user-management-roles-bindings/role-binding-details.tsx

@@ -23,7 +23,7 @@ import "./role-binding-details.scss";
 
 import React from "react";
 import { AddRemoveButtons } from "../add-remove-buttons";
-import { IRoleBindingSubject, RoleBinding } from "../../api/endpoints";
+import type { IRoleBindingSubject, RoleBinding } from "../../api/endpoints";
 import { autobind, prevDefault } from "../../utils";
 import { Table, TableCell, TableHead, TableRow } from "../table";
 import { ConfirmDialog } from "../confirm-dialog";
@@ -33,7 +33,7 @@ import { disposeOnUnmount, observer } from "mobx-react";
 import { observable, reaction } from "mobx";
 import { roleBindingsStore } from "./role-bindings.store";
 import { AddRoleBindingDialog } from "./add-role-binding-dialog";
-import { KubeObjectDetailsProps } from "../kube-object";
+import type { KubeObjectDetailsProps } from "../kube-object";
 import { KubeObjectMeta } from "../kube-object/kube-object-meta";
 import { kubeObjectDetailRegistry } from "../../api/kube-object-detail-registry";
 

src/renderer/components/+user-management-roles-bindings/role-bindings.tsx

@@ -23,9 +23,9 @@ import "./role-bindings.scss";
 
 import React from "react";
 import { observer } from "mobx-react";
-import { RouteComponentProps } from "react-router";
-import { IRoleBindingsRouteParams } from "../+user-management/user-management.route";
-import { RoleBinding } from "../../api/endpoints";
+import type { RouteComponentProps } from "react-router";
+import type { IRoleBindingsRouteParams } from "../+user-management/user-management.route";
+import type { RoleBinding } from "../../api/endpoints";
 import { roleBindingsStore } from "./role-bindings.store";
 import { KubeObjectListLayout } from "../kube-object";
 import { AddRoleBindingDialog } from "./add-role-binding-dialog";

src/renderer/components/+user-management-roles/role-details.tsx

@@ -25,8 +25,8 @@ import React from "react";
 import { DrawerTitle } from "../drawer";
 import { KubeEventDetails } from "../+events/kube-event-details";
 import { observer } from "mobx-react";
-import { KubeObjectDetailsProps } from "../kube-object";
-import { Role } from "../../api/endpoints";
+import type { KubeObjectDetailsProps } from "../kube-object";
+import type { Role } from "../../api/endpoints";
 import { KubeObjectMeta } from "../kube-object/kube-object-meta";
 import { kubeObjectDetailRegistry } from "../../api/kube-object-detail-registry";
 
@@ -38,7 +38,7 @@ export class RoleDetails extends React.Component<Props> {
   render() {
     const { object: role } = this.props;
 
-    if (!role) return;
+    if (!role) return null;
     const rules = role.getRules();
 
     return (

src/renderer/components/+user-management-roles/roles.tsx

@@ -23,10 +23,10 @@ import "./roles.scss";
 
 import React from "react";
 import { observer } from "mobx-react";
-import { RouteComponentProps } from "react-router";
-import { IRolesRouteParams } from "../+user-management/user-management.route";
+import type { RouteComponentProps } from "react-router";
+import type { IRolesRouteParams } from "../+user-management/user-management.route";
 import { rolesStore } from "./roles.store";
-import { Role } from "../../api/endpoints";
+import type { Role } from "../../api/endpoints";
 import { KubeObjectListLayout } from "../kube-object";
 import { AddRoleDialog } from "./add-role-dialog";
 import { KubeObjectStatusIcon } from "../kube-object-status-icon";

src/renderer/components/+user-management-service-accounts/service-accounts-secret.tsx

@@ -24,7 +24,7 @@ import "./service-accounts-secret.scss";
 import React from "react";
 import moment from "moment";
 import { Icon } from "../icon";
-import { Secret } from "../../api/endpoints/secret.api";
+import type { Secret } from "../../api/endpoints/secret.api";
 import { prevDefault } from "../../utils";
 
 interface Props {

src/renderer/components/+user-management-service-accounts/service-accounts.tsx

@@ -23,14 +23,14 @@ import "./service-accounts.scss";
 
 import React from "react";
 import { observer } from "mobx-react";
-import { ServiceAccount } from "../../api/endpoints/service-accounts.api";
-import { RouteComponentProps } from "react-router";
-import { KubeObjectMenuProps } from "../kube-object/kube-object-menu";
+import type { ServiceAccount } from "../../api/endpoints/service-accounts.api";
+import type { RouteComponentProps } from "react-router";
+import type { KubeObjectMenuProps } from "../kube-object/kube-object-menu";
 import { MenuItem } from "../menu";
 import { openServiceAccountKubeConfig } from "../kubeconfig-dialog";
 import { Icon } from "../icon";
 import { KubeObjectListLayout } from "../kube-object";
-import { IServiceAccountsRouteParams } from "../+user-management";
+import type { IServiceAccountsRouteParams } from "../+user-management";
 import { serviceAccountsStore } from "./service-accounts.store";
 import { CreateServiceAccountDialog } from "./create-service-account-dialog";
 import { kubeObjectMenuRegistry } from "../../../extensions/registries/kube-object-menu-registry";

src/renderer/components/+workloads-cronjobs/cronjob-details.tsx

@@ -31,7 +31,7 @@ import { Link } from "react-router-dom";
 import { KubeEventDetails } from "../+events/kube-event-details";
 import { cronJobStore } from "./cronjob.store";
 import { getDetailsUrl, KubeObjectDetailsProps } from "../kube-object";
-import { CronJob, Job } from "../../api/endpoints";
+import type { CronJob, Job } from "../../api/endpoints";
 import { KubeObjectMeta } from "../kube-object/kube-object-meta";
 import { kubeObjectDetailRegistry } from "../../api/kube-object-detail-registry";
 

src/renderer/components/+workloads-cronjobs/cronjobs.tsx

@@ -23,15 +23,15 @@ import "./cronjobs.scss";
 
 import React from "react";
 import { observer } from "mobx-react";
-import { RouteComponentProps } from "react-router";
+import type { RouteComponentProps } from "react-router";
 import { CronJob, cronJobApi } from "../../api/endpoints/cron-job.api";
 import { MenuItem } from "../menu";
 import { Icon } from "../icon";
 import { cronJobStore } from "./cronjob.store";
 import { jobStore } from "../+workloads-jobs/job.store";
 import { eventStore } from "../+events/event.store";
-import { KubeObjectMenuProps } from "../kube-object/kube-object-menu";
-import { ICronJobsRouteParams } from "../+workloads";
+import type { KubeObjectMenuProps } from "../kube-object/kube-object-menu";
+import type { ICronJobsRouteParams } from "../+workloads";
 import { KubeObjectListLayout } from "../kube-object";
 import { CronJobTriggerDialog } from "./cronjob-trigger-dialog";
 import { kubeObjectMenuRegistry } from "../../../extensions/registries/kube-object-menu-registry";

src/renderer/components/+workloads-daemonsets/daemonset-details.tsx

@@ -31,8 +31,8 @@ import { PodDetailsAffinities } from "../+workloads-pods/pod-details-affinities"
 import { KubeEventDetails } from "../+events/kube-event-details";
 import { daemonSetStore } from "./daemonsets.store";
 import { podsStore } from "../+workloads-pods/pods.store";
-import { KubeObjectDetailsProps } from "../kube-object";
-import { DaemonSet } from "../../api/endpoints";
+import type { KubeObjectDetailsProps } from "../kube-object";
+import type { DaemonSet } from "../../api/endpoints";
 import { ResourceMetrics, ResourceMetricsText } from "../resource-metrics";
 import { PodCharts, podMetricTabs } from "../+workloads-pods/pod-charts";
 import { reaction } from "mobx";

src/renderer/components/+workloads-daemonsets/daemonsets.tsx

@@ -23,14 +23,14 @@ import "./daemonsets.scss";
 
 import React from "react";
 import { observer } from "mobx-react";
-import { RouteComponentProps } from "react-router";
-import { DaemonSet } from "../../api/endpoints";
+import type { RouteComponentProps } from "react-router";
+import type { DaemonSet } from "../../api/endpoints";
 import { eventStore } from "../+events/event.store";
 import { daemonSetStore } from "./daemonsets.store";
 import { podsStore } from "../+workloads-pods/pods.store";
 import { nodesStore } from "../+nodes/nodes.store";
 import { KubeObjectListLayout } from "../kube-object";
-import { IDaemonSetsRouteParams } from "../+workloads";
+import type { IDaemonSetsRouteParams } from "../+workloads";
 import { Badge } from "../badge";
 import { KubeObjectStatusIcon } from "../kube-object-status-icon";
 

src/renderer/components/+workloads-deployments/deployment-details.tsx

@@ -26,13 +26,13 @@ import kebabCase from "lodash/kebabCase";
 import { disposeOnUnmount, observer } from "mobx-react";
 import { DrawerItem } from "../drawer";
 import { Badge } from "../badge";
-import { Deployment } from "../../api/endpoints";
+import type { Deployment } from "../../api/endpoints";
 import { cssNames } from "../../utils";
 import { PodDetailsTolerations } from "../+workloads-pods/pod-details-tolerations";
 import { PodDetailsAffinities } from "../+workloads-pods/pod-details-affinities";
 import { KubeEventDetails } from "../+events/kube-event-details";
 import { podsStore } from "../+workloads-pods/pods.store";
-import { KubeObjectDetailsProps } from "../kube-object";
+import type { KubeObjectDetailsProps } from "../kube-object";
 import { ResourceMetrics, ResourceMetricsText } from "../resource-metrics";
 import { deploymentStore } from "./deployments.store";
 import { PodCharts, podMetricTabs } from "../+workloads-pods/pod-charts";

src/renderer/components/+workloads-deployments/deployment-replicasets.tsx

@@ -23,7 +23,7 @@ import "./deployment-replicasets.scss";
 
 import React from "react";
 import { observer } from "mobx-react";
-import { ReplicaSet } from "../../api/endpoints";
+import type { ReplicaSet } from "../../api/endpoints";
 import { KubeObjectMenu, KubeObjectMenuProps } from "../kube-object/kube-object-menu";
 import { Spinner } from "../spinner";
 import { prevDefault, stopPropagation } from "../../utils";