BezierInfo-2/components/decorators/keyhandling-decorator.jsx

var React = require("react");
var noop = require("../../lib/noop");

module.exports = function(Component) {
  var options = Component.keyHandlingOptions,
      propName = options.propName || "",
      values = options.values || {},
      controller = options.controller || noop,
      defaultProps = Component.defaultProps,
      getDefaultProps = Component.getDefaultProps,
      ref = "wrappedComponent";

  return React.createClass({
    values: values,

    defaultProps: defaultProps,
    getDefaultProps: getDefaultProps,

    onKeyDown: function(event, api) {
      var v = this.values[event.keyCode];
      if(v) {
        event.preventDefault();
        if (typeof v === "function") {
          v(api);
        } else {
          api[propName] += v;
          controller(api);
        }
      }
    },

    getComponent: function() {
      var wrappedComponent = this.refs[ref];
      if (wrappedComponent.getComponent) {
        return wrappedComponent.getComponent();
      }
      return wrappedComponent;
    },

    render: function() {
      return <Component {...this.props} onKeyDown={this.onKeyDown} ref={ref} />;
    }
  });
};