terra-clinical-result
Version:
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
461 lines (458 loc) • 25.7 kB
JavaScript
"use strict";
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireWildcard(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 _IconComment = _interopRequireDefault(require("terra-icon/lib/icon/IconComment"));
var _IconModified = _interopRequireDefault(require("terra-icon/lib/icon/IconModified"));
var _IconDiamond = _interopRequireDefault(require("terra-icon/lib/icon/IconDiamond"));
var _terraVisuallyHiddenText = _interopRequireDefault(require("terra-visually-hidden-text"));
var _reactIntl = require("react-intl");
var _ClinicalResult = _interopRequireDefault(require("../ClinicalResult"));
var _ClinicalResultBloodPressure = _interopRequireDefault(require("../ClinicalResultBloodPressure"));
var _observationPropTypes = _interopRequireDefault(require("../proptypes/observationPropTypes"));
var _EnteredInError = _interopRequireDefault(require("../common/other/_EnteredInError"));
var _ResultError = _interopRequireDefault(require("../common/other/_ResultError"));
var _KnownNoData = _interopRequireDefault(require("../common/other/_KnownNoData"));
var _NumericOverflow = _interopRequireDefault(require("../common/other/_NumericOverflow"));
var _utils = require("../common/utils");
var _FlowsheetResultCellModule = _interopRequireDefault(require("./FlowsheetResultCell.module.scss"));
var _excluded = ["resultDataSet", "hideUnit", "paddingStyle", "hasResultError", "hasResultNoData", "intl"];
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
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; }
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); }
var cx = _bind.default.bind(_FlowsheetResultCellModule.default);
var propTypes = {
/**
* A set of clinical results. Example object structure listed above. .
*/
resultDataSet: _propTypes.default.arrayOf(_propTypes.default.shape({
/**
* A single clinical result or blood pressure result id.
*/
id: _propTypes.default.string,
/**
* A single clinical result or blood pressure result.
*/
resultData: _observationPropTypes.default
})),
/**
* Visually hides the unit of measure when presented in a series of side-by-side columns of the same unit.
*/
hideUnit: _propTypes.default.bool,
/**
* The padding styling to apply to the Time Column Header Cell.
* One of `'none'`, `'standard'`, `'compact'`.
*/
paddingStyle: _propTypes.default.oneOf(['none', 'standard', 'compact']),
/**
* Override that shows an Error display. Used when there is a known error or problem when retrieving or assembling the clinical result data.
*/
hasResultError: _propTypes.default.bool,
/**
* Override that shows a known "No Data" display. Used when there is known to be no value for a given clinical result concept at a specific datetime.
*/
hasResultNoData: _propTypes.default.bool,
/**
* @private
* The intl object to be injected for translations.
*/
intl: _propTypes.default.shape({
formatMessage: _propTypes.default.func
})
};
var defaultProps = {
resultDataSet: [],
paddingStyle: 'compact'
};
var interpretationsWithIcons = ['critical', 'critical-high', 'critical-low', 'positive', 'abnormal', 'high', 'low'];
var createEndIcons = function createEndIcons(hasCommentIcon, hasModifiedIcon, hasUnverifiedIcon, resultKeyID, intl) {
if (!hasCommentIcon && !hasModifiedIcon && !hasUnverifiedIcon) {
return null;
}
var iconElements;
if (hasUnverifiedIcon) {
iconElements = /*#__PURE__*/_react.default.createElement(_IconDiamond.default, {
className: cx('icon-unverified'),
a11yLabel: intl.formatMessage({
id: 'Terra.clinicalResult.resultUnverified'
}),
role: "img",
focusable: "true"
});
} else {
iconElements = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, hasCommentIcon ? /*#__PURE__*/_react.default.createElement(_IconComment.default, {
className: cx('icon-comment'),
a11yLabel: intl.formatMessage({
id: 'Terra.clinicalResult.resultComment'
}),
role: "img",
focusable: "true"
}) : null, hasModifiedIcon ? /*#__PURE__*/_react.default.createElement(_IconModified.default, {
className: cx('icon-modified'),
a11yLabel: intl.formatMessage({
id: 'Terra.clinicalResult.resultModified'
}),
role: "img",
focusable: "true"
}) : null);
}
return /*#__PURE__*/_react.default.createElement("div", {
key: "EndAccessoryIcons-".concat(resultKeyID),
className: cx('end-accessory-icons')
}, /*#__PURE__*/_react.default.createElement("div", {
className: cx('end-accessory-stack')
}, iconElements));
};
var createEndAdditionalResultsStack = function createEndAdditionalResultsStack(count, interpretationsArr, hasAccessoryIcons, resultKeyID, intl) {
var displayCount = count;
if (displayCount < 1) {
return null;
}
var additionalResultInterpretationIndicator;
var criticality;
if (['critical', 'critical-high', 'critical-low', 'positive'].some(function (r) {
return interpretationsArr.indexOf(r) >= 0;
})) {
additionalResultInterpretationIndicator = 'critical';
criticality = 'critical';
} else if (['abnormal', 'high', 'low'].some(function (r) {
return interpretationsArr.indexOf(r) >= 0;
})) {
additionalResultInterpretationIndicator = 'high';
criticality = 'out of range';
} else {
criticality = 'normal';
}
var additionalResultClassNames = cx(['additional-end-display', {
'no-accessory-icons': !hasAccessoryIcons
}, {
'interpretation-critical': additionalResultInterpretationIndicator === 'critical'
}, {
'interpretation-high': additionalResultInterpretationIndicator === 'high'
}]);
var additionalCountDisplayValue = displayCount > 99 ? /*#__PURE__*/_react.default.createElement("span", {
className: cx(['additional-results-value', 'additional-results-max-value'])
}, "99+") : /*#__PURE__*/_react.default.createElement("span", {
className: cx('additional-results-value')
}, displayCount);
var text = criticality === 'normal' ? intl.formatMessage({
id: 'Terra.clinicalResult.multipleNormalResults'
}, {
count: count
}) : intl.formatMessage({
id: 'Terra.clinicalResult.multipleResults'
}, {
count: count,
criticality: criticality
});
return /*#__PURE__*/_react.default.createElement("div", {
key: "AdditionalResultsDisplay-".concat(resultKeyID),
className: additionalResultClassNames
}, /*#__PURE__*/_react.default.createElement("div", {
className: cx('additional-results-stack'),
"aria-hidden": "true"
}, additionalCountDisplayValue, additionalCountDisplayValue), /*#__PURE__*/_react.default.createElement(_terraVisuallyHiddenText.default, {
text: text
}));
};
var createClinicalResultDisplay = function createClinicalResultDisplay(children, hasUnverifiedIcon, hasInterpretationIcon, containerDivRef, resultKeyID) {
var primaryResultClassnames = cx(['primary-display', {
interpretation: hasInterpretationIcon && !hasUnverifiedIcon
}]);
return /*#__PURE__*/_react.default.createElement("div", {
key: "ClinicalResultDisplay-".concat(resultKeyID),
className: primaryResultClassnames,
ref: containerDivRef
}, children);
};
var createStandardResultDisplay = function createStandardResultDisplay(resultDataItem, resultAttributes, hideUnit, resultKeyID, numericOverflow, containerDivRef) {
var resultsInnerDisplay;
if (resultAttributes.statusInError) {
resultsInnerDisplay = /*#__PURE__*/_react.default.createElement(_EnteredInError.default, null);
} else if (numericOverflow) {
resultsInnerDisplay = /*#__PURE__*/_react.default.createElement(_NumericOverflow.default, null);
} else {
resultsInnerDisplay = /*#__PURE__*/_react.default.createElement(_ClinicalResult.default, _extends({
key: "ClinicalResult-".concat(resultKeyID)
}, resultDataItem, {
hideUnit: hideUnit,
isTruncated: true,
isUnverified: resultAttributes.unverified,
hideAccessoryDisplays: true
}));
}
var clinicalResultDisplay = createClinicalResultDisplay(resultsInnerDisplay, resultAttributes.unverified, resultAttributes.interpretationIcon, containerDivRef, resultKeyID);
return clinicalResultDisplay;
};
var createBloodPressureResultDisplay = function createBloodPressureResultDisplay(resultDataItem, resultAttributes, hideUnit, resultKeyID, containerDivRef) {
var systolic = resultDataItem.systolic,
diastolic = resultDataItem.diastolic;
var resultsInnerDisplay;
if (resultAttributes.statusInError) {
resultsInnerDisplay = /*#__PURE__*/_react.default.createElement(_EnteredInError.default, null);
} else {
resultsInnerDisplay = /*#__PURE__*/_react.default.createElement(_ClinicalResultBloodPressure.default, {
key: "ClinicalResultBloodPressure-".concat(resultKeyID),
systolic: systolic,
diastolic: diastolic,
hideUnit: hideUnit,
isTruncated: true,
hideAccessoryDisplays: true
});
}
var clinicalResultDisplay = createClinicalResultDisplay(resultsInnerDisplay, resultAttributes.unverified, resultAttributes.interpretationIcon, containerDivRef, resultKeyID);
return clinicalResultDisplay;
};
var setResultKeyID = function setResultKeyID(isBloodPressureResult, resultData) {
if (isBloodPressureResult) {
if (resultData.id) {
return resultData.id;
}
if (!(0, _utils.isEmpty)(resultData.systolic) && resultData.systolic.eventId) {
return resultData.systolic.eventId;
}
if (!(0, _utils.isEmpty)(resultData.diastolic) && resultData.diastolic.eventId) {
return resultData.diastolic.eventId;
}
} else {
if (resultData.id) {
return resultData.id;
}
if (resultData.eventId) {
return resultData.eventId;
}
}
return null;
};
var checkIfSingleOrPairedResult = function checkIfSingleOrPairedResult(resultDataItem) {
var isSingleResult = !!resultDataItem.result || false;
if (isSingleResult) {
return {
isSingleResult: isSingleResult,
isPairedResult: false
};
}
var hasSystolicData = !(0, _utils.isEmpty)(resultDataItem.systolic) ? resultDataItem.systolic.result : false;
var hasDiastolicData = !(0, _utils.isEmpty)(resultDataItem.diastolic) ? resultDataItem.diastolic.result : false;
var isPairedResult = hasSystolicData || hasDiastolicData || false;
return {
isSingleResult: isSingleResult,
isPairedResult: isPairedResult
};
};
var AttributesTemplate = function AttributesTemplate() {
var statusInError = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
var interpretationValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
var commentBool = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
var modifiedBool = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
var unverifiedBool = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
return {
statusInError: statusInError,
interpretationIcon: !!interpretationValue,
comment: commentBool,
modified: modifiedBool,
unverified: unverifiedBool
};
};
var unpackResultAttributes = function unpackResultAttributes(resultDataItem) {
var status = resultDataItem.status,
interpretation = resultDataItem.interpretation,
hasComment = resultDataItem.hasComment,
isModified = resultDataItem.isModified,
isUnverified = resultDataItem.isUnverified;
var itemAttributes = new AttributesTemplate();
itemAttributes.statusInError = !(0, _utils.isEmpty)(status) ? (0, _utils.checkIsStatusInError)(status) : false;
itemAttributes.interpretationIcon = !itemAttributes.statusInError && interpretationsWithIcons.includes(interpretation);
itemAttributes.comment = hasComment;
itemAttributes.modified = isModified;
itemAttributes.unverified = isUnverified;
return itemAttributes;
};
var unpackResultDataSet = function unpackResultDataSet(resultDataSet) {
var firstResultData = resultDataSet[0];
var firstResultAttributes = {};
var _checkIfSingleOrPaire = checkIfSingleOrPairedResult(firstResultData),
isSingleResult = _checkIfSingleOrPaire.isSingleResult,
isPairedResult = _checkIfSingleOrPaire.isPairedResult;
if (isSingleResult) {
firstResultAttributes = unpackResultAttributes(firstResultData);
} else if (isPairedResult) {
var bpAttribute = {
systolic: null,
diastolic: null
};
var systolicData = firstResultData.systolic;
var diastolicData = firstResultData.diastolic;
bpAttribute.systolic = !(0, _utils.isEmpty)(systolicData) ? unpackResultAttributes(systolicData) : new AttributesTemplate();
bpAttribute.diastolic = !(0, _utils.isEmpty)(diastolicData) ? unpackResultAttributes(diastolicData) : new AttributesTemplate();
firstResultAttributes = new AttributesTemplate(bpAttribute.systolic.statusInError || bpAttribute.diastolic.statusInError, bpAttribute.systolic.interpretationIcon, bpAttribute.systolic.comment || bpAttribute.diastolic.comment, bpAttribute.systolic.modified || bpAttribute.diastolic.modified, bpAttribute.systolic.unverified || bpAttribute.diastolic.unverified);
}
var isfirstSingleResult = isSingleResult;
var isfirstPairedResult = isPairedResult;
var resultKeyID = setResultKeyID(isfirstPairedResult, firstResultData);
return {
isfirstSingleResult: isfirstSingleResult,
isfirstPairedResult: isfirstPairedResult,
firstResultAttributes: firstResultAttributes,
firstResultData: firstResultData,
resultKeyID: resultKeyID
};
};
var createFlowsheetResultCellDisplay = function createFlowsheetResultCellDisplay(resultDataSet, hideUnit, numericOverflow, containerDivRef, intl) {
var _unpackResultDataSet = unpackResultDataSet(resultDataSet),
isfirstSingleResult = _unpackResultDataSet.isfirstSingleResult,
isfirstPairedResult = _unpackResultDataSet.isfirstPairedResult,
firstResultAttributes = _unpackResultDataSet.firstResultAttributes,
firstResultData = _unpackResultDataSet.firstResultData,
resultKeyID = _unpackResultDataSet.resultKeyID;
var hasAccessoryIcons = firstResultAttributes.comment || firstResultAttributes.modified || firstResultAttributes.unverified;
var compositeCell = [];
if (!isfirstSingleResult && !isfirstPairedResult) {
compositeCell.push( /*#__PURE__*/_react.default.createElement(_ResultError.default, null));
} else if (isfirstSingleResult) {
var firstResultDisplay = createStandardResultDisplay(firstResultData, firstResultAttributes, hideUnit, resultKeyID, numericOverflow, containerDivRef);
compositeCell.push(firstResultDisplay);
} else {
var _firstResultDisplay = createBloodPressureResultDisplay(firstResultData, firstResultAttributes, hideUnit, resultKeyID, containerDivRef);
compositeCell.push(_firstResultDisplay);
}
var additionalResultCount = resultDataSet.length - 1;
if (additionalResultCount > 0) {
var additionalResultInterpretations = [];
var additionalResultList = resultDataSet.slice(1, resultDataSet.length);
additionalResultList.forEach(function (result) {
var _checkIfSingleOrPaire2 = checkIfSingleOrPairedResult(result),
isSingleResult = _checkIfSingleOrPaire2.isSingleResult,
isPairedResult = _checkIfSingleOrPaire2.isPairedResult;
if (isSingleResult) {
var isStatusInError = !(0, _utils.isEmpty)(result.status) ? (0, _utils.checkIsStatusInError)(result.status) : false;
if (!isStatusInError) {
var resultInterpretation = !(0, _utils.isEmpty)(result.interpretation) && !result.isUnverified ? result.interpretation : null;
additionalResultInterpretations.push(resultInterpretation);
}
} else if (isPairedResult) {
var _isStatusInError = {
systolic: !(0, _utils.isEmpty)(result.systolic) ? (0, _utils.checkIsStatusInError)(result.systolic.status) : false,
diastolic: !(0, _utils.isEmpty)(result.diastolic) ? (0, _utils.checkIsStatusInError)(result.diastolic.status) : false
};
if (!_isStatusInError.systolic && !_isStatusInError.diastolic) {
var sysInterpretation = !(0, _utils.isEmpty)(result.systolic.interpretation) && !result.systolic.isUnverified ? result.systolic.interpretation : null;
var diaInterpretation = !(0, _utils.isEmpty)(result.diastolic.interpretation) && !result.diastolic.isUnverified ? result.diastolic.interpretation : null;
additionalResultInterpretations.push(sysInterpretation);
additionalResultInterpretations.push(diaInterpretation);
}
}
});
var displayCount = additionalResultCount + 1;
var additionalResultsStack = createEndAdditionalResultsStack(displayCount, additionalResultInterpretations, hasAccessoryIcons, resultKeyID, intl);
// This handles the case for when additional results exist and accessory icons exist
if (hasAccessoryIcons) {
var endAccessoryIcons = createEndIcons(firstResultAttributes.comment, firstResultAttributes.modified, firstResultAttributes.unverified, resultKeyID, intl);
// Here the additional results stack and accessory icons are being wrapped in a parent container
// They need to be grouped together for styling purposes, otherwise the order they appear in will be flipped
// To keep them in the proper order this parent container gets floated in the css to the right instead of the additional results stack and accessory icons individually
var endDisplay = /*#__PURE__*/_react.default.createElement("div", {
key: "EndDisplay-AdditionalResultsAndIcons",
className: cx('end-display')
}, additionalResultsStack, endAccessoryIcons);
compositeCell.push(endDisplay);
return /*#__PURE__*/_react.default.createElement("div", {
className: cx('combined-display')
}, compositeCell);
}
var additionalResultsStackDisplay = /*#__PURE__*/_react.default.createElement("div", {
key: "EndDisplay-AdditionalResults",
className: cx('end-display')
}, additionalResultsStack);
compositeCell.push(additionalResultsStackDisplay);
return /*#__PURE__*/_react.default.createElement("div", {
className: cx('combined-display')
}, compositeCell);
}
if (hasAccessoryIcons) {
var _endAccessoryIcons = createEndIcons(firstResultAttributes.comment, firstResultAttributes.modified, firstResultAttributes.unverified, resultKeyID, intl);
var endAccessoryIconsDisplay = /*#__PURE__*/_react.default.createElement("div", {
key: "EndDisplay-Icons",
className: cx('end-display')
}, _endAccessoryIcons);
compositeCell.push(endAccessoryIconsDisplay);
}
return /*#__PURE__*/_react.default.createElement("div", {
className: cx('combined-display')
}, compositeCell);
};
var FlowsheetResultCell = function FlowsheetResultCell(props) {
var resultDataSet = props.resultDataSet,
hideUnit = props.hideUnit,
paddingStyle = props.paddingStyle,
hasResultError = props.hasResultError,
hasResultNoData = props.hasResultNoData,
intl = props.intl,
customProps = _objectWithoutProperties(props, _excluded);
var containerDiv = (0, _react.useRef)(null);
var _useState = (0, _react.useState)(false),
_useState2 = _slicedToArray(_useState, 2),
numericOverflow = _useState2[0],
setNumericOverflow = _useState2[1];
(0, _react.useEffect)(function () {
if (!containerDiv.current || !resultDataSet[0]) {
return;
}
if ((0, _utils.checkTypeNumeric)(resultDataSet[0])) {
var contentWidth = containerDiv.current.children[0].getBoundingClientRect().width;
var containerWidth = containerDiv.current.getBoundingClientRect().width;
if (containerWidth <= contentWidth) {
setNumericOverflow(true);
} else if (containerWidth > contentWidth) {
setNumericOverflow(false);
}
}
}, [resultDataSet]);
var flowsheetResultCellDisplay;
if (hasResultError) {
flowsheetResultCellDisplay = /*#__PURE__*/_react.default.createElement("div", {
key: "ClinicalResultDisplay-Error",
className: cx(['primary-display', 'error'])
}, /*#__PURE__*/_react.default.createElement(_ResultError.default, null));
} else if (hasResultNoData) {
flowsheetResultCellDisplay = /*#__PURE__*/_react.default.createElement("div", {
key: "ClinicalResultDisplay-NoData",
className: cx('primary-display')
}, /*#__PURE__*/_react.default.createElement(_KnownNoData.default, null));
} else if (!resultDataSet || !resultDataSet.length) {
flowsheetResultCellDisplay = /*#__PURE__*/_react.default.createElement("div", {
key: "ClinicalResultDisplay-Error",
className: cx(['primary-display', 'error'])
}, /*#__PURE__*/_react.default.createElement(_ResultError.default, null));
} else {
flowsheetResultCellDisplay = createFlowsheetResultCellDisplay(resultDataSet, hideUnit, numericOverflow, containerDiv, intl);
}
var theme = _react.default.useContext(_terraThemeContext.default);
var flowsheetCellClassNames = (0, _classnames.default)(cx('flowsheet-result-cell', {
'padding-standard': paddingStyle === 'standard'
}, {
'padding-compact': paddingStyle === 'compact'
}, theme.className), customProps.className);
return /*#__PURE__*/_react.default.createElement("td", _extends({}, customProps, {
className: flowsheetCellClassNames
}), flowsheetResultCellDisplay);
};
FlowsheetResultCell.propTypes = propTypes;
FlowsheetResultCell.defaultProps = defaultProps;
var _default = exports.default = (0, _reactIntl.injectIntl)(FlowsheetResultCell);