[#231] Refactor: Clean up all index.ts files from Metrics

Cleaned up index.ts files from the following folders:
  - /Metrics/components
  - /Metrics/hooks
  - /Metrics/utils

src/brokers/broker-details/components/Overview/Metrics/Metrics.tsx

@@ -2,11 +2,11 @@ import { FC, useCallback, useState } from 'react';
 import {
   CardBrokerMemoryUsageMetricsContainer,
   CardBrokerMemoryUsageMetricsContainerProps,
-  CardBrokerCPUUsageMetricsContainer,
-  MetricsActions,
-} from './components';
-import { parsePrometheusDuration } from '../Metrics/utils';
-import { MetricsType } from './utils';
+} from './components/CardBrokerMemoryUsageMetrics/CardBrokerMemoryUsageMetrics.container';
+import { MetricsActions } from './components/MetricsActions/MetricsActions';
+import { CardBrokerCPUUsageMetricsContainer } from './components/CardBrokerCPUUsageMetrics/CardBrokerCPUUsageMetrics.container';
+import { parsePrometheusDuration } from '../Metrics/utils/prometheus';
+import { MetricsType } from './utils/types';
 import { MetricsLayout } from './components/MetricsLayout/MetricsLayout';
 
 export type MetricsProps = CardBrokerMemoryUsageMetricsContainerProps;

src/brokers/broker-details/components/Overview/Metrics/components/CardBrokerCPUUsageMetrics/CardBrokerCPUUsageMetrics.container.tsx

@@ -1,11 +1,9 @@
 import { FC, useEffect, useState } from 'react';
-//import { CardBrokerCPUUsageMetrics } from './CardBrokerCPUUsageMetrics';
-import { parsePrometheusDuration } from '../../../../Overview/Metrics/utils';
-import { getMaxSamplesForSpan, valueFormatter } from '../../utils';
-import { useFetchCpuUsageMetrics } from '../../hooks';
+import { parsePrometheusDuration } from '../../../../Overview/Metrics/utils/prometheus';
+import { getMaxSamplesForSpan, valueFormatter } from '../../utils/format';
+import { useFetchCpuUsageMetrics } from '../../hooks/useFetchCpuUsageMetrics';
 import { useTranslation } from '../../../../../../../i18n/i18n';
 import { CardQueryBrowser } from '../CardQueryBrowser/CardQueryBrowser';
