mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-21 04:39:19 +00:00
Code Issues Projects Releases Packages Wiki Activity

AutoComplete REST service fixed

Browse source
This commit is contained in:
davideraccagni 2022-04-22 03:49:42 +02:00
commit 30389e9f67
3 changed files with 69 additions and 70 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/AutoComplete/AutoComplete.svelte
View file

@ -27,9 +27,9 @@
/**
* Determine if an item should be filtered given the current combobox value
* @type {(value: string) => AutoCompleteItem[]}
* @type {(value: string) => {}}
*/
export let shouldFilterItem = () => [];
export let shouldFilterItem = () => {};
/**
* Specify the direction of the dropdown menu
@ -113,8 +113,8 @@
const dispatch = createEventDispatcher();
let filteredItems = [];
let inputValue = value;
export let filteredItems = [];
let inputValue = ""; //value;
let prevSelectedId = null;
let highlightedIndex = -1;
@ -146,7 +146,7 @@
afterUpdate(() => {
if (open) {
ref.focus();
filteredItems = shouldFilterItem(value);
//filteredItems = shouldFilterItem(value);
} else {
highlightedIndex = -1;
filteredItems = [];
@ -171,7 +171,10 @@
highlightedIndex = -1;
highlightedId = undefined;
} else {
selectedItem = filteredItems.find((item) => item.id === selectedId);
selectedItem =
filteredItems?.length > 0
? filteredItems.find((item) => item.id === selectedId)
: null;
}
dispatch("select", { selectedId, selectedItem });
}
@ -186,8 +189,12 @@
$: highlightedId = filteredItems[highlightedIndex]
? filteredItems[highlightedIndex].id
: 0;
$: filteredItems = shouldFilterItem(value);
$: value = inputValue;
$: if (inputValue) {
shouldFilterItem(inputValue);
} else {
filteredItems = [];
}
//$: value = inputValue;
</script>
<svelte:window