UNPKG

@workday/canvas-kit-react

Version:

The parent module that contains all Workday Canvas Kit React components

18 lines (17 loc) 730 B
import { createElemPropsHook } from '@workday/canvas-kit-react/common'; import { useComboboxModel } from './useComboboxModel'; /** * Opens a `Combobox` with the up/down arrow keys. This should be used only on a * {@link ComboboxInput Combobox.Input}. It adds a keydown listener for the up/down arrow keys. */ export const useComboboxInputOpenWithArrowKeys = createElemPropsHook(useComboboxModel)(model => { return { onKeyDown(event) { if (event.key === 'ArrowDown' || (event.key === 'ArrowUp' && model.state.visibility !== 'visible')) { model.events.show(event); model.events.setWidth(event.currentTarget.clientWidth); } }, }; });