formula-treemap/dist/FormulaViewer/TreeInfo.js

한약재를 구성하는 재료(성분)들을 보기 좋게 시각화 한 리액트 컴포넌트 패키지입니다.

"use strict";

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

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

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

var TreeInfo = function TreeInfo(_ref) {
  var drugName = _ref.drugName,
      groups = _ref.groups,
      currentHover = _ref.currentHover;
  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
    className: "drug-name"
  }, drugName), /*#__PURE__*/_react.default.createElement("ul", {
    className: "formula"
  }, groups.map(function (herb, index) {
    return /*#__PURE__*/_react.default.createElement("li", {
      key: "".concat(herb.label, "-").concat(herb.weight, "-").concat(index),
      "data-hover": (currentHover === null || currentHover === void 0 ? void 0 : currentHover.__id) === herb.__id
    }, /*#__PURE__*/_react.default.createElement("div", {
      className: "name"
    }, herb.label), /*#__PURE__*/_react.default.createElement("div", {
      className: "weight"
    }, (+herb.weight).toFixed(2), "g"));
  })));
};

var _default = TreeInfo;
exports.default = _default;