@centreon/ui 24.5.13 → 24.6.0

package/src/Graph/common/utils.ts

@@ -6,6 +6,7 @@ import {
   gt,
   gte,
   head,
+  isNil,
   length,
   lt,
   lte,
@@ -140,3 +141,34 @@ export const emphasizeCurveColor = ({
 
   return darken(color, normalizeLevel({ factor, level: levels[index] }));
 };
+
+interface GetStrokeDashArrayProps {
+  dashLength?: number;
+  dashOffset?: number;
+  dotOffset?: number;
+  lineWidth?: number;
+}
+
+export const getStrokeDashArray = ({
+  dashLength,
+  dashOffset,
+  dotOffset,
+  lineWidth
+}: GetStrokeDashArrayProps): string | undefined => {
+  if (isNil(dotOffset) && isNil(dashLength) && isNil(dashOffset)) {
+    return undefined;
+  }
+
+  if (dotOffset) {
+    return `${lineWidth} ${dotOffset}`;
+  }
+
+  if (dashLength || dashOffset) {
+    return `${dashLength || 1} ${dashOffset || 1}`;
+  }
+
+  return undefined;
+};
+
+export const getPointRadius = (lineWidth?: number): number =>
+  Math.max(Math.ceil((lineWidth ?? 2) * 1.2), 2);

package/src/InputField/Number/Number.tsx

@@ -1,6 +1,6 @@
 import { ChangeEvent, useState } from 'react';
 
-import { T, always, cond, isEmpty, isNil } from 'ramda';
+import { T, always, clamp, cond, isEmpty } from 'ramda';
 
 import TextField, { TextProps } from '../Text';
 
@@ -43,8 +43,9 @@ const NumberField = ({
       [
         T,
         always(
-          Math.max(
-            !isNil(inputProps?.min) ? inputProps?.min : -Infinity,
+          clamp(
+            inputProps?.min || -Infinity,
+            inputProps?.max || Infinity,
             number
           )
         )

package/src/InputField/Text/index.tsx

@@ -22,6 +22,12 @@ const useStyles = makeStyles()((theme: Theme) => ({
     paddingRight: theme.spacing(1),
     paddingTop: theme.spacing(0.6)
   },
+  compactLabel: {
+    top: '-10px'
+  },
+  compactLabelShrink: {
+    top: '0px'
+  },
   hiddenText: {
     display: 'table',
     lineHeight: 0,
@@ -164,6 +170,14 @@ const TextField = forwardRef(
             onChange={changeInputValue}
             {...getValueProps()}
             {...rest}
+            InputLabelProps={{
+              classes: {
+                root: cx(equals(size, 'compact') && classes.compactLabel),
+                shrink: cx(
+                  equals(size, 'compact') && classes.compactLabelShrink
+                )
+              }
+            }}
             InputProps={{
               className: cx(
                 classes.inputBase,