@talend/react-components/lib/QualityBar/QualityBar.component.js

Set of react components.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.QualityBar = void 0;
var _reactI18next = require("react-i18next");
var _designSystem = require("@talend/design-system");
var _constants = _interopRequireDefault(require("../constants"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const QualityBar = ({
  valid,
  invalid,
  empty,
  na,
  placeholder,
  digits = 1,
  ...rest
}) => {
  const {
    t
  } = (0, _reactI18next.useTranslation)(_constants.default);
  const percentages = _designSystem.QualityBar.getQualityPercentagesRounded(digits, invalid, empty, valid, na, placeholder);
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_designSystem.QualityBar, {
    valid: valid,
    invalid: invalid,
    empty: empty,
    na: na,
    placeholder: placeholder,
    tooltipLabels: {
      empty: t('EMPTY_VALUES', {
        defaultValue: '{{value}} empty value ({{percentage}}%)',
        defaultValue_other: '{{value}} empty values ({{percentage}}%)',
        count: empty,
        percentage: percentages.empty,
        value: _designSystem.QualityBar.formatNumber(empty)
      }),
      invalid: t('INVALID_VALUES', {
        defaultValue: '{{value}} invalid value ({{percentage}}%)',
        defaultValue_other: '{{value}} invalid values ({{percentage}}%)',
        count: invalid,
        percentage: percentages.invalid,
        value: _designSystem.QualityBar.formatNumber(invalid)
      }),
      na: t('NOT_APPLICABLE_VALUES', {
        defaultValue: '{{value}} not applicable value ({{percentage}}%)',
        defaultValue_other: '{{value}} not applicable values ({{percentage}}%)',
        count: na,
        percentages: percentages.na,
        value: _designSystem.QualityBar.formatNumber(na)
      }),
      valid: t('VALID_VALUES', {
        defaultValue: '{{value}} valid value ({{percentage}}%)',
        defaultValue_other: '{{value}} valid values ({{percentage}}%)',
        count: valid,
        percentage: percentages.valid,
        value: _designSystem.QualityBar.formatNumber(valid)
      })
    },
    ...rest
  });
};
exports.QualityBar = QualityBar;
//# sourceMappingURL=QualityBar.component.js.map