click handler

clickhandler.js

import React, { Component } from 'react';
import OutsideClickHandler from 'react-outside-click-handler';

const withOutsideClickHandler = (WrappedComponent) => class extends Component {

  constructor(props) {
    super(props);
    this.ref = React.createRef();
    this.state = {
      open: false,
      disabled: true
    };
  }

  render() {
    return (
      <OutsideClickHandler onOutsideClick={this.onOutsideClick} disabled={this.state.disabled}>
        <WrappedComponent {...this.props} ref={this.ref} open={this.state.open} toggleOpen={this.toggleOpen}/>
      </OutsideClickHandler>
    );
  }
};

export default withOutsideClickHandler;