How to use the keycode function in keycode

handleKeyDown(event) {
    if (keycode.isEventKey(event, 'Space') || keycode.isEventKey(event, 'Enter')) {
      event.preventDefault();
      event.stopPropagation();
      this.handleAction(event);
    } else if (keycode.isEventKey(event, 'Home')) {
      event.preventDefault();
      event.stopPropagation();
      this.player_.currentTime(0);
    } else if (keycode.isEventKey(event, 'End')) {
      event.preventDefault();
      event.stopPropagation();
      this.player_.currentTime(this.player_.duration());
    } else if (/^[0-9]$/.test(keycode(event))) {
      event.preventDefault();
      event.stopPropagation();
      const gotoFraction = (keycode.codes[keycode(event)] - keycode.codes['0']) * 10.0 / 100.0;

      this.player_.currentTime(this.player_.duration() * gotoFraction);
    } else if (keycode.isEventKey(event, 'PgDn')) {
      event.preventDefault();
      event.stopPropagation();
      this.player_.currentTime(this.player_.currentTime() - (STEP_SECONDS * PAGE_KEY_MULTIPLIER));
    } else if (keycode.isEventKey(event, 'PgUp')) {
      event.preventDefault();
      event.stopPropagation();
      this.player_.currentTime(this.player_.currentTime() + (STEP_SECONDS * PAGE_KEY_MULTIPLIER));
    } else {
      // Pass keydown handling up for unsupported keys
      super.handleKeyDown(event);

handleKeyDown = event => {
    const { component, focusRipple, onKeyDown, onClick } = this.props;
    const key = keycode(event);

    // Check if key is already down to avoid repeats being counted as multiple activations
    if (focusRipple && !this.keyDown && this.state.keyboardFocused && key === 'space') {
      this.keyDown = true;
      event.persist();
      this.ripple.stop(event, () => {
        this.ripple.start(event);
      });
    }

    if (onKeyDown) {
      onKeyDown(event);
    }

    // Keyboard accessibility for non interactive elements
    if (

handleKey(e) {
    if (keycode(e) === 'enter' && !e.shiftKey) {
      this.updateDraft();
    }
  }

const onKeyDown = (event) => {
    if (onDelete && (event.which === keycode('backspace') || event.which === keycode('delete'))) {
      event.preventDefault()
      return onDelete(event.target, index)
    }
    return focusLeftOrRight(event, [keycode('left')], [keycode('right')])
  }

handleKeyUp = event => {
    if (this.props.focusRipple && keycode(event) === 'space' && this.state.keyboardFocused) {
      this.keyDown = false;
      event.persist();
      this.ripple.stop(event, () => this.ripple.pulsate(event));
    }
    if (this.props.onKeyUp) {
      this.props.onKeyUp(event);
    }
  };

keyboardEventToString(keyboardEvent) {
    let logger = loggerCreator(this.keyboardEventToString.name, moduleLogger);
    logger.info(`start`);

    let name = keycode(keyboardEvent);
    let code = keyboardEvent.keyCode;
    let ctrl = keyboardEvent.ctrlKey;
    let shift = keyboardEvent.shiftKey;
    let alt = keyboardEvent.altKey;
    let meta = keyboardEvent.metaKey;

    logger.info(`[${name}] code: ${code}. ctrl: ${ctrl}. shift: ${shift}. alt: ${alt}. meta: ${meta}`);

    let keyParts = [];
    if (this._modifierKeys.indexOf(code) === -1 && name) {
      if (ctrl) keyParts.push("Ctrl");
      if (shift) keyParts.push("Shift");
      if (alt) keyParts.push("Alt");
      if (meta) keyParts.push("Cmd");

      if (name.match(/[\w]/)) {

const dateFormat = new Intl.DateTimeFormat(navigator.language, {
  year: 'numeric',
  month: 'short',
  day: '2-digit',
  hour: 'numeric',
  minute: '2-digit',
})

const FOCUSED_KEY = 'FocusedPath'

const ENTER = keycode('enter')
const UP = keycode('up')
const DOWN = keycode('down')
const PAGEUP = keycode('page up')
const PAGEDOWN = keycode('page down')
const HOME = keycode('home')
const END = keycode('end')
const BACKSPACE = keycode('backspace')

const VERT_PADDING = 8
const ENTRY_HEIGHT = 60

class UpOneDir extends React.PureComponent {
  static propTypes = {
    onClick: PropTypes.func.isRequired,
    isFocused: PropTypes.bool,
  }

  render() {
    const { style, isFocused, onClick } = this.props
    const upOneDirClasses = classnames(styles.entry, {
      [styles.focused]: isFocused,

constructor() {
    let logger = loggerCreator(this.constructor.name, moduleLogger);
    logger.info(`start`);

    this._modifierKeys = [
      keycode("left command"), keycode("right command"),
      keycode("shift"), keycode("ctrl"), keycode("alt")
    ];

    logger.info(`invalid keys: ${this._modifierKeys}`);

    this.reset();
  }

handleKeyUp = (event) => {
    if (keycode(event) === 'esc') {
      this.requestClose(false);
    }
  };