@netdata/charts/dist/components/filterToolbox/totals.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 _checkmark_s = _interopRequireDefault(require("@netdata/netdata-ui/dist/components/icon/assets/checkmark_s.svg"));
var _warning_triangle_hollow = _interopRequireDefault(require("@netdata/netdata-ui/dist/components/icon/assets/warning_triangle_hollow.svg"));
var _icon = _interopRequireDefault(require("../icon"));
var _provider = require("../provider");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
var Totals = function Totals(_ref) {
  var _ref$selected = _ref.selected,
    selected = _ref$selected === void 0 ? [] : _ref$selected,
    _ref$qr = _ref.qr,
    qr = _ref$qr === void 0 ? 0 : _ref$qr,
    _ref$fl = _ref.fl,
    fl = _ref$fl === void 0 ? 0 : _ref$fl,
    _ref$sl = _ref.sl,
    sl = _ref$sl === void 0 ? 0 : _ref$sl,
    _ref$ex = _ref.ex,
    ex = _ref$ex === void 0 ? 0 : _ref$ex,
    _ref$teaser = _ref.teaser,
    teaser = _ref$teaser === void 0 ? false : _ref$teaser,
    resourceName = _ref.resourceName,
    _ref$totalSelected = _ref.totalSelected,
    totalSelected = _ref$totalSelected === void 0 ? [] : _ref$totalSelected;
  var total = sl + ex;
  var selectedCount = (totalSelected === null || totalSelected === void 0 ? void 0 : totalSelected.length) || selected.length;
  var queriedSelectedCount = selectedCount && selectedCount < qr ? selectedCount : qr;
  var couldBeMore = fl > 0 || teaser && qr < (selectedCount || total);
  var possiblesCount = (teaser ? selectedCount || total : selectedCount) || sl;
  var chart = (0, _provider.useChart)();
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_netdataUi.TextMicro, {
    color: "textLite",
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_netdataUi.TextMicro, {
      color: teaser ? "text" : "primary",
      children: queriedSelectedCount
    }), !teaser ? " queried" : " ", !teaser && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon["default"], {
      margin: [-0.5, 1, -0.5, 0],
      width: "14px",
      height: "14px",
      color: "primary",
      svg: _checkmark_s["default"]
    }), !!fl && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
      children: [!teaser ? "+ " : /*#__PURE__*/(0, _jsxRuntime.jsx)(_netdataUi.TextMicro, {
        color: "errorLite",
        children: " +"
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_netdataUi.TextMicro, {
        color: "errorLite",
        children: fl
      }), !teaser ? "failed " : " ", /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon["default"], {
        margin: [-0.5, 1, -0.5, 0],
        width: "14px",
        height: "14px",
        color: "errorLite",
        svg: _warning_triangle_hollow["default"]
      })]
    }), couldBeMore && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
      children: ["of ", /*#__PURE__*/(0, _jsxRuntime.jsx)(_netdataUi.TextMicro, {
        color: teaser ? "textLite" : "text",
        children: possiblesCount
      }), !teaser ? " selected" : " "]
    }), !teaser && qr !== total && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
      children: ["of ", /*#__PURE__*/(0, _jsxRuntime.jsx)(_netdataUi.TextMicro, {
        children: total
      }), " available"]
    }), resourceName ? chart.intl(resourceName, {
      count: couldBeMore ? possiblesCount : queriedSelectedCount
    }) : ""]
  });
};
var _default = exports["default"] = Totals;