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.
52 lines (51 loc) • 2.38 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _IconAlert = _interopRequireDefault(require("terra-icon/lib/icon/IconAlert"));
var _ItemView = _interopRequireDefault(require("../../../ItemView"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var display1 = /*#__PURE__*/_react.default.createElement(_ItemView.default.Display, {
icon: /*#__PURE__*/_react.default.createElement(_IconAlert.default, null),
iconAlignment: "inline",
text: "display1 Text display1 Text display1 Text display1 Text display1 Text display1 Text display1 Text display1 Text",
key: "123"
});
var display2 = /*#__PURE__*/_react.default.createElement(_ItemView.default.Display, {
icon: /*#__PURE__*/_react.default.createElement(_IconAlert.default, null),
iconAlignment: "inline",
text: "display2 Text display2 Text display2 Text display2 Text display2 Text display2 Text display2 Text display2 Text display2 Text",
key: "124"
});
var display3 = /*#__PURE__*/_react.default.createElement(_ItemView.default.Display, {
text: "display 3",
key: "125"
});
var display4 = /*#__PURE__*/_react.default.createElement(_ItemView.default.Display, {
text: "display 4",
key: "126"
});
var display5 = /*#__PURE__*/_react.default.createElement(_ItemView.default.Display, {
text: "display 5",
key: "127"
});
var display6 = /*#__PURE__*/_react.default.createElement(_ItemView.default.Display, {
text: "display 6",
key: "128"
});
var displays = [display1, display2, display3, display4, display5, display6];
var views = function views() {
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h2", null, "Two Column Layout by Row "), /*#__PURE__*/_react.default.createElement(_ItemView.default, {
displays: displays,
layout: "twoColumns",
id: "test-displays-two-row"
}), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("h2", null, "Two Column Layout by Row with Start TextEmphasis "), /*#__PURE__*/_react.default.createElement(_ItemView.default, {
displays: displays,
layout: "twoColumns",
textEmphasis: "start",
id: "test-displays-two-row-start"
}));
};
var _default = exports.default = views;