devlato/react-easter

var React = require('react');
 
var HotKey = require('react-shortcut');
 
module.exports = React.createClass({
  propTypes: {
    keys: React.PropTypes.array,
    simultaneous: React.PropTypes.bool,
    timeout: React.PropTypes.number,
    onKeysCoincide: React.PropTypes.func,
    onTimeout: React.PropTypes.func,
    children: React.PropTypes.oneOfType([
      React.PropTypes.array,
      React.PropTypes.element
    ])
  },
 
  getInitialState: function initialState() {
    return {
      timer: null
    };
  },
 
  componentDidMount: function didMount() {},
 
  render: function renderComponent() {
    var props = this.props || {};
    var state = this.state || {};
 
    var children = props.children || null;
    var timer = state.timer || null;
 
    if (timer !== null) {
      return children;
    }
 
    return React.createElement(HotKey, {
      keys: props.keys,
      simultaneous: props.simultaneous,
      onKeysCoincide: this.onKeysCoincide
    }, null);
  },
 
Function `keysCoincide` has a Cognitive Complexity of 6 (exceeds 5 allowed). Consider refactoring.
  onKeysCoincide: function keysCoincide() {
    var props = this.props || {};
    var timeout = props.timeout || null;
    var onKeysCoincide = props.onKeysCoincide || null;
    var onTimeout = props.onTimeout || null;
 
    if (onKeysCoincide) onKeysCoincide();
    if (timeout) {
      this.setState({
        timer: setTimeout((function resolveTimeout() {
          clearTimeout(this.state.timer);
          if (onTimeout) onTimeout();
 
          this.setState({ timer: null });
        }).bind(this), timeout)
      });
    } else {
      this.setState({
        timer: Number.POSITIVE_INFINITY
      });
    }
  },
 
  getDefaultProps: function defaultProps() {
    return {
      keys: [],
      simultaneous: false,
      timeout: null
    };
  }
});