@centreon/ui 24.8.6 → 24.8.7

package/src/Graph/Chart/Legend/LegendHeader.tsx

@@ -5,12 +5,12 @@ import {
   formatMetricName,
   formatMetricValue
 } from '../../..';
-import { Line } from '../../common/timeSeries/models';
 import { Tooltip } from '../../../components';
+import { Line } from '../../common/timeSeries/models';
 
 import { useLegendHeaderStyles } from './Legend.styles';
-import { LegendDisplayMode } from './models';
 import LegendContent from './LegendContent';
+import { LegendDisplayMode } from './models';
 
 interface Props {
   color: string;

package/src/Graph/Chart/Legend/index.tsx

@@ -8,15 +8,15 @@ import { useMemoComponent } from '@centreon/ui';
 
 import { formatMetricValue } from '../../common/timeSeries';
 import { Line } from '../../common/timeSeries/models';
-import { labelAvg, labelMax, labelMin } from '../translatedLabels';
-import { LegendModel } from '../models';
 import { margin } from '../common';
+import { LegendModel } from '../models';
+import { labelAvg, labelMax, labelMin } from '../translatedLabels';
 
 import { useStyles } from './Legend.styles';
+import LegendContent from './LegendContent';
 import LegendHeader from './LegendHeader';
 import { GetMetricValueProps, LegendDisplayMode } from './models';
 import useLegend from './useLegend';
-import LegendContent from './LegendContent';
 
 interface Props extends Pick<LegendModel, 'placement' | 'mode'> {
   base: number;

package/src/Graph/Chart/common/index.ts

@@ -1,7 +1,7 @@
-import * as Curve from '@visx/curve';
 import { always, cond, equals, isNil } from 'ramda';
 
 import { alpha } from '@mui/material';
+import { curveCatmullRom, curveLinear, curveStep } from '@visx/curve';
 
 const commonTickLabelProps = {
   fontFamily: 'Roboto, sans-serif',
@@ -32,11 +32,11 @@ const maxLinesDisplayedLegend = 11;
 
 const getCurveFactory = (
   curve: 'linear' | 'step' | 'natural'
-): typeof Curve.curveLinear => {
+): typeof curveLinear => {
   return cond([
-    [equals('linear'), always(Curve.curveLinear)],
-    [equals('step'), always(Curve.curveStep)],
-    [equals('natural'), always(Curve.curveCatmullRom)]
+    [equals('linear'), always(curveLinear)],
+    [equals('step'), always(curveStep)],
+    [equals('natural'), always(curveCatmullRom)]
   ])(curve);
 };
 

package/src/Graph/Chart/helpers/index.ts

@@ -1,16 +1,16 @@
 import dayjs from 'dayjs';
-import { gt, gte, isEmpty, isNil, prop, propEq, reject, sortBy } from 'ramda';
 import durationPlugin from 'dayjs/plugin/duration';
+import { gt, gte, isEmpty, isNil, prop, propEq, reject, sortBy } from 'ramda';
 
-import { LinesData } from '../BasicComponents/Lines/models';
-import { dateFormat, timeFormat } from '../common';
-import { GetDate, GraphInterval } from '../models';
+import { LineChartData } from '../../common/models';
 import {
   getLineData,
   getTimeSeries,
   getTimeValue
 } from '../../common/timeSeries';
-import { LineChartData } from '../../common/models';
+import { LinesData } from '../BasicComponents/Lines/models';
+import { dateFormat, timeFormat } from '../common';
+import { GetDate, GraphInterval } from '../models';
 
 dayjs.extend(durationPlugin);
 

package/src/Graph/Chart/index.tsx

@@ -1,4 +1,4 @@
-import { memo, MutableRefObject, useRef } from 'react';
+import { MutableRefObject, memo, useRef } from 'react';
 
 import dayjs from 'dayjs';
 import 'dayjs/locale/en';
@@ -11,8 +11,8 @@ import utcPlugin from 'dayjs/plugin/utc';
 import { equals } from 'ramda';
 
 import { ParentSize } from '../..';
-import { LineChartData, Thresholds } from '../common/models';
 import Loading from '../../LoadingSkeleton';
+import { LineChartData, Thresholds } from '../common/models';
 
 import Chart from './Chart';
 import LoadingSkeleton from './LoadingSkeleton';

package/src/Graph/Chart/models.ts

@@ -2,17 +2,17 @@ import { ReactNode } from 'react';
 
 import { ScaleLinear } from 'd3-scale';
 
-import { Line, TimeValue } from '../common/timeSeries/models';
-import { LineChartData } from '../common/models';
-import { AxisX, Axis as AxisYLeft, AxisYRight } from '../common/Axes/models';
 import { BarStyle } from '../BarChart/models';
+import { AxisX, Axis as AxisYLeft, AxisYRight } from '../common/Axes/models';
+import { LineChartData } from '../common/models';
+import { Line, TimeValue } from '../common/timeSeries/models';
 
+import { FactorsVariation } from './BasicComponents/Lines/Threshold/models';
 import {
   AreaRegularLines,
   AreaStackedLines
 } from './BasicComponents/Lines/models';
 import { TimelineEvent } from './InteractiveComponents/Annotations/models';
-import { FactorsVariation } from './BasicComponents/Lines/Threshold/models';
 
 export interface LineChartEndpoint {
   baseUrl: string;

package/src/Graph/Gauge/AnimatedPie.tsx

@@ -1,5 +1,5 @@
+import { animated, to, useTransition } from '@react-spring/web';
 import { PieArcDatum, ProvidedProps } from '@visx/shape/lib/shapes/Pie';
-import { useTransition, to, animated } from '@react-spring/web';
 import { equals, includes, isNil, pluck } from 'ramda';
 
 import { Typography } from '@mui/material';

package/src/Graph/Gauge/Gauge.cypress.spec.tsx

@@ -1,12 +1,12 @@
-import dataLastWeek from '../mockedData/lastWeek.json';
 import {
   criticalThresholds,
   rangedThresholds,
   successThresholds,
   warningThresholds
 } from '../common/testUtils';
+import dataLastWeek from '../mockedData/lastWeek.json';
 
-import { Props, Gauge } from './Gauge';
+import { Gauge, Props } from './Gauge';
 
 const initialize = (
   args: Omit<Props, 'data' | 'labels' | 'baseColor'>

package/src/Graph/Gauge/PieData.tsx

@@ -6,8 +6,8 @@ import { useTheme } from '@mui/material';
 
 import { getColorFromDataAndTresholds } from '../common/utils';
 
-import { thresholdThickness } from './Thresholds';
 import AnimatedPie from './AnimatedPie';
+import { thresholdThickness } from './Thresholds';
 import { GaugeProps } from './models';
 import { angles } from './utils';
 

package/src/Graph/Gauge/ResponsiveGauge.tsx

@@ -6,15 +6,15 @@ import { flatten, head, pluck } from 'ramda';
 
 import { Box, useTheme } from '@mui/material';
 
-import { Metric } from '../common/timeSeries/models';
-import { formatMetricValueWithUnit } from '../common/timeSeries';
-import { getColorFromDataAndTresholds } from '../common/utils';
-import { margins } from '../common/margins';
 import { Tooltip as MuiTooltip } from '../../components/Tooltip';
+import { margins } from '../common/margins';
+import { formatMetricValueWithUnit } from '../common/timeSeries';
+import { Metric } from '../common/timeSeries/models';
 import { useTooltipStyles } from '../common/useTooltipStyles';
+import { getColorFromDataAndTresholds } from '../common/utils';
 
-import Thresholds from './Thresholds';
 import PieData from './PieData';
+import Thresholds from './Thresholds';
 import { GaugeProps } from './models';
 
 interface Props extends Pick<GaugeProps, 'thresholds' | 'baseColor'> {

package/src/Graph/Gauge/models.ts

@@ -14,7 +14,7 @@ export interface GaugeProps {
 }
 
 export enum ThresholdType {
-  Warning,
-  Error,
-  Success
+  Warning = 0,
+  Error = 1,
+  Success = 2
 }

package/src/Graph/HeatMap/HeatMap.cypress.spec.tsx

@@ -85,7 +85,7 @@ describe('HeatMap', () => {
 
     cy.findByTestId(dataIds[0]).trigger('mouseover');
 
-    cy.contains(`This is the tooltip for Server-Service Counter-53`).should(
+    cy.contains('This is the tooltip for Server-Service Counter-53').should(
       'be.visible'
     );
   });
@@ -102,13 +102,13 @@ describe('HeatMap', () => {
 
     cy.findByTestId(dataIds[0]).trigger('mouseover');
 
-    cy.contains(`This is the tooltip for Server-Service Counter-53`).should(
+    cy.contains('This is the tooltip for Server-Service Counter-53').should(
       'not.exist'
     );
 
     cy.findByTestId(dataIds[1]).trigger('mouseover');
 
-    cy.contains(`This is the tooltip for Server-Service Counter-779`).should(
+    cy.contains('This is the tooltip for Server-Service Counter-779').should(
       'be.visible'
     );
   });

package/src/Graph/HeatMap/HeatMapData.json

@@ -134,4 +134,4 @@
       "counter": 28
     }
   }
-]
+]

package/src/Graph/HeatMap/ResponsiveHeatMap.tsx

@@ -7,8 +7,8 @@ import { Box } from '@mui/material';
 
 import { Tooltip } from '../../components';
 
-import { HeatMapProps } from './model';
 import { useHeatMapStyles } from './HeatMap.styles';
+import { HeatMapProps } from './model';
 
 const gap = 8;
 const maxTileSize = 120;

package/src/Graph/PieChart/PieChart.stories.tsx

@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react';
 
-import { ArcType } from './models';
 import ResponsivePie from './ResponsivePie';
+import { ArcType } from './models';
 
 const data = [
   { color: '#88B922', label: 'Ok', value: 148 },

package/src/Graph/PieChart/ResponsivePie.tsx

@@ -1,7 +1,7 @@
 import { useRef } from 'react';
 
-import { Pie } from '@visx/shape';
 import { Group } from '@visx/group';
+import { Pie } from '@visx/shape';
 import { Text } from '@visx/text';
 import numeral from 'numeral';
 import { always, equals, gt, ifElse, lt } from 'ramda';
@@ -14,8 +14,8 @@ import { Legend as LegendComponent } from '../Legend';
 import { LegendProps } from '../Legend/models';
 import { getValueByUnit } from '../common/utils';
 
-import { PieProps } from './models';
 import { usePieStyles } from './PieChart.styles';
+import { PieProps } from './models';
 import { useResponsivePie } from './useResponsivePie';
 
 const DefaultLegend = ({ scale, direction }: LegendProps): JSX.Element => (
@@ -194,7 +194,11 @@ const ResponsivePie = ({
                           radianY: Math.sin(midAngle)
                         })}
                       >
-                        <g data-testid={arc.data.label} onClick={onClick}>
+                        <g
+                          data-testid={arc.data.label}
+                          onClick={onClick}
+                          onKeyUp={() => undefined}
+                        >
                           <path
                             cursor="pointer"
                             d={pie.path(arc) as string}

package/src/Graph/SingleBar/ResponsiveSingleBar.tsx

@@ -1,26 +1,26 @@
 import { useMemo, useRef } from 'react';
 
-import { Group, Tooltip } from '@visx/visx';
+import { animated, useSpring } from '@react-spring/web';
 import { scaleLinear } from '@visx/scale';
-import { equals, flatten, head, lt, pluck } from 'ramda';
 import { Bar } from '@visx/shape';
-import { useSpring, animated } from '@react-spring/web';
+import { Group, Tooltip } from '@visx/visx';
+import { equals, flatten, head, lt, pluck } from 'ramda';
 
-import { alpha, Box, useTheme } from '@mui/material';
+import { Box, alpha, useTheme } from '@mui/material';
 
 import { Tooltip as MuiTooltip } from '../../components/Tooltip';
+import { margins } from '../common/margins';
 import {
   formatMetricValueWithUnit,
   getMetricWithLatestData
 } from '../common/timeSeries';
 import { Metric } from '../common/timeSeries/models';
-import { getColorFromDataAndTresholds } from '../common/utils';
-import { margins } from '../common/margins';
 import { useTooltipStyles } from '../common/useTooltipStyles';
+import { getColorFromDataAndTresholds } from '../common/utils';
 
-import { SingleBarProps } from './models';
-import Thresholds, { groupMargin } from './Thresholds';
 import { barHeights } from './ThresholdLine';
+import Thresholds, { groupMargin } from './Thresholds';
+import { SingleBarProps } from './models';
 
 interface Props extends SingleBarProps {
   height: number;

package/src/Graph/SingleBar/SingleBar.cypress.spec.tsx

@@ -1,10 +1,10 @@
-import dataLastWeek from '../mockedData/lastWeek.json';
 import {
   criticalThresholds,
   rangedThresholds,
   successThresholds,
   warningThresholds
 } from '../common/testUtils';
+import dataLastWeek from '../mockedData/lastWeek.json';
 
 import SingleBar from './SingleBar';
 import { SingleBarProps } from './models';

package/src/Graph/SingleBar/SingleBar.tsx

@@ -1,7 +1,7 @@
 import { ParentSize } from '../..';
 
-import { SingleBarProps } from './models';
 import ResponsiveSingleBar from './ResponsiveSingleBar';
+import { SingleBarProps } from './models';
 
 const SingleBar = ({ data, ...props }: SingleBarProps): JSX.Element | null => {
   if (!data) {

package/src/Graph/Text/Text.cypress.spec.tsx

@@ -1,12 +1,12 @@
-import dataLastWeek from '../mockedData/lastWeek.json';
 import {
   criticalThresholds,
   rangedThresholds,
   successThresholds,
   warningThresholds
 } from '../common/testUtils';
+import dataLastWeek from '../mockedData/lastWeek.json';
 
-import { Text, Props } from './Text';
+import { Props, Text } from './Text';
 
 const initialize = (
   args: Omit<Props, 'data' | 'labels' | 'baseColor'>

package/src/Graph/Tree/DescendantNodes.tsx

@@ -1,7 +1,7 @@
 import { useState } from 'react';
 
-import { HierarchyPointNode } from '@visx/hierarchy/lib/types';
 import { Group } from '@visx/group';
+import { HierarchyPointNode } from '@visx/hierarchy/lib/types';
 import { gt, isNil, pluck } from 'ramda';
 
 import { BaseProp, Node, TreeProps } from './models';

package/src/Graph/Tree/Links.tsx

@@ -1,14 +1,14 @@
+import { HierarchyPointLink } from '@visx/hierarchy/lib/types';
 import {
   LinkHorizontal,
-  LinkHorizontalStep,
-  LinkHorizontalLine
+  LinkHorizontalLine,
+  LinkHorizontalStep
 } from '@visx/shape';
-import { HierarchyPointLink } from '@visx/hierarchy/lib/types';
-import { always, cond, equals, T } from 'ramda';
+import { T, always, cond, equals } from 'ramda';
 
 import { useTheme } from '@mui/material';
 
-import { TreeProps, Node, BaseProp } from './models';
+import { BaseProp, Node, TreeProps } from './models';
 
 interface Props<TData> extends Pick<TreeProps<TData>, 'treeLink'> {
   links: Array<HierarchyPointLink<Node<TData>>>;

package/src/Graph/Tree/StandaloneTree.tsx

@@ -2,8 +2,8 @@ import { useState } from 'react';
 
 import { ParentSize } from '../..';
 
-import { BaseProp, TreeProps } from './models';
 import { Tree } from './Tree';
+import { BaseProp, TreeProps } from './models';
 
 export const StandaloneTree = <TData extends BaseProp>({
   tree,

package/src/Graph/Tree/Tree.cypress.spec.tsx

@@ -1,12 +1,12 @@
 import { equals } from 'ramda';
 
+import { ComplexContent, SimpleContent } from './stories/contents';
 import {
   ComplexData,
-  complexData,
   SimpleData,
+  complexData,
   simpleData
 } from './stories/datas';
-import { ComplexContent, SimpleContent } from './stories/contents';
 
 import { Node, StandaloneTree, TreeProps } from '.';
 

package/src/Graph/Tree/Tree.stories.tsx

@@ -5,14 +5,14 @@ import { equals, has } from 'ramda';
 
 import { Zoom } from '../../components';
 
+import { ComplexContent, SimpleContent } from './stories/contents';
 import {
   ComplexData,
+  SimpleData,
   complexData,
   moreComplexData,
-  SimpleData,
   simpleData
 } from './stories/datas';
-import { ComplexContent, SimpleContent } from './stories/contents';
 
 import { StandaloneTree, Tree, TreeProps } from '.';
 

package/src/Graph/Tree/Tree.tsx

@@ -1,16 +1,16 @@
 import { useCallback, useMemo } from 'react';
 
 import { Group } from '@visx/group';
-import { hierarchy, Tree as VisxTree } from '@visx/hierarchy';
+import { Tree as VisxTree, hierarchy } from '@visx/hierarchy';
 import { isNil } from 'ramda';
 
 import { useDeepCompare } from '../../utils';
 
+import DescendantNodes from './DescendantNodes';
+import Links from './Links';
 import { nodeMargins } from './constants';
 import { BaseProp, Node, TreeProps } from './models';
 import { updateNodeFromTree } from './utils';
-import Links from './Links';
-import DescendantNodes from './DescendantNodes';
 
 export const Tree = <TData extends BaseProp>({
   containerHeight,

package/src/Graph/Tree/stories/contents.tsx

@@ -1,7 +1,7 @@
-import { always, cond, equals, has, T } from 'ramda';
+import { T, always, cond, equals, has } from 'ramda';
 
-import { Avatar, Paper, Typography, useTheme } from '@mui/material';
 import SpaIcon from '@mui/icons-material/Spa';
+import { Avatar, Paper, Typography, useTheme } from '@mui/material';
 
 import { ChildrenProps } from '..';
 

package/src/Graph/common/Axes/index.tsx

@@ -4,9 +4,9 @@ import { equals, isNil } from 'ramda';
 
 import { useLocaleDateTimeFormat } from '@centreon/ui';
 
+import { margin } from '../../Chart/common';
 import { getXAxisTickFormat } from '../../Chart/helpers';
 import { getUnits } from '../timeSeries';
-import { margin } from '../../Chart/common';
 
 import UnitLabel from './UnitLabel';
 import { Data } from './models';

package/src/Graph/common/Axes/models.ts

@@ -1,5 +1,5 @@
-import { Line, TimeValue } from '../timeSeries/models';
 import { ChartAxis } from '../../Chart/models';
+import { Line, TimeValue } from '../timeSeries/models';
 
 export interface LabelProps {
   [x: string]: unknown;

package/src/Graph/common/Axes/useAxisY.ts

@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
 
-import { isNil } from 'ramda';
 import { Axis } from '@visx/visx';
+import { isNil } from 'ramda';
 
 import { useTheme } from '@mui/material';
 

package/src/Graph/common/BaseChart/BaseChart.tsx

@@ -14,9 +14,9 @@ import Legend from '../../Chart/Legend';
 import { legendWidth } from '../../Chart/Legend/Legend.styles';
 import { Line } from '../timeSeries/models';
 
-import { useBaseChartStyles } from './useBaseChartStyles';
 import Header from './Header';
 import { LineChartHeader } from './Header/models';
+import { useBaseChartStyles } from './useBaseChartStyles';
 
 interface Props {
   base?: number;

package/src/Graph/common/BaseChart/Header/index.tsx

@@ -2,8 +2,8 @@ import Typography from '@mui/material/Typography';
 
 import { useMemoComponent } from '@centreon/ui';
 
-import { ussHeaderChartStyles } from './useHeaderStyles';
 import { LineChartHeader } from './models';
+import { ussHeaderChartStyles } from './useHeaderStyles';
 
 interface Props {
   header?: LineChartHeader;

package/src/Graph/common/Thresholds/Thresholds.tsx

@@ -1,9 +1,9 @@
-import { equals } from 'ramda';
 import { ScaleLinear } from 'd3-scale';
+import { equals } from 'ramda';
 
+import { Thresholds as ThresholdsModel } from '../models';
 import { getUnits, getYScale } from '../timeSeries';
 import { Line } from '../timeSeries/models';
-import { Thresholds as ThresholdsModel } from '../models';
 
 import { ThresholdLine } from './ThresholdLine';