OutsideClick.js

import {Func} from 'tcomb'
import {ReactNode, propTypes} from 'tcomb-react'
import React from 'react'
import events from 'add-event-listener'
const findDOMNode = React.findDOMNode

export default class OutsideClick extends React.Component {
    _localNode = null

    static propTypes = propTypes({
        onClick: Func,
        children: ReactNode
    })

    constructor(props, context) {
        super(props, context)
        this._clickHandler = ::this._clickHandler
    }

    _clickHandler(event) {
        const {onClick} = this.props
        let source = event.target
        let found = false
        event.stopPropagation()
        while (!found && source.parentNode) {
            found = source === this._localNode
            source = source.parentNode
        }
        if (!found) {
            onClick(event)
        }
    }

    componentDidMount() {
        this._localNode = findDOMNode(this)
        events.addEventListener(document, 'mousedown', this._clickHandler)
        events.addEventListener(document, 'touchstart', this._clickHandler)
    }

    componentWillUnmount() {
        events.removeEventListener(document, 'mousedown', this._clickHandler)
        events.removeEventListener(document, 'touchstart', this._clickHandler)
        this._localNode = null
    }

    render() {
        const {children} = this.props

        return (
            <div>
                {children}
            </div>
        )
    }
}