@workday/canvas-kit-react/dist/commonjs/combobox/lib/hooks/useComboboxInputOpenWithArrowKeys.js

The parent module that contains all Workday Canvas Kit React components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useComboboxInputOpenWithArrowKeys = void 0;
const common_1 = require("@workday/canvas-kit-react/common");
const useComboboxModel_1 = require("./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.
 */
exports.useComboboxInputOpenWithArrowKeys = (0, common_1.createElemPropsHook)(useComboboxModel_1.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);
            }
        },
    };
});