@dhis2/analytics 26.8.6 → 26.9.0

package/build/cjs/components/PivotTable/PivotTableValueCell.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PivotTableValueCell = void 0;
+var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _applyLegendSet = require("../../modules/pivotTable/applyLegendSet.js");
@@ -16,7 +17,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const PivotTableValueCell = _ref => {
-  var _cellContent$rendered;
+  var _cellContent$titleVal, _cellContent$rendered;
   let {
     row,
     column,
@@ -54,7 +55,10 @@ const PivotTableValueCell = _ref => {
   return /*#__PURE__*/_react.default.createElement(_PivotTableCell.PivotTableCell, {
     key: column,
     classes: classes,
-    title: cellContent.renderedValue,
+    title: (_cellContent$titleVal = cellContent.titleValue) !== null && _cellContent$titleVal !== void 0 ? _cellContent$titleVal : _d2I18n.default.t('Value: {{value}}', {
+      value: cellContent.renderedValue,
+      nsSeparator: '^^'
+    }),
     style: style,
     onClick: isClickable ? onClick : undefined,
     ref: cellRef,

package/build/cjs/components/PivotTable/styles/PivotTable.style.js

@@ -9,9 +9,9 @@ var _pivotTableConstants = require("../../../modules/pivotTable/pivotTableConsta
 const table = [`div.pivot-table-container.jsx-3572446209{font-family:'Roboto',Arial,sans-serif;overflow:auto;color:${_ui.colors.grey900};}`, `div.pivot-table-container.jsx-3572446209 table{border-spacing:0;white-space:nowrap;box-sizing:border-box;text-align:center;border:1px solid ${_pivotTableConstants.BORDER_COLOR};border-width:1px 1px 0 0;}`, "div.pivot-table-container.jsx-3572446209 table.fixed-headers{border-width:0 0 0 1px;}", "div.pivot-table-container.jsx-3572446209 table.fixed-headers tr th,div.pivot-table-container.jsx-3572446209 table.fixed-headers tr td{border-width:0 1px 1px 0;}", "div.pivot-table-container.jsx-3572446209 table.fixed-column-headers{border-width:0 1px 0 0;}", "div.pivot-table-container.jsx-3572446209 table.fixed-column-headers tr th,div.pivot-table-container.jsx-3572446209 table.fixed-column-headers tr td{border-width:0 0 1px 1px;}", `div.pivot-table-container.jsx-3572446209 table.fixed-headers thead tr:first-of-type th,div.pivot-table-container.jsx-3572446209 table.fixed-column-headers thead tr:first-of-type th{border-top:1px solid ${_pivotTableConstants.BORDER_COLOR};}`, "div.pivot-table-container.jsx-3572446209 table.fixed-row-headers{border-width:0 0 1px 1px;}", "div.pivot-table-container.jsx-3572446209 table.fixed-row-headers tr th,div.pivot-table-container.jsx-3572446209 table.fixed-row-headers tr td{border-width:1px 1px 0 0;}"];
 exports.table = table;
 table.__hash = "3572446209";
-const cell = [`td.jsx-3234356038,th.jsx-3234356038{box-sizing:border-box;font-weight:normal;overflow:hidden;text-overflow:ellipsis;border:1px solid ${_pivotTableConstants.BORDER_COLOR};border-width:0 0 1px 1px;cursor:default;}`, "th.fixed-header.jsx-3234356038{position:-webkit-sticky;position:sticky;z-index:1;top:0;left:0;}", `.fontsize-SMALL.jsx-3234356038{font-size:${_pivotTableConstants.FONT_SIZE_SMALL}px;line-height:${_pivotTableConstants.FONT_SIZE_SMALL}px;}`, `.fontsize-NORMAL.jsx-3234356038{font-size:${_pivotTableConstants.FONT_SIZE_NORMAL}px;line-height:${_pivotTableConstants.FONT_SIZE_NORMAL}px;}`, `.fontsize-LARGE.jsx-3234356038{font-size:${_pivotTableConstants.FONT_SIZE_LARGE}px;line-height:${_pivotTableConstants.FONT_SIZE_LARGE}px;}`, `.displaydensity-COMPACT.jsx-3234356038{padding:${_pivotTableConstants.DISPLAY_DENSITY_PADDING_COMPACT}px;}`, `.displaydensity-NORMAL.jsx-3234356038{padding:${_pivotTableConstants.DISPLAY_DENSITY_PADDING_NORMAL}px;}`, `.displaydensity-COMFORTABLE.jsx-3234356038{padding:${_pivotTableConstants.DISPLAY_DENSITY_PADDING_COMFORTABLE}px;}`, ".column-header.jsx-3234356038{background-color:#dae6f8;}", "div.column-header-inner.jsx-3234356038{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}", ".title-cell.jsx-3234356038{font-weight:bold;background-color:#cddaed;padding:0;}", ".title-cell-content.jsx-3234356038{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}", `.title-cell.displaydensity-COMPACT.jsx-3234356038>.title-cell-content.jsx-3234356038{padding:${_pivotTableConstants.DISPLAY_DENSITY_PADDING_COMPACT}px;}`, `.title-cell.displaydensity-NORMAL.jsx-3234356038>.title-cell-content.jsx-3234356038{padding:${_pivotTableConstants.DISPLAY_DENSITY_PADDING_NORMAL}px;}`, `.title-cell.displaydensity-COMFORTABLE.jsx-3234356038>.title-cell-content.jsx-3234356038{padding:${_pivotTableConstants.DISPLAY_DENSITY_PADDING_COMFORTABLE}px;}`, ".row-header.jsx-3234356038{background-color:#dae6f8;}", ".row-header-hierarchy.jsx-3234356038{text-align:left;}", ".empty-header.jsx-3234356038{background-color:#cddaed;}", ".total-header.jsx-3234356038{background-color:#bac6d8;}", ".value.jsx-3234356038{background-color:#ffffff;text-align:left;}", ".NUMBER.jsx-3234356038,.INTEGER.jsx-3234356038,.INTEGER_POSITIVE.jsx-3234356038,.INTEGER_NEGATIVE.jsx-3234356038,.INTEGER_ZERO_OR_POSITIVE.jsx-3234356038,.UNIT_INTERVAL.jsx-3234356038,.PERCENTAGE.jsx-3234356038,.BOOLEAN.jsx-3234356038,.TRUE_ONLY.jsx-3234356038{text-align:right;}", ".clickable.jsx-3234356038{cursor:pointer;}", ".value.jsx-3234356038:hover{background-color:#f3f3f3;}", ".subtotal.jsx-3234356038{background-color:#f4f4f4;}", ".total.jsx-3234356038{background-color:#d8d8d8;}", ".column-header-label.jsx-3234356038{overflow:hidden;text-overflow:ellipsis;}"];
+const cell = [`td.jsx-2444037071,th.jsx-2444037071{box-sizing:border-box;font-weight:normal;overflow:hidden;text-overflow:ellipsis;border:1px solid ${_pivotTableConstants.BORDER_COLOR};border-width:0 0 1px 1px;cursor:default;}`, "th.fixed-header.jsx-2444037071{position:-webkit-sticky;position:sticky;z-index:1;top:0;left:0;}", `.fontsize-SMALL.jsx-2444037071{font-size:${_pivotTableConstants.FONT_SIZE_SMALL}px;line-height:${_pivotTableConstants.FONT_SIZE_SMALL}px;}`, `.fontsize-NORMAL.jsx-2444037071{font-size:${_pivotTableConstants.FONT_SIZE_NORMAL}px;line-height:${_pivotTableConstants.FONT_SIZE_NORMAL}px;}`, `.fontsize-LARGE.jsx-2444037071{font-size:${_pivotTableConstants.FONT_SIZE_LARGE}px;line-height:${_pivotTableConstants.FONT_SIZE_LARGE}px;}`, `.displaydensity-COMPACT.jsx-2444037071{padding:${_pivotTableConstants.DISPLAY_DENSITY_PADDING_COMPACT}px;}`, `.displaydensity-NORMAL.jsx-2444037071{padding:${_pivotTableConstants.DISPLAY_DENSITY_PADDING_NORMAL}px;}`, `.displaydensity-COMFORTABLE.jsx-2444037071{padding:${_pivotTableConstants.DISPLAY_DENSITY_PADDING_COMFORTABLE}px;}`, ".column-header.jsx-2444037071{background-color:#dae6f8;}", "div.column-header-inner.jsx-2444037071{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}", ".title-cell.jsx-2444037071{font-weight:bold;background-color:#cddaed;padding:0;}", ".title-cell-content.jsx-2444037071{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}", `.title-cell.displaydensity-COMPACT.jsx-2444037071>.title-cell-content.jsx-2444037071{padding:${_pivotTableConstants.DISPLAY_DENSITY_PADDING_COMPACT}px;}`, `.title-cell.displaydensity-NORMAL.jsx-2444037071>.title-cell-content.jsx-2444037071{padding:${_pivotTableConstants.DISPLAY_DENSITY_PADDING_NORMAL}px;}`, `.title-cell.displaydensity-COMFORTABLE.jsx-2444037071>.title-cell-content.jsx-2444037071{padding:${_pivotTableConstants.DISPLAY_DENSITY_PADDING_COMFORTABLE}px;}`, ".row-header.jsx-2444037071{background-color:#dae6f8;}", ".row-header-hierarchy.jsx-2444037071{text-align:left;}", ".empty-header.jsx-2444037071{background-color:#cddaed;}", ".total-header.jsx-2444037071{background-color:#bac6d8;}", ".value.jsx-2444037071{background-color:#ffffff;text-align:left;}", ".NUMBER.jsx-2444037071,.INTEGER.jsx-2444037071,.INTEGER_POSITIVE.jsx-2444037071,.INTEGER_NEGATIVE.jsx-2444037071,.INTEGER_ZERO_OR_POSITIVE.jsx-2444037071,.UNIT_INTERVAL.jsx-2444037071,.PERCENTAGE.jsx-2444037071,.BOOLEAN.jsx-2444037071,.TRUE_ONLY.jsx-2444037071{text-align:right;}", `.N_A.jsx-2444037071{text-align:center;color:${_ui.colors.grey600};}`, ".clickable.jsx-2444037071{cursor:pointer;}", ".value.jsx-2444037071:hover{background-color:#f3f3f3;}", ".subtotal.jsx-2444037071{background-color:#f4f4f4;}", ".total.jsx-2444037071{background-color:#d8d8d8;}", ".column-header-label.jsx-2444037071{overflow:hidden;text-overflow:ellipsis;}"];
 exports.cell = cell;
-cell.__hash = "3234356038";
+cell.__hash = "2444037071";
 const sortIcon = [`.fontsize-SMALL.jsx-2877616992{height:${_pivotTableConstants.FONT_SIZE_SMALL}px;margin-bottom:1px;margin-left:5px;}`, `.fontsize-NORMAL.jsx-2877616992{height:${_pivotTableConstants.FONT_SIZE_NORMAL}px;max-height:11px;margin-bottom:2px;margin-left:6px;}`, `.fontsize-LARGE.jsx-2877616992{height:${_pivotTableConstants.FONT_SIZE_LARGE}px;margin-bottom:2px;margin-left:7px;}`];
 exports.sortIcon = sortIcon;
 sortIcon.__hash = "2877616992";

package/build/cjs/locales/en/translations.json

@@ -267,6 +267,7 @@
     "Six-months": "Six-months",
     "Financial Years": "Financial Years",
     "Years": "Years",
+    "Value: {{value}}": "Value: {{value}}",
     "Bold text": "Bold text",
     "Italic text": "Italic text",
     "Link to a URL": "Link to a URL",
@@ -357,6 +358,7 @@
     "{{thresholdFactor}} × Modified Z-score high": "{{thresholdFactor}} × Modified Z-score high",
     "{{thresholdFactor}} × Z-score low": "{{thresholdFactor}} × Z-score low",
     "{{thresholdFactor}} × Z-score high": "{{thresholdFactor}} × Z-score high",
+    "Not applicable": "Not applicable",
     "Data": "Data",
     "Organisation unit": "Organisation unit",
     "Assigned Categories": "Assigned Categories",

package/build/cjs/locales/lo/translations.json

@@ -18,11 +18,13 @@
     "About this map": "ກ່ຽວກັບແຜນທີ່",
     "About this line list": "ກ່ຽວກັບບັນຊີລາຍຊື່",
     "About this visualization": "ກ່ຽວກັບການສ້າງພາບຂໍ້ມູນ",
+    "About this event chart": "ກ່ຽວກັບເຫດການແຜນຜັງ",
+    "About this event report": "ກ່ຽວກັບບົດລາຍງານເຫດການຕ່າງໆ",
     "This app could not retrieve required data.": "ແອັບນີ້ບໍ່ສາມາດດຶງຂໍ້ມູນທີ່ຕ້ອງການໄດ້",
     "Network error": "ຂໍ້ຜິດພາດທາງເຄື່ອຂ່າຍ",
     "Data / Edit calculation": "ຂໍ້ມູນ / ແກ້ໄຂການຄິດໄລ່",
     "Data / New calculation": "ຂໍ້ມູນ / ຄິດໄລ່ໃໝ່",
-    "Remove item": "ລົບລາຍການ",
+    "Remove item": "ເອົາລາຍການອອກ",
     "Check formula": "ກວດເບິ່ງສູດ",
     "Calculation name": "ຊື່ການຄິດໄລ່",
     "Shown in table headers and chart axes/legends": "ສະ​ແດງ​​ຢູ່​ເທິງຕາ​ຕະ​ລາງ​ ແລະ​ ແກນ​ແຜນ​ວາດ",
@@ -132,17 +134,6 @@
     "Manage sharing": "ຈັດການການເຜີຍແຜ່",
     "Could not update interpretation": "ບໍ່ສາມາດອັບເດດຂໍ້ຄວາມ",
     "Enter interpretation text": "ປ້ອນຂໍ້ຄວາມ",
-    "Bold text": "ຕົວອັກສອນເຂັ້ມ",
-    "Italic text": "ຕົວອັກສອນສະຫຼ່ຽງ",
-    "Link to a URL": "ເຊື່ອມຕໍ່ກັບ URL",
-    "Mention a user": "ກ່າວເຖິງຜູ້ໃຊ້",
-    "Add emoji": "ເພີ່ມ emoji",
-    "Preview": "ເບິ່ງຕົວຢ່າງ",
-    "Back to write mode": "ກັບໄປທີ່ໂໝດຂຽນ",
-    "Too many results. Try refining the search.": "ຜົນໄດ້ຮັບຫຼາຍເກີນໄປ. ປັບປຸງການຄົ້ນຫາ.",
-    "Search for a user": "ຄົ້ນຫາຜູ້ໃຊ້",
-    "Searching for \"{{- searchText}}\"": "ຄົ້ນຫາ \"{{- searchText}}\"",
-    "No results found": "ບໍ່ພົບຜົນການຊອກຫາ",
     "Not available offline": "ບໍ່ສາມາດໃຊ້ໄດ້ອອບລາຍ",
     "Created by": "ສ້າງໂດຍ",
     "Anyone": "ທຸກຄົນ",
@@ -271,6 +262,14 @@
     "Six-months": "6 ເດືອນ",
     "Financial Years": "ສົກປີງົບປະມານ",
     "Years": "ປີ",
+    "Value: {{value}}": "",
+    "Bold text": "ຕົວອັກສອນເຂັ້ມ",
+    "Italic text": "ຕົວອັກສອນສະຫຼ່ຽງ",
+    "Link to a URL": "ເຊື່ອມຕໍ່ກັບ URL",
+    "Mention a user": "ກ່າວເຖິງຜູ້ໃຊ້",
+    "Add emoji": "ເພີ່ມ emoji",
+    "Preview": "ເບິ່ງຕົວຢ່າງ",
+    "Back to write mode": "ກັບໄປທີ່ໂໝດຂຽນ",
     "Interpretations and details": "ຂໍ້ມູນ ແລະ ລາຍລະອຽດ",
     "Translating to": "ແປເປັນ",
     "Choose a locale": "ເລືອກສະຖານທີ່ເກີດເຫດ",
@@ -281,6 +280,10 @@
     "Cannot save while offline": "ບໍ່ສາມາດບັນທຶກແບບອອບລາຍ",
     "Could not load translations": "ບໍ່ສາມາດໂຫຼດການແປ",
     "Retry": "ລອງໃໝ່",
+    "Too many results. Try refining the search.": "ຜົນໄດ້ຮັບຫຼາຍເກີນໄປ. ປັບປຸງການຄົ້ນຫາ.",
+    "Search for a user": "ຄົ້ນຫາຜູ້ໃຊ້",
+    "Searching for \"{{- searchText}}\"": "ຄົ້ນຫາ \"{{- searchText}}\"",
+    "No results found": "ບໍ່ພົບຜົນການຊອກຫາ",
     "Series": "ແທ່ງ",
     "Category": "ລວງນອນ",
     "Filter": "ຕົວກອງ",
@@ -350,6 +353,7 @@
     "{{thresholdFactor}} × Modified Z-score high": "{{thresholdFactor}} x ແກ້ໄຂຄະແນນ z ສູງ",
     "{{thresholdFactor}} × Z-score low": "{{thresholdFactor}} x ຄະແນນ z ຕ່ຳ",
     "{{thresholdFactor}} × Z-score high": "{{thresholdFactor}} x ຄະແນນ z ສູງ",
+    "Not applicable": "",
     "Data": "ຂໍ້ມູນ",
     "Organisation unit": "​ຫົວ​ໜ່ວຍ​ການ​ຈັດ​ຕັ້ງ",
     "Assigned Categories": "ຈັດໝວດໝູ່",

package/build/cjs/modules/pivotTable/PivotTableEngine.js

@@ -160,7 +160,7 @@ const applyTotalAggregationType = (_ref2, overrideTotalAggregationType) => {
   } = _ref2;
   switch (overrideTotalAggregationType || totalAggregationType) {
     case _pivotTableConstants.AGGREGATE_TYPE_NA:
-      return 'N/A';
+      return _pivotTableConstants.VALUE_NA;
     case _pivotTableConstants.AGGREGATE_TYPE_AVERAGE:
       return (numerator || value) * multiplier / (denominator * divisor || 1);
     case _pivotTableConstants.AGGREGATE_TYPE_SUM:
@@ -265,15 +265,29 @@ class PivotTableEngine {
       rawCell.rawValue = rawValue;
       rawCell.renderedValue = renderedValue;
     }
+    if ([_pivotTableConstants.CELL_TYPE_TOTAL, _pivotTableConstants.CELL_TYPE_SUBTOTAL].includes(rawCell.cellType) && rawCell.rawValue === _pivotTableConstants.AGGREGATE_TYPE_NA) {
+      rawCell.titleValue = _d2I18n.default.t('Not applicable');
+    }
     if (this.options.cumulativeValues) {
+      let titleValue;
+      if (this.data[row] && this.data[row][column]) {
+        const dataRow = this.data[row][column];
+        const rawValue = cellType === _pivotTableConstants.CELL_TYPE_VALUE ? dataRow[this.dimensionLookup.dataHeaders.value] : dataRow.value;
+        titleValue = _d2I18n.default.t('Value: {{value}}', {
+          value: (0, _renderValue.renderValue)(rawValue, valueType, this.visualization),
+          nsSeparator: '^^'
+        });
+      }
       const cumulativeValue = this.getCumulative({
         row,
         column
       });
       if (cumulativeValue !== undefined && cumulativeValue !== null) {
-        // force to NUMBER for accumulated values
-        rawCell.valueType = valueType === undefined || valueType === null ? _valueTypes.VALUE_TYPE_NUMBER : valueType;
+        // force to TEXT for N/A (accumulated) values
+        // force to NUMBER for accumulated values if no valueType present
+        rawCell.valueType = cumulativeValue === _pivotTableConstants.VALUE_NA ? _pivotTableConstants.VALUE_TYPE_NA : valueType === undefined || valueType === null ? _valueTypes.VALUE_TYPE_NUMBER : valueType;
         rawCell.empty = false;
+        rawCell.titleValue = titleValue;
         rawCell.rawValue = cumulativeValue;
         rawCell.renderedValue = (0, _renderValue.renderValue)(cumulativeValue, valueType, this.visualization);
       }
@@ -372,15 +386,12 @@ class PivotTableEngine {
       return undefined;
     }
     const cellValue = this.data[row][column];
+
+    // empty cell
     if (!cellValue) {
-      // Empty cell
-      // The cell still needs to get the valueType to render correctly 0 and cumulative values
-      return {
-        valueType: _valueTypes.VALUE_TYPE_NUMBER,
-        totalAggregationType: _pivotTableConstants.AGGREGATE_TYPE_SUM
-      };
+      return undefined;
     }
-    if (!Array.isArray(cellValue)) {
+    if (cellValue && !Array.isArray(cellValue)) {
       // This is a total cell
       return {
         valueType: cellValue.valueType,
@@ -543,19 +554,26 @@ class PivotTableEngine {
       } else {
         totalCell.totalAggregationType = currentAggType;
       }
-      const currentValueType = dxDimension === null || dxDimension === void 0 ? void 0 : dxDimension.valueType;
+
+      // Force value type of total cells to NUMBER for value cells with numeric or boolean types.
+      // This is to simplify the code below where we compare the previous value type.
+      // All numeric/boolean value types use the same style for rendering the total cell (right aligned content)
+      // and using NUMBER for the total cell is enough for that.
+      // (see DHIS2-9155)
+      const currentValueType = (0, _valueTypes.isNumericValueType)(dxDimension === null || dxDimension === void 0 ? void 0 : dxDimension.valueType) || (0, _valueTypes.isBooleanValueType)(dxDimension === null || dxDimension === void 0 ? void 0 : dxDimension.valueType) ? _valueTypes.VALUE_TYPE_NUMBER : dxDimension === null || dxDimension === void 0 ? void 0 : dxDimension.valueType;
       const previousValueType = totalCell.valueType;
       if (previousValueType && currentValueType !== previousValueType) {
-        totalCell.valueType = _pivotTableConstants.AGGREGATE_TYPE_NA;
+        totalCell.valueType = _pivotTableConstants.VALUE_TYPE_NA;
       } else {
         totalCell.valueType = currentValueType;
       }
 
-      // compute subtotals and totals for all numeric and boolean value types
-      // in that case, force value type of subtotal and total cells to NUMBER to format them correctly
+      // Compute totals for all numeric and boolean value types only.
+      // In practice valueType here is NUMBER (see the comment above).
+      // When is not, it means there is some value cell with a valueType other than numeric/boolean,
+      // the total should not be computed then.
       // (see DHIS2-9155)
-      if ((0, _valueTypes.isNumericValueType)(dxDimension === null || dxDimension === void 0 ? void 0 : dxDimension.valueType) || (0, _valueTypes.isBooleanValueType)(dxDimension === null || dxDimension === void 0 ? void 0 : dxDimension.valueType)) {
-        totalCell.valueType = _valueTypes.VALUE_TYPE_NUMBER;
+      if ((0, _valueTypes.isNumericValueType)(totalCell.valueType)) {
         dataFields.forEach(field => {
           const headerIndex = this.dimensionLookup.dataHeaders[field];
           const value = (0, _parseValue.parseValue)(dataRow[headerIndex]);
@@ -649,6 +667,17 @@ class PivotTableEngine {
       }
     }
   }
+  computeOverrideTotalAggregationType(totalCell, visualization) {
+    // Avoid undefined on total cells with valueTypes that cannot be totalized.
+    // This happens for example when a column/row has all value cells of type TEXT.
+    if (!((0, _valueTypes.isNumericValueType)(totalCell.valueType) || (0, _valueTypes.isBooleanValueType)(totalCell.valueType))) {
+      return _pivotTableConstants.AGGREGATE_TYPE_NA;
+    }
+
+    // DHIS2-15698: do not override total aggregation type when numberType option is not present
+    // (numberType option default is VALUE)
+    return visualization.numberType && visualization.numberType !== _pivotTableConstants.NUMBER_TYPE_VALUE && _pivotTableConstants.AGGREGATE_TYPE_SUM;
+  }
   finalizeTotal(_ref11) {
     let {
       row,
@@ -659,10 +688,12 @@ class PivotTableEngine {
     }
     const totalCell = this.data[row][column];
     if (totalCell && totalCell.count) {
-      totalCell.value = applyTotalAggregationType(totalCell,
-      // DHIS2-15698: do not override total aggregation type when numberType option is not present
-      // (numberType option default is VALUE)
-      this.visualization.numberType && this.visualization.numberType !== _pivotTableConstants.NUMBER_TYPE_VALUE && _pivotTableConstants.AGGREGATE_TYPE_SUM);
+      totalCell.value = applyTotalAggregationType(totalCell, this.computeOverrideTotalAggregationType(totalCell, this.visualization));
+
+      // override valueType for styling cells with N/A value
+      if (totalCell.value === _pivotTableConstants.AGGREGATE_TYPE_NA) {
+        totalCell.valueType = _pivotTableConstants.VALUE_TYPE_NA;
+      }
       this.adaptiveClippingController.add({
         row,
         column
@@ -763,10 +794,14 @@ class PivotTableEngine {
             column
           });
           const valueType = (dxDimension === null || dxDimension === void 0 ? void 0 : dxDimension.valueType) || _valueTypes.VALUE_TYPE_TEXT;
+          const totalAggregationType = dxDimension === null || dxDimension === void 0 ? void 0 : dxDimension.totalAggregationType;
 
-          // only accumulate numeric values
-          // accumulating text values does not make sense
-          if (valueType === _valueTypes.VALUE_TYPE_NUMBER) {
+          // only accumulate numeric (except for PERCENTAGE and UNIT_INTERVAL) and boolean values
+          // accumulating other value types like text values does not make sense
+          if ((0, _valueTypes.isCumulativeValueType)(valueType) && totalAggregationType === _pivotTableConstants.AGGREGATE_TYPE_SUM) {
+            // initialise to 0 for cumulative types
+            // (||= is not transformed correctly in Babel with the current setup)
+            acc || (acc = 0);
             if (this.data[row] && this.data[row][column]) {
               const dataRow = this.data[row][column];
               const rawValue = cellType === _pivotTableConstants.CELL_TYPE_VALUE ? dataRow[this.dimensionLookup.dataHeaders.value] : dataRow.value;
@@ -775,7 +810,7 @@ class PivotTableEngine {
             this.accumulators.rows[row][column] = acc;
           }
           return acc;
-        }, 0);
+        }, '');
       });
     } else {
       this.accumulators = {

package/build/cjs/modules/pivotTable/pivotTableConstants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WRAPPED_TEXT_LINE_HEIGHT = exports.WRAPPED_TEXT_JUSTIFY_BUFFER = exports.SORT_ORDER_DESCENDING = exports.SORT_ORDER_ASCENDING = exports.NUMBER_TYPE_VALUE = exports.NUMBER_TYPE_ROW_PERCENTAGE = exports.NUMBER_TYPE_COLUMN_PERCENTAGE = exports.FONT_SIZE_SMALL = exports.FONT_SIZE_OPTION_SMALL = exports.FONT_SIZE_OPTION_NORMAL = exports.FONT_SIZE_OPTION_LARGE = exports.FONT_SIZE_NORMAL = exports.FONT_SIZE_LARGE = exports.DISPLAY_DENSITY_PADDING_NORMAL = exports.DISPLAY_DENSITY_PADDING_COMPACT = exports.DISPLAY_DENSITY_PADDING_COMFORTABLE = exports.DISPLAY_DENSITY_OPTION_NORMAL = exports.DISPLAY_DENSITY_OPTION_COMPACT = exports.DISPLAY_DENSITY_OPTION_COMFORTABLE = exports.CLIPPED_CELL_MIN_SIZE = exports.CLIPPED_CELL_MAX_SIZE = exports.CLIPPED_AXIS_PARTITION_SIZE_PX = exports.CELL_TYPE_VALUE = exports.CELL_TYPE_TOTAL = exports.CELL_TYPE_SUBTOTAL = exports.BORDER_COLOR = exports.AGGREGATE_TYPE_SUM = exports.AGGREGATE_TYPE_NA = exports.AGGREGATE_TYPE_AVERAGE = void 0;
+exports.WRAPPED_TEXT_LINE_HEIGHT = exports.WRAPPED_TEXT_JUSTIFY_BUFFER = exports.VALUE_TYPE_NA = exports.VALUE_NA = exports.SORT_ORDER_DESCENDING = exports.SORT_ORDER_ASCENDING = exports.NUMBER_TYPE_VALUE = exports.NUMBER_TYPE_ROW_PERCENTAGE = exports.NUMBER_TYPE_COLUMN_PERCENTAGE = exports.FONT_SIZE_SMALL = exports.FONT_SIZE_OPTION_SMALL = exports.FONT_SIZE_OPTION_NORMAL = exports.FONT_SIZE_OPTION_LARGE = exports.FONT_SIZE_NORMAL = exports.FONT_SIZE_LARGE = exports.DISPLAY_DENSITY_PADDING_NORMAL = exports.DISPLAY_DENSITY_PADDING_COMPACT = exports.DISPLAY_DENSITY_PADDING_COMFORTABLE = exports.DISPLAY_DENSITY_OPTION_NORMAL = exports.DISPLAY_DENSITY_OPTION_COMPACT = exports.DISPLAY_DENSITY_OPTION_COMFORTABLE = exports.CLIPPED_CELL_MIN_SIZE = exports.CLIPPED_CELL_MAX_SIZE = exports.CLIPPED_AXIS_PARTITION_SIZE_PX = exports.CELL_TYPE_VALUE = exports.CELL_TYPE_TOTAL = exports.CELL_TYPE_SUBTOTAL = exports.BORDER_COLOR = exports.AGGREGATE_TYPE_SUM = exports.AGGREGATE_TYPE_NA = exports.AGGREGATE_TYPE_AVERAGE = void 0;
 const SORT_ORDER_ASCENDING = 1;
 exports.SORT_ORDER_ASCENDING = SORT_ORDER_ASCENDING;
 const SORT_ORDER_DESCENDING = -1;
@@ -20,6 +20,8 @@ const AGGREGATE_TYPE_AVERAGE = 'AVERAGE';
 exports.AGGREGATE_TYPE_AVERAGE = AGGREGATE_TYPE_AVERAGE;
 const AGGREGATE_TYPE_NA = 'N/A';
 exports.AGGREGATE_TYPE_NA = AGGREGATE_TYPE_NA;
+const VALUE_TYPE_NA = 'N_A'; // this ends up as CSS class and / is problematic
+exports.VALUE_TYPE_NA = VALUE_TYPE_NA;
 const NUMBER_TYPE_VALUE = 'VALUE';
 exports.NUMBER_TYPE_VALUE = NUMBER_TYPE_VALUE;
 const NUMBER_TYPE_ROW_PERCENTAGE = 'ROW_PERCENTAGE';
@@ -61,4 +63,6 @@ exports.WRAPPED_TEXT_JUSTIFY_BUFFER = WRAPPED_TEXT_JUSTIFY_BUFFER;
 const WRAPPED_TEXT_LINE_HEIGHT = 1.0;
 exports.WRAPPED_TEXT_LINE_HEIGHT = WRAPPED_TEXT_LINE_HEIGHT;
 const CLIPPED_AXIS_PARTITION_SIZE_PX = 1000;
-exports.CLIPPED_AXIS_PARTITION_SIZE_PX = CLIPPED_AXIS_PARTITION_SIZE_PX;
+exports.CLIPPED_AXIS_PARTITION_SIZE_PX = CLIPPED_AXIS_PARTITION_SIZE_PX;
+const VALUE_NA = 'N/A';
+exports.VALUE_NA = VALUE_NA;

package/build/cjs/modules/valueTypes.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isNumericValueType = exports.isBooleanValueType = exports.VALUE_TYPE_USERNAME = exports.VALUE_TYPE_URL = exports.VALUE_TYPE_UNIT_INTERVAL = exports.VALUE_TYPE_TRUE_ONLY = exports.VALUE_TYPE_TIME = exports.VALUE_TYPE_TEXT = exports.VALUE_TYPE_PHONE_NUMBER = exports.VALUE_TYPE_PERCENTAGE = exports.VALUE_TYPE_ORGANISATION_UNIT = exports.VALUE_TYPE_NUMBER = exports.VALUE_TYPE_LONG_TEXT = exports.VALUE_TYPE_LETTER = exports.VALUE_TYPE_INTEGER_ZERO_OR_POSITIVE = exports.VALUE_TYPE_INTEGER_POSITIVE = exports.VALUE_TYPE_INTEGER_NEGATIVE = exports.VALUE_TYPE_INTEGER = exports.VALUE_TYPE_EMAIL = exports.VALUE_TYPE_DATETIME = exports.VALUE_TYPE_DATE = exports.VALUE_TYPE_BOOLEAN = exports.VALUE_TYPE_AGE = void 0;
+exports.isNumericValueType = exports.isCumulativeValueType = exports.isBooleanValueType = exports.VALUE_TYPE_USERNAME = exports.VALUE_TYPE_URL = exports.VALUE_TYPE_UNIT_INTERVAL = exports.VALUE_TYPE_TRUE_ONLY = exports.VALUE_TYPE_TIME = exports.VALUE_TYPE_TEXT = exports.VALUE_TYPE_PHONE_NUMBER = exports.VALUE_TYPE_PERCENTAGE = exports.VALUE_TYPE_ORGANISATION_UNIT = exports.VALUE_TYPE_NUMBER = exports.VALUE_TYPE_LONG_TEXT = exports.VALUE_TYPE_LETTER = exports.VALUE_TYPE_INTEGER_ZERO_OR_POSITIVE = exports.VALUE_TYPE_INTEGER_POSITIVE = exports.VALUE_TYPE_INTEGER_NEGATIVE = exports.VALUE_TYPE_INTEGER = exports.VALUE_TYPE_EMAIL = exports.VALUE_TYPE_DATETIME = exports.VALUE_TYPE_DATE = exports.VALUE_TYPE_BOOLEAN = exports.VALUE_TYPE_AGE = void 0;
 /* These types match the types in the backend
   https://github.com/dhis2/dhis2-core/blob/master/dhis-2/dhis-api/src/main/java/org/hisp/dhis/common/ValueType.java
 */
@@ -52,6 +52,9 @@ const VALUE_TYPE_AGE = 'AGE';
 exports.VALUE_TYPE_AGE = VALUE_TYPE_AGE;
 const NUMERIC_VALUE_TYPES = [VALUE_TYPE_NUMBER, VALUE_TYPE_UNIT_INTERVAL, VALUE_TYPE_PERCENTAGE, VALUE_TYPE_INTEGER, VALUE_TYPE_INTEGER_POSITIVE, VALUE_TYPE_INTEGER_NEGATIVE, VALUE_TYPE_INTEGER_ZERO_OR_POSITIVE];
 const BOOLEAN_VALUE_TYPES = [VALUE_TYPE_BOOLEAN, VALUE_TYPE_TRUE_ONLY];
+const CUMULATIVE_VALUE_TYPES = [VALUE_TYPE_NUMBER, VALUE_TYPE_INTEGER, VALUE_TYPE_INTEGER_POSITIVE, VALUE_TYPE_INTEGER_NEGATIVE, VALUE_TYPE_INTEGER_ZERO_OR_POSITIVE, ...BOOLEAN_VALUE_TYPES];
+const isCumulativeValueType = type => CUMULATIVE_VALUE_TYPES.includes(type);
+exports.isCumulativeValueType = isCumulativeValueType;
 const isNumericValueType = type => NUMERIC_VALUE_TYPES.includes(type);
 exports.isNumericValueType = isNumericValueType;
 const isBooleanValueType = type => BOOLEAN_VALUE_TYPES.includes(type);

package/build/cjs/visualizations/config/adapters/dhis_highcharts/chart/default.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getDefaultChart;
+var _index = require("../events/index.js");
+var _type = _interopRequireDefault(require("../type.js"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const DEFAULT_CHART = {
+  spacingTop: 20,
+  style: {
+    fontFamily: 'Roboto,Helvetica Neue,Helvetica,Arial,sans-serif'
+  }
+};
+const DASHBOARD_CHART = {
+  spacingTop: 0,
+  spacingRight: 5,
+  spacingBottom: 2,
+  spacingLeft: 5
+};
+function getDefaultChart(layout, el, extraOptions) {
+  return Object.assign({}, (0, _type.default)(layout.type), {
+    renderTo: el || layout.el
+  }, DEFAULT_CHART, extraOptions.dashboard ? DASHBOARD_CHART : undefined, (0, _index.getEvents)(layout.type));
+}

package/build/cjs/visualizations/config/adapters/dhis_highcharts/chart/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getChart;
+var _visTypes = require("../../../../../modules/visTypes.js");
+var _default = _interopRequireDefault(require("./default.js"));
+var _singleValue = _interopRequireDefault(require("./singleValue.js"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function getChart(layout, el, extraOptions, series) {
+  switch (layout.type) {
+    case _visTypes.VIS_TYPE_SINGLE_VALUE:
+      return (0, _singleValue.default)(layout, el, extraOptions, series);
+    default:
+      return (0, _default.default)(layout, el, extraOptions);
+  }
+}

package/build/cjs/visualizations/config/adapters/dhis_highcharts/chart/singleValue.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getSingleValueChart;
+var _getSingleValueBackgroundColor = require("../customSVGOptions/singleValue/getSingleValueBackgroundColor.js");
+var _default = _interopRequireDefault(require("./default.js"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function getSingleValueChart(layout, el, extraOptions, series) {
+  const chart = {
+    ...(0, _default.default)(layout, el, extraOptions),
+    backgroundColor: (0, _getSingleValueBackgroundColor.getSingleValueBackgroundColor)(layout.legend, extraOptions.legendSets, series[0])
+  };
+  if (extraOptions.dashboard) {
+    chart.spacingTop = 7;
+  }
+  return chart;
+}

package/build/cjs/visualizations/config/adapters/dhis_highcharts/customSVGOptions/index.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getCustomSVGOptions;
+var _visTypes = require("../../../../../modules/visTypes.js");
+var _index = _interopRequireDefault(require("./singleValue/index.js"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function getCustomSVGOptions(_ref) {
+  let {
+    extraConfig,
+    layout,
+    extraOptions,
+    metaData,
+    series
+  } = _ref;
+  const baseOptions = {
+    visualizationType: layout.type
+  };
+  switch (layout.type) {
+    case _visTypes.VIS_TYPE_SINGLE_VALUE:
+      return {
+        ...baseOptions,
+        ...(0, _index.default)({
+          extraConfig,
+          layout,
+          extraOptions,
+          metaData,
+          series
+        })
+      };
+    default:
+      break;
+  }
+}

package/build/cjs/visualizations/config/adapters/dhis_highcharts/customSVGOptions/singleValue/getSingleValueBackgroundColor.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSingleValueBackgroundColor = getSingleValueBackgroundColor;
+var _legends = require("../../../../../../modules/legends.js");
+var _getSingleValueLegendColor = require("./getSingleValueLegendColor.js");
+function getSingleValueBackgroundColor(legendOptions, legendSets, value) {
+  const legendColor = (0, _getSingleValueLegendColor.getSingleValueLegendColor)(legendOptions, legendSets, value);
+  return legendColor && legendOptions.style === _legends.LEGEND_DISPLAY_STYLE_FILL ? legendColor : 'transparent';
+}

package/build/cjs/visualizations/config/adapters/{dhis_dhis/value/index.js → dhis_highcharts/customSVGOptions/singleValue/getSingleValueFormattedValue.js}

@@ -3,11 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = _default;
-var _renderValue = require("../../../../../modules/renderValue.js");
-var _valueTypes = require("../../../../../modules/valueTypes.js");
-var _index = require("../index.js");
-function _default(value, layout, metaData) {
+exports.INDICATOR_FACTOR_100 = void 0;
+exports.getSingleValueFormattedValue = getSingleValueFormattedValue;
+var _renderValue = require("../../../../../../modules/renderValue.js");
+var _valueTypes = require("../../../../../../modules/valueTypes.js");
+const INDICATOR_FACTOR_100 = 100;
+exports.INDICATOR_FACTOR_100 = INDICATOR_FACTOR_100;
+function getSingleValueFormattedValue(value, layout, metaData) {
   const valueType = metaData.items[metaData.dimensions.dx[0]].valueType;
   const indicatorType = metaData.items[metaData.dimensions.dx[0]].indicatorType;
   let formattedValue = (0, _renderValue.renderValue)(value, valueType || _valueTypes.VALUE_TYPE_TEXT, {
@@ -17,7 +19,7 @@ function _default(value, layout, metaData) {
 
   // only show the percentage symbol for per cent
   // for other factors, show the full text under the value
-  if ((indicatorType === null || indicatorType === void 0 ? void 0 : indicatorType.factor) === _index.INDICATOR_FACTOR_100) {
+  if ((indicatorType === null || indicatorType === void 0 ? void 0 : indicatorType.factor) === INDICATOR_FACTOR_100) {
     formattedValue += '%';
   }
   return formattedValue;

package/build/cjs/visualizations/config/adapters/dhis_highcharts/customSVGOptions/singleValue/getSingleValueLegendColor.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSingleValueLegendColor = getSingleValueLegendColor;
+var _legends = require("../../../../../../modules/legends.js");
+function getSingleValueLegendColor(legendOptions, legendSets, value) {
+  const legendSet = legendOptions && legendSets[0];
+  return legendSet ? (0, _legends.getColorByValueFromLegendSet)(legendSet, value) : undefined;
+}

package/build/cjs/visualizations/config/adapters/dhis_highcharts/customSVGOptions/singleValue/getSingleValueSubtext.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSingleValueSubtext = getSingleValueSubtext;
+var _getSingleValueFormattedValue = require("./getSingleValueFormattedValue.js");
+function getSingleValueSubtext(metaData) {
+  const indicatorType = metaData.items[metaData.dimensions.dx[0]].indicatorType;
+  return indicatorType !== null && indicatorType !== void 0 && indicatorType.displayName && (indicatorType === null || indicatorType === void 0 ? void 0 : indicatorType.factor) !== _getSingleValueFormattedValue.INDICATOR_FACTOR_100 ? indicatorType === null || indicatorType === void 0 ? void 0 : indicatorType.displayName : undefined;
+}

package/build/cjs/visualizations/config/adapters/dhis_highcharts/customSVGOptions/singleValue/getSingleValueTextColor.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSingleValueTextColor = getSingleValueTextColor;
+var _ui = require("@dhis2/ui");
+var _legends = require("../../../../../../modules/legends.js");
+var _shouldUseContrastColor = require("../../../../../util/shouldUseContrastColor.js");
+var _getSingleValueLegendColor = require("./getSingleValueLegendColor.js");
+function getSingleValueTextColor(baseColor, value, legendOptions, legendSets) {
+  const legendColor = (0, _getSingleValueLegendColor.getSingleValueLegendColor)(legendOptions, legendSets, value);
+  if (!legendColor) {
+    return baseColor;
+  }
+  if (legendOptions.style === _legends.LEGEND_DISPLAY_STYLE_TEXT) {
+    return legendColor;
+  }
+  return (0, _shouldUseContrastColor.shouldUseContrastColor)(legendColor) ? _ui.colors.white : baseColor;
+}

package/build/cjs/visualizations/config/adapters/dhis_highcharts/customSVGOptions/singleValue/getSingleValueTitleColor.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSingleValueTitleColor = getSingleValueTitleColor;
+var _ui = require("@dhis2/ui");
+var _legends = require("../../../../../../modules/legends.js");
+var _shouldUseContrastColor = require("../../../../../util/shouldUseContrastColor.js");
+var _getSingleValueLegendColor = require("./getSingleValueLegendColor.js");
+function getSingleValueTitleColor(customColor, defaultColor, value, legendOptions, legendSets) {
+  // Never override custom color
+  if (customColor) {
+    return customColor;
+  }
+  const isUsingLegendBackground = (legendOptions === null || legendOptions === void 0 ? void 0 : legendOptions.style) === _legends.LEGEND_DISPLAY_STYLE_FILL;
+
+  // If not using legend background, always return default color
+  if (!isUsingLegendBackground) {
+    return defaultColor;
+  }
+  const legendColor = (0, _getSingleValueLegendColor.getSingleValueLegendColor)(legendOptions, legendSets, value);
+
+  // Return default color or contrasting color when using legend background and default color
+  return (0, _shouldUseContrastColor.shouldUseContrastColor)(legendColor) ? _ui.colors.white : defaultColor;
+}

package/build/cjs/visualizations/config/adapters/dhis_highcharts/customSVGOptions/singleValue/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getSingleValueCustomSVGOptions;
+var _ui = require("@dhis2/ui");
+var _getSingleValueFormattedValue = require("./getSingleValueFormattedValue.js");
+var _getSingleValueSubtext = require("./getSingleValueSubtext.js");
+var _getSingleValueTextColor = require("./getSingleValueTextColor.js");
+function getSingleValueCustomSVGOptions(_ref) {
+  let {
+    layout,
+    extraOptions,
+    metaData,
+    series
+  } = _ref;
+  const {
+    dashboard,
+    icon
+  } = extraOptions;
+  const value = series[0];
+  return {
+    value,
+    fontColor: (0, _getSingleValueTextColor.getSingleValueTextColor)(_ui.colors.grey900, value, layout.legend, extraOptions.legendSets),
+    formattedValue: (0, _getSingleValueFormattedValue.getSingleValueFormattedValue)(value, layout, metaData),
+    icon,
+    dashboard,
+    subText: (0, _getSingleValueSubtext.getSingleValueSubtext)(metaData)
+  };
+}

package/build/cjs/visualizations/config/adapters/dhis_highcharts/events/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getEvents = void 0;
+var _index = _interopRequireDefault(require("./loadCustomSVG/index.js"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const getEvents = visType => ({
+  events: {
+    load: function () {
+      // Align legend icon with legend text
+      this.legend.allItems.forEach(item => {
+        if (item.legendSymbol) {
+          item.legendSymbol.attr({
+            translateY: -(item.legendItem.label.getBBox().height * 0.75 / 4) + item.legendSymbol.r / 2
+          });
+        }
+      });
+      _index.default.call(this, visType);
+    }
+  }
+});
+exports.getEvents = getEvents;