@dhis2/analytics 23.8.5 → 23.8.6

package/build/es/visualizations/config/adapters/dhis_highcharts/axis.js

@@ -79,9 +79,12 @@ export const getMaxValue = (maxValue, dataValues, outlierLineMax) => {
 
   return dataValues !== null && dataValues !== void 0 && dataValues.every(value => value < DEFAULT_MIN_VALUE) ? DEFAULT_MIN_VALUE : undefined;
 };
-export const getRegressionLine = (regressionLine = {}, visType, isVertical) => {
+export const getRegressionLine = function () {
   var _regressionLine$title, _regressionLine$title2;
 
+  let regressionLine = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let visType = arguments.length > 1 ? arguments[1] : undefined;
+  let isVertical = arguments.length > 2 ? arguments[2] : undefined;
   const fontStyle = mergeFontStyleWithDefault((_regressionLine$title = regressionLine.title) === null || _regressionLine$title === void 0 ? void 0 : _regressionLine$title.fontStyle, FONT_STYLE_REGRESSION_LINE_LABEL);
   const plotLineStyle = getPlotLineStyle(fontStyle);
   const plotLineLabelStyle = getPlotLineLabelStyle(fontStyle);

package/build/es/visualizations/config/adapters/dhis_highcharts/customAxes.js

@@ -11,7 +11,9 @@ export function getIdAxisMap(customAxes) {
     return map;
   }, {});
 }
