@r3l/app/lib/modules/tooltip/web/tooltip.component.js

Relevant App

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.TextTooltip = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _reactTooltip = _interopRequireDefault(require("react-tooltip"));

var _styled = require("../../styled");

var _excluded = ["id", "type"];

var TextTooltipComponent = function TextTooltipComponent(_ref) {
  var text = _ref.text,
      title = _ref.title;
  return /*#__PURE__*/_react.default.createElement(_styled.View, {
    sx: {
      maxWidth: 32 * 8,
      flex: 1,
      flexDirection: 'column'
    }
  }, title ? /*#__PURE__*/_react.default.createElement(_styled.Title, {
    sx: {
      color: 'white',
      mb: 1
    }
  }, title) : null, text ? /*#__PURE__*/_react.default.createElement(_styled.BodyText, {
    sx: {
      color: 'white'
    }
  }, text) : null);
};

TextTooltipComponent.propTypes = {
  text: _propTypes.default.string,
  title: _propTypes.default.string
};
var TOOLTIPS = {
  POST: {},
  TEXT: TextTooltipComponent
};

var TextTooltip = function TextTooltip(_ref2) {
  var id = _ref2.id,
      type = _ref2.type,
      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
  return /*#__PURE__*/_react.default.createElement(_reactTooltip.default, (0, _extends2.default)({
    className: "reactTooltip",
    id: id,
    effect: "solid",
    type: type || 'light',
    getContent: function getContent(dataTip) {
      var data = JSON.parse(dataTip);
      if (!data) return null;
      var type = data.type,
          props = data.props; // eslint-disable-line

      if (!TOOLTIPS[type]) return null;
      var TT = TOOLTIPS[type];
      return /*#__PURE__*/_react.default.createElement(TT, props);
    }
  }, rest));
};

exports.TextTooltip = TextTooltip;
TextTooltip.propTypes = {
  id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
  type: _propTypes.default.string
};
//# sourceMappingURL=tooltip.component.js.map