terra-clinical-item-view
Version:
The Item View component allows displays to be organized into rows and column and themed, while providing means to add accessory elements and a comment.
54 lines (53 loc) • 2.54 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _IconPerson = _interopRequireDefault(require("terra-icon/lib/icon/IconPerson"));
var _IconAlert = _interopRequireDefault(require("terra-icon/lib/icon/IconAlert"));
var _IconInformation = _interopRequireDefault(require("terra-icon/lib/icon/IconInformation"));
var _IconBedRequested = _interopRequireDefault(require("terra-icon/lib/icon/IconBedRequested"));
var _terraClinicalItemView = _interopRequireDefault(require("terra-clinical-item-view"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var display1 = /*#__PURE__*/_react.default.createElement(_terraClinicalItemView.default.Display, {
icon: /*#__PURE__*/_react.default.createElement(_IconPerson.default, null),
iconAlignment: "inline",
text: "Asif Khan"
});
var display2 = /*#__PURE__*/_react.default.createElement(_terraClinicalItemView.default.Display, {
icon: /*#__PURE__*/_react.default.createElement(_IconBedRequested.default, null),
iconAlignment: "inline",
text: "Pending Admit: Bed Requested"
});
var display3 = /*#__PURE__*/_react.default.createElement(_terraClinicalItemView.default.Display, {
text: "Room 100A"
});
var display4 = /*#__PURE__*/_react.default.createElement(_terraClinicalItemView.default.Display, {
text: "Acuity: 5"
});
var display5 = /*#__PURE__*/_react.default.createElement(_terraClinicalItemView.default.Display, {
text: "Start Time: 08-05-2016 12:00:00"
});
var display6 = /*#__PURE__*/_react.default.createElement(_terraClinicalItemView.default.Display, {
text: "End Time: 08-05-2016 16:00:00"
});
var displays = [display1, display2, display3, display4, display5, display6];
var comment = /*#__PURE__*/_react.default.createElement(_terraClinicalItemView.default.Comment, {
text: "Faint red rash appeared at 08-05-2016 13:24:00"
});
var accessoryStart = /*#__PURE__*/_react.default.createElement(_IconAlert.default, null);
var accessoryEnd = /*#__PURE__*/_react.default.createElement(_IconInformation.default, null);
var _default = exports.default = function _default() {
return /*#__PURE__*/_react.default.createElement(_terraClinicalItemView.default, {
displays: displays,
layout: "twoColumns",
isTruncated: true,
textEmphasis: "start",
accessoryAlignment: "alignTop",
startAccessory: accessoryStart,
endAccessory: accessoryEnd,
comment: comment,
trueColumn: true
});
};