-export function getFullIdAxisMap(customAxes = [], series = []) {
+export function getFullIdAxisMap() {
+  let customAxes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  let series = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   const idAxisMap = getIdAxisMap(customAxes.filter(axisItem => series.find(seriesItem => seriesItem.id === axisItem.dimensionItem))); // adds first axis ids to seriesAxisMap
 
   series.forEach(s => {
@@ -28,7 +30,9 @@ export function getFullIdAxisMap(customAxes = [], series = []) {
 
 export function getAxisIdsMap(customAxes, series) {
   const fullIdAxisMap = getFullIdAxisMap(customAxes, series);
-  return Object.entries(fullIdAxisMap).reduce((map, [id, axis]) => {
+  return Object.entries(fullIdAxisMap).reduce((map, _ref) => {
+    let [id, axis] = _ref;
+
     if (!(axis in map)) {
       map[axis] = [];
     }

package/build/es/visualizations/config/adapters/dhis_highcharts/getTrimmedConfig.js

@@ -16,9 +16,10 @@ function getEmptySeriesIndexes(series) {
   let seriesValues;
   series[0].data.forEach((value, index) => {
     seriesValues = [];
-    series.forEach(({
-      data
-    }) => {
+    series.forEach(_ref => {
+      let {
+        data
+      } = _ref;
       // handle undefined values due to empty (or shorter) serie data
       // preserve 0 as valid value
       seriesValues.push(data[index] === undefined ? null : data[index]);

package/build/es/visualizations/config/adapters/dhis_highcharts/index.js

@@ -30,15 +30,17 @@ const getTransformedExtraOptions = extraOptions => ({ ...extraOptions,
   multiAxisTheme: extraOptions.multiAxisTheme || defaultMultiAxisTheme1
 });
 
-export default function ({
-  store,
-  layout,
-  el,
-  extraConfig,
-  extraOptions
-}) {
+export default function (_ref) {
   var _layout$seriesKey, _layout$seriesKey2, _layout$seriesKey2$la, _layout$legend, _config$xAxis;
 
+  let {
+    store,
+    layout,
+    el,
+    extraConfig,
+    extraOptions
+  } = _ref;
+
   const _layout = getTransformedLayout(layout);
 
   const _extraOptions = getTransformedExtraOptions(extraOptions);

package/build/es/visualizations/config/adapters/dhis_highcharts/legend.js

@@ -33,11 +33,13 @@ function getLegend(fontStyle, dashboard, visType) {
   });
 }
 
-const getLegendSetByDisplayStrategy = ({
-  displayStrategy,
-  legendSets,
-  legendSetId
-}) => {
+const getLegendSetByDisplayStrategy = _ref => {
+  let {
+    displayStrategy,
+    legendSets,
+    legendSetId
+  } = _ref;
+
   if (displayStrategy === LEGEND_DISPLAY_STRATEGY_FIXED && legendSets.length) {
     return legendSets[0];
   } else if (displayStrategy === LEGEND_DISPLAY_STRATEGY_BY_DATA_ITEM) {
@@ -47,19 +49,20 @@ const getLegendSetByDisplayStrategy = ({
   }
 };
 
-const formatLabel = ({
-  seriesId,
-  seriesColor,
-  seriesName,
-  seriesType,
-  metaData,
-  displayStrategy,
-  legendSets,
-  fontStyle,
-  visType
-}) => {
+const formatLabel = _ref2 => {
   var _metaData$seriesId, _legendSet$legends;
 
+  let {
+    seriesId,
+    seriesColor,
+    seriesName,
+    seriesType,
+    metaData,
+    displayStrategy,
+    legendSets,
+    fontStyle,
+    visType
+  } = _ref2;
   const legendSet = getLegendSetByDisplayStrategy({
     displayStrategy,
     legendSets,
@@ -75,15 +78,15 @@ const formatLabel = ({
     result.push("<span style=\"margin-left: 8px\" class=\"data-test-series-key-item-name\">".concat(seriesName, "</span>"));
   } else if (legendSet !== null && legendSet !== void 0 && (_legendSet$legends = legendSet.legends) !== null && _legendSet$legends !== void 0 && _legendSet$legends.length && isLegendSetType(visType) && seriesType !== getType(VIS_TYPE_LINE).type) {
     // item with legend set
-    legendSet.legends.sort((a, b) => a.startValue - b.startValue).forEach((legend, index) => result.push("<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"".concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "\" height=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "\" version=\"1.1\"  style=\"margin-right:-5px; z-index: ").concat(legendSet.legends.length - index, "\" class=\"data-test-series-key-item-bullet\">\n                    <circle cx=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" cy=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" r=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" fill=\"").concat(legend.color, "\"></circle>\n                    </svg>")));
+    legendSet.legends.sort((a, b) => a.startValue - b.startValue).forEach((legend, index) => result.push("<svg width=\"".concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "\" height=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "\" style=\"margin-right:-5px; z-index: ").concat(legendSet.legends.length - index, "\" class=\"data-test-series-key-item-bullet\">\n                    <circle cx=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" cy=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" r=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" fill=\"").concat(legend.color, "\"></circle>\n                    </svg>")));
     result.push("<span style=\"margin-left: 8px\" class=\"data-test-series-key-item-name\">".concat(seriesName, "</span>"));
   } else {
     // regular item (not a trendline, no applied legend set)
     if ((seriesColor === null || seriesColor === void 0 ? void 0 : seriesColor.patternIndex) !== undefined) {
       const pattern = colorSets[COLOR_SET_PATTERNS].patterns[seriesColor.patternIndex];
-      result.push("<svg xmlns=\"http://www.w3.org/2000/svg\" style=\"height: ".concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "px; width: ").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "px; display: inline-block; margin-right:5px\" class=\"data-test-series-key-item-bullet\">\n                <defs>\n                  <pattern id=\"pattern").concat(seriesColor.patternIndex, "\" patternUnits=\"userSpaceOnUse\" width=\"").concat(pattern.width, "\" height=\"").concat(pattern.height, "\">\n                    <path stroke=\"").concat(pattern.color, "\" d=\"").concat(pattern.path, "\"/>\n                  </pattern>\n                </defs>\n                <circle cx=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" cy=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" r=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" fill=\"url(#pattern").concat(seriesColor.patternIndex, ")\"/>\n              </svg>"));
+      result.push("<svg style=\"height: ".concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "px; width: ").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "px; display: inline-block; margin-right:5px\" class=\"data-test-series-key-item-bullet\">\n                <defs>\n                  <pattern id=\"pattern").concat(seriesColor.patternIndex, "\" patternUnits=\"userSpaceOnUse\" width=\"").concat(pattern.width, "\" height=\"").concat(pattern.height, "\">\n                    <path stroke=\"").concat(pattern.color, "\" d=\"").concat(pattern.path, "\"/>\n                  </pattern>\n                </defs>\n                <circle cx=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" cy=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" r=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" fill=\"url(#pattern").concat(seriesColor.patternIndex, ")\"/>\n              </svg>"));
     } else {
-      result.push("<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"".concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "\" height=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "\" version=\"1.1\"  style=\"margin-right:5px\" class=\"data-test-series-key-item-bullet\">\n                    <circle cx=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" cy=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" r=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" fill=\"").concat(seriesColor, "\"></circle>\n                    </svg>"));
+      result.push("<svg width=\"".concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "\" height=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE], "\" style=\"margin-right:5px\" class=\"data-test-series-key-item-bullet\">\n                    <circle cx=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" cy=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" r=\"").concat(fontStyle[FONT_STYLE_OPTION_FONT_SIZE] / 2, "\" fill=\"").concat(seriesColor, "\"></circle>\n                    </svg>"));
     }
 
     result.push("<span class=\"data-test-series-key-item-name\">".concat(seriesName, "</span>"));
@@ -93,15 +96,16 @@ const formatLabel = ({
   return result.join('');
 };
 
-export default function ({
-  isHidden,
-  fontStyle,
-  visType,
-  dashboard,
-  legendSets = [],
-  metaData,
-  displayStrategy
-}) {
+export default function (_ref3) {
+  let {
+    isHidden,
+    fontStyle,
+    visType,
+    dashboard,
+    legendSets = [],
+    metaData,
+    displayStrategy
+  } = _ref3;
   const mergedFontStyle = mergeFontStyleWithDefault(fontStyle, FONT_STYLE_LEGEND);
   return isHidden || visType === VIS_TYPE_SCATTER ? {
     enabled: false

package/build/es/visualizations/config/adapters/dhis_highcharts/legendSet.js

@@ -5,26 +5,30 @@ const OUT_OF_BOUNDS_COLOR = '#CCCCCC';
 
 const getLegend = (value, legendSet) => value && legendSet ? getLegendByValueFromLegendSet(legendSet, value) : {};
 
-export const applyLegendSet = (seriesObj = {}, legendSet) => !seriesObj.type ? { ...seriesObj,
-  data: seriesObj.data.map(value => {
-    var _getLegend, _getLegend2, _getLegend3, _getLegend4;
+export const applyLegendSet = function () {
+  let seriesObj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let legendSet = arguments.length > 1 ? arguments[1] : undefined;
+  return !seriesObj.type ? { ...seriesObj,
+    data: seriesObj.data.map(value => {
+      var _getLegend, _getLegend2, _getLegend3, _getLegend4;
 
-    return isNumeric(value) // Single category pass data as [value1, value2]
-    ? {
-      y: value,
-      color: ((_getLegend = getLegend(value, legendSet)) === null || _getLegend === void 0 ? void 0 : _getLegend.color) || OUT_OF_BOUNDS_COLOR,
-      legend: ((_getLegend2 = getLegend(value, legendSet)) === null || _getLegend2 === void 0 ? void 0 : _getLegend2.name) || '-',
-      legendSet: legendSet.name
-    } : Array.isArray(value) // Dual category pass data as [[position1, value1], [position2, value2]]
-    ? {
-      x: value[0],
-      y: value[1],
-      color: ((_getLegend3 = getLegend(value[1], legendSet)) === null || _getLegend3 === void 0 ? void 0 : _getLegend3.color) || OUT_OF_BOUNDS_COLOR,
-      legend: ((_getLegend4 = getLegend(value[1], legendSet)) === null || _getLegend4 === void 0 ? void 0 : _getLegend4.name) || '-',
-      legendSet: legendSet.name
-    } : value;
-  })
-} : { ...seriesObj
+      return isNumeric(value) // Single category pass data as [value1, value2]
+      ? {
+        y: value,
+        color: ((_getLegend = getLegend(value, legendSet)) === null || _getLegend === void 0 ? void 0 : _getLegend.color) || OUT_OF_BOUNDS_COLOR,
+        legend: ((_getLegend2 = getLegend(value, legendSet)) === null || _getLegend2 === void 0 ? void 0 : _getLegend2.name) || '-',
+        legendSet: legendSet.name
+      } : Array.isArray(value) // Dual category pass data as [[position1, value1], [position2, value2]]
+      ? {
+        x: value[0],
+        y: value[1],
+        color: ((_getLegend3 = getLegend(value[1], legendSet)) === null || _getLegend3 === void 0 ? void 0 : _getLegend3.color) || OUT_OF_BOUNDS_COLOR,
+        legend: ((_getLegend4 = getLegend(value[1], legendSet)) === null || _getLegend4 === void 0 ? void 0 : _getLegend4.name) || '-',
+        legendSet: legendSet.name
+      } : value;
+    })
+  } : { ...seriesObj
+  };
 };
 export const getLegendSetTooltip = () => ({
   pointFormatter: function () {

package/build/es/visualizations/config/adapters/dhis_highcharts/plotOptions.js

@@ -1,14 +1,15 @@
 import i18n from '../../../../locales/index.js';
 import { VIS_TYPE_COLUMN, VIS_TYPE_SCATTER, VIS_TYPE_STACKED_COLUMN, VIS_TYPE_BAR, VIS_TYPE_STACKED_BAR } from '../../../../modules/visTypes.js';
 const MAX_LABELS = 10;
-export default (({
-  visType,
-  xAxisName,
-  yAxisName,
-  showLabels,
-  tooltipData,
-  onClick
-}) => {
+export default (_ref => {
+  let {
+    visType,
+    xAxisName,
+    yAxisName,
+    showLabels,
+    tooltipData,
+    onClick
+  } = _ref;
   const series = {
     dataLabels: {
       enabled: showLabels,

package/build/es/visualizations/config/adapters/dhis_highcharts/yAxis/gauge.js

@@ -27,9 +27,11 @@ const getLabelOffsetFromTextAlign = textAlign => {
   }
 };
 
-function getPlotLine(regressionLine = {}, defaultLabel) {
+function getPlotLine() {
   var _regressionLine$title, _regressionLine$title2;
 
+  let regressionLine = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let defaultLabel = arguments.length > 1 ? arguments[1] : undefined;
   const value = regressionLine.value;
 
   if (!isNumber(value)) {

package/build/es/visualizations/config/generators/dhis/singleValue.js

@@ -3,14 +3,15 @@ import { FONT_STYLE_VISUALIZATION_TITLE, FONT_STYLE_VISUALIZATION_SUBTITLE, FONT
 import { getColorByValueFromLegendSet } from '../../../../modules/legends.js';
 const svgNS = 'http://www.w3.org/2000/svg';
 
-const generateValueSVG = ({
-  value,
-  formattedValue,
-  subText,
-  legendSet,
-  noData,
-  y
-}) => {
+const generateValueSVG = _ref => {
+  let {
+    value,
+    formattedValue,
+    subText,
+    legendSet,
+    noData,
+    y
+  } = _ref;
   const textSize = 300;
   const svgValue = document.createElementNS(svgNS, 'svg');
   svgValue.setAttribute('xmlns', svgNS);
@@ -62,10 +63,11 @@ const generateValueSVG = ({
   return svgValue;
 };
 
-const generateDashboardItem = (config, {
-  legendSet,
-  noData
-}) => {
+const generateDashboardItem = (config, _ref2) => {
+  let {
+    legendSet,
+    noData
+  } = _ref2;
   const container = document.createElement('div');
   container.setAttribute('style', 'display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%');
   const titleStyle = 'font-size: 12px; color: #666;';
@@ -124,12 +126,13 @@ const getXFromTextAlign = textAlign => {
   }
 };
 
-const generateDVItem = (config, {
-  legendSet,
-  parentEl,
-  fontStyle,
-  noData
-}) => {
+const generateDVItem = (config, _ref3) => {
+  let {
+    legendSet,
+    parentEl,
+    fontStyle,
+    noData
+  } = _ref3;
   const parentElBBox = parentEl.getBoundingClientRect();
   const width = parentElBBox.width;
   const height = parentElBBox.height;
@@ -184,12 +187,13 @@ const generateDVItem = (config, {
   return svg;
 };
 
-export default function (config, parentEl, {
-  dashboard,
-  legendSets,
-  fontStyle,
-  noData
-}) {
+export default function (config, parentEl, _ref4) {
+  let {
+    dashboard,
+    legendSets,
+    fontStyle,
+    noData
+  } = _ref4;
   const legendSet = legendSets[0];
   parentEl.style.overflow = 'hidden';
   parentEl.style.display = 'flex';

package/build/es/visualizations/config/generators/highcharts/index.js

@@ -14,7 +14,11 @@ HPF(H);
 HB(H);
 export default function (config, el) {
   if (config) {
-    config.chart.renderTo = el || config.chart.renderTo;
+    config.chart.renderTo = el || config.chart.renderTo; // silence warning about accessibility
+
+    config.accessibility = {
+      enabled: false
+    };
 
     if (config.lang) {
       H.setOptions({

package/build/es/visualizations/config/index.js

@@ -3,17 +3,19 @@ import { theme1 } from '../util/colors/index.js';
 import adapters from './adapters/index.js';
 import generators from './generators/index.js';
 import validators from './validators/index.js';
-export default function ({
-  store,
-  layout,
-  el,
-  inputFormat = 'dhis',
-  outputFormat = 'highcharts',
-  extraLayout,
-  extraOptions,
-  onError,
-  onWarning
-}) {
+export default function (_ref) {
+  let {
+    store,
+    layout,
+    el,
+    inputFormat = 'dhis',
+    outputFormat = 'highcharts',
+    extraLayout,
+    extraOptions,
+    onError,
+    onWarning
+  } = _ref;
+
   const _validator = validators[inputFormat] || validators.noValidation;
 
   const _adapter = adapters[inputFormat + '_' + outputFormat];

package/build/es/visualizations/config/validators/dhis/index.js

@@ -1,5 +1,6 @@
-export default function ({
-  layout
-}) {
+export default function (_ref) {
+  let {
+    layout
+  } = _ref;
   return layout;
 }

package/build/es/visualizations/index.js

@@ -10,7 +10,11 @@ const defaultWarning = warning => {
   console.log(warning);
 };
 
-function createVisualization(data, layout, el, extraOptions, error = defaultError, warning = defaultWarning, outputFormat) {
+function createVisualization(data, layout, el, extraOptions) {
+  let error = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : defaultError;
+  let warning = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : defaultWarning;
+  let outputFormat = arguments.length > 6 ? arguments[6] : undefined;
+
   const _data = isArray(data) ? data : [data];
 
   const store = new Store({

package/build/es/visualizations/store/adapters/dhis_dhis/index.js

@@ -55,12 +55,13 @@ function getValueFunction(type) {
   }
 }
 
-export default function ({
-  type,
-  data,
-  seriesId,
-  categoryId
-}) {
+export default function (_ref) {
+  let {
+    type,
+    data,
+    seriesId,
+    categoryId
+  } = _ref;
   const valueFunction = getValueFunction(type);
   return data.reduce((acc, res) => {
     const headers = res.headers;

package/build/es/visualizations/store/adapters/dhis_highcharts/index.js

@@ -83,13 +83,14 @@ function getSeriesFunction(type, categoryIds) {
   }
 }
 
-export default function ({
-  type,
-  data,
-  seriesId,
-  categoryIds,
-  extraOptions
-}) {
+export default function (_ref) {
+  let {
+    type,
+    data,
+    seriesId,
+    categoryIds,
+    extraOptions
+  } = _ref;
   categoryIds = categoryIds || [];
   const seriesFunction = getSeriesFunction(type, categoryIds);
   return data.reduce((acc, res) => {

package/build/es/visualizations/store/index.js

@@ -1,14 +1,16 @@
 import adapters from './adapters/index.js';
 import validators from './validators/index.js';
-export default function ({
-  data,
-  inputFormat = 'dhis',
-  outputFormat = 'highcharts',
-  seriesId: initialSeriesId,
-  categoryId: initialCategoryId,
-  error,
-  warning
-}) {
+export default function (_ref) {
+  let {
+    data,
+    inputFormat = 'dhis',
+    outputFormat = 'highcharts',
+    seriesId: initialSeriesId,
+    categoryId: initialCategoryId,
+    error,
+    warning
+  } = _ref;
+
   const _validator = validators[inputFormat] || validators.noValidation;
 
   const _adapter = adapters[inputFormat + '_' + outputFormat];
@@ -23,12 +25,13 @@ export default function ({
 
   this.data = data;
 
-  this.generateData = ({
-    type,
-    seriesId = initialSeriesId,
-    categoryIds = [initialCategoryId],
-    extraOptions = {}
-  }) => {
+  this.generateData = _ref2 => {
+    let {
+      type,
+      seriesId = initialSeriesId,
+      categoryIds = [initialCategoryId],
+      extraOptions = {}
+    } = _ref2;
     return _adapter({
       type,
       data: data.map(d => _validator({

package/build/es/visualizations/store/validators/dhis/index.js

@@ -37,11 +37,13 @@ function validateRow(row, headersLength, error) {
   row.forEach(rowValue => validateRowValue(rowValue, error));
 }
 
-export default function ({
-  data,
-  error,
-  warning
-}) {
+export default function (_ref) {
+  let {
+    data,
+    error,
+    warning
+  } = _ref;
+
   if (!isObject(data)) {
     error(getMessage('Data is not an object'));
   } // headers

package/build/es/visualizations/util/getFilterText.js

@@ -14,9 +14,12 @@ export default function (filters, metaData) {
   filters.forEach(filter => {
     const items = dimensionGetItems(filter);
 
-    if (dimensionIs(filter, DIMENSION_ID_ORGUNIT) && items.some(({
-      id
-    }) => ouIdHelper.hasGroupPrefix(id) || ouIdHelper.hasLevelPrefix(id))) {
+    if (dimensionIs(filter, DIMENSION_ID_ORGUNIT) && items.some(_ref => {
+      let {
+        id
+      } = _ref;
+      return ouIdHelper.hasGroupPrefix(id) || ouIdHelper.hasLevelPrefix(id);
+    })) {
       titleFragments.push(getOuLevelAndGroupText(filter, metaData));
     } else {
       const filterItems = metaData.dimensions[filter.dimension];
@@ -34,9 +37,9 @@ export default function (filters, metaData) {
           } // otherwise use the values directly
           // this is a temporary fix to avoid app crashing when using filters with data items in EV
           else {
-              sectionParts.push(metaData.items[filter.dimension].name + ': ' + filterItems.join(', '));
-              break;
-            }
+            sectionParts.push(metaData.items[filter.dimension].name + ': ' + filterItems.join(', '));
+            break;
+          }
         }
 
         titleFragments.push(sectionParts.join(', '));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2/analytics",
-    "version": "23.8.5",
+    "version": "23.8.6",
     "main": "./build/cjs/index.js",
     "module": "./build/es/index.js",
     "exports": {
@@ -31,37 +31,37 @@
         "validate-push": "yarn test"
     },
     "devDependencies": {
-        "@dhis2/app-runtime": "^2.11.0",
-        "@dhis2/cli-app-scripts": "^6.2.0",
-        "@dhis2/cli-style": "^10.4.0",
+        "@dhis2/app-runtime": "^3.4.3",
+        "@dhis2/cli-app-scripts": "^9.0.0",
+        "@dhis2/cli-style": "^10.4.1",
         "@dhis2/d2-i18n": "^1.1.0",
-        "@dhis2/ui": "^7.16.1",
+        "@dhis2/ui": "^8.2.5",
         "@sambego/storybook-state": "^2.0.1",
         "@storybook/addons": "^6.1.14",
         "@storybook/preset-create-react-app": "^3.1.7",
         "@storybook/react": "^6.1.14",
         "enzyme": "^3.9.0",
         "enzyme-adapter-react-16": "^1.15.6",
-        "fs-extra": "^10.0.0",
+        "fs-extra": "^10.1.0",
         "jest-enzyme": "^7.0.2",
         "prop-types": "^15",
-        "styled-jsx": "3.3.2",
+        "styled-jsx": "^4.0.1",
         "typeface-roboto": "^0.0.75"
     },
     "peerDependencies": {
-        "@dhis2/app-runtime": "^2",
+        "@dhis2/app-runtime": "^3",
         "@dhis2/d2-i18n": "^1.1",
-        "@dhis2/ui": "^7.7.3",
+        "@dhis2/ui": "^8.2.5",
         "prop-types": "^15",
         "react": "^16.3",
         "react-dom": "^16.3",
-        "styled-jsx": "^3.3.2"
+        "styled-jsx": "^4.0.1"
     },
     "dependencies": {
         "classnames": "^2.3.1",
         "d2-utilizr": "^0.2.16",
         "d3-color": "^1.2.3",
-        "highcharts": "^9.1.2",
+        "highcharts": "^10.1.0",
         "lodash": "^4.17.21",
         "mathjs": "^9.4.2",
         "react-beautiful-dnd": "^10.1.1",