README.md

Better react-hotkeys HOC

Usage:

withHotKeys({ new: "alt+n" }, { new: props => event => console.log(props, event) })(...)

Useful to use with recompose.

withHotKeysProps.js

import React from "react";
import { HotKeys } from "react-hotkeys";

export default (keyMap, handlers) => Component => props => {
  const bindedHandlers = Object.entries(handlers).reduce(
    (bindedHandlers, [name, fn]) => ({
      ...bindedHandlers,
      [name]: event => fn(props)(event)
    }),
    {}
  );

  return (
    <HotKeys
      component="document-fragment"
      keyMap={keyMap}
      handlers={bindedHandlers}
    >
      <Component {...props} />
    </HotKeys>
  );
};