yujunjun/OpenMetadata
1
0
Fork 0
mirror of https://github.com/open-metadata/OpenMetadata.git synced 2025-09-25 08:50:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

add debounce on autocomplete in advanced search (#18471)

Browse Source
This commit is contained in:
Karan Hotchandani 2024-10-30 20:44:37 +05:30 committed by GitHub
parent ba4a480bf1
commit a47235581f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
openmetadata-ui/src/main/resources/ui/src/utils/AdvancedSearchClassBase.ts
View File

@ -12,7 +12,7 @@
*/
import { t } from 'i18next';
import { isEmpty, sortBy } from 'lodash';
import { debounce, isEmpty, sortBy } from 'lodash';
import {
AsyncFetchListValues,
AsyncFetchListValuesResult,
@ -115,8 +115,9 @@ class AdvancedSearchClassBase {
entityField: EntityFields;
suggestField?: SuggestionField;
}) => SelectFieldSettings['asyncFetch'] = ({ searchIndex, entityField }) => {
return (search) => {
return getAggregateFieldOptions(
// Wrapping the fetch function in a debounce of 300 ms
const debouncedFetch = debounce((search, callback) => {
getAggregateFieldOptions(
searchIndex,
entityField,
search ?? '',
@ -125,13 +126,19 @@ class AdvancedSearchClassBase {
const buckets =
response.data.aggregations[`sterms#${entityField}`].buckets;
return {
callback({
values: buckets.map((bucket) => ({
value: bucket.key,
title: bucket.label ?? bucket.key,
})),
hasMore: false,
};
});
});
}, 300);
return (search) => {
return new Promise((resolve) => {
debouncedFetch(search, resolve);
});
};
};