react-jsf/src/jsf/components/IcePanelTooltip.js

JSF Compliant React Components

import React from 'react';
import PropTypes from 'prop-types';
import JsfElement from '../superclass/JsfElement';

export default class IcePanelTooltip extends JsfElement {
  static propTypes = {
    id: PropTypes.string,
    hideOn: PropTypes.string,
  };
  static hiddenStyle = {display: 'none', visibility: 'hidden'};

  constructor(props, context) {
    super(props, context);
    this.state.style = IcePanelTooltip.hiddenStyle;

    this.hideTooltip = this.hideTooltip.bind(this);
  }

  hideTooltip() {
    this.setState({
      style: IcePanelTooltip.hiddenStyle,
    });
  }

  render() {
    let props = {};

    switch (this.props.hideOn) {
      case 'mouseout':
        props.onMouseOut = this.hideTooltip;
        break;
    }

    let div = (<div className="icePnlTlTip" id={this.state.id}
                    style={this.state.style}>
      <table cellPadding="0" cellSpacing="0">
        <tbody>
        <tr id={`${this.state.id}-tr`}>
          <td className="icePnlTlTipBody" colSpan="2">
            {this.body}
          </td>
        </tr>
        </tbody>
      </table>
      <span id={`${this.state.id}script`}/></div>);
    return React.cloneElement(div, props);
  }
}

IcePanelTooltip.contextTypes = {
  getFormId: PropTypes.func,
  registerAtAll: PropTypes.func,
  registerAtForm: PropTypes.func,
};