diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md index 49625fd3..8a6286e9 100644 --- a/COMPONENT_INDEX.md +++ b/COMPONENT_INDEX.md @@ -2403,7 +2403,7 @@ None. ### Types ```ts -export type MultiSelectItemId = string; +export type MultiSelectItemId = any; export type MultiSelectItemText = string; @@ -2425,7 +2425,7 @@ export interface MultiSelectItem { | value | let | Yes | string | "" | Specify the multiselect value | | selectedIds | let | Yes | MultiSelectItemId[] | [] | Set the selected ids | | items | let | Yes | MultiSelectItem[] | [] | Set the multiselect items | -| itemToString | let | No | (item: MultiSelectItem) => string | (item) => item.text || item.id | Override the display of a multiselect item | +| itemToString | let | No | (item: MultiSelectItem) => any | (item) => item.text || item.id | Override the display of a multiselect item | | size | let | No | "sm" | "lg" | "xl" | -- | Set the size of the combobox | | type | let | No | "default" | "inline" | "default" | Specify the type of multiselect | | direction | let | No | "bottom" | "top" | "bottom" | Specify the direction of the multiselect dropdown menu | @@ -2456,14 +2456,14 @@ None. ### Events -| Event name | Type | Detail | -| :--------- | :--------- | :-------------------------------------------------------------------------------------------------- | -| select | dispatched | { selectedIds: string[]; selected: MultiSelectItem[]; unselected: MultiSelectItem[]; } | -| clear | dispatched | any | -| keydown | forwarded | -- | -| keyup | forwarded | -- | -| focus | forwarded | -- | -| blur | forwarded | -- | +| Event name | Type | Detail | +| :--------- | :--------- | :------------------------------------------------------------------------------------------------------------- | +| select | dispatched | { selectedIds: MultiSelectItemId[]; selected: MultiSelectItem[]; unselected: MultiSelectItem[]; } | +| clear | dispatched | any | +| keydown | forwarded | -- | +| keyup | forwarded | -- | +| focus | forwarded | -- | +| blur | forwarded | -- | ## `NotificationActionButton` diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json index 9816055b..bdc49565 100644 --- a/docs/src/COMPONENT_API.json +++ b/docs/src/COMPONENT_API.json @@ -6409,7 +6409,7 @@ "name": "itemToString", "kind": "let", "description": "Override the display of a multiselect item", - "type": "(item: MultiSelectItem) => string", + "type": "(item: MultiSelectItem) => any", "value": "(item) => item.text || item.id", "isFunction": true, "isFunctionDeclaration": false, @@ -6749,7 +6749,7 @@ { "type": "dispatched", "name": "select", - "detail": "{ selectedIds: string[]; selected: MultiSelectItem[]; unselected: MultiSelectItem[]; }" + "detail": "{ selectedIds: MultiSelectItemId[]; selected: MultiSelectItem[]; unselected: MultiSelectItem[]; }" }, { "type": "dispatched", "name": "clear", "detail": "any" }, { "type": "forwarded", "name": "keydown", "element": "input" }, @@ -6759,9 +6759,9 @@ ], "typedefs": [ { - "type": "string", + "type": "any", "name": "MultiSelectItemId", - "ts": "type MultiSelectItemId = string" + "ts": "type MultiSelectItemId = any" }, { "type": "string", diff --git a/types/MultiSelect/MultiSelect.svelte.d.ts b/types/MultiSelect/MultiSelect.svelte.d.ts index b3abbcb7..dd5ceb30 100644 --- a/types/MultiSelect/MultiSelect.svelte.d.ts +++ b/types/MultiSelect/MultiSelect.svelte.d.ts @@ -1,7 +1,7 @@ /// import { SvelteComponentTyped } from "svelte"; -export type MultiSelectItemId = string; +export type MultiSelectItemId = any; export type MultiSelectItemText = string; @@ -22,7 +22,7 @@ export interface MultiSelectProps * Override the display of a multiselect item * @default (item) => item.text || item.id */ - itemToString?: (item: MultiSelectItem) => string; + itemToString?: (item: MultiSelectItem) => any; /** * Set the selected ids @@ -210,7 +210,7 @@ export default class MultiSelect extends SvelteComponentTyped< MultiSelectProps, { select: CustomEvent<{ - selectedIds: string[]; + selectedIds: MultiSelectItemId[]; selected: MultiSelectItem[]; unselected: MultiSelectItem[]; }>;