-//import { MetricsType } from '../../utils';
 
 export type CardBrokerCPUUsageMetricsContainerProps = {
   name: string;

src/brokers/broker-details/components/Overview/Metrics/components/CardBrokerCPUUsageMetrics/CardBrokerCPUUsageMetrics.tsx

@@ -7,7 +7,7 @@ import {
 import { useTranslation } from '../../../../../../../i18n/i18n';
 import { CardBodyLoading } from '../CardBodyLoading/CardBodyLoading';
 import { EmptyStateNoMetricsData } from '../EmptyStateNoMetricsData/EmptyStateNoMetricsData';
-import { ChartTitle } from '../ChartTitle';
+import { ChartTitle } from '../ChartTitle/ChartTitle';
 
 export type CardBrokerCPUUsageMetricsProps = ChartCPUUsageProps & {
   isInitialLoading: boolean;

src/brokers/broker-details/components/Overview/Metrics/components/CardBrokerMemoryUsageMetrics/CardBrokerMemoryUsageMetrics.container.tsx

@@ -1,13 +1,10 @@
 import { FC, useState, useEffect, useMemo, useCallback } from 'react';
-import { parsePrometheusDuration } from '../../../Metrics/utils';
-import {
-  ByteDataTypes,
-  GraphSeries,
-  getMaxSamplesForSpan,
-  humanizeBinaryBytes,
-  processFrame,
-} from '../../utils';
-import { useFetchMemoryUsageMetrics } from '../../hooks';
+import { parsePrometheusDuration } from '../../../Metrics/utils/prometheus';
+import { getMaxSamplesForSpan } from '../../utils/format';
+import { humanizeBinaryBytes } from '../../utils/units';
+import { ByteDataTypes, GraphSeries } from '../../utils/types';
+import { processFrame } from '../../utils/data-utils';
+import { useFetchMemoryUsageMetrics } from '../../hooks/useFetchMemoryUsageMetrics';
 import { useTranslation } from '../../../../../../../i18n/i18n';
 import { CardQueryBrowser } from '../CardQueryBrowser/CardQueryBrowser';
 

src/brokers/broker-details/components/Overview/Metrics/components/CardBrokerMemoryUsageMetrics/CardBrokerMemoryUsageMetrics.tsx

@@ -7,7 +7,7 @@ import {
 import { useTranslation } from '../../../../../../../i18n/i18n';
 import { CardBodyLoading } from '../CardBodyLoading/CardBodyLoading';
 import { EmptyStateNoMetricsData } from '../EmptyStateNoMetricsData/EmptyStateNoMetricsData';
-import { ChartTitle } from '../ChartTitle';
+import { ChartTitle } from '../ChartTitle/ChartTitle';
 
 export type CardBrokerMemoryUsageMetricsProps = ChartMemoryUsageProps & {
   isInitialLoading: boolean;

src/brokers/broker-details/components/Overview/Metrics/components/CardQueryBrowser/CardQueryBrowser.tsx

@@ -1,8 +1,8 @@
 import { FC } from 'react';
 import { Card, CardBody } from '@patternfly/react-core';
-import { ChartTitle } from '../ChartTitle';
-import { CardBodyLoading } from '../CardBodyLoading';
-import { EmptyStateNoMetricsData } from '../EmptyStateNoMetricsData';
+import { ChartTitle } from '../ChartTitle/ChartTitle';
+import { CardBodyLoading } from '../CardBodyLoading/CardBodyLoading';
+import { EmptyStateNoMetricsData } from '../EmptyStateNoMetricsData/EmptyStateNoMetricsData';
 import { QueryBrowser, QueryBrowserProps } from '../QueryBrowser/QueryBrowser';
 
 export type CardQueryBrowserProps = QueryBrowserProps & {

src/brokers/broker-details/components/Overview/Metrics/components/ChartCPUUsage/ChartCPUUsage.tsx

@@ -23,18 +23,19 @@ import {
 } from '../../../../../../../constants/constants';
 import { useChartWidth } from '../../hooks/useChartWidth';
 import { useTranslation } from '../../../../../../../i18n/i18n';
+import { chartTheme } from '../../utils/chart-theme';
 import {
-  chartTheme,
   valueFormatter,
+  formatSeriesValues,
+  xAxisTickFormat,
+} from '../../utils/format';
+import {
   AxisDomain,
   FormatSeriesTitle,
   GraphSeries,
   GraphDataPoint,
-  // getXDomain,
   Series,
-  formatSeriesValues,
-  xAxisTickFormat,
-} from '../../utils';
+} from '../../utils/types';
 
 const colors = chartTheme.line.colorScale;
 

src/brokers/broker-details/components/Overview/Metrics/components/ChartMemoryUsage/ChartMemoryUsage.tsx

@@ -23,20 +23,18 @@ import {
 } from '../../../../../../../constants/constants';
 import { useChartWidth } from '../../hooks/useChartWidth';
 import { useTranslation } from '../../../../../../../i18n/i18n';
+import { chartTheme } from '../../utils/chart-theme';
+import { formatSeriesValues, xAxisTickFormat } from '../../utils/format';
+import { humanizeBinaryBytes } from '../../utils/units';
 import {
-  chartTheme,
   ByteDataTypes,
-  processFrame,
-  humanizeBinaryBytes,
   AxisDomain,
   FormatSeriesTitle,
   GraphSeries,
   GraphDataPoint,
-  // getXDomain,
   Series,
-  formatSeriesValues,
-  xAxisTickFormat,
-} from '../../utils';
+} from '../../utils/types';
+import { processFrame } from '../../utils/data-utils';
 
 const colors = chartTheme.line.colorScale;
 

src/brokers/broker-details/components/Overview/Metrics/components/ChartTitle/ChartTitle.tsx

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { CardTitle } from '@patternfly/react-core';
-import { ChartPopover } from '../ChartPopover';
+import { ChartPopover } from '../ChartPopover/ChartPopover';
 
 export type ChartTitleProps = {
   title: string;

src/brokers/broker-details/components/Overview/Metrics/components/MetricsActions/MetricsActions.tsx

@@ -1,8 +1,11 @@
 import { FC } from 'react';
 import { Card, CardActions, CardHeader } from '@patternfly/react-core';
 import { useTranslation } from '../../../../../../../i18n/i18n';
-import { MetricsType } from '../../utils';
-import { DropdownWithToggle, IDropdownOption } from '../DropDownWithToggle';
+import { MetricsType } from '../../utils/types';
+import {
+  DropdownWithToggle,
+  IDropdownOption,
+} from '../DropDownWithToggle/DropdownWithToggle';
 
 export type MetricsActionsProps = {
   pollingTime: string;

src/brokers/broker-details/components/Overview/Metrics/components/MetricsLayout/MetricsLayout.test.tsx

@@ -1,6 +1,6 @@
 import { render, waitForI18n } from '../../../../../../../test-utils';
 import { MetricsLayout } from '../MetricsLayout/MetricsLayout';
-import { MetricsType } from '../../utils';
+import { MetricsType } from '../../utils/types';
 
 describe('MetricsLayout', () => {
   const mockMetricsMemoryUsage = <div>Mock Memory Usage</div>;

src/brokers/broker-details/components/Overview/Metrics/components/MetricsLayout/MetricsLayout.tsx

@@ -1,6 +1,6 @@
 import { FC, ReactElement } from 'react';
 import { Grid, GridItem, PageSection, Title } from '@patternfly/react-core';
-import { MetricsType } from '../../utils';
+import { MetricsType } from '../../utils/types';
 
 export type MetricsLayoutProps = {
   metricsMemoryUsage?: ReactElement;

src/brokers/broker-details/components/Overview/Metrics/components/QueryBrowser/QueryBrowser.tsx

@@ -23,18 +23,16 @@ import {
 } from '../../../../../../../constants/constants';
 import { useChartWidth } from '../../hooks/useChartWidth';
 import { useTranslation } from '../../../../../../../i18n/i18n';
+import { chartTheme } from '../../utils/chart-theme';
+import { formatSeriesValues, xAxisTickFormat } from '../../utils/format';
 import {
-  chartTheme,
   AxisDomain,
   FormatSeriesTitle,
   GraphSeries,
   GraphDataPoint,
-  // getXDomain,
   Series,
-  formatSeriesValues,
-  xAxisTickFormat,
-  DataPoint,
-} from '../../utils';
+} from '../../utils/types';
+import { DataPoint } from '../../utils/data-utils';
 
 const colors = chartTheme.line.colorScale;
 

src/brokers/broker-details/components/Overview/Metrics/hooks/useFetchCpuUsageMetrics.tsx

@@ -3,7 +3,7 @@ import {
   usePrometheusPoll,
   PrometheusEndpoint,
 } from '@openshift-console/dynamic-plugin-sdk';
-import { QueryInput } from '../utils';
+import { QueryInput } from '../utils/types';
 
 export const cpuUsageQuery = (
   name: string,

src/brokers/broker-details/components/Overview/Metrics/hooks/useFetchMemoryUsageMetrics.tsx

@@ -3,7 +3,7 @@ import {
   usePrometheusPoll,
   PrometheusEndpoint,
 } from '@openshift-console/dynamic-plugin-sdk';
-import { QueryInput } from '../utils';
+import { QueryInput } from '../utils/types';
 
 export const memoryUsageQuery = (
   name: string,

src/brokers/broker-details/components/Overview/Overview.container.tsx

@@ -31,7 +31,7 @@ import {
   BrokerCR,
   SecretResource,
 } from '../../../../k8s/types';
-import { Metrics } from './Metrics';
+import { Metrics } from './Metrics/Metrics';
 
 const useGetIssuerCa = (
   cr: BrokerCR,