import React from 'react'; import ReactDOM from 'react-dom'; import {Icon} from './common.js'; // Generic menu styles export let menuStyle = { whiteSpace: 'nowrap' }; export let Menu = React.createClass({ propTypes: { onClickOut: React.PropTypes.func.isRequired, }, handleWindowClick: function(e) { if (!this._div.contains(e.target)) { // Menu is open and user clicked outside of it this.props.onClickOut(); } }, componentDidMount: function() { window.addEventListener('click', this.handleWindowClick, false); }, componentWillUnmount: function() { window.removeEventListener('click', this.handleWindowClick, false); }, render: function() { const {onClickOut, ...other} = this.props; return (