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.
73 lines (72 loc) • 3.42 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _bind = _interopRequireDefault(require("classnames/bind"));
var _IconAlert = _interopRequireDefault(require("terra-icon/lib/icon/IconAlert"));
var _ItemView = _interopRequireDefault(require("../../../ItemView"));
var _ItemViewCommonTestModule = _interopRequireDefault(require("./ItemViewCommon.test.module.scss"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var display1 = /*#__PURE__*/_react.default.createElement(_ItemView.default.Display, {
text: "display 1 (default display styling)",
key: "123"
});
var display2 = /*#__PURE__*/_react.default.createElement(_ItemView.default.Display, {
text: "display 2 (strong display styling)",
textStyle: "strong",
key: "124"
});
var display3 = /*#__PURE__*/_react.default.createElement(_ItemView.default.Display, {
text: "display 3 (attention display styling)",
textStyle: "attention",
key: "125"
});
var display4 = /*#__PURE__*/_react.default.createElement(_ItemView.default.Display, {
text: "display 4 (secondary display styling)",
textStyle: "secondary",
key: "126"
});
var display5 = /*#__PURE__*/_react.default.createElement(_ItemView.default.Display, {
text: "display 5 (strikethrough display styling)",
textStyle: "strikeThrough",
key: "127"
});
var display6 = /*#__PURE__*/_react.default.createElement(_ItemView.default.Display, {
text: "display 6 (default display styling with icon)",
icon: /*#__PURE__*/_react.default.createElement(_IconAlert.default, null),
iconAlignment: "inline",
key: "128"
});
var displays = [display1, display2, display3, display4, display5, display6];
var comment = function comment(id) {
return /*#__PURE__*/_react.default.createElement(_ItemView.default.Comment, {
id: id,
text: "Some Comment"
});
};
var cx = _bind.default.bind(_ItemViewCommonTestModule.default);
var views = function views() {
return /*#__PURE__*/_react.default.createElement("div", {
className: cx('styling-override-itemview-wrapper')
}, /*#__PURE__*/_react.default.createElement("h2", null, "Override Default Styling"), /*#__PURE__*/_react.default.createElement(_ItemView.default, {
displays: displays,
overrideDefaultStyling: true,
comment: comment(1),
id: "test-displays-override"
}), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("h2", null, "Override Default Styling Two Column Layout "), /*#__PURE__*/_react.default.createElement(_ItemView.default, {
displays: displays,
layout: "twoColumns",
trueColumn: true,
overrideDefaultStyling: true,
comment: comment(2),
id: "test-displays-override-two"
}), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("h2", null, "Override Default Styling with TextEmphasis"), /*#__PURE__*/_react.default.createElement("p", null, "This test is just showing that even if TextEmphasis has been explicitly set to start, it will be ignored when the override prop is set to true."), /*#__PURE__*/_react.default.createElement(_ItemView.default, {
displays: displays,
textEmphasis: "start",
overrideDefaultStyling: true,
id: "test-displays-override-start-emphasis"
}));
};
var _default = exports.default = views;