@hisptz/react-ui
Version:
A collection of reusable complex DHIS2 react ui components.
87 lines (76 loc) • 4.03 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = Row;
var _react = _interopRequireDefault(require("react"));
var _appRuntime = require("@dhis2/app-runtime");
var _ui = require("@dhis2/ui");
var _DataSourceCellStyleModule = _interopRequireDefault(require("../calculationDetails/Components/Row/Components/DataSourceCellStyle.module.css"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
const query = {
dataSets: {
resource: "dataSets",
id: _ref => {
let {
id
} = _ref;
return id;
},
params: {
fields: ["id", "displayName", "displayDescription", "timelyDays", "expiryDays", "periodType", "organisationUnits[id,displayName]", "dataSetElements[dataElement[id,displayName]]", "legendSets[id,displayName]"]
}
}
};
function Row(props) {
const dataSet = props.dataSet;
const id = dataSet.id;
const {
loading,
error,
data
} = (0, _appRuntime.useDataQuery)(query, {
variables: {
id
}
});
function OtherCells(dataSet) {
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.DataTableCell, {
bordered: true
}, dataSet === null || dataSet === void 0 ? void 0 : dataSet.timelyDays), /*#__PURE__*/_react.default.createElement(_ui.DataTableCell, {
bordered: true
}, dataSet === null || dataSet === void 0 ? void 0 : dataSet.expiryDays), /*#__PURE__*/_react.default.createElement(_ui.DataTableCell, {
bordered: true
}, dataSet === null || dataSet === void 0 ? void 0 : dataSet.periodType), /*#__PURE__*/_react.default.createElement(_ui.DataTableCell, {
bordered: true
}, /*#__PURE__*/_react.default.createElement("div", {
className: _DataSourceCellStyleModule.default.sources
}, /*#__PURE__*/_react.default.createElement("ol", null, dataSet === null || dataSet === void 0 ? void 0 : dataSet.organisationUnits.map(org => {
return /*#__PURE__*/_react.default.createElement("li", {
key: org === null || org === void 0 ? void 0 : org.id
}, org === null || org === void 0 ? void 0 : org.displayName);
})))), /*#__PURE__*/_react.default.createElement(_ui.DataTableCell, {
bordered: true
}, /*#__PURE__*/_react.default.createElement("div", {
className: _DataSourceCellStyleModule.default.sources
}, /*#__PURE__*/_react.default.createElement("ol", null, dataSet === null || dataSet === void 0 ? void 0 : dataSet.dataSetElements.map(dt => {
var _dt$dataElement, _dt$dataElement2;
return /*#__PURE__*/_react.default.createElement("li", {
key: dt === null || dt === void 0 ? void 0 : (_dt$dataElement = dt.dataElement) === null || _dt$dataElement === void 0 ? void 0 : _dt$dataElement.id
}, dt === null || dt === void 0 ? void 0 : (_dt$dataElement2 = dt.dataElement) === null || _dt$dataElement2 === void 0 ? void 0 : _dt$dataElement2.displayName);
})))), /*#__PURE__*/_react.default.createElement(_ui.DataTableCell, {
bordered: true
}, /*#__PURE__*/_react.default.createElement("div", {
className: _DataSourceCellStyleModule.default.sources
}, /*#__PURE__*/_react.default.createElement("ol", null, dataSet === null || dataSet === void 0 ? void 0 : dataSet.legendSets.map(leg => {
return /*#__PURE__*/_react.default.createElement("li", {
key: leg.id
}, leg.displayName);
})))));
}
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.DataTableRow, null, /*#__PURE__*/_react.default.createElement(_ui.DataTableCell, {
bordered: true
}, dataSet === null || dataSet === void 0 ? void 0 : dataSet.val), /*#__PURE__*/_react.default.createElement(_ui.DataTableCell, {
bordered: true
}, dataSet === null || dataSet === void 0 ? void 0 : dataSet.location), OtherCells(data === null || data === void 0 ? void 0 : data.dataSets)));
}