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

feat: forward keyup event to components with inputs

Browse source
This commit is contained in:
Eric Y Liu 2021-06-26 13:40:57 -07:00
commit f672cad940
17 changed files with 38 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

10
COMPONENT_INDEX.md
View file

@ -650,6 +650,7 @@ None.
| :--------- | :--------- | :------------------------------------------------------------------------------------- |
| select | dispatched | <code>{ selectedId: string; selectedIndex: number; selectedItem: ComboBoxItem }</code> |
| keydown | forwarded | -- |
| keyup | forwarded | -- |
| focus | forwarded | -- |
| blur | forwarded | -- |
| clear | forwarded | -- |
@ -1063,6 +1064,7 @@ None.
| :--------- | :-------- | :----- |
| input | forwarded | -- |
| keydown | forwarded | -- |
| keyup | forwarded | -- |
| blur | forwarded | -- |
## `DatePickerSkeleton`
@ -2377,6 +2379,7 @@ None.
| select | dispatched | <code>{ selectedIds: string[]; selected: MultiSelectItem[]; unselected: MultiSelectItem[]; }</code> |
| clear | dispatched | <code>any</code> |
| keydown | forwarded | -- |
| keyup | forwarded | -- |
| focus | forwarded | -- |
| blur | forwarded | -- |
@ -2773,6 +2776,7 @@ None.
| change | forwarded | -- |
| input | forwarded | -- |
| keydown | forwarded | -- |
| keyup | forwarded | -- |
| focus | forwarded | -- |
| blur | forwarded | -- |
@ -3057,6 +3061,7 @@ None.
| focus | forwarded | -- |
| blur | forwarded | -- |
| keydown | forwarded | -- |
| keyup | forwarded | -- |
| clear | dispatched | -- |
## `SearchSkeleton`
@ -3976,6 +3981,8 @@ None.
| mouseleave | forwarded | -- |
| change | forwarded | -- |
| input | forwarded | -- |
| keydown | forwarded | -- |
| keyup | forwarded | -- |
| focus | forwarded | -- |
| blur | forwarded | -- |
@ -4040,6 +4047,7 @@ None.
| change | forwarded | -- |
| input | forwarded | -- |
| keydown | forwarded | -- |
| keyup | forwarded | -- |
| focus | forwarded | -- |
| blur | forwarded | -- |
@ -4147,6 +4155,8 @@ None.
| mouseleave | forwarded | -- |
| change | forwarded | -- |
| input | forwarded | -- |
| keydown | forwarded | -- |
| keyup | forwarded | -- |
| focus | forwarded | -- |
| blur | forwarded | -- |

10
docs/src/COMPONENT_API.json
View file

@ -1410,6 +1410,7 @@
"detail": "{ selectedId: string; selectedIndex: number; selectedItem: ComboBoxItem }"
},
{ "type": "forwarded", "name": "keydown", "element": "input" },
{ "type": "forwarded", "name": "keyup", "element": "input" },
{ "type": "forwarded", "name": "focus", "element": "input" },
{ "type": "forwarded", "name": "blur", "element": "input" },
{ "type": "forwarded", "name": "clear", "element": "ListBoxSelection" },
@ -2526,6 +2527,7 @@
"events": [
{ "type": "forwarded", "name": "input", "element": "input" },
{ "type": "forwarded", "name": "keydown", "element": "input" },
{ "type": "forwarded", "name": "keyup", "element": "input" },
{ "type": "forwarded", "name": "blur", "element": "input" }
],
"typedefs": [],
@ -5884,6 +5886,7 @@
},
{ "type": "dispatched", "name": "clear", "detail": "any" },
{ "type": "forwarded", "name": "keydown", "element": "input" },
{ "type": "forwarded", "name": "keyup", "element": "input" },
{ "type": "forwarded", "name": "focus", "element": "input" },
{ "type": "forwarded", "name": "blur", "element": "input" }
],
@ -7175,6 +7178,7 @@
{ "type": "forwarded", "name": "change", "element": "input" },
{ "type": "forwarded", "name": "input", "element": "input" },
{ "type": "forwarded", "name": "keydown", "element": "input" },
{ "type": "forwarded", "name": "keyup", "element": "input" },
{ "type": "forwarded", "name": "focus", "element": "input" },
{ "type": "forwarded", "name": "blur", "element": "input" }
],
@ -8042,6 +8046,7 @@
{ "type": "forwarded", "name": "focus", "element": "input" },
{ "type": "forwarded", "name": "blur", "element": "input" },
{ "type": "forwarded", "name": "keydown", "element": "input" },
{ "type": "forwarded", "name": "keyup", "element": "input" },
{ "type": "dispatched", "name": "clear" }
],
"typedefs": [],
@ -10064,6 +10069,8 @@
{ "type": "forwarded", "name": "mouseleave", "element": "div" },
{ "type": "forwarded", "name": "change", "element": "textarea" },
{ "type": "forwarded", "name": "input", "element": "textarea" },
{ "type": "forwarded", "name": "keydown", "element": "textarea" },
{ "type": "forwarded", "name": "keyup", "element": "textarea" },
{ "type": "forwarded", "name": "focus", "element": "textarea" },
{ "type": "forwarded", "name": "blur", "element": "textarea" }
],
@ -10287,6 +10294,7 @@
{ "type": "forwarded", "name": "change", "element": "input" },
{ "type": "forwarded", "name": "input", "element": "input" },
{ "type": "forwarded", "name": "keydown", "element": "input" },
{ "type": "forwarded", "name": "keyup", "element": "input" },
{ "type": "forwarded", "name": "focus", "element": "input" },
{ "type": "forwarded", "name": "blur", "element": "input" }
],
@ -10543,6 +10551,8 @@
{ "type": "forwarded", "name": "mouseleave", "element": "div" },
{ "type": "forwarded", "name": "change", "element": "input" },
{ "type": "forwarded", "name": "input", "element": "input" },
{ "type": "forwarded", "name": "keydown", "element": "input" },
{ "type": "forwarded", "name": "keyup", "element": "input" },
{ "type": "forwarded", "name": "focus", "element": "input" },
{ "type": "forwarded", "name": "blur", "element": "input" }
],

