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
532 lines (531 loc) • 14.5 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 = _interopRequireDefault(require("react"));
var _index = require("terra-clinical-result/lib/index");
var _terraHtmlTable = _interopRequireWildcard(require("terra-html-table"));
var _bind = _interopRequireDefault(require("classnames/bind"));
var _ExamplesModule = _interopRequireDefault(require("../Examples.module.scss"));
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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var cx = _bind.default.bind(_ExamplesModule.default);
var defaultBloodPressureResult = [{
id: '1',
systolic: {
eventId: '2',
result: {
value: '130',
unit: 'mmHg'
},
interpretation: 'high'
},
diastolic: {
eventId: '3',
result: {
value: '80',
unit: 'mmHg'
}
}
}];
var multipleResults = [{
id: '4',
systolic: {
eventId: '5',
result: {
value: '140',
unit: 'mmHg'
},
interpretation: 'high'
},
diastolic: {
eventId: '6',
result: {
value: '77',
unit: 'mmHg'
},
interpretation: 'critical'
}
}, {
id: '7',
systolic: {
eventId: '8',
result: {
value: '140',
unit: 'mmHg'
},
interpretation: 'high'
},
diastolic: {
eventId: '9',
result: {
value: '77',
unit: 'mmHg'
},
interpretation: 'critical'
}
}];
var numericResultsNoOverflow = [{
eventId: '1602328271',
result: {
value: '101.1',
unit: 'degC'
},
isNumeric: true,
isModified: true,
hasComment: true
}, {
eventId: '1602328282',
result: {
value: '101.2',
unit: 'degC'
},
isNumeric: true,
isModified: false,
hasComment: false
}, {
eventId: '1602328293',
result: {
value: '101.3',
unit: 'degC'
},
isNumeric: true,
isModified: false,
hasComment: false
}];
var numericResultsOverflow = [{
eventId: '1602328271',
result: {
value: '10111011101110111011101110111011101110111011101110111011101110111011101110111011101110111011101110111011101110111011101110111011101110111011101110111011101110111011101110111011101110111011101110111011101110111011',
unit: 'degC'
},
isNumeric: true,
isModified: true,
hasComment: true
}, {
eventId: '1602328282',
result: {
value: '101.2',
unit: 'degC'
},
isNumeric: true,
isModified: false,
hasComment: false
}, {
eventId: '1602328293',
result: {
value: '101.3',
unit: 'degC'
},
isNumeric: true,
isModified: false,
hasComment: false
}];
var multipleDecoratedResults = [{
id: '10',
systolic: {
eventId: '11',
result: {
value: '140',
unit: 'mmHg'
},
interpretation: 'high'
},
diastolic: {
eventId: '12',
result: {
value: '77',
unit: 'mmHg'
},
interpretation: 'critical',
isUnverified: false,
isModified: true,
hasComment: true
}
}, {
id: '13',
systolic: {
eventId: '14',
result: {
value: '140',
unit: 'mmHg'
},
interpretation: 'high'
},
diastolic: {
eventId: '15',
result: {
value: '77',
unit: 'mmHg'
},
interpretation: 'critical',
isUnverified: true
}
}];
var decoratedResult = [{
id: '16',
systolic: {
eventId: '17',
result: {
value: '85',
unit: 'mmHg'
},
interpretation: 'low'
},
diastolic: {
eventId: '18',
result: {
value: '77',
unit: 'mmHg'
},
isUnverified: false,
isModified: true,
hasComment: true
}
}];
var partialResultWithNoDataPropSystolic = [{
id: '19',
systolic: {
eventId: '20',
resultNoData: true
},
diastolic: {
eventId: '21',
result: {
value: '85',
unit: 'mmHg'
}
}
}];
var partialResultWithNoDataPropDiastolic = [{
id: '22',
systolic: {
eventId: '23',
result: {
value: '170',
unit: 'mmHg'
},
interpretation: 'critical'
},
diastolic: {
eventId: '24',
resultNoData: true
}
}];
var partialResultError = [{
id: '111',
systolic: {
eventId: '111.2',
result: {
value: '77',
unit: 'mmHg'
},
interpretation: 'critical'
}
}];
var unverifiedResult = [{
id: '25',
systolic: {
eventId: '26',
result: {
value: '140',
unit: 'mmHg'
},
interpretation: 'high',
isUnverified: true
},
diastolic: {
eventId: '27',
result: {
value: '77',
unit: 'mmHg'
},
interpretation: 'critical',
isUnverified: true
}
}];
var enteredInError = [{
id: '1577836800',
result: {
value: '12345.678',
unit: 'mL'
},
status: 'entered-in-error'
}, {
id: '1577836911',
result: {
value: '12345.678',
unit: 'mL'
}
}];
var _default = exports.default = function _default() {
return /*#__PURE__*/_react.default.createElement(_terraHtmlTable.default, {
className: cx('mock-flowsheet-table-full')
}, /*#__PURE__*/_react.default.createElement(_terraHtmlTable.Header, null, /*#__PURE__*/_react.default.createElement(_index.ResultNameHeaderCell, {
key: "notes",
resultName: "Notes"
}), /*#__PURE__*/_react.default.createElement(_index.ResultNameHeaderCell, {
key: "result",
resultName: "Clinical Results"
}), /*#__PURE__*/_react.default.createElement(_index.ResultNameHeaderCell, {
key: "date",
resultName: "Date"
})), /*#__PURE__*/_react.default.createElement(_terraHtmlTable.Body, null, /*#__PURE__*/_react.default.createElement(_terraHtmlTable.Row, null, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "notes",
resultDataSet: [{
id: 1,
result: {
value: 'Standard Result (With Unit)'
}
}]
}), /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "result",
resultDataSet: defaultBloodPressureResult
}), /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "date",
resultDataSet: [{
id: 2,
result: {
value: 'May 12th'
}
}]
})), /*#__PURE__*/_react.default.createElement(_terraHtmlTable.Row, null, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "notes",
resultDataSet: [{
id: 3,
result: {
value: 'Multiple Results'
}
}]
}), /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "result",
resultDataSet: multipleResults,
hideUnit: true
}), /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "date",
resultDataSet: [{
id: 4,
result: {
value: 'May 12th'
}
}]
})), /*#__PURE__*/_react.default.createElement(_terraHtmlTable.Row, null, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "notes",
resultDataSet: [{
id: 5,
result: {
value: 'Multiple Decorated Results'
}
}]
}), /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "result",
resultDataSet: multipleDecoratedResults,
hideUnit: true
}), /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "date",
resultDataSet: [{
id: 6,
result: {
value: 'May 12th'
}
}]
})), /*#__PURE__*/_react.default.createElement(_terraHtmlTable.Row, null, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "notes",
resultDataSet: [{
id: 7,
result: {
value: 'Decorated Result'
}
}]
}), /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "result",
resultDataSet: decoratedResult,
hideUnit: true
}), /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "date",
resultDataSet: [{
id: 8,
result: {
value: 'May 12th'
}
}]
})), /*#__PURE__*/_react.default.createElement(_terraHtmlTable.Row, null, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "notes",
resultDataSet: [{
id: 9,
result: {
value: 'Partial Result, Diastolic'
}
}]
}), /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "result",
resultDataSet: partialResultWithNoDataPropDiastolic,
hideUnit: true
}), /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "date",
resultDataSet: [{
id: 10,
result: {
value: 'May 12th'
}
}]
})), /*#__PURE__*/_react.default.createElement(_terraHtmlTable.Row, null, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "notes",
resultDataSet: [{
id: 11,
result: {
value: 'Partial Result, Systolic'
}
}]
}), /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "result",
resultDataSet: partialResultWithNoDataPropSystolic,
hideUnit: true
}), /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "date",
resultDataSet: [{
id: 12,
result: {
value: 'May 12th'
}
}]
})), /*#__PURE__*/_react.default.createElement(_terraHtmlTable.Row, null, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "notes",
resultDataSet: [{
id: 13,
result: {
value: 'Unverified Result'
}
}]
}), /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "result",
resultDataSet: unverifiedResult,
hideUnit: true
}), /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "date",
resultDataSet: [{
id: 14,
result: {
value: 'May 12th'
}
}]
})), /*#__PURE__*/_react.default.createElement(_terraHtmlTable.Row, null, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "notes",
resultDataSet: [{
id: 15,
result: {
value: 'No Data Result'
}
}]
}), /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "result",
hasResultNoData: true
}), /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "date",
resultDataSet: [{
id: 16,
result: {
value: 'May 12th'
}
}]
})), /*#__PURE__*/_react.default.createElement(_terraHtmlTable.Row, null, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "notes",
resultDataSet: [{
id: 23,
result: {
value: 'Numeric Without Overflow'
}
}]
}), /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "result",
resultDataSet: numericResultsNoOverflow
}), /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "date",
resultDataSet: [{
id: 24,
result: {
value: 'May 12th'
}
}]
})), /*#__PURE__*/_react.default.createElement(_terraHtmlTable.Row, null, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "notes",
resultDataSet: [{
id: 25,
result: {
value: 'Numeric With Overflow'
}
}]
}), /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "result",
resultDataSet: numericResultsOverflow
}), /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "date",
resultDataSet: [{
id: 26,
result: {
value: 'May 12th'
}
}]
})), /*#__PURE__*/_react.default.createElement(_terraHtmlTable.Row, null, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "notes",
resultDataSet: [{
id: 21,
result: {
value: 'Entered-in-error Result'
}
}]
}), /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "result",
resultDataSet: enteredInError
}), /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "date",
resultDataSet: [{
id: 22,
result: {
value: 'May 12th'
}
}]
})), /*#__PURE__*/_react.default.createElement(_terraHtmlTable.Row, null, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "notes",
resultDataSet: [{
id: 17,
result: {
value: 'Error Result'
}
}]
}), /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "result",
hasResultError: true
}), /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "date",
resultDataSet: [{
id: 18,
result: {
value: 'May 12th'
}
}]
})), /*#__PURE__*/_react.default.createElement(_terraHtmlTable.Row, null, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "notes",
resultDataSet: [{
id: 19,
result: {
value: 'Partial Error Result'
}
}]
}), /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "result",
resultDataSet: partialResultError,
hideUnit: true
}), /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "date",
resultDataSet: [{
id: 20,
result: {
value: 'May 12th'
}
}]
}))));
};