@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
20 lines (19 loc) • 786 B
JavaScript
import { createElemPropsHook, useIsRTL } from '@workday/canvas-kit-react/common';
import { keyboardEventToCursorEvents } from '@workday/canvas-kit-react/collection';
import { useComboboxModel } from './useComboboxModel';
/**
* `useComboboxListKeyboardHandler` handle calling keyboard events like ArrowUp and ArrowDown only when the menu is visible.
*/
export const useComboboxListKeyboardHandler = createElemPropsHook(useComboboxModel)(model => {
const isRTL = useIsRTL();
return {
onKeyDown(event) {
if (model.state.visibility === 'visible') {
const handled = keyboardEventToCursorEvents(event, model, isRTL);
if (handled) {
event.preventDefault();
}
}
},
};
});