@netdata/charts/dist/components/details/description.js

Netdata frontend SDK and chart utilities

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _netdataUi = require("@netdata/netdata-ui");
var _provider = require("../provider");
var _row = _interopRequireDefault(require("./row"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
var ChartDescription = function ChartDescription() {
  var title = (0, _provider.useTitle)();
  var info = (0, _provider.useAttributeValue)("info");
  var sectionInfo = (0, _provider.useAttributeValue)("sectionInfo");
  var chart = (0, _provider.useChart)();
  var onClick = function onClick(event) {
    var _event$target$hash = event.target.hash,
      hash = _event$target$hash === void 0 ? "" : _event$target$hash;
    if (!hash.startsWith("#menu")) return;
    event.preventDefault();
    chart.sdk.trigger("goToLink", chart, hash.substr(1));
  };
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_row["default"], {
    title: title,
    color: "key",
    "data-testid": "cartDetails-description",
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_netdataUi.TextSmall, {
      color: "textDescription",
      dangerouslySetInnerHTML: {
        __html: sectionInfo
      },
      onClick: onClick
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_netdataUi.TextSmall, {
      color: "textDescription",
      dangerouslySetInnerHTML: {
        __html: info
      },
      onClick: onClick
    })]
  });
};
var _default = exports["default"] = ChartDescription;