UNPKG

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

110 lines (109 loc) 3.17 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = void 0; var _react = _interopRequireDefault(require("react")); var _index = require("terra-clinical-result/lib/index"); var _classnames = _interopRequireDefault(require("classnames")); var _bind = _interopRequireDefault(require("classnames/bind")); var _terraThemeContext = _interopRequireDefault(require("terra-theme-context")); var _ExamplesModule = _interopRequireDefault(require("../Examples.module.scss")); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } var cx = _bind.default.bind(_ExamplesModule.default); var multipleResultsGraySymbol = [{ eventId: '1602328271', result: { value: '101.1', unit: 'degC' }, isNumeric: true }, { eventId: '1602328282', result: { value: '101.2', unit: 'degC' }, isNumeric: true }, { eventId: '1602328293', result: { value: '101.3', unit: 'degC' }, isNumeric: true }]; var multipleResultsLightRedSymbol = [{ eventId: '1602328271', result: { value: '101.1', unit: 'degC' }, isNumeric: true }, { eventId: '1602328282', result: { value: '101.2', unit: 'degC' }, isNumeric: true }, { eventId: '1602328293', result: { value: '101.3', unit: 'degC' }, isNumeric: true, interpretation: 'high' }]; var multipleResultsDarkRedSymbol = [{ eventId: '1602328271', result: { value: '101.1', unit: 'degC' }, isNumeric: true }, { eventId: '1602328282', result: { value: '101.2', unit: 'degC' }, isNumeric: true }, { eventId: '1602328293', result: { value: '101.3', unit: 'degC' }, isNumeric: true, interpretation: 'critical' }]; var _default = exports.default = function _default() { var theme = _react.default.useContext(_terraThemeContext.default); var mockFlowsheetClassnames = (0, _classnames.default)(cx('mock-flowsheet-example', theme.className)); return /*#__PURE__*/_react.default.createElement("div", { className: mockFlowsheetClassnames }, /*#__PURE__*/_react.default.createElement("div", { className: cx('mock-flowsheet-resultcolumn') }, /*#__PURE__*/_react.default.createElement("div", { className: cx('mock-flowsheet-resultcolumn-cell') }, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, { resultDataSet: multipleResultsGraySymbol, hideUnit: true }))), /*#__PURE__*/_react.default.createElement("div", { className: cx('mock-flowsheet-resultcolumn') }, /*#__PURE__*/_react.default.createElement("div", { className: cx('mock-flowsheet-resultcolumn-cell') }, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, { resultDataSet: multipleResultsLightRedSymbol, hideUnit: true }))), /*#__PURE__*/_react.default.createElement("div", { className: cx('mock-flowsheet-resultcolumn') }, /*#__PURE__*/_react.default.createElement("div", { className: cx('mock-flowsheet-resultcolumn-cell') }, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, { resultDataSet: multipleResultsDarkRedSymbol, hideUnit: true })))); };