@daphneb/phonereporting/react-d3-components/lib/Tooltip.js

'use strict';

Object.defineProperty(exports, "__esModule", {
    value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var number = _react.PropTypes.number;
var node = _react.PropTypes.node;


var Tooltip = _react2.default.createClass({
    displayName: 'Tooltip',

    propTypes: {
        top: number.isRequired,
        left: number.isRequired,
        html: node,
        translate: number,
    },

    getDefaultProps: function getDefaultProps() {
        return {
            top: 150,
            left: 100,
            html: '',
            translate: 50
        };
    },
    render: function render() {

        var _props = this.props;
        var top = _props.top;
        var left = _props.left;
        var hidden = _props.hidden;
        var html = _props.html;
        var translate = _props.translate;
        //console.log('ajout toto node', this.props);

        var style = {
            display: hidden ? 'block' : 'block',
            position: 'fixed',
            top: top,
            left: left,
            transform: 'translate(-' + translate + '%, 0)',
            pointerEvents: 'none'
        };

        return _react2.default.createElement(
            'div',
            { className: 'tooltip', style: style },
            html
        );
    }
});

exports.default = Tooltip;