@aibsweb/faceted-search/es/components/pivot-table/bubble-cell.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"));

var _utils = require("./utils");

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

// provide proportional padding space
var SCALED_MAX_DIAMETER = 0.9; // provide a minimum visible bubble for relatively small nonzero counts

var MIN_NONZERO_DIAMETER = 3;

var BubbleCell = function BubbleCell(_ref) {
  var count = _ref.count,
      maxDataValue = _ref.maxDataValue,
      maxDiameter = _ref.maxDiameter;
  var diameter = (0, _utils.computeDiameter)(count, maxDataValue, maxDiameter, SCALED_MAX_DIAMETER, MIN_NONZERO_DIAMETER);
  var marginTop = "".concat((maxDiameter - diameter) / 2, "px");
  return _react["default"].createElement("div", {
    className: "pivot-table__grid-cell--bubble",
    style: {
      width: "".concat(diameter, "px"),
      height: "".concat(diameter, "px"),
      marginTop: marginTop
    }
  });
};

var _default = BubbleCell;
exports["default"] = _default;
BubbleCell.propTypes = {
  count: _propTypes["default"].number,
  maxDataValue: _propTypes["default"].number,
  maxDiameter: _propTypes["default"].number
};