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

AutoComplete updated to support REST service

Browse source
This commit is contained in:
davideraccagni 2022-04-22 01:40:27 +02:00
commit 79828140a7
6 changed files with 313 additions and 281 deletions
Download patch file Download diff file Expand all files Collapse all files

40
types/AutoComplete/AutoComplete.svelte.d.ts vendored
View file

@ -11,13 +11,7 @@ export interface AutoCompleteItem {
}
export interface AutoCompleteProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
/**
* Set the full list of items
* @default []
*/
items?: AutoCompleteItem[];
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["input"]> {
/**
* Override the display of a dropdown item
* @default (item) => item.text || item.id
@ -37,10 +31,10 @@ export interface AutoCompleteProps
selectedItem?: AutoCompleteItem;
/**
* Specify the type of dropdown
* @default "default"
* Determine if an item should be filtered given the current combobox value
* @default () => []
*/
type?: "default" | "inline";
shouldFilterItem?: (value: string) => AutoCompleteItem[];
/**
* Specify the direction of the dropdown menu
@ -60,12 +54,6 @@ export interface AutoCompleteProps
*/
open?: boolean;
/**
* Set to `true` to use the inline variant
* @default false
*/
inline?: boolean;
/**
* Set to `true` to enable the light variant
* @default false
@ -149,6 +137,12 @@ export interface AutoCompleteProps
* @default null
*/
placeholder?: undefined;
/**
* Obtain a reference to the list HTML element
* @default null
*/
listRef?: null | HTMLDivElement;
}
export default class AutoComplete extends SvelteComponentTyped<
@ -158,11 +152,17 @@ export default class AutoComplete extends SvelteComponentTyped<
selectedId: AutoCompleteItemId;
selectedItem: AutoCompleteItem;
}>;
change: WindowEventMap["change"];
keydown: WindowEventMap["keydown"];
keyup: WindowEventMap["keyup"];
focus: WindowEventMap["focus"];
blur: WindowEventMap["blur"];
input: WindowEventMap["input"];
clear: CustomEvent<any>;
clear: WindowEventMap["clear"];
scroll: WindowEventMap["scroll"];
},
{ default: { item: AutoCompleteItem; index: number } }
> {}
> {
/**
* Clear the combo box programmatically
*/
clear: (options?: { focus?: boolean }) => void;
}