feat: replace useTimeZone path from components to plugin-system

Signed-off-by: Aditya Pimpalkar <[email protected]>

Author: Aditya Pimpalkar

heatmapchart/src/components/HeatMapChart.tsx

@@ -13,7 +13,8 @@
 
 import { ReactElement, useMemo } from 'react';
 import { FormatOptions, TimeScale } from '@perses-dev/core';
-import { EChart, getFormattedAxis, useChartsTheme, useTimeZone } from '@perses-dev/components';
+import { useTimeZone } from '@perses-dev/plugin-system';
+import { EChart, getFormattedAxis, useChartsTheme } from '@perses-dev/components';
 import { use, EChartsCoreOption } from 'echarts/core';
 import { HeatmapChart as EChartsHeatmapChart } from 'echarts/charts';
 import { useTheme } from '@mui/material';

statushistorychart/src/StatusHistoryChartBase.tsx

@@ -26,7 +26,8 @@ import { CanvasRenderer } from 'echarts/renderers';
 import { TimeScale } from '@perses-dev/core';
 import { EChartsCoreOption } from 'echarts';
 import { FC } from 'react';
-import { EChart, useChartsTheme, useTimeZone } from '@perses-dev/components';
+import { useTimeZone } from '@perses-dev/plugin-system';
+import { EChart, useChartsTheme } from '@perses-dev/components';
 import { getFormattedStatusHistoryAxisLabel } from './utils/get-formatted-axis-label';
 import { generateTooltipHTML } from './StatusHistoryTooltip';
 

timeserieschart/src/TimeSeriesChartBase.tsx

@@ -57,9 +57,9 @@ import {
   TimeChartTooltip,
   TooltipConfig,
   useChartsContext,
-  useTimeZone,
   ZoomEventData,
 } from '@perses-dev/components';
+import { useTimeZone } from '@perses-dev/plugin-system';
 import { DatasetOption } from 'echarts/types/dist/shared';
 
 use([