fix: update providers to include timeout parameter

Author: yordan-st

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

@@ -29,7 +29,7 @@ export class BaseAssociationSelector<T extends string | string[], R extends Refe
 
     constructor() {
         this.caption = new AssociationSimpleCaptionsProvider(this._valuesMap);
-        this.options = new AssociationOptionsProvider(this.caption, this._valuesMap);
+        this.options = new AssociationOptionsProvider(this.caption, this._valuesMap, 200);
     }
 
     updateProps(props: ComboboxContainerProps): void {

packages/pluggableWidgets/combobox-web/src/helpers/BaseDatasourceOptionsProvider.ts

@@ -19,27 +19,22 @@ export class BaseDatasourceOptionsProvider extends BaseOptionsProvider<ObjectIte
     private ds?: ListValue;
     private attributeId?: ListAttributeValue["id"];
     protected loading: boolean = false;
-    private debouncedSetFilter!: (filterCondition: FilterCondition | undefined) => void;
-    private abortDebouncedFilter!: () => void;
-    private filterInputDebounceInterval: number = 200;
+    private debouncedSetFilter: (filterCondition: FilterCondition | undefined) => void;
+    private filterInputDebounceInterval: number;
 
     constructor(
         caption: CaptionsProvider,
-        protected valuesMap: Map<string, ObjectItem>
+        protected valuesMap: Map<string, ObjectItem>,
+        filterInputDebounceInterval: number = 200
     ) {
         super(caption);
-        this.createDebouncedSetFilter();
-    }
-
-    private createDebouncedSetFilter(): void {
-        this.cleanup();
+        this.filterInputDebounceInterval = filterInputDebounceInterval;
 
-        const [debouncedFn, abort] = debounce((filterCondition: FilterCondition | undefined) => {
+        const [debouncedFn] = debounce((filterCondition: FilterCondition | undefined) => {
             this.ds?.setFilter(filterCondition);
         }, this.filterInputDebounceInterval);
 
         this.debouncedSetFilter = debouncedFn;
-        this.abortDebouncedFilter = abort;
     }
 
     get sortOrder(): SortOrder {
@@ -69,10 +64,10 @@ export class BaseDatasourceOptionsProvider extends BaseOptionsProvider<ObjectIte
     getAll(): string[] {
         if (this.lazyLoading && this.attributeId) {
             if (this.searchTerm === "") {
-                this.debouncedSetFilter!(undefined);
+                this.debouncedSetFilter(undefined);
             } else {
                 const filterCondition = datasourceFilter(this.filterType, this.searchTerm, this.attributeId);
-                this.debouncedSetFilter!(filterCondition);
+                this.debouncedSetFilter(filterCondition);
             }
 
             return this.options;
@@ -118,12 +113,6 @@ export class BaseDatasourceOptionsProvider extends BaseOptionsProvider<ObjectIte
         this.filterType = props.filterType;
         this.lazyLoading = props.lazyLoading;
 
-        const newInterval = props.filterInputDebounceInterval ?? 200;
-        if (newInterval !== this.filterInputDebounceInterval) {
-            this.filterInputDebounceInterval = newInterval;
-            this.createDebouncedSetFilter();
-        }
-
         if (this.lazyLoading) {
             if (props.ds.status === "loading") {
                 this.loading = true;
@@ -137,10 +126,4 @@ export class BaseDatasourceOptionsProvider extends BaseOptionsProvider<ObjectIte
         items.forEach(i => this.valuesMap.set(i.id, i));
         this.options = Array.from(this.valuesMap.keys());
     }
-
-    cleanup(): void {
-        if (this.abortDebouncedFilter) {
-            this.abortDebouncedFilter();
-        }
-    }
 }

packages/pluggableWidgets/combobox-web/src/helpers/Database/DatabaseMultiSelectionSelector.ts

@@ -36,7 +36,7 @@ export class DatabaseMultiSelectionSelector implements MultiSelector {
 
     constructor() {
         this.caption = new DatabaseCaptionsProvider(this._objectsMap);
-        this.options = new DatabaseOptionsProvider(this.caption, this._objectsMap);
+        this.options = new DatabaseOptionsProvider(this.caption, this._objectsMap, 200);
     }
 
     getOptions(): string[] {

packages/pluggableWidgets/combobox-web/src/helpers/Database/DatabaseSingleSelectionSelector.ts

@@ -35,7 +35,7 @@ export class DatabaseSingleSelectionSelector<T extends string | Big, R extends E
 
     constructor() {
         this.caption = new DatabaseCaptionsProvider(this._objectsMap);
-        this.options = new DatabaseOptionsProvider(this.caption, this._objectsMap);
+        this.options = new DatabaseOptionsProvider(this.caption, this._objectsMap, 200);
         this.values = new DatabaseValuesProvider(this._objectsMap);
     }