fix: trigger search term updates only for user input

Author: yordan-st

packages/pluggableWidgets/combobox-web/src/components/SingleSelection/SingleSelection.tsx

@@ -44,14 +44,13 @@ export function SingleSelection({
     });
 
     const selectedItemCaption = useMemo(
-        () => selector.caption.render(selectedItem, "label"),
+        () => selector.caption.render(selector.currentId, "label"),
         // eslint-disable-next-line react-hooks/exhaustive-deps
         [
-            selectedItem,
+            selector.currentId,
             selector.status,
             selector.caption,
             selector.caption.emptyCaption,
-            selector.currentId,
             selector.caption.formatter
         ]
     );

packages/pluggableWidgets/combobox-web/src/helpers/Association/AssociationSingleSelector.ts

@@ -14,6 +14,7 @@ export class AssociationSingleSelector
     }
     setValue(value: string | null): void {
         this._attr?.setValue(this.options._optionToValue(value));
+        this.currentId = value;
         super.setValue(value);
     }
 }

packages/pluggableWidgets/combobox-web/src/hooks/useDownshiftMultiSelectProps.ts

@@ -148,11 +148,12 @@ function useComboboxProps(
             selectedItem: null,
             inputId: options?.inputId,
             labelId: options?.labelId,
-            onInputValueChange({ inputValue }) {
-                selector.options.setSearchTerm(inputValue!);
-
-                if (selector.onFilterInputChange) {
-                    selector.onFilterInputChange(inputValue);
+            onInputValueChange({ inputValue, type }) {
+                if (type === useCombobox.stateChangeTypes.InputChange) {
+                    selector.options.setSearchTerm(inputValue!);
+                    if (selector.onFilterInputChange) {
+                        selector.onFilterInputChange(inputValue);
+                    }
                 }
             },
             getA11yStatusMessage(options) {

packages/pluggableWidgets/combobox-web/src/hooks/useDownshiftSingleSelectProps.ts

@@ -29,11 +29,12 @@ export function useDownshiftSingleSelectProps(
             onSelectedItemChange({ selectedItem }: UseComboboxStateChange<string>) {
                 selector.setValue(selectedItem ?? null);
             },
-            onInputValueChange({ inputValue }) {
-                selector.options.setSearchTerm(inputValue!);
-
-                if (selector.onFilterInputChange) {
-                    selector.onFilterInputChange(inputValue!);
+            onInputValueChange({ inputValue, type }) {
+                if (type === useCombobox.stateChangeTypes.InputChange) {
+                    selector.options.setSearchTerm(inputValue!);
+                    if (selector.onFilterInputChange) {
+                        selector.onFilterInputChange(inputValue!);
+                    }
                 }
             },
             getA11yStatusMessage(options) {

packages/pluggableWidgets/combobox-web/src/hooks/useGetSelector.ts

@@ -26,7 +26,7 @@ export function useGetSelector(props: ComboboxContainerProps): Selector {
             debounce((filterValue?: string) => {
                 onInputValueChange(props.onChangeFilterInputEvent, filterValue);
             }, props.debounceInterval ?? 200),
-        [props.onChangeFilterInputEvent]
+        [props.onChangeFilterInputEvent, props.debounceInterval]
     );
 
     if (!selectorRef.current) {