@centreon/ui 26.11.7 → 26.11.8

package/package.json

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

package/src/Form/Inputs/ConnectedAutocomplete.tsx

@@ -45,14 +45,20 @@ const ConnectedAutocomplete = ({
   const isMultiple = equals(type, InputType.MultiConnectedAutocomplete);
 
   const getEndpoint = (parameters: GetEndpointParams): string => {
+    // Once a value is selected the field prepends a `$ni` condition excluding
+    // it, so the typed text is not necessarily the first condition -- and
+    // clearing the text leaves no `$lk` condition at all.
+    const searchedValue = parameters?.search?.conditions?.find(
+      (condition) => condition?.values?.$lk
+    )?.values?.$lk as string | undefined;
+
     const nameQueryParameters =
-      connectedAutocomplete?.useNewAPIFormat && parameters?.search
+      connectedAutocomplete?.useNewAPIFormat && searchedValue
         ? [
             {
               name: 'name[lk]',
-              value: (
-                parameters.search.conditions?.[0].values?.$lk as string
-              ).slice(1, -1)
+              // The field wraps the typed text in `%`.
+              value: searchedValue.slice(1, -1)
             }
           ]
         : [];
@@ -166,6 +172,7 @@ const ConnectedAutocomplete = ({
   return useMemoComponent({
     Component: (
       <TypedAutocompleteField
+        baseEndpoint={connectedAutocomplete?.baseEndpoint}
         chipProps={chipProps}
         dataTestId={dataTestId}
         decoder={connectedAutocomplete?.decoder}
@@ -187,6 +194,7 @@ const ConnectedAutocomplete = ({
         onBlur={blur}
         onChange={changeAutocomplete}
         optionProperty={connectedAutocomplete?.optionProperty}
+        queryKey={connectedAutocomplete?.queryKey}
         required={isRequired}
         searchConditions={connectedAutocomplete?.additionalConditionParameters}
         value={value ?? null}

package/src/Form/Inputs/models.ts

@@ -88,6 +88,12 @@ export interface InputProps {
     useNewAPIFormat?: boolean;
     additionalConditionParameters: Array<ConditionsSearchParameter>;
     customQueryParameters: Array<QueryParameter>;
+    // The API the options are read from. Left out, the request goes to the
+    // default `./api/latest` as it always has.
+    baseEndpoint?: string;
+    // What the options are cached under. Left out, the field's label is used,
+    // which two fields reading different endpoints can share.
+    queryKey?: string;
     chipColor?: string;
     endpoint?: string;
     filterKey?: string;

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

@@ -126,8 +126,11 @@ const ConnectedAutocompleteField = (
           search: searchParameter
         });
       },
+      // Two fields can carry the same label and read different APIs, and
+      // would otherwise share each other's options.
       getQueryKey: () => [
         `autocomplete-${queryKey || props.label}`,
+        baseEndpoint,
         page,
         searchParameter
       ],