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
562 lines (560 loc) • 16.1 kB
JavaScript
"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");
require("./NonSemanticTable.scss");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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 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 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
}];
// eslint-disable-next-line react/prop-types
var TableColumn = function TableColumn(_ref) {
var children = _ref.children;
return /*#__PURE__*/_react.default.createElement("div", {
className: "table-col"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "center-text-container"
}, children));
};
var SemanticTableWithFlowsheetResultCell = function SemanticTableWithFlowsheetResultCell() {
return /*#__PURE__*/_react.default.createElement("div", {
className: "table"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "table-header"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "table-col"
}, "Notes"), /*#__PURE__*/_react.default.createElement("div", {
className: "table-col"
}, "Clinical Results"), /*#__PURE__*/_react.default.createElement("div", {
className: "table-col"
}, "Date")), /*#__PURE__*/_react.default.createElement("div", {
className: "table-row"
}, /*#__PURE__*/_react.default.createElement(TableColumn, null, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "notes",
resultDataSet: [{
id: '1',
result: {
value: 'Standard Result (With Unit)'
}
}]
})), /*#__PURE__*/_react.default.createElement(TableColumn, null, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "result",
resultDataSet: defaultBloodPressureResult
})), /*#__PURE__*/_react.default.createElement(TableColumn, null, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "date",
resultDataSet: [{
id: '2',
result: {
value: 'May 12th'
}
}]
}))), /*#__PURE__*/_react.default.createElement("div", {
className: "table-row"
}, /*#__PURE__*/_react.default.createElement(TableColumn, null, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "notes",
resultDataSet: [{
id: '3',
result: {
value: 'Multiple Results'
}
}]
})), /*#__PURE__*/_react.default.createElement(TableColumn, null, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "result",
resultDataSet: multipleResults,
hideUnit: true
})), /*#__PURE__*/_react.default.createElement(TableColumn, null, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "date",
resultDataSet: [{
id: '4',
result: {
value: 'May 12th'
}
}]
}))), /*#__PURE__*/_react.default.createElement("div", {
className: "table-row"
}, /*#__PURE__*/_react.default.createElement(TableColumn, null, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "notes",
resultDataSet: [{
id: '5',
result: {
value: 'Multiple Decorated Results'
}
}]
})), /*#__PURE__*/_react.default.createElement(TableColumn, null, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "result",
resultDataSet: multipleDecoratedResults,
hideUnit: true
})), /*#__PURE__*/_react.default.createElement(TableColumn, null, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "date",
resultDataSet: [{
id: '6',
result: {
value: 'May 12th'
}
}]
}))), /*#__PURE__*/_react.default.createElement("div", {
className: "table-row"
}, /*#__PURE__*/_react.default.createElement(TableColumn, null, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "notes",
resultDataSet: [{
id: '7',
result: {
value: 'Decorated Result'
}
}]
})), /*#__PURE__*/_react.default.createElement(TableColumn, null, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "result",
resultDataSet: decoratedResult,
hideUnit: true
})), /*#__PURE__*/_react.default.createElement(TableColumn, null, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "date",
resultDataSet: [{
id: '8',
result: {
value: 'May 12th'
}
}]
}))), /*#__PURE__*/_react.default.createElement("div", {
className: "table-row"
}, /*#__PURE__*/_react.default.createElement(TableColumn, null, ' ', /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "notes",
resultDataSet: [{
id: '9',
result: {
value: 'Partial Result, Diastolic'
}
}]
})), /*#__PURE__*/_react.default.createElement(TableColumn, null, ' ', /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "result",
resultDataSet: partialResultWithNoDataPropDiastolic,
hideUnit: true
})), /*#__PURE__*/_react.default.createElement(TableColumn, null, ' ', /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "date",
resultDataSet: [{
id: '10',
result: {
value: 'May 12th'
}
}]
}))), /*#__PURE__*/_react.default.createElement("div", {
className: "table-row"
}, /*#__PURE__*/_react.default.createElement(TableColumn, null, ' ', /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "notes",
resultDataSet: [{
id: '11',
result: {
value: 'Partial Result, Systolic'
}
}]
})), /*#__PURE__*/_react.default.createElement(TableColumn, null, ' ', /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "result",
resultDataSet: partialResultWithNoDataPropSystolic,
hideUnit: true
})), /*#__PURE__*/_react.default.createElement(TableColumn, null, ' ', /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "date",
resultDataSet: [{
id: '12',
result: {
value: 'May 12th'
}
}]
}))), /*#__PURE__*/_react.default.createElement("div", {
className: "table-row"
}, /*#__PURE__*/_react.default.createElement(TableColumn, null, ' ', /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "notes",
resultDataSet: [{
id: '13',
result: {
value: 'Unverified Result'
}
}]
})), /*#__PURE__*/_react.default.createElement(TableColumn, null, ' ', /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "result",
resultDataSet: unverifiedResult,
hideUnit: true
})), /*#__PURE__*/_react.default.createElement(TableColumn, null, ' ', /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "date",
resultDataSet: [{
id: '14',
result: {
value: 'May 12th'
}
}]
}))), /*#__PURE__*/_react.default.createElement("div", {
className: "table-row"
}, /*#__PURE__*/_react.default.createElement(TableColumn, null, ' ', /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "notes",
resultDataSet: [{
id: '15',
result: {
value: 'No Data Result'
}
}]
})), /*#__PURE__*/_react.default.createElement(TableColumn, null, ' ', /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "result",
hasResultNoData: true
})), /*#__PURE__*/_react.default.createElement(TableColumn, null, ' ', /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "date",
resultDataSet: [{
id: '16',
result: {
value: 'May 12th'
}
}]
}))), /*#__PURE__*/_react.default.createElement("div", {
className: "table-row"
}, /*#__PURE__*/_react.default.createElement(TableColumn, null, ' ', /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "notes",
resultDataSet: [{
id: '23',
result: {
value: 'Numeric Without Overflow'
}
}]
})), /*#__PURE__*/_react.default.createElement(TableColumn, null, ' ', /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "result",
resultDataSet: numericResultsNoOverflow
})), /*#__PURE__*/_react.default.createElement(TableColumn, null, ' ', /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "date",
resultDataSet: [{
id: '24',
result: {
value: 'May 12th'
}
}]
}))), /*#__PURE__*/_react.default.createElement("div", {
className: "table-row"
}, /*#__PURE__*/_react.default.createElement(TableColumn, null, ' ', /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "notes",
resultDataSet: [{
id: '25',
result: {
value: 'Numeric With Overflow'
}
}]
})), /*#__PURE__*/_react.default.createElement(TableColumn, null, ' ', /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "result",
resultDataSet: numericResultsOverflow
})), /*#__PURE__*/_react.default.createElement(TableColumn, null, ' ', /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "date",
resultDataSet: [{
id: '26',
result: {
value: 'May 12th'
}
}]
}))), /*#__PURE__*/_react.default.createElement("div", {
className: "table-row"
}, /*#__PURE__*/_react.default.createElement(TableColumn, null, ' ', /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "notes",
resultDataSet: [{
id: '21',
result: {
value: 'Entered-in-error Result'
}
}]
})), /*#__PURE__*/_react.default.createElement(TableColumn, null, ' ', /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "result",
resultDataSet: enteredInError
})), /*#__PURE__*/_react.default.createElement(TableColumn, null, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "date",
resultDataSet: [{
id: '22',
result: {
value: 'May 12th'
}
}]
}))), /*#__PURE__*/_react.default.createElement("div", {
className: "table-row"
}, /*#__PURE__*/_react.default.createElement(TableColumn, null, ' ', /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "notes",
resultDataSet: [{
id: '17',
result: {
value: 'Error Result'
}
}]
})), /*#__PURE__*/_react.default.createElement(TableColumn, null, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "result",
hasResultError: true
})), /*#__PURE__*/_react.default.createElement(TableColumn, null, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "date",
resultDataSet: [{
id: '18',
result: {
value: 'May 12th'
}
}]
}))), /*#__PURE__*/_react.default.createElement("div", {
className: "table-row"
}, /*#__PURE__*/_react.default.createElement(TableColumn, null, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "notes",
resultDataSet: [{
id: '19',
result: {
value: 'Partial Error Result'
}
}]
})), /*#__PURE__*/_react.default.createElement(TableColumn, null, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "result",
resultDataSet: partialResultError,
hideUnit: true
})), /*#__PURE__*/_react.default.createElement(TableColumn, null, /*#__PURE__*/_react.default.createElement(_index.FlowsheetResultCell, {
key: "date",
resultDataSet: [{
id: '20',
result: {
value: 'May 12th'
}
}]
}))));
};
var _default = exports.default = SemanticTableWithFlowsheetResultCell;