@centreon/ui 25.5.6 → 25.5.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@centreon/ui",
-  "version": "25.5.6",
+  "version": "25.5.7",
   "description": "Centreon UI Components",
   "scripts": {
     "update:deps": "pnpx npm-check-updates -i --format group",

package/src/Graph/Timeline/ResponsiveTimeline.tsx

@@ -7,6 +7,8 @@ import {
 import { Typography, useTheme } from '@mui/material';
 
 import dayjs from 'dayjs';
+import timezonePlugin from 'dayjs/plugin/timezone';
+import utc from 'dayjs/plugin/utc';
 
 import { userAtom } from '@centreon/ui-context';
 import { Axis } from '@visx/visx';
@@ -22,6 +24,8 @@ import type { TimelineProps } from './models';
 import { useStyles } from './timeline.styles';
 import { useTimeline } from './useTimeline';
 
+dayjs.extend(utc);
+dayjs.extend(timezonePlugin);
 interface Props extends TimelineProps {
   width: number;
   height: number;

package/src/Graph/Timeline/Timeline.tsx

@@ -1,14 +1,31 @@
+import type { ParentSizeProps } from '@visx/responsive/lib/components/ParentSize';
 import { ParentSize } from '../..';
 
 import ResponsiveTimeline from './ResponsiveTimeline';
 import type { TimelineProps } from './models';
 
-const Timeline = (props: TimelineProps): JSX.Element => (
-  <ParentSize>
+interface Props extends ParentSizeProps, TimelineProps {}
+
+const Timeline = ({
+  data,
+  startDate,
+  endDate,
+  TooltipContent,
+  tooltipClassName,
+  ...rest
+}: Props): JSX.Element => (
+  <ParentSize {...rest}>
     {({ width, height }) => (
-      <ResponsiveTimeline {...props} height={height} width={width} />
+      <ResponsiveTimeline
+        data={data}
+        startDate={startDate}
+        endDate={endDate}
+        TooltipContent={TooltipContent}
+        tooltipClassName={tooltipClassName}
+        height={height}
+        width={width}
+      />
     )}
   </ParentSize>
 );
-
 export default Timeline;

package/src/Graph/index.ts

@@ -1,3 +1,4 @@
+export type { ParentSizeProps } from '@visx/responsive/lib/components/ParentSize';
 export { default as LineChart } from './Chart';
 export { default as ThresholdLines } from './Chart/BasicComponents/Lines/Threshold';
 export { default as useLineChartData } from './Chart/useChartData';