d2-ui/node_modules-react-15/react-event-listener/src/index.js

d2-ui

import {PropTypes, Component} from 'react';

function on(element, type, callback) {
  if (element.addEventListener) {
    element.addEventListener(type, callback);
  } else { // IE8+ Support
    element.attachEvent(`on${type}`, () => {
      callback.call(element);
    });
  }
}

function off(element, type, callback) {
  if (element.removeEventListener) {
    element.removeEventListener(type, callback);
  } else { // IE8+ Support
    element.detachEvent(`on${type}`, callback);
  }
}

function listenersForEach(props, callback) {
  const {
    elementName,
    ...other,
  } = props;

  const element = window[elementName];

  for (const eventIdentifier in other) {
    const eventName = eventIdentifier.substring(2).toLowerCase();

    callback(element, eventName, other[eventIdentifier]);
  }
}

export default class EventListener extends Component {
  static propTypes = {
    /**
     * You can provide a children too.
     */
    children: PropTypes.node,
    /**
     * Name of the element that we will be listening to.
     */
    elementName: PropTypes.string,
  };

  componentDidMount() {
    listenersForEach(this.props, (element, eventName, callback) => {
      on(element, eventName, callback);
    });
  }

  componentWillUnmount() {
    listenersForEach(this.props, (element, eventName, callback) => {
      off(element, eventName, callback);
    });
  }

  render() {
    return this.props.children || null;
  }
}