All files / src/components/Tooltip index.jsx

25% Statements 2/8
0% Branches 0/10
0% Functions 0/1
25% Lines 2/8
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44                      4x                                           4x                    
import 'rc-tooltip/assets/bootstrap.css';
 
import styles from './style.postcss';
 
import React from 'react';
import pure from 'recompose/pure';
import RcTooltip from 'rc-tooltip';
import is from 'is_js';
import classnames from 'classnames';
import PropTypes from 'prop-types';
 
const Tooltip = (props) => {
  if (is.not.string(props.text) || is.empty(props.text)) {
    return <div className={props.className}>props.children</div>;
  }
 
  const placement = is.existy(props.placement) ? props.placement : 'top';
  const overlayClassName = is.existy(props.overlayClassName) ?
    classnames(styles.Tooltip_bubble, props.overlayClassName) :
    styles.Tooltip_bubble;
  const trigger = is.existy(props.trigger) ?
    props.trigger :
    ['hover'];
 
  return <RcTooltip placement={placement}
      trigger={trigger}
      destroyPopupOnHide
      overlay={<div>{props.text}</div>}
      overlayClassName={overlayClassName}>
    <div className={props.className}>{props.children}</div>
  </RcTooltip>;
};
 
Tooltip.propTypes = {
  children: PropTypes.node,
  text: PropTypes.string,
  className: PropTypes.string,
  placement: PropTypes.string,
  overlayClassName: PropTypes.string,
  trigger: PropTypes.any,
};
 
export default pure(Tooltip);