1
src/ComboBox/ComboBox.svelte
View file

@ -238,6 +238,7 @@
open = false;
}
}}"
on:keyup
on:focus
on:blur
on:blur="{({ relatedTarget }) => {

1
src/DatePicker/DatePickerInput.svelte
View file

@ -120,6 +120,7 @@
focusCalendar();
}
}}"
on:keyup
on:blur
on:blur="{({ relatedTarget }) => {
blurInput(relatedTarget);

1
src/MultiSelect/MultiSelect.svelte
View file

@ -382,6 +382,7 @@
change(-1);
}
}}"
on:keyup
on:focus
on:blur
on:blur="{({ relatedTarget }) => {

1
src/Search/Search.svelte
View file

@ -155,6 +155,7 @@
dispatch('clear');
}
}}"
on:keyup
/>
<button
type="button"

1
src/TextInput/PasswordInput.svelte
View file

@ -180,6 +180,7 @@
value = target.value;
}}"
on:keydown
on:keyup
on:focus
on:blur
/>

1
src/TextInput/TextInput.svelte
View file

@ -163,6 +163,7 @@
value = target.value;
}}"
on:keydown
on:keyup
on:focus
on:blur
/>

2
src/TimePicker/TimePicker.svelte
View file

@ -104,6 +104,8 @@
on:input="{({ target }) => {
value = target.value;
}}"
on:keydown
on:keyup
on:focus
on:blur
/>

1
types/ComboBox/ComboBox.d.ts vendored
View file

@ -147,6 +147,7 @@ export default class ComboBox extends SvelteComponentTyped<
selectedItem: ComboBoxItem;
}>;
keydown: WindowEventMap["keydown"];
keyup: WindowEventMap["keyup"];
focus: WindowEventMap["focus"];
blur: WindowEventMap["blur"];
clear: WindowEventMap["clear"];

1
types/DatePicker/DatePickerInput.d.ts vendored
View file

@ -97,6 +97,7 @@ export default class DatePickerInput extends SvelteComponentTyped<
{
input: WindowEventMap["input"];
keydown: WindowEventMap["keydown"];
keyup: WindowEventMap["keyup"];
blur: WindowEventMap["blur"];
},
{}

1
types/MultiSelect/MultiSelect.d.ts vendored
View file

@ -192,6 +192,7 @@ export default class MultiSelect extends SvelteComponentTyped<
}>;
clear: CustomEvent<any>;
keydown: WindowEventMap["keydown"];
keyup: WindowEventMap["keyup"];
focus: WindowEventMap["focus"];
blur: WindowEventMap["blur"];
},

1
types/Search/Search.d.ts vendored
View file

@ -123,6 +123,7 @@ export default class Search extends SvelteComponentTyped<
focus: WindowEventMap["focus"];
blur: WindowEventMap["blur"];
keydown: WindowEventMap["keydown"];
keyup: WindowEventMap["keyup"];
clear: CustomEvent<any>;
},
{}

2
types/TextArea/TextArea.d.ts vendored
View file

@ -96,6 +96,8 @@ export default class TextArea extends SvelteComponentTyped<
mouseleave: WindowEventMap["mouseleave"];
change: WindowEventMap["change"];
input: WindowEventMap["input"];
keydown: WindowEventMap["keydown"];
keyup: WindowEventMap["keyup"];
focus: WindowEventMap["focus"];
blur: WindowEventMap["blur"];
},

1
types/TextInput/PasswordInput.d.ts vendored
View file

@ -138,6 +138,7 @@ export default class PasswordInput extends SvelteComponentTyped<
change: WindowEventMap["change"];
input: WindowEventMap["input"];
keydown: WindowEventMap["keydown"];
keyup: WindowEventMap["keyup"];
focus: WindowEventMap["focus"];
blur: WindowEventMap["blur"];
},

1
types/TextInput/TextInput.d.ts vendored
View file

@ -120,6 +120,7 @@ export default class TextInput extends SvelteComponentTyped<
change: WindowEventMap["change"];
input: WindowEventMap["input"];
keydown: WindowEventMap["keydown"];
keyup: WindowEventMap["keyup"];
focus: WindowEventMap["focus"];
blur: WindowEventMap["blur"];
},

2
types/TimePicker/TimePicker.d.ts vendored
View file

@ -101,6 +101,8 @@ export default class TimePicker extends SvelteComponentTyped<
mouseleave: WindowEventMap["mouseleave"];
change: WindowEventMap["change"];
input: WindowEventMap["input"];
keydown: WindowEventMap["keydown"];
keyup: WindowEventMap["keyup"];
focus: WindowEventMap["focus"];
blur: WindowEventMap["blur"];
},