@centreon/ui 26.11.3 → 26.11.5

package/package.json

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

package/src/Graph/Chart/Chart.tsx

@@ -378,7 +378,7 @@ const Chart = ({
                 )}
                 {additionalLines?.map((additionalLine) => (
                   <AdditionalLine
-                    key={additionalLine.yValue}
+                    key={JSON.stringify(additionalLine)}
                     {...additionalLine}
                     graphWidth={graphWidth}
                     yScale={yScalesPerUnit[additionalLine.unit]}

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

@@ -1,11 +1,11 @@
 import type { ScaleLinear } from 'd3-scale';
-import { useMemo } from 'react';
+import { ReactElement, useMemo } from 'react';
 
 import type { AdditionalLineProps } from '../models';
 
 interface Props extends AdditionalLineProps {
   graphWidth: number;
-  yScale: ScaleLinear<number, number>;
+  yScale?: ScaleLinear<number, number>;
 }
 
 const AdditionalLine = ({
@@ -14,8 +14,12 @@ const AdditionalLine = ({
   text,
   graphWidth,
   yScale
-}: Props): JSX.Element => {
-  const positionY = useMemo(() => yScale(yValue), [yValue, yScale]);
+}: Props): ReactElement | null => {
+  const positionY = useMemo(() => yScale?.(yValue), [yValue, yScale]);
+
+  if (positionY === undefined) {
+    return null;
+  }
 
   return (
     <g>

package/src/ThemeProvider/tailwindcss.css

@@ -53,6 +53,12 @@
   --color-background-tooltip: #434e58;
   --color-background-widget: #f8f8f8;
 
+  /* Brand colors. Deliberately not overridden in the dark variant: they paint
+     brand surfaces that stay the same in both themes. */
+  --color-brand-navy: #131d5a;
+  --color-brand-navy-action: #cde7fc;
+  --color-brand-navy-action-text: #2e68aa;
+
   /* Chip colors */
   --color-chip-error: #ff6666;
   --color-chip-info: #1588d1;
@@ -105,6 +111,9 @@
   --color-secondary-light: #e5a5f0;
   --color-secondary-dark: #ac28c1;
 
+  /* Section title color */
+  --color-section-title: #131d5a;
+
   /* Status colors */
   --color-status-background-error: #ff6e6e;
   --color-status-background-none: --alpha(#2e68aa / 10%);
@@ -199,6 +208,7 @@
     --color-primary-dark: #4974a5;
     --color-primary-contrastText: #000;
     --color-secondary-main: #7c1fa2;
+    --color-section-title: #ffffff;
     --color-status-background-error: #ff4a4a;
     --color-status-background-none: --alpha(#2e68aa / 10%);
     --color-status-background-pending: #1ebeb3;