terra-clinical-result/lib/result-name-header-cell/ResultNameHeaderCell.js

The Terra Clinical Result package is a collection of standardized views for presenting clinical results documented to a Patient's Medical Chart, such as Vital Signs, Laboratory Results, and Discretely Documented Values

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _classnames = _interopRequireDefault(require("classnames"));
var _bind = _interopRequireDefault(require("classnames/bind"));
var _terraThemeContext = _interopRequireDefault(require("terra-theme-context"));
var _IconCalculator = _interopRequireDefault(require("terra-icon/lib/icon/IconCalculator"));
var _terraVisuallyHiddenText = _interopRequireDefault(require("terra-visually-hidden-text"));
var _ResultNameHeaderCellModule = _interopRequireDefault(require("./ResultNameHeaderCell.module.scss"));
var _excluded = ["resultName", "unit", "fullResultName", "fullUnit", "paddingStyle", "typeIndicator"];
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
var cx = _bind.default.bind(_ResultNameHeaderCellModule.default);
var propTypes = {
  /**
   * Content to be displayed for the Result Name row label.
   */
  resultName: _propTypes.default.string.isRequired,
  /**
   * Content to be displayed as the supporting Unit of Measure row label.
   */
  unit: _propTypes.default.string,
  /**
   * Full name of the displayed Result Name for accessibility tooling's usage, e.g. `'Temperature'`.
   */
  fullResultName: _propTypes.default.string,
  /**
   * Full name of the displayed Unit of Measure for accessibility tooling's usage, e.g. `'Degrees Celsius'`.
   */
  fullUnit: _propTypes.default.string,
  /**
   * The padding styling to apply to the Result Name row header cell.
   * One of `'none'`, `'compact'`, or `'standard'`.
   */
  paddingStyle: _propTypes.default.oneOf(['none', 'compact', 'standard']),
  /**
   * Adds additional icon at beginning of row before the ResultName, indicating special information about results or cells.
   * One of `'none'` or `'calculated'`.
   */
  typeIndicator: _propTypes.default.oneOf(['none', 'calculated'])
};
var defaultProps = {
  paddingStyle: 'compact',
  typeIndicator: 'none'
};
var resultRowIndicators = {
  none: null,
  calculated: /*#__PURE__*/_react.default.createElement(_IconCalculator.default, {
    className: cx('icon-rowindicator')
  })
};
var ResultNameHeaderCell = function ResultNameHeaderCell(props) {
  var resultName = props.resultName,
    unit = props.unit,
    fullResultName = props.fullResultName,
    fullUnit = props.fullUnit,
    paddingStyle = props.paddingStyle,
    typeIndicator = props.typeIndicator,
    customProps = _objectWithoutProperties(props, _excluded);
  var theme = _react.default.useContext(_terraThemeContext.default);
  var nameHeaderCellClassnames = (0, _classnames.default)(cx('clinical-result-name-header-cell', {
    'padding-standard': paddingStyle === 'standard'
  }, {
    'padding-compact': paddingStyle === 'compact'
  }, theme.className), customProps.className);
  var resultNameDisplay = fullResultName ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
    className: cx('name'),
    "aria-hidden": "true"
  }, resultRowIndicators[typeIndicator.toLowerCase()], resultName), /*#__PURE__*/_react.default.createElement(_terraVisuallyHiddenText.default, {
    text: fullResultName
  })) : /*#__PURE__*/_react.default.createElement("div", {
    className: cx('name')
  }, resultRowIndicators[typeIndicator.toLowerCase()], resultName);
  var unitDisplay = fullUnit ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
    className: cx('unit'),
    "aria-hidden": "true"
  }, unit), /*#__PURE__*/_react.default.createElement(_terraVisuallyHiddenText.default, {
    text: fullUnit
  })) : /*#__PURE__*/_react.default.createElement("div", {
    className: cx('unit')
  }, unit);
  return /*#__PURE__*/_react.default.createElement("th", _extends({}, customProps, {
    className: nameHeaderCellClassnames
  }), resultNameDisplay, unit && unitDisplay);
};
ResultNameHeaderCell.propTypes = propTypes;
ResultNameHeaderCell.defaultProps = defaultProps;
var _default = exports.default = ResultNameHeaderCell;