@centreon/ui 23.10.57 → 23.10.58

package/src/api/useGraphQuery/index.ts

@@ -1,19 +1,20 @@
 import { T, always, cond, flatten, isEmpty, join, pipe, pluck } from 'ramda';
 import dayjs from 'dayjs';
 
-import { GraphData, useFetchQuery } from '../..';
+import { LineChartData, useFetchQuery } from '../..';
 
 import { ServiceMetric } from './models';
 
 interface UseMetricsQueryProps {
   baseEndpoint: string;
   metrics: Array<ServiceMetric>;
+  refreshInterval?: number | false;
   timePeriod?: TimePeriod;
 }
 
 interface UseMetricsQueryState {
   end: string;
-  graphData: GraphData | undefined;
+  graphData: LineChartData | undefined;
   isGraphLoading: boolean;
   isMetricIdsEmpty: boolean;
   start: string;
@@ -37,14 +38,15 @@ const getStartEndFromTimePeriod = (
   ])(timePeriod);
 };
 
-interface PerformanceGraphData extends Omit<GraphData, 'global'> {
+interface PerformanceGraphData extends Omit<LineChartData, 'global'> {
   base: number;
 }
 
 const useGraphQuery = ({
   metrics,
   baseEndpoint,
-  timePeriod = TimePeriod.lastDay
+  timePeriod = TimePeriod.lastDay,
+  refreshInterval = false
 }: UseMetricsQueryProps): UseMetricsQueryState => {
   const metricIds = pipe(
     pluck('metrics'),
@@ -65,6 +67,7 @@ const useGraphQuery = ({
     getQueryKey: () => ['graph', metricIds],
     queryOptions: {
       enabled: !isEmpty(metricIds),
+      refetchInterval: refreshInterval,
       suspense: false
     }
   });

package/src/components/CollapsibleItem/useCollapsibleItemStyles.ts

@@ -2,6 +2,7 @@ import { makeStyles } from 'tss-react/mui';
 
 export const useCollapsibleItemStyles = makeStyles()((theme) => ({
   accordion: {
+    backgroundColor: 'transparent',
     border: 'none',
     borderBottom: `1px solid ${theme.palette.divider}`
   },

package/src/index.ts

@@ -144,5 +144,6 @@ export type { ResponseError, CatchErrorProps } from './api/customFetch';
 export * from './utils';
 export { default as FluidTypography } from './Typography/FluidTypography';
 export * from './Dashboard';
-export { default as Graph } from './Graph';
-export type { GraphData } from './Graph/models';
+export * from './Graph';
+export type { LineChartData } from './Graph/common/models';
+export * from './Graph/common/timeSeries';