Higher order function which handles key presses

clickKeyPress.js

/**
 * Higher order function which handles
 * key presses "onKeyDown".
 *
 * Passes event to function.
 *
 * @param {Function} fn - Function to be invoked with event
 * @return {function(Event): any}
 */
const clickKeyPress = (fn) => (ev) => {
    // Return out if user used "onKeyDown"
    // but didn't use the enter key
    if (ev.keyCode && (ev.keyCode !== 13 || ev.key !== 'Enter')) return;

    // eslint-disable-next-line consistent-return
    return fn(ev);
};


export default clickKeyPress;

clickKeyPress.ts

type Event = {
  keyCode?: number
  [key: string]: any;
};
type EventFn = (ev: Event) => any;

/**
 * Higher order function which handles
 * key presses "onKeyDown".
 *
 * Passes event to function.
 */
const clickKeyPress = <T extends EventFn>(fn: T) => <E extends Event>(ev: E): ReturnType<T> | void => {
  // Return out if user used "onKeyDown"
  // but didn't use the enter key
  if ('keyCode' in ev && (ev.keyCode !== 13 || ev.key !== 'Enter')) return;

  // eslint-disable-next-line consistent-return
  return fn(ev);
};

export default clickKeyPress;