@aibsweb/faceted-search/lib/components/pivot-table/pivot-title.js

A generalized faceted search application.

"use strict";

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

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

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

require("../../../scss/tooltip.scss");

var _bubbleScale = _interopRequireDefault(require("./bubble-scale"));

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

var onMouseEnter = function onMouseEnter(style, contentComponent, tooltipId) {
  return function (_ref) {
    var screenX = _ref.screenX,
        screenY = _ref.screenY;
    var customEvent = new CustomEvent("".concat(tooltipId, "_TOOLTIP_CHANGE"), {
      detail: {
        tooltipOpen: true,
        style: style,
        contentComponent: contentComponent,
        screenX: screenX,
        screenY: screenY
      }
    });
    document.dispatchEvent(customEvent);
  };
};

var onMouseLeave = function onMouseLeave(tooltipId) {
  return function () {
    var customEvent = new CustomEvent("".concat(tooltipId, "_TOOLTIP_CHANGE"), {
      detail: {
        tooltipOpen: false
      }
    });
    document.dispatchEvent(customEvent);
  };
};

var PivotTitle = function PivotTitle(_ref2) {
  var maxDataValue = _ref2.maxDataValue,
      maxDiameter = _ref2.maxDiameter,
      title = _ref2.title,
      style = _ref2.style,
      tooltipId = _ref2.tooltipId;
  var tooltipContent = (0, _bubbleScale["default"])({
    maxDataValue: maxDataValue,
    maxDiameter: maxDiameter,
    bubbleSteps: 4
  });
  return _react["default"].createElement("div", null, _react["default"].createElement("span", null, title), _react["default"].createElement("i", {
    className: "fas fa-info-circle",
    onMouseEnter: onMouseEnter(style, tooltipContent, tooltipId),
    onMouseLeave: onMouseLeave(tooltipId)
  }));
};

var _default = PivotTitle;
exports["default"] = _default;
PivotTitle.propTypes = {
  maxDataValue: _propTypes["default"].number,
  maxDiameter: _propTypes["default"].number,
  title: _propTypes["default"].string
};