Mixin for components that bind to keyboard events using Mousetrap.

MousetrapMixin.js

// Mixin for components that bind to keyboard events using Mousetrap.
// Use this.bind like you would Mousetrap.bind.

function nop(){}

module.exports = {
    bind: function(keys, callback, action) {
        this._mousetrapBindings.push([keys, action]);
        Mousetrap.bind(keys, callback.bind(this), action);
    },
    unbindAll: function() {
        var bindings = this._mousetrapBindings;
        var len = bindings.length;
        for (var i = 0; i < len; i++) {
            var binding = bindings[i];
            Mousetrap.bind(binding[0], nop, binding[1]);
        }
        this._mousetrapBindings = [];
    },
    componentWillMount: function() {
        this._mousetrapBindings = [];
    },
    componentWillUnmount: function() {
        this.unbindAll();
    }
};