@centreon/ui 26.5.2 → 26.5.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@centreon/ui",
-  "version": "26.5.2",
+  "version": "26.5.4",
   "description": "Centreon UI Components",
   "scripts": {
     "update:deps": "pnpx npm-check-updates -i --format group",
@@ -54,6 +54,7 @@
     "test/*"
   ],
   "devDependencies": {
+    "@biomejs/biome": "2.3.11",
     "@cypress/react": "^9.0.0",
     "@cypress/webpack-dev-server": "^4.0.1",
     "@faker-js/faker": "^9.5.1",

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

@@ -347,11 +347,11 @@ const ConnectedAutocompleteField = (
     }, [...useDeepCompare([searchConditions])]);
 
     useEffect(() => {
-      if (!autocompleteChangedValue && !props?.value) {
+      if (!autocompleteChangedValue) {
         return;
       }
       setSearchParameter(undefined);
-    }, [autocompleteChangedValue, props?.value]);
+    }, [autocompleteChangedValue]);
 
     useEffect(() => {
       if (!optionsOpen) {

package/src/InputField/Select/Autocomplete/Multi/Listbox.tsx

@@ -39,7 +39,8 @@ const ListboxComponent = ({
   options,
   isOptionSelected,
   onChange,
-  total
+  total,
+  value = []
 }) => {
   const { t } = useTranslation();
 
@@ -55,12 +56,19 @@ const ListboxComponent = ({
       const syntheticEvent = {} as React.SyntheticEvent;
 
       if (allSelected) {
-        onChange?.(syntheticEvent, [], 'selectOption');
+        const remaining = value.filter(
+          (v) => !options.some((opt) => opt.id === v.id)
+        );
+        onChange?.(syntheticEvent, remaining, 'selectOption');
 
         return;
       }
 
-      onChange?.(syntheticEvent, options, 'selectOption');
+      const merged = [
+        ...value,
+        ...options.filter((opt) => !isOptionSelected(opt))
+      ];
+      onChange?.(syntheticEvent, merged, 'selectOption');
     };
 
     return (

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

@@ -97,7 +97,8 @@ const MultiAutocompleteField = ({
         isOptionSelected,
         onChange,
         options,
-        total
+        total,
+        value: values
       })}
       multiple
       onChange={onChange}