UNPKG

@hisptz/react-ui

Version:

A collection of reusable complex DHIS2 react ui components.

87 lines (76 loc) 4.03 kB
"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))); }