@centreon/ui 25.7.0 → 25.7.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@centreon/ui",
-  "version": "25.7.0",
+  "version": "25.7.2",
   "description": "Centreon UI Components",
   "scripts": {
     "update:deps": "pnpx npm-check-updates -i --format group",
@@ -12,10 +12,10 @@
     "test": "jest",
     "test:storybook:local": "test-storybook --url http://127.0.0.1:9001",
     "test:ci": "jest --silent --reporter=jest-junit",
-    "cypress:ui": "cypress open --component --browser=chrome",
-    "cypress:run:updateSnapshots": "cypress run --component --browser=chrome --env updateSnapshots=true",
-    "cypress:run:coverage": "cypress run --component --browser=chrome --env codeCoverageTasksRegistered=true",
-    "cypress:run": "cypress run --component --browser=chrome",
+    "cypress:ui": "cypress open --component --browser=chromium",
+    "cypress:run:updateSnapshots": "cypress run --component --browser=chromium --env updateSnapshots=true",
+    "cypress:run:coverage": "cypress run --component --browser=chromium --env codeCoverageTasksRegistered=true",
+    "cypress:run": "cypress run --component --browser=chromium",
     "cypress:install": "cypress install",
     "cypress:cli": "./cypress/scripts/cypress-cli.sh",
     "tokens:transform": "TS_NODE_PROJECT=tsconfig.node.json ts-node style-dictionary.transform.ts",

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

@@ -138,8 +138,6 @@ describe('Bar chart', () => {
       cy.contains(':40 AM').should('be.visible');
 
       cy.findByTestId('stacked-bar-3-0-0.16196').should('be.visible');
-
-      cy.makeSnapshot();
     });
 
     it(`displays bar chart ${orientation}ly with a mix of stacked and non-stacked data centered in zero`, () => {

package/src/Graph/common/utils.ts

@@ -4,9 +4,11 @@ import {
   always,
   cond,
   equals,
+  flatten,
   gt,
   gte,
   head,
+  isEmpty,
   isNil,
   last,
   length,
@@ -220,20 +222,26 @@ export const getFormattedAxisValues = ({
   lines,
   threshold
 }: GetFormattedAxisValuesProps): Array<string> => {
-  const metricId = (lines.find(({ unit }) => equals(unit, axisUnit)) as Line)
-    ?.metric_id;
+  const filteredMetrics = lines.filter(({ unit }) => equals(unit, axisUnit));
 
-  if (isNil(metricId)) {
+  if (isEmpty(filteredMetrics)) {
     return [];
   }
-  const formattedData = timeSeries.map((data) =>
-    formatMetricValue({
-      value: data[metricId],
-      unit: axisUnit,
-      base
-    })
+
+  const metricIds = pluck('metric_id', filteredMetrics);
+
+  const formattedData = metricIds.map((metricId) =>
+    timeSeries.map((data) =>
+      formatMetricValue({
+        value: data[metricId],
+        unit: axisUnit,
+        base
+      })
+    )
   );
 
+  const flattenedFormattedData = flatten(formattedData);
+
   const formattedThresholdValues = equals(thresholdUnit, axisUnit)
     ? threshold.map(({ value }) =>
         formatMetricValue({
@@ -244,7 +252,7 @@ export const getFormattedAxisValues = ({
       ) || []
     : [];
 
-  return formattedData
+  return flattenedFormattedData
     .concat(formattedThresholdValues)
     .filter((v) => v) as Array<string>;
 };

package/src/Icon/RegexIcon.tsx

@@ -0,0 +1,20 @@
+import { SvgIconProps } from '@mui/material';
+import { ReactElement } from 'react';
+import BaseIcon from './BaseIcon';
+
+const icon = (
+  <g transform="translate(2 2)">
+    <path
+      d="M19.468,8.107,17.2,6.8l2.264-1.307a.8.8,0,0,0-.8-1.386L16.4,5.414V2.8a.8.8,0,1,0-1.6,0V5.414L12.54,4.107a.8.8,0,1,0-.8,1.386L14,6.8,11.74,8.107a.8.8,0,1,0,.8,1.386L14.8,8.186V10.8a.8.8,0,1,0,1.6,0V8.186l2.264,1.307a.789.789,0,0,0,.4.107.8.8,0,0,0,.4-1.493"
+      transform="translate(-1.868)"
+    />
+    <path
+      d="M5.2,20.4a3.2,3.2,0,1,1,3.2-3.2,3.2,3.2,0,0,1-3.2,3.2m0-4.8a1.6,1.6,0,1,0,1.6,1.6,1.6,1.6,0,0,0-1.6-1.6"
+      transform="translate(0 -2.4)"
+    />
+  </g>
+);
+
+export const RegexIcon = (props: SvgIconProps): ReactElement => (
+  <BaseIcon {...props} Icon={icon} dataTestId="RegexIcon" />
+);

package/src/Icon/index.ts

@@ -8,3 +8,4 @@ export { HostGroupIcon } from './HostGroupIcon';
 export { ServiceGroupIcon } from './ServiceGroupIcon';
 export { MetaServiceIcon } from './MetaServiceIcon';
 export { ContainerIcon } from './ContainerIcon';
+export { RegexIcon } from './RegexIcon';

package/src/components/Modal/ConfirmationModal/ConfirmationModal.tsx

@@ -19,6 +19,7 @@ export interface ConfirmationModalProps<TAtom> {
   onCancel?: (atomData: Awaited<TAtom> | null) => void;
   onClose?: (atomData: Awaited<TAtom> | null) => void;
   onConfirm?: (atomData: Awaited<TAtom> | null) => void;
+  size?: 'small' | 'medium' | 'large' | 'xlarge' | 'fullscreen';
 }
 
 interface GetLabelProps<TAtom> {
@@ -39,7 +40,8 @@ export const ConfirmationModal = <TAtom,>({
   onClose,
   hasCloseButton = true,
   isDanger,
-  disabled
+  disabled,
+  size
 }: ConfirmationModalProps<TAtom>): JSX.Element => {
   const [atomData, setAtomData] = useAtom<TAtom | null>(atom);
 
@@ -72,6 +74,7 @@ export const ConfirmationModal = <TAtom,>({
       hasCloseButton={hasCloseButton}
       open={Boolean(atomData)}
       onClose={closeModal}
+      size={size}
     >
       <Modal.Header>{formattedLabels.title}</Modal.Header>
       <Modal.Body>{formattedLabels.description}</Modal.Body>