@centreon/ui 26.3.18 → 26.3.19

package/package.json

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

package/src/Form/storiesData.tsx

@@ -327,7 +327,8 @@ export const basicFormInputs: Array<InputProps> = [
         {
           connectedAutocomplete: {
             additionalConditionParameters: [],
-            endpoint: 'endpoint'
+            endpoint: 'endpoint',
+            helperText: 'Hello I am testing'
           },
           fieldName: 'group',
           label: 'Group (Single connected autocomplete)',

package/src/InputField/Select/Autocomplete/index.tsx

@@ -18,7 +18,8 @@ import {
   type ForwardedRef,
   forwardRef,
   type HTMLAttributes,
-  type ReactElement
+  type ReactElement,
+  ReactNode
 } from 'react';
 import { useTranslation } from 'react-i18next';
 
@@ -32,6 +33,7 @@ import { useAutoCompleteStyles } from './autoComplete.styles';
 export type Props = {
   autoFocus?: boolean;
   autoSize?: boolean;
+  helperText?: ReactNode;
   autoSizeCustomPadding?: number;
   autoSizeDefaultWidth?: number;
   dataTestId?: string;
@@ -95,6 +97,7 @@ const AutocompleteField = forwardRef(
       displayPopupIcon = true,
       autoFocus = false,
       hideInput = false,
+      helperText,
       dataTestId,
       autoSize = false,
       autoSizeDefaultWidth = 0,
@@ -151,6 +154,7 @@ const AutocompleteField = forwardRef(
           }}
           error={error}
           externalValueForAutoSize={autocompleteProps?.value?.name}
+          helperText={helperText}
           label={label}
           onChange={onTextChange}
           placeholder={isNil(placeholder) ? t(searchLabel) : placeholder}

package/src/InputField/Text/index.tsx

@@ -123,6 +123,7 @@ const TextField = forwardRef(
       type,
       textFieldSlotsAndSlotProps,
       forceUncontrolled,
+      helperText,
       ...rest
     }: TextProps,
     ref: React.ForwardedRef<HTMLDivElement>
@@ -160,7 +161,9 @@ const TextField = forwardRef(
           <MuiTextField
             data-testid={dataTestId}
             error={!isNil(error)}
-            helperText={displayErrorInTooltip ? undefined : error}
+            helperText={
+              (displayErrorInTooltip ? undefined : error) || helperText
+            }
             id={getNormalizedId(dataTestId || '')}
             label={label}
             onChange={changeInputValue}

package/src/utils/useViewportIntersection.ts

@@ -18,11 +18,14 @@ export const useViewportIntersection = (
   const [element, setElement] = useState<HTMLElement | null>(null);
 
   const observer = useRef<IntersectionObserver | null>(null);
-  
+
   const sanitizedOptions = {
     ...options,
-    root: options?.root instanceof HTMLElement ? `${options.root.tagName}_${options.root.className}` : null
-  }
+    root:
+      options?.root instanceof HTMLElement
+        ? `${options.root.tagName}_${options.root.className}`
+        : null
+  };
 
   useEffect(() => {
     if (observer.current) {