Ignore elements with a blacklist

[danbovey]

We could add to the config to make a list of elements to ignore, so that clicking a button located outside of the component which toggles the display, doesn't immediately toggle the display again.

However, the cleanest way of doing this is within the component's own handleClickOutside function, as your application will have knowledge/context of these elements whereas passing this logic to the HOC is pretty hacky.

handleClickOutside(e) {
    const blacklist = ['btn-modal', 'btn-modal-icon'];
    if(blacklist.indexOf(e.target.id) == -1) {
        this.props.actions.close();
    }
}