@dhis2/analytics 29.4.2 → 29.5.0

package/build/cjs/components/AboutAOUnit/AboutAOUnit.js

@@ -147,8 +147,7 @@ const AboutAOUnit = /*#__PURE__*/(0, _react.forwardRef)(({
   })), data && /*#__PURE__*/_react.default.createElement("div", {
     className: `jsx-${_AboutAOUnitStyle.default.__hash}` + " " + "content"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `jsx-${_AboutAOUnitStyle.default.__hash}` + " " + ((0, _classnames.default)('detailLine', {
-      description: true,
+    className: `jsx-${_AboutAOUnitStyle.default.__hash}` + " " + ((0, _classnames.default)('description', {
       noDescription: !data.ao.displayDescription
     }) || "")
   }, data.ao.displayDescription ? /*#__PURE__*/_react.default.createElement(_index.RichTextParser, null, data.ao.displayDescription) : /*#__PURE__*/_react.default.createElement("p", {
@@ -157,28 +156,36 @@ const AboutAOUnit = /*#__PURE__*/(0, _react.forwardRef)(({
     className: `jsx-${_AboutAOUnitStyle.default.__hash}`
   }, /*#__PURE__*/_react.default.createElement("p", {
     className: `jsx-${_AboutAOUnitStyle.default.__hash}` + " " + "detailLine"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: `jsx-${_AboutAOUnitStyle.default.__hash}` + " " + "icon"
   }, /*#__PURE__*/_react.default.createElement(_ui.IconShare16, {
     color: _ui.colors.grey700
-  }), getSharingSummary(data.ao)), /*#__PURE__*/_react.default.createElement("p", {
+  })), getSharingSummary(data.ao)), /*#__PURE__*/_react.default.createElement("p", {
     className: `jsx-${_AboutAOUnitStyle.default.__hash}` + " " + "detailLine"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: `jsx-${_AboutAOUnitStyle.default.__hash}` + " " + "icon"
   }, /*#__PURE__*/_react.default.createElement(_ui.IconClock16, {
     color: _ui.colors.grey700
-  }), _d2I18n.default.t('Last updated {{time}}', {
+  })), _d2I18n.default.t('Last updated {{time}}', {
     time: (0, _moment.default)(fromServerDate(data.ao.lastUpdated)).fromNow()
   })), /*#__PURE__*/_react.default.createElement("p", {
     className: `jsx-${_AboutAOUnitStyle.default.__hash}` + " " + "detailLine"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: `jsx-${_AboutAOUnitStyle.default.__hash}` + " " + "icon"
   }, /*#__PURE__*/_react.default.createElement(_ui.IconUser16, {
     color: _ui.colors.grey700
-  }), (_data$ao$createdBy = data.ao.createdBy) !== null && _data$ao$createdBy !== void 0 && _data$ao$createdBy.displayName ? _d2I18n.default.t('Created {{time}} by {{author}}', {
+  })), (_data$ao$createdBy = data.ao.createdBy) !== null && _data$ao$createdBy !== void 0 && _data$ao$createdBy.displayName ? _d2I18n.default.t('Created {{time}} by {{author}}', {
     time: (0, _moment.default)(fromServerDate(data.ao.created)).fromNow(),
     author: data.ao.createdBy.displayName
   }) : _d2I18n.default.t('Created {{time}}', {
     time: (0, _moment.default)(fromServerDate(data.ao.created)).fromNow()
   })), /*#__PURE__*/_react.default.createElement("p", {
     className: `jsx-${_AboutAOUnitStyle.default.__hash}` + " " + "detailLine"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: `jsx-${_AboutAOUnitStyle.default.__hash}` + " " + "icon"
   }, /*#__PURE__*/_react.default.createElement(_ui.IconView16, {
     color: _ui.colors.grey700
-  }), _d2I18n.default.t('Viewed {{count}} times', {
+  })), _d2I18n.default.t('Viewed {{count}} times', {
     count: data.dataStatistics.views,
     defaultValue: 'Viewed 1 time',
     defaultValue_plural: 'Viewed {{count}} times'
@@ -189,7 +196,7 @@ const AboutAOUnit = /*#__PURE__*/(0, _react.forwardRef)(({
   }, _d2I18n.default.t('Notifications')), data.ao.subscribed ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", {
     className: `jsx-${_AboutAOUnitStyle.default.__hash}` + " " + "subscriptionLabel"
   }, _d2I18n.default.t("You're subscribed and getting updates about new interpretations.")), /*#__PURE__*/_react.default.createElement(_ui.Button, {
-    icon: /*#__PURE__*/_react.default.createElement(_ui.IconSubscribeOff24, {
+    icon: /*#__PURE__*/_react.default.createElement(_ui.IconSubscribeOff16, {
       color: _ui.colors.grey700
     }),
     secondary: true,
@@ -199,7 +206,7 @@ const AboutAOUnit = /*#__PURE__*/(0, _react.forwardRef)(({
   }, _d2I18n.default.t('Unsubscribe'))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", {
     className: `jsx-${_AboutAOUnitStyle.default.__hash}` + " " + "subscriptionLabel"
   }, _d2I18n.default.t('Subscribe to get updates about new interpretations.')), /*#__PURE__*/_react.default.createElement(_ui.Button, {
-    icon: /*#__PURE__*/_react.default.createElement(_ui.IconSubscribe24, {
+    icon: /*#__PURE__*/_react.default.createElement(_ui.IconSubscribe16, {
       color: _ui.colors.grey700
     }),
     secondary: true,

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

@@ -5,6 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _ui = require("@dhis2/ui");
-const _defaultExport = [`.container.jsx-3095370592{position:relative;padding:${_ui.spacers.dp16};border-bottom:1px solid ${_ui.colors.grey400};background-color:${_ui.colors.white};}`, `.expanded.jsx-3095370592{padding-bottom:${_ui.spacers.dp32};}`, ".loader.jsx-3095370592{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}", ".header.jsx-3095370592{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;cursor:pointer;}", `.title.jsx-3095370592{font-size:16px;font-weight:500;line-height:21px;color:${_ui.colors.grey900};}`, `.content.jsx-3095370592{font-size:14px;line-height:18px;color:${_ui.colors.grey900};}`, `.detailLine.jsx-3095370592{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0;padding:${_ui.spacers.dp12} 0 0 0;gap:${_ui.spacers.dp8};}`, ".detailLine.jsx-3095370592 svg.jsx-3095370592{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}", ".description.jsx-3095370592{white-space:pre-line;}", `.noDescription.jsx-3095370592{color:${_ui.colors.grey600};}`, `.subsection.jsx-3095370592{margin-top:${_ui.spacers.dp24};}`, `.subsectionTitle.jsx-3095370592{color:${_ui.colors.grey700};font-weight:500;}`, `.subscriptionLabel.jsx-3095370592{margin:${_ui.spacers.dp12} 0 ${_ui.spacers.dp8} 0;}`, `.subsection.jsx-3095370592 button.jsx-3095370592{margin-top:${_ui.spacers.dp8};}`];
-_defaultExport.__hash = "3095370592";
+const _defaultExport = [`.container.jsx-3783470976{position:relative;padding:${_ui.spacers.dp16};border-bottom:1px solid ${_ui.colors.grey400};background-color:${_ui.colors.white};}`, `.expanded.jsx-3783470976{padding-bottom:${_ui.spacers.dp16};}`, `.loader.jsx-3783470976{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding-top:${_ui.spacers.dp16};}`, ".header.jsx-3783470976{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;}", `.title.jsx-3783470976{font-size:16px;font-weight:500;line-height:21px;color:${_ui.colors.grey900};}`, `.content.jsx-3783470976{font-size:14px;line-height:20px;color:${_ui.colors.grey900};}`, `.detailLine.jsx-3783470976{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;margin:0;padding:${_ui.spacers.dp12} 0 0 0;gap:${_ui.spacers.dp8};}`, ".detailLine.jsx-3783470976 .icon.jsx-3783470976{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:20px;}", ".description.jsx-3783470976{padding:0;}", `.description.jsx-3783470976 p{margin:${_ui.spacers.dp8} 0 ${_ui.spacers.dp4} 0;white-space:pre-line;}`, `.noDescription.jsx-3783470976{color:${_ui.colors.grey500};}`, `.subsection.jsx-3783470976{margin-top:${_ui.spacers.dp24};}`, `.subsectionTitle.jsx-3783470976{color:${_ui.colors.grey800};font-weight:500;margin:0;}`, `.subscriptionLabel.jsx-3783470976{font-size:13px;line-height:18px;margin:${_ui.spacers.dp4} 0 ${_ui.spacers.dp8} 0;color:${_ui.colors.grey600};}`];
+_defaultExport.__hash = "3783470976";
 var _default = exports.default = _defaultExport;

package/build/cjs/index.js

@@ -228,6 +228,7 @@ var _exportNames = {
   HIDE_EMPTY_ROW_ITEMS_ALL: true,
   formatValue: true,
   transformEventAggregateResponse: true,
+  transformEventVisualization: true,
   COLOR_SET_DEFAULT: true,
   COLOR_SET_BASIC: true,
   COLOR_SET_EXTENDED: true,
@@ -1935,6 +1936,12 @@ Object.defineProperty(exports, "transformEventAggregateResponse", {
     return _response.transformResponse;
   }
 });
+Object.defineProperty(exports, "transformEventVisualization", {
+  enumerable: true,
+  get: function () {
+    return _eventVisualization.transformEventVisualization;
+  }
+});
 Object.defineProperty(exports, "useCachedDataQuery", {
   enumerable: true,
   get: function () {
@@ -2074,6 +2081,7 @@ var _legends = require("./modules/legends.js");
 var _hideEmptyRowItems = require("./modules/hideEmptyRowItems.js");
 var _renderValue = require("./modules/renderValue.js");
 var _response = require("./modules/response/event/response.js");
+var _eventVisualization = require("./modules/eventVisualization/eventVisualization.js");
 var _colorSets = require("./visualizations/util/colors/colorSets.js");
 var _index12 = require("./components/PeriodDimension/utils/index.js");
 var _relativePeriods = require("./components/PeriodDimension/utils/relativePeriods.js");

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

@@ -9,6 +9,8 @@
     "Last updated {{time}}": "Last updated {{time}}",
     "Created {{time}} by {{author}}": "Created {{time}} by {{author}}",
     "Created {{time}}": "Created {{time}}",
+    "Viewed {{count}} times": "Viewed 1 time",
+    "Viewed {{count}} times_plural": "Viewed {{count}} times",
     "Notifications": "Notifications",
     "You're subscribed and getting updates about new interpretations.": "You're subscribed and getting updates about new interpretations.",
     "Unsubscribe": "Unsubscribe",
@@ -185,6 +187,8 @@
     "Error loading interpretations": "Error loading interpretations",
     "Could not load interpretations": "Could not load interpretations",
     "Reply": "Reply",
+    "{{count}} replies": "{{count}} reply",
+    "{{count}} replies_plural": "{{count}} replies",
     "View replies": "View replies",
     "Unlike": "Unlike",
     "Like": "Like",
@@ -234,6 +238,12 @@
     "No line lists found. Try adjusting your search or filter options to find what you're looking for.": "No line lists found. Try adjusting your search or filter options to find what you're looking for.",
     "New line list": "New line list",
     "Hide": "Hide",
+    "{{count}} org units": "{{count}} org unit",
+    "{{count}} org units_plural": "{{count}} org units",
+    "{{count}} levels": "{{count}} level",
+    "{{count}} levels_plural": "{{count}} levels",
+    "{{count}} groups": "{{count}} group",
+    "{{count}} groups_plural": "{{count}} groups",
     "Selected: {{commaSeparatedListOfOrganisationUnits}}": "Selected: {{commaSeparatedListOfOrganisationUnits}}",
     "Nothing selected": "Nothing selected",
     "User organisation unit": "User organisation unit",
@@ -416,6 +426,10 @@
     "Organisation unit": "Organisation unit",
     "Assigned Categories": "Assigned Categories",
     "No value": "No value",
+    "Active": "Active",
+    "Completed": "Completed",
+    "Scheduled": "Scheduled",
+    "Cancelled": "Cancelled",
     "Text": "Text",
     "Long text": "Long text",
     "Multi text": "Multi text",
@@ -468,5 +482,7 @@
     "Target": "Target",
     "Base": "Base",
     "Axis {{axisId}}": "Axis {{axisId}}",
+    "{{count}} items": "{{count}} item",
+    "{{count}} items_plural": "{{count}} items",
     "Reset zoom": "Reset zoom"
 }

package/build/cjs/modules/dimensions.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getHeaderByVis = void 0;
+// vis: 'dimension' in EventVisualization columns/rows/filters
+// dim: tracker analytics api dimension/filter id
+// header: tracker analytics api header name (query endpoints)
+
+const EVENT_DIMENSIONS = [{
+  vis: 'ou',
+  dim: 'ou',
+  header: 'ouname'
+}, {
+  vis: 'eventDate',
+  dim: 'EVENT_DATE',
+  header: 'eventdate'
+}, {
+  vis: 'enrollmentDate',
+  dim: 'ENROLLMENT_DATE',
+  header: 'enrollmentdate'
+}, {
+  vis: 'scheduledDate',
+  dim: 'SCHEDULED_DATE',
+  header: 'scheduleddate'
+}, {
+  vis: 'incidentDate',
+  dim: 'INCIDENT_DATE',
+  header: 'incidentdate'
+}, {
+  vis: 'lastUpdated',
+  dim: 'LAST_UPDATED',
+  header: 'lastupdated'
+}, {
+  vis: 'created',
+  dim: 'CREATED',
+  header: 'created'
+}, {
+  vis: 'completed',
+  dim: 'COMPLETED',
+  header: 'completed'
+}, {
+  vis: 'eventStatus',
+  dim: 'EVENT_STATUS',
+  header: 'eventstatus'
+}, {
+  vis: 'programStatus',
+  dim: 'PROGRAM_STATUS',
+  header: 'programstatus'
+}, {
+  vis: 'enrollmentOu',
+  dim: 'ENROLLMENT_OU',
+  header: 'enrollmentouname'
+}, {
+  vis: 'createdBy',
+  dim: '',
+  header: 'createdbydisplayname'
+}, {
+  vis: 'lastUpdatedBy',
+  dim: '',
+  header: 'lastupdatedbydisplayname'
+}];
+const getHeaderByVis = vis => {
+  var _EVENT_DIMENSIONS$fin;
+  return (_EVENT_DIMENSIONS$fin = EVENT_DIMENSIONS.find(d => d.vis === vis)) === null || _EVENT_DIMENSIONS$fin === void 0 ? void 0 : _EVENT_DIMENSIONS$fin.header;
+};
+exports.getHeaderByVis = getHeaderByVis;

package/build/cjs/modules/eventVisualization/__tests__/eventVisualization.spec.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _eventVisualization = require("../eventVisualization.js");
+const testDim1 = {
+  dimension: 'eventDate',
+  programStage: {
+    id: 'A03MvHHogjR'
+  }
+};
+const testDim2 = {
+  dimension: 'enrollmentDate',
+  program: {
+    id: 'IpHINAT79UW'
+  }
+};
+const testDim3 = {
+  dimension: 'created'
+};
+const testAxis = [testDim1];
+const testVis = {
+  columns: testAxis,
+  rows: [testDim2],
+  filters: [testDim3]
+};
+describe('eventVisualization', () => {
+  describe('transformEventVisualization', () => {
+    it('does not modify dimension, axis or vis', () => {
+      const newVis = (0, _eventVisualization.transformEventVisualization)(testVis);
+      expect(newVis).not.toBe(testVis);
+      expect(newVis.columns).not.toBe(testAxis);
+      expect(newVis.columns[0]).not.toBe(testDim1);
+    });
+    it('applies program stage to id', () => {
+      const newVis = (0, _eventVisualization.transformEventVisualization)(testVis);
+      expect(newVis.columns[0].dimension).toBe('A03MvHHogjR.eventdate');
+    });
+    it('applies program to id', () => {
+      const newVis = (0, _eventVisualization.transformEventVisualization)(testVis);
+      expect(newVis.rows[0].dimension).toBe('IpHINAT79UW.enrollmentdate');
+    });
+  });
+});

package/build/cjs/modules/eventVisualization/eventVisualization.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.transformEventVisualization = void 0;
+var _dimensions = require("../dimensions.js");
+var _layoutGetAllDimensions = require("../layout/layoutGetAllDimensions.js");
+// Dimensions saved with program or program stage in an EventVisualization need
+// transformation before we can pass them to the pivot table engine
+
+const cloneAxis = axis => axis === null || axis === void 0 ? void 0 : axis.map(dim => ({
+  ...dim
+}));
+const transformEventVisualization = vis => {
+  // Do not modify the original visualization
+  const transformedVis = {
+    ...vis,
+    columns: cloneAxis(vis.columns),
+    rows: cloneAxis(vis.rows),
+    filters: cloneAxis(vis.filters)
+  };
+  (0, _layoutGetAllDimensions.layoutGetAllDimensions)(transformedVis).forEach(dim => {
+    var _dim$program$id, _dim$program, _dim$programStage;
+    const headerName = (0, _dimensions.getHeaderByVis)(dim.dimension);
+    const prefix = (_dim$program$id = (_dim$program = dim.program) === null || _dim$program === void 0 ? void 0 : _dim$program.id) !== null && _dim$program$id !== void 0 ? _dim$program$id : (_dim$programStage = dim.programStage) === null || _dim$programStage === void 0 ? void 0 : _dim$programStage.id;
+    dim.dimension = prefix ? `${prefix}.${headerName}` : headerName;
+  });
+  return transformedVis;
+};
+exports.transformEventVisualization = transformEventVisualization;

package/build/cjs/modules/response/event/__tests__/response.spec.js

@@ -12,6 +12,9 @@ var _datetimeDataOrg = _interopRequireDefault(require("../../../../__demo__/data
 var _emailDataHidena = _interopRequireDefault(require("../../../../__demo__/data/event/email.data.hidena.json"));
 var _emailData = _interopRequireDefault(require("../../../../__demo__/data/event/email.data.json"));
 var _emailDataOrg = _interopRequireDefault(require("../../../../__demo__/data/event/email.data.org.json"));
+var _eventstatusDataHidena = _interopRequireDefault(require("../../../../__demo__/data/event/eventstatus.data.hidena.json"));
+var _eventstatusData = _interopRequireDefault(require("../../../../__demo__/data/event/eventstatus.data.json"));
+var _eventstatusDataOrg = _interopRequireDefault(require("../../../../__demo__/data/event/eventstatus.data.org.json"));
 var _integerDataHidena = _interopRequireDefault(require("../../../../__demo__/data/event/integer.data.hidena.json"));
 var _integerData = _interopRequireDefault(require("../../../../__demo__/data/event/integer.data.json"));
 var _integerDataOrg = _interopRequireDefault(require("../../../../__demo__/data/event/integer.data.org.json"));
@@ -28,6 +31,16 @@ var _valueTypes = require("../../../valueTypes.js");
 var _response = require("../response.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('response', () => {
+  describe('getItemFormatterByHeaderName', () => {
+    it('should return the correct formatter and format correctly', () => {
+      expect((0, _response.getItemFormatterByHeaderName)('eventstatus')('ACTIVE')).toBe('Active');
+      expect((0, _response.getItemFormatterByHeaderName)('eventstatus')('COMPLETED')).toBe('Completed');
+      expect((0, _response.getItemFormatterByHeaderName)('eventstatus')('SCHEDULE')).toBe('Scheduled');
+      expect((0, _response.getItemFormatterByHeaderName)('programstatus')('ACTIVE')).toBe('Active');
+      expect((0, _response.getItemFormatterByHeaderName)('programstatus')('COMPLETED')).toBe('Completed');
+      expect((0, _response.getItemFormatterByHeaderName)('programstatus')('CANCELLED')).toBe('Cancelled');
+    });
+  });
   describe('getItemFormatterByValueType', () => {
     it('should return the correct formatter and format correctly', () => {
       expect((0, _response.getItemFormatterByValueType)(_valueTypes.VALUE_TYPE_BOOLEAN)('1')).toBe('Yes');
@@ -121,5 +134,15 @@ describe('response', () => {
         })).toEqual(_yesonlyDataHidena.default);
       });
     });
+    describe('eventstatus', () => {
+      it('transforms response', () => {
+        expect((0, _response.transformResponse)(_eventstatusDataOrg.default)).toEqual(_eventstatusData.default);
+      });
+      it('transforms response and hides N/A data', () => {
+        expect((0, _response.transformResponse)(_eventstatusDataOrg.default, {
+          hideNaData: true
+        })).toEqual(_eventstatusDataHidena.default);
+      });
+    });
   });
 });

package/build/cjs/modules/response/event/response.js

@@ -3,13 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.transformResponse = exports.getItemFormatterByValueType = exports.UNSUPPORTED_VALUE_TYPES = exports.PREFIX_SEPARATOR = exports.NA_VALUE_ITEM = exports.NA_VALUE = void 0;
+exports.transformResponse = exports.getItemFormatterByValueType = exports.getItemFormatterByHeaderName = exports.getItemFormatter = exports.UNSUPPORTED_VALUE_TYPES = exports.PREFIX_SEPARATOR = exports.NA_VALUE_ITEM = exports.NA_VALUE = void 0;
 var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
 var _predefinedDimensions = require("../../predefinedDimensions.js");
 var _valueTypes = require("../../valueTypes.js");
 var _default = require("./default.js");
 var _optionSet = require("./optionSet.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Responses coming from these endpoints need transformation
+// before we can pass it to the pivot table engine:
+// - analytics/events/aggregate
+// - analytics/enrollments/aggregate
+
 const PREFIX_SEPARATOR = exports.PREFIX_SEPARATOR = '_';
 const NA_VALUE = exports.NA_VALUE = '';
 const NA_VALUE_ITEM = exports.NA_VALUE_ITEM = {
@@ -22,6 +27,20 @@ const NA_VALUE_ITEM = exports.NA_VALUE_ITEM = {
   }
 };
 const UNSUPPORTED_VALUE_TYPES = exports.UNSUPPORTED_VALUE_TYPES = [_valueTypes.VALUE_TYPE_COORDINATE, _valueTypes.VALUE_TYPE_GEOJSON, _valueTypes.VALUE_TYPE_FILE_RESOURCE, _valueTypes.VALUE_TYPE_IMAGE, _valueTypes.VALUE_TYPE_MULTI_TEXT, _valueTypes.VALUE_TYPE_REFERENCE];
+const STATUSES = {
+  ACTIVE: _d2I18n.default.t('Active'),
+  COMPLETED: _d2I18n.default.t('Completed'),
+  SCHEDULE: _d2I18n.default.t('Scheduled'),
+  CANCELLED: _d2I18n.default.t('Cancelled')
+};
+const formatStatus = value => STATUSES[value] || value;
+const getItemFormatter = ({
+  name,
+  valueType
+}) => getItemFormatterByHeaderName(name) || getItemFormatterByValueType(valueType);
+exports.getItemFormatter = getItemFormatter;
+const getItemFormatterByHeaderName = name => name.endsWith('eventstatus') || name.endsWith('programstatus') ? formatStatus : undefined;
+exports.getItemFormatterByHeaderName = getItemFormatterByHeaderName;
 const getItemFormatterByValueType = valueType => {
   switch (valueType) {
     case _valueTypes.VALUE_TYPE_AGE:
@@ -39,6 +58,9 @@ const getItemFormatterByValueType = valueType => {
   }
 };
 exports.getItemFormatterByValueType = getItemFormatterByValueType;
+const EXCLUDED_HEADER_NAMES = new Set([_predefinedDimensions.DIMENSION_ID_PERIOD, _predefinedDimensions.DIMENSION_ID_ORGUNIT, 'lastupdated', 'created', 'completed']);
+const EXCLUDED_HEADER_SUFFIXES = ['.eventdate', '.enrollmentdate', '.scheduleddate', '.incidentdate', '.ou'];
+const isIncludedHeader = header => Boolean(header.meta) && !EXCLUDED_HEADER_NAMES.has(header.name) && !EXCLUDED_HEADER_SUFFIXES.some(suffix => header.name.endsWith(suffix));
 const transformResponse = (response, {
   hideNaData = false
 } = {}) => {
@@ -62,7 +84,7 @@ const transformResponse = (response, {
   const metaHeaders = response.headers.map((header, index) => ({
     ...header,
     index
-  })).filter(header => Boolean(header.meta) && ![_predefinedDimensions.DIMENSION_ID_PERIOD, _predefinedDimensions.DIMENSION_ID_ORGUNIT].includes(header.name));
+  })).filter(isIncludedHeader);
 
   // Legendsets use uids and do not need transformation
   // Skip unsupported value types
@@ -74,7 +96,7 @@ const transformResponse = (response, {
         transformedResponse = (0, _optionSet.applyOptionSetHandler)(transformedResponse, header.index);
       } else {
         transformedResponse = (0, _default.applyDefaultHandler)(transformedResponse, header.index, {
-          itemFormatter: getItemFormatterByValueType(header.valueType)
+          itemFormatter: getItemFormatter(header)
         });
       }
     }

package/build/es/__demo__/AboutAOUnit.stories.js

@@ -0,0 +1,132 @@
+import { CustomDataProvider } from '@dhis2/app-runtime';
+import React from 'react';
+import AboutAOUnit from '../components/AboutAOUnit/AboutAOUnit.js';
+const verboseData = {
+  visualizations: {
+    id: 'abc123verbose',
+    displayDescription: 'This is a comprehensive **visualization** showing district-level aggregate data across all 47 counties for the Expanded Programme on Immunization (EPI) including BCG, OPV, Pentavalent, and Measles-Rubella coverage rates disaggregated by age, sex, and facility ownership for the fiscal year 2024/2025.',
+    created: '2023-01-15T08:30:00.000',
+    createdBy: {
+      displayName: 'Dr. Alexandria Konstantinopolous-Whittington III, MD, PhD'
+    },
+    lastUpdated: '2024-11-02T14:22:00.000',
+    subscribed: true,
+    sharing: {
+      public: 'r',
+      users: {
+        u1: {
+          displayName: 'Maria-Fernanda de los Ángeles Gutiérrez-Montoya',
+          access: 'rw'
+        },
+        u2: {
+          displayName: 'Jean-Pierre Barthélémy Christophersen',
+          access: 'r'
+        }
+      },
+      userGroups: {
+        g1: {
+          displayName: 'National Immunization Programme Monitoring & Evaluation Team',
+          access: 'rw'
+        },
+        g2: {
+          displayName: 'District Health Information System Administrators Group',
+          access: 'r'
+        }
+      }
+    }
+  },
+  'dataStatistics/favorites': {
+    views: 14873
+  }
+};
+const shortData = {
+  visualizations: {
+    id: 'xyz789short',
+    displayDescription: 'ANC coverage Q3',
+    created: '2025-12-01T10:00:00.000',
+    createdBy: {
+      displayName: 'Li Wei'
+    },
+    lastUpdated: '2026-04-10T09:00:00.000',
+    subscribed: false,
+    sharing: {
+      public: 'rw',
+      users: {},
+      userGroups: {
+        g1: {
+          displayName: 'HMIS',
+          access: 'r'
+        }
+      }
+    }
+  },
+  'dataStatistics/favorites': {
+    views: 3
+  }
+};
+const missingFieldsData = {
+  visualizations: {
+    id: 'missing456',
+    displayDescription: null,
+    created: '2026-03-20T12:00:00.000',
+    createdBy: null,
+    lastUpdated: '2026-04-13T06:45:00.000',
+    subscribed: false,
+    sharing: {
+      public: '',
+      users: {},
+      userGroups: {}
+    }
+  },
+  'dataStatistics/favorites': {
+    views: 0
+  }
+};
+export default {
+  title: 'AboutAOUnit'
+};
+export const VerboseData = () => /*#__PURE__*/React.createElement(CustomDataProvider, {
+  data: verboseData
+}, /*#__PURE__*/React.createElement("div", {
+  style: {
+    width: 372,
+    padding: '16px',
+    backgroundColor: 'lightgray'
+  }
+}, /*#__PURE__*/React.createElement(AboutAOUnit, {
+  type: "visualization",
+  id: "abc123verbose"
+})));
+VerboseData.story = {
+  name: 'Verbose data with long labels'
+};
+export const ShortLabels = () => /*#__PURE__*/React.createElement(CustomDataProvider, {
+  data: shortData
+}, /*#__PURE__*/React.createElement("div", {
+  style: {
+    width: 372,
+    padding: '16px',
+    backgroundColor: 'lightgray'
+  }
+}, /*#__PURE__*/React.createElement(AboutAOUnit, {
+  type: "visualization",
+  id: "xyz789short"
+})));
+ShortLabels.story = {
+  name: 'Short labels'
+};
+export const MissingFields = () => /*#__PURE__*/React.createElement(CustomDataProvider, {
+  data: missingFieldsData
+}, /*#__PURE__*/React.createElement("div", {
+  style: {
+    width: 372,
+    padding: '16px',
+    backgroundColor: 'lightgray'
+  }
+}, /*#__PURE__*/React.createElement(AboutAOUnit, {
+  type: "visualization",
+  id: "missing456"
+})));
+MissingFields.story = {
+  name: 'Missing fields (no description, no author, no sharing)'
+};

package/build/es/__demo__/PivotTable.event.stories.js

@@ -13,6 +13,11 @@ import datetimeVisualization from './data/event/datetime.visualization.json';
 import emailDataHideNa from './data/event/email.data.hidena.json';
 import emailData from './data/event/email.data.json';
 import emailVisualization from './data/event/email.visualization.json';
+import eventouData from './data/event/eventou.data.json';
+import eventouVisualization from './data/event/eventou.visualization.json';
+import eventstatusDataHideNa from './data/event/eventstatus.data.hidena.json';
+import eventstatusData from './data/event/eventstatus.data.json';
+import eventstatusVisualization from './data/event/eventstatus.visualization.json';
 import integerDataHideNa from './data/event/integer.data.hidena.json';
 import integerData from './data/event/integer.data.json';
 import integerVisualization from './data/event/integer.visualization.json';
@@ -411,4 +416,61 @@ export const Yesonly = (_, {
     visualization: visualization
   }));
 };
-Yesonly.storyName = 'Yesonly';
+Yesonly.storyName = 'Yesonly';
+export const EventstatusNA = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ...eventstatusVisualization,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/React.createElement(PivotTable, {
+    data: eventstatusData,
+    visualization: visualization
+  }));
+};
+EventstatusNA.storyName = 'Eventstatus N/A';
+export const Eventstatus = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ...eventstatusVisualization,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/React.createElement(PivotTable, {
+    data: eventstatusDataHideNa,
+    visualization: visualization
+  }));
+};
+Eventstatus.storyName = 'Eventstatus';
+export const Eventou = (_, {
+  pivotTableOptions
+}) => {
+  const visualization = {
+    ...eventouVisualization,
+    ...visualizationReset,
+    ...pivotTableOptions
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 800,
+      height: 600
+    }
+  }, /*#__PURE__*/React.createElement(PivotTable, {
+    data: eventouData,
+    visualization: visualization
+  }));
+};
+Eventou.storyName = 'Event orgunit';