@hisptz/react-ui
Version:
A collection of reusable complex DHIS2 react ui components.
37 lines (30 loc) • 2.56 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = Legend;
var _react = _interopRequireDefault(require("react"));
var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
var _ui = require("@dhis2/ui");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function Legend(props) {
var _legendSet$legends;
const legendSet = props === null || props === void 0 ? void 0 : props.legendSet;
return /*#__PURE__*/_react.default.createElement("li", {
key: legendSet === null || legendSet === void 0 ? void 0 : legendSet.id
}, /*#__PURE__*/_react.default.createElement("p", null, legendSet === null || legendSet === void 0 ? void 0 : legendSet.displayName, " spread accross ", legendSet === null || legendSet === void 0 ? void 0 : (_legendSet$legends = legendSet.legends) === null || _legendSet$legends === void 0 ? void 0 : _legendSet$legends.length, " ", "classes of for analysis"), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_ui.DataTable, null, /*#__PURE__*/_react.default.createElement(_ui.TableHead, null, /*#__PURE__*/_react.default.createElement(_ui.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_ui.DataTableColumnHeader, null, _d2I18n.default.t("Class")), /*#__PURE__*/_react.default.createElement(_ui.DataTableColumnHeader, null, _d2I18n.default.t("Upper")), /*#__PURE__*/_react.default.createElement(_ui.DataTableColumnHeader, null, _d2I18n.default.t("Lower")), /*#__PURE__*/_react.default.createElement(_ui.DataTableColumnHeader, null, _d2I18n.default.t("Color")))), /*#__PURE__*/_react.default.createElement(_ui.TableBody, null, legendSet === null || legendSet === void 0 ? void 0 : legendSet.legends.map(legend => {
return /*#__PURE__*/_react.default.createElement(_ui.DataTableRow, {
key: legend.id
}, /*#__PURE__*/_react.default.createElement(_ui.DataTableCell, {
bordered: true
}, legend === null || legend === void 0 ? void 0 : legend.displayName), /*#__PURE__*/_react.default.createElement(_ui.DataTableCell, {
bordered: true
}, legend === null || legend === void 0 ? void 0 : legend.endValue), /*#__PURE__*/_react.default.createElement(_ui.DataTableCell, {
bordered: true
}, legend === null || legend === void 0 ? void 0 : legend.startValue), /*#__PURE__*/_react.default.createElement("td", {
style: {
background: legend === null || legend === void 0 ? void 0 : legend.color
}
}));
})))));
}