@dhis2/analytics 26.8.7 → 26.9.3

package/build/cjs/visualizations/config/adapters/dhis_highcharts/events/loadCustomSVG/singleValue/getAvailableSpace.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getAvailableSpace = getAvailableSpace;
+var _computeSpacingTop = require("./computeSpacingTop.js");
+var _styles = require("./styles.js");
+function getAvailableSpace(valueSpacingTop) {
+  return {
+    height: this.chartHeight - _computeSpacingTop.computeSpacingTop.call(this, valueSpacingTop),
+    width: this.chartWidth - _styles.MIN_SIDE_WHITESPACE * 2
+  };
+}

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

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = loadSingleValueSVG;
+var _addIconElement = require("./addIconElement.js");
+var _checkIfFitsWithinContainer = require("./checkIfFitsWithinContainer.js");
+var _getAvailableSpace = require("./getAvailableSpace.js");
+var _positionElements = require("./positionElements.js");
+var _styles = require("./styles.js");
+function loadSingleValueSVG() {
+  const {
+    formattedValue,
+    icon,
+    subText,
+    fontColor
+  } = this.userOptions.customSVGOptions;
+  const dynamicStyles = new _styles.DynamicStyles();
+  const valueElement = this.renderer.text(formattedValue).attr('data-test', 'visualization-primary-value').css({
+    color: fontColor,
+    visibility: 'hidden'
+  }).add();
+  const subTextElement = subText ? this.renderer.text(subText).attr('data-test', 'visualization-subtext').css({
+    color: fontColor,
+    visibility: 'hidden'
+  }).add() : null;
+  const iconElement = icon ? _addIconElement.addIconElement.call(this, icon, fontColor) : null;
+  let fitsWithinContainer = false;
+  let styles = {};
+  while (!fitsWithinContainer && dynamicStyles.hasNext()) {
+    styles = dynamicStyles.next();
+    valueElement.css(styles.value);
+    subTextElement === null || subTextElement === void 0 ? void 0 : subTextElement.css(styles.subText);
+    fitsWithinContainer = (0, _checkIfFitsWithinContainer.checkIfFitsWithinContainer)(_getAvailableSpace.getAvailableSpace.call(this, styles.spacing.valueTop), valueElement, subTextElement, icon, subText, styles.spacing);
+  }
+  _positionElements.positionElements.call(this, valueElement, subTextElement, iconElement, styles.spacing);
+  valueElement.css({
+    visibility: 'visible'
+  });
+  iconElement === null || iconElement === void 0 ? void 0 : iconElement.css({
+    visibility: 'visible'
+  });
+  subTextElement === null || subTextElement === void 0 ? void 0 : subTextElement.css({
+    visibility: 'visible'
+  });
+}

package/build/cjs/visualizations/config/adapters/dhis_highcharts/events/loadCustomSVG/singleValue/positionElements.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.positionElements = positionElements;
+var _computeLayoutRect = require("./computeLayoutRect.js");
+var _constants = require("./constants.js");
+function positionElements(valueElement, subTextElement, iconElement, spacing) {
+  const valueElementBox = valueElement.getBBox();
+  /* Layout here refers to a virtual rect that wraps
+   * all indiviual parts of the single value visualization
+   * (value, subtext and icon) */
+  const layoutRect = _computeLayoutRect.computeLayoutRect.call(this, valueElement, subTextElement, iconElement, spacing);
+  valueElement.align({
+    align: 'right',
+    verticalAlign: 'top',
+    alignByTranslate: false,
+    x: (valueElementBox.width + layoutRect.sideMarginTop) * -1,
+    y: valueElementBox.height * _constants.ACTUAL_NUMBER_HEIGHT_FACTOR
+  }, false, layoutRect);
+  if (iconElement) {
+    const {
+      height
+    } = iconElement.getBBox();
+    const scale = spacing.iconSize / height;
+    const translateX = layoutRect.x + layoutRect.sideMarginTop;
+    const iconHeight = height * scale;
+    const valueElementHeight = valueElementBox.height * _constants.ACTUAL_NUMBER_HEIGHT_FACTOR;
+    const translateY = layoutRect.y + (valueElementHeight - iconHeight) / 2;
+
+    /* The icon is a <g> with <path> elements that contain coordinates.
+     * These path-coordinates only scale correctly when using CSS translate */
+    iconElement.css({
+      transform: `translate(${translateX}px, ${translateY}px) scale(${scale})`
+    });
+  }
+  if (subTextElement) {
+    subTextElement.align({
+      align: 'left',
+      verticalAlign: 'bottom',
+      alignByTranslate: false,
+      x: layoutRect.sideMarginBottom
+    }, false, layoutRect);
+  }
+}

package/build/cjs/visualizations/config/adapters/dhis_highcharts/events/loadCustomSVG/singleValue/styles.js

@@ -0,0 +1,107 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MIN_SIDE_WHITESPACE = exports.DynamicStyles = void 0;
+const valueStyles = [{
+  'font-size': '164px',
+  'letter-spacing': '-5px'
+}, {
+  'font-size': '128px',
+  'letter-spacing': '-4px'
+}, {
+  'font-size': '96px',
+  'letter-spacing': '-3px'
+}, {
+  'font-size': '64px',
+  'letter-spacing': '-2.5px'
+}, {
+  'font-size': '40px',
+  'letter-spacing': '-1.5px'
+}, {
+  'font-size': '20px',
+  'letter-spacing': '-1px'
+}];
+const subTextStyles = [{
+  'font-size': '36px',
+  'letter-spacing': '-1.4px'
+}, {
+  'font-size': '32px',
+  'letter-spacing': '-1.2px'
+}, {
+  'font-size': '26px',
+  'letter-spacing': '-0.8px'
+}, {
+  'font-size': '20px',
+  'letter-spacing': '-0.6px'
+}, {
+  'font-size': '14px',
+  'letter-spacing': '0.2px'
+}, {
+  'font-size': '9px',
+  'letter-spacing': '0px'
+}];
+const spacings = [{
+  valueTop: 8,
+  subTextTop: 12,
+  iconGap: 8,
+  iconSize: 164
+}, {
+  valueTop: 8,
+  subTextTop: 12,
+  iconGap: 6,
+  iconSize: 128
+}, {
+  valueTop: 8,
+  subTextTop: 8,
+  iconGap: 4,
+  iconSize: 96
+}, {
+  valueTop: 8,
+  subTextTop: 8,
+  iconGap: 4,
+  iconSize: 64
+}, {
+  valueTop: 8,
+  subTextTop: 8,
+  iconGap: 4,
+  iconSize: 40
+}, {
+  valueTop: 8,
+  subTextTop: 4,
+  iconGap: 2,
+  iconSize: 20
+}];
+const MIN_SIDE_WHITESPACE = exports.MIN_SIDE_WHITESPACE = 4;
+class DynamicStyles {
+  constructor() {
+    this.currentIndex = 0;
+  }
+  getStyle() {
+    return {
+      value: {
+        ...valueStyles[this.currentIndex],
+        'font-weight': '300'
+      },
+      subText: subTextStyles[this.currentIndex],
+      spacing: spacings[this.currentIndex]
+    };
+  }
+  next() {
+    if (this.currentIndex === valueStyles.length - 1) {
+      throw new Error('No next available, already on the smallest style');
+    } else {
+      ++this.currentIndex;
+    }
+    return this.getStyle();
+  }
+  first() {
+    this.currentIndex = 0;
+    return this.getStyle();
+  }
+  hasNext() {
+    return this.currentIndex < valueStyles.length - 1;
+  }
+}
+exports.DynamicStyles = DynamicStyles;

package/build/cjs/visualizations/config/adapters/dhis_highcharts/exporting.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getExporting;
+var _visTypes = require("../../../../modules/visTypes.js");
+var _index = _interopRequireDefault(require("./events/loadCustomSVG/singleValue/index.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function getExporting(visType) {
+  const exporting = {
+    // disable exporting context menu
+    enabled: false
+  };
+  switch (visType) {
+    case _visTypes.VIS_TYPE_SINGLE_VALUE:
+      return {
+        ...exporting,
+        chartOptions: {
+          chart: {
+            events: {
+              load: _index.default
+            }
+          }
+        }
+      };
+    default:
+      return exporting;
+  }
+}

package/build/cjs/visualizations/config/adapters/dhis_highcharts/getAxisTitle.js

@@ -8,7 +8,7 @@ var _isString = _interopRequireDefault(require("d2-utilizr/lib/isString"));
 var _fontStyle = require("../../../../modules/fontStyle.js");
 var _visTypes = require("../../../../modules/visTypes.js");
 var _getTextAlignOption = require("./getTextAlignOption.js");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const getTitleStyle = (fontStyle, titleType, visType) => fontStyle ? {
   align: (0, _getTextAlignOption.getTextAlignOption)(fontStyle[_fontStyle.FONT_STYLE_OPTION_TEXT_ALIGN], titleType, (0, _visTypes.isVerticalType)(visType)),
   margin: 15,

package/build/cjs/visualizations/config/adapters/dhis_highcharts/getCategories.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = _default;
 var _isArray = _interopRequireDefault(require("d2-utilizr/lib/isArray"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _default(metaData, dimensionId) {
   const dimensionItemsIds = (0, _isArray.default)(metaData.dimensions[dimensionId]) ? metaData.dimensions[dimensionId] : [];
   return dimensionItemsIds.map(id => metaData.items[id].name);

package/build/cjs/visualizations/config/adapters/dhis_highcharts/getCumulativeData.js

@@ -7,7 +7,7 @@ exports.default = _default;
 var _numberDecimals = _interopRequireDefault(require("d2-utilizr/lib/numberDecimals"));
 var _visTypes = require("../../../../modules/visTypes.js");
 var _getTwoCategorySplitSerieData = _interopRequireDefault(require("./getTwoCategorySplitSerieData.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function getDefaultCumulativeData(series) {
   let decimals = 0;
   let cumulativeValues = [];

package/build/cjs/visualizations/config/adapters/dhis_highcharts/getFormatter.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = _default;
 var _isNumeric = _interopRequireDefault(require("d2-utilizr/lib/isNumeric"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _default(axis) {
   const decimals = axis.decimals;
   return (0, _isNumeric.default)(decimals) ? {

package/build/cjs/visualizations/config/adapters/dhis_highcharts/getSortedConfig.js

@@ -9,7 +9,7 @@ var _arraySort = _interopRequireDefault(require("d2-utilizr/lib/arraySort"));
 var _visTypes = require("../../../../modules/visTypes.js");
 var _getStackedData = _interopRequireDefault(require("./getStackedData.js"));
 var _getTwoCategorySplitSerieData = _interopRequireDefault(require("./getTwoCategorySplitSerieData.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const sortOrderMap = new Map([[-1, 'ASC'], [1, 'DESC']]);
 function getIndexOrder(dataToBeSorted, layout) {
   const dataObjectsToBeSorted = dataToBeSorted.map((value, index) => ({

package/build/cjs/visualizations/config/adapters/dhis_highcharts/getSteps.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = _default;
 var _isNumeric = _interopRequireDefault(require("d2-utilizr/lib/isNumeric"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _default(axis) {
   const steps = axis.steps;
   return (0, _isNumeric.default)(steps) ? steps : undefined;

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

@@ -8,7 +8,7 @@ var _arrayContains = _interopRequireDefault(require("d2-utilizr/lib/arrayContain
 var _arrayUnique = _interopRequireDefault(require("d2-utilizr/lib/arrayUnique"));
 var _visTypes = require("../../../../modules/visTypes.js");
 var _getTwoCategorySplitSerieData = _interopRequireDefault(require("./getTwoCategorySplitSerieData.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function arrayCleanUndefined(array) {
   return array.filter(item => item !== undefined);
 }

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

@@ -11,23 +11,26 @@ var _index = require("../../../../modules/outliers/index.js");
 var _visTypes = require("../../../../modules/visTypes.js");
 var _themes = require("../../../util/colors/themes.js");
 var _addTrendLines = _interopRequireWildcard(require("./addTrendLines.js"));
-var _chart = _interopRequireDefault(require("./chart.js"));
+var _index2 = _interopRequireDefault(require("./chart/index.js"));
+var _index3 = _interopRequireDefault(require("./customSVGOptions/index.js"));
+var _exporting = _interopRequireDefault(require("./exporting.js"));
 var _getScatterData = _interopRequireDefault(require("./getScatterData.js"));
 var _getSortedConfig = _interopRequireDefault(require("./getSortedConfig.js"));
 var _getTrimmedConfig = _interopRequireDefault(require("./getTrimmedConfig.js"));
+var _lang = _interopRequireDefault(require("./lang.js"));
 var _legend = _interopRequireDefault(require("./legend.js"));
 var _legendSet = require("./legendSet.js");
 var _noData = _interopRequireDefault(require("./noData.js"));
-var _index2 = _interopRequireDefault(require("./pane/index.js"));
+var _index4 = _interopRequireDefault(require("./pane/index.js"));
 var _plotOptions = _interopRequireDefault(require("./plotOptions.js"));
-var _index3 = _interopRequireDefault(require("./series/index.js"));
-var _index4 = _interopRequireDefault(require("./subtitle/index.js"));
-var _index5 = _interopRequireDefault(require("./title/index.js"));
-var _index6 = _interopRequireDefault(require("./xAxis/index.js"));
-var _index7 = _interopRequireDefault(require("./yAxis/index.js"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-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 }; }
+var _index5 = _interopRequireDefault(require("./series/index.js"));
+var _index6 = _interopRequireDefault(require("./subtitle/index.js"));
+var _index7 = _interopRequireDefault(require("./title/index.js"));
+var _index8 = _interopRequireDefault(require("./xAxis/index.js"));
+var _index9 = _interopRequireDefault(require("./yAxis/index.js"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const getTransformedLayout = layout => ({
   ...layout,
   type: String(layout.type).toUpperCase(),
@@ -67,17 +70,17 @@ function _default(_ref) {
   }
   let config = {
     // type etc
-    chart: (0, _chart.default)(_layout, el, _extraOptions.dashboard),
+    chart: (0, _index2.default)(_layout, el, _extraOptions, series),
     // title
-    title: (0, _index5.default)(_layout, store.data[0].metaData, _extraOptions.dashboard),
+    title: (0, _index7.default)(_layout, store.data[0].metaData, _extraOptions, series),
     // subtitle
-    subtitle: (0, _index4.default)(series, _layout, store.data[0].metaData, _extraOptions.dashboard),
+    subtitle: (0, _index6.default)(series, _layout, store.data[0].metaData, _extraOptions),
     // x-axis
-    xAxis: (0, _index6.default)(store, _layout, _extraOptions, series),
+    xAxis: (0, _index8.default)(store, _layout, _extraOptions, series),
     // y-axis
-    yAxis: (0, _index7.default)(_layout, series, _extraOptions),
+    yAxis: (0, _index9.default)(_layout, series, _extraOptions),
     // series
-    series: (0, _index3.default)({
+    series: (0, _index5.default)({
       series: series.slice(),
       metaData: store.data[0].metaData.items,
       layout: _layout,
@@ -94,22 +97,28 @@ function _default(_ref) {
       dashboard: _extraOptions.dashboard
     }),
     // pane
-    pane: (0, _index2.default)(_layout.type),
+    pane: (0, _index4.default)(_layout.type),
     // no data + zoom
-    lang: {
-      noData: _extraOptions.noData.text,
-      resetZoom: _extraOptions.resetZoom.text
-    },
-    noData: (0, _noData.default)(),
+    lang: (0, _lang.default)(_layout.type, _extraOptions),
+    noData: (0, _noData.default)(_layout.type),
     // credits
     credits: {
       enabled: false
     },
     // exporting
-    exporting: {
-      // disable exporting context menu
-      enabled: false
-    }
+    exporting: (0, _exporting.default)(_layout.type),
+    /* The config object passed to the Highcharts Chart constructor
+     * can contain arbitrary properties, which are made accessible
+     * under the Chart instance's `userOptions` member. This means
+     * that in event callback functions the custom SVG options are
+     * accessible as `this.userOptions.customSVGOptions` */
+    customSVGOptions: (0, _index3.default)({
+      extraConfig,
+      layout: _layout,
+      extraOptions: _extraOptions,
+      metaData: store.data[0].metaData,
+      series
+    })
   };
 
   // get plot options for scatter
@@ -185,5 +194,6 @@ function _default(_ref) {
 
   // force apply extra config
   Object.assign(config, extraConfig);
+  console.log((0, _objectClean.default)(config));
   return (0, _objectClean.default)(config);
 }

package/build/cjs/visualizations/config/adapters/dhis_highcharts/lang.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getLang;
+var _visTypes = require("../../../../modules/visTypes.js");
+function getLang(visType, extraOptions) {
+  return {
+    /* The SingleValue visualization consists of some custom SVG elements
+     * rendered on an empty chart. Since the chart is empty, there is never
+     * any data and Highcharts will show the noData text. To avoid this we
+     * clear the text here. */
+    noData: visType === _visTypes.VIS_TYPE_SINGLE_VALUE ? undefined : extraOptions.noData.text,
+    resetZoom: extraOptions.resetZoom.text
+  };
+}

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

@@ -7,7 +7,7 @@ exports.getLegendSetTooltip = exports.applyLegendSet = void 0;
 var _isNumeric = _interopRequireDefault(require("d2-utilizr/lib/isNumeric"));
 var _index = _interopRequireDefault(require("../../../../locales/index.js"));
 var _legends = require("../../../../modules/legends.js");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const OUT_OF_BOUNDS_COLOR = '#CCCCCC';
 const getLegend = (value, legendSet) => value && legendSet ? (0, _legends.getLegendByValueFromLegendSet)(legendSet, value) : {};
 const applyLegendSet = function () {

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = _default;
 var _visTypes = require("../../../../../modules/visTypes.js");
 var _gauge = _interopRequireDefault(require("./gauge.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _default(type) {
   switch (type) {
     case _visTypes.VIS_TYPE_GAUGE:

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _index = _interopRequireDefault(require("../../../../locales/index.js"));
 var _visTypes = require("../../../../modules/visTypes.js");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const MAX_LABELS = 10;
 var _default = _ref => {
   let {
@@ -71,7 +71,7 @@ var _default = _ref => {
         }
       } : {};
     default:
-      return {};
+      return null;
   }
 };
 exports.default = _default;

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

@@ -18,7 +18,7 @@ var _type = _interopRequireDefault(require("../type.js"));
 var _gauge = _interopRequireDefault(require("./gauge.js"));
 var _pie = _interopRequireDefault(require("./pie.js"));
 var _scatter = _interopRequireDefault(require("./scatter.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const DEFAULT_ANIMATION_DURATION = 200;
 const HIGHCHARTS_TYPE_COLUMN = 'column';
 const HIGHCHARTS_TYPE_BAR = 'bar';
@@ -160,6 +160,7 @@ function getDefault(_ref) {
   return series;
 }
 function _default(_ref2) {
+  var _series;
   let {
     series,
     metaData,
@@ -170,6 +171,9 @@ function _default(_ref2) {
     displayStrategy
   } = _ref2;
   switch (layout.type) {
+    case _visTypes.VIS_TYPE_SINGLE_VALUE:
+      series = [];
+      break;
     case _visTypes.VIS_TYPE_PIE:
       series = (0, _pie.default)(series, Object.values(getIdColorMap(series, layout, extraOptions)));
       break;
@@ -190,7 +194,7 @@ function _default(_ref2) {
         displayStrategy
       });
   }
-  series.forEach(seriesObj => {
+  (_series = series) === null || _series === void 0 ? void 0 : _series.forEach(seriesObj => {
     // animation
     seriesObj.animation = {
       duration: getAnimation(extraOptions.animation, DEFAULT_ANIMATION_DURATION)

package/build/cjs/visualizations/config/adapters/dhis_highcharts/series/scatter.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _index = _interopRequireDefault(require("../../../../../locales/index.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const DEFAULT_COLOR = '#a8bf24';
 const OUTLIER_COLOR = 'red';
 const POINT_MARKER_SYMBOL = 'circle';

package/build/cjs/visualizations/config/adapters/dhis_highcharts/subtitle/__tests__/singleValue.spec.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _singleValue = _interopRequireDefault(require("../singleValue.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+jest.mock('../../../../../util/getFilterText', () => () => 'The default filter text');
+describe('getSingleValueSubtitle', () => {
+  it('returns empty subtitle when flag hideSubtitle exists', () => {
+    expect((0, _singleValue.default)({
+      hideSubtitle: true
+    })).toEqual('');
+  });
+  it('returns the subtitle provided in the layout', () => {
+    const subtitle = 'The subtitle was already set';
+    expect((0, _singleValue.default)({
+      subtitle
+    })).toEqual(subtitle);
+  });
+  it('returns an empty string when layout does not have filters', () => {
+    expect((0, _singleValue.default)({})).toEqual('');
+  });
+  it('returns the filter text', () => {
+    expect((0, _singleValue.default)({
+      filters: []
+    })).toEqual('The default filter text');
+  });
+  describe('not dashboard', () => {
+    describe('layout does not include title', () => {
+      it('returns empty subtitle', () => {
+        expect((0, _singleValue.default)({
+          filters: undefined
+        }, {}, false)).toEqual('');
+      });
+    });
+
+    /* All these tests have been moved and adjusted from here:
+     * src/visualizations/config/adapters/dhis_dhis/title/__tests__`
+     * The test below asserted the default subtitle behaviour, for
+     * visualization types other than SingleValue. It expected that
+     * the title was being used as subtitle. It fails now, and I
+     * believe that this behaviour does not make sense. So instead
+     * of fixing it, I disabled it. */
+    // describe('layout includes title', () => {
+    //     it('returns filter title as subtitle', () => {
+    //         expect(
+    //             getSingleValueSubtitle(
+    //                 { filters: undefined, title: 'Chart title' },
+    //                 {},
+    //                 false
+    //             )
+    //         ).toEqual('The default filter text')
+    //     })
+    // })
+  });
+  describe('dashboard', () => {
+    it('returns filter title as subtitle', () => {
+      expect((0, _singleValue.default)({
+        filters: {}
+      }, {}, true)).toEqual('The default filter text');
+    });
+  });
+});

package/build/cjs/visualizations/config/adapters/dhis_highcharts/subtitle/gauge.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = _default;
 var _isString = _interopRequireDefault(require("d2-utilizr/lib/isString"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // TODO: This file is unused, delete?
 function _default(series, layout, dashboard, filterTitle) {
   const seriesName = series[0].name;