@dhis2/analytics 26.8.7 → 26.9.3

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

@@ -3,14 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = _default;
+exports.default = subtitle;
 var _isString = _interopRequireDefault(require("d2-utilizr/lib/isString"));
 var _fontStyle = require("../../../../../modules/fontStyle.js");
 var _visTypes = require("../../../../../modules/visTypes.js");
 var _getFilterText = _interopRequireDefault(require("../../../../util/getFilterText.js"));
 var _getTextAlignOption = require("../getTextAlignOption.js");
 var _yearOverYear = _interopRequireDefault(require("../title/yearOverYear.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _singleValue = _interopRequireWildcard(require("./singleValue.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 DASHBOARD_SUBTITLE = {
   style: {
     // DHIS2-578: dynamically truncate subtitle when it's taking more than 1 line
@@ -23,18 +26,33 @@ const DASHBOARD_SUBTITLE = {
   }
 };
 function getDefault(layout, dashboard, filterTitle) {
-  return {
-    text: dashboard || (0, _isString.default)(layout.title) ? filterTitle : undefined
-  };
+  return dashboard || (0, _isString.default)(layout.title) ? filterTitle : undefined;
 }
-function _default(series, layout, metaData, dashboard) {
-  const fontStyle = (0, _fontStyle.mergeFontStyleWithDefault)(layout.fontStyle && layout.fontStyle[_fontStyle.FONT_STYLE_VISUALIZATION_SUBTITLE], _fontStyle.FONT_STYLE_VISUALIZATION_SUBTITLE);
-  let subtitle = {
-    text: undefined
-  };
+function subtitle(series, layout, metaData, extraOptions) {
   if (layout.hideSubtitle) {
     return null;
   }
+  const {
+    dashboard,
+    legendSets
+  } = extraOptions;
+  const legendOptions = layout.legend;
+  const fontStyle = (0, _fontStyle.mergeFontStyleWithDefault)(layout.fontStyle && layout.fontStyle[_fontStyle.FONT_STYLE_VISUALIZATION_SUBTITLE], _fontStyle.FONT_STYLE_VISUALIZATION_SUBTITLE);
+  const subtitle = Object.assign({
+    text: undefined
+  }, dashboard ? DASHBOARD_SUBTITLE : {
+    align: (0, _getTextAlignOption.getTextAlignOption)(fontStyle[_fontStyle.FONT_STYLE_OPTION_TEXT_ALIGN], _fontStyle.FONT_STYLE_VISUALIZATION_SUBTITLE, (0, _visTypes.isVerticalType)(layout.type)),
+    style: {
+      // DHIS2-578: dynamically truncate subtitle when it's taking more than 1 line
+      color: undefined,
+      fontSize: `${fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE]}px`,
+      fontWeight: fontStyle[_fontStyle.FONT_STYLE_OPTION_BOLD] ? _fontStyle.FONT_STYLE_OPTION_BOLD : 'normal',
+      fontStyle: fontStyle[_fontStyle.FONT_STYLE_OPTION_ITALIC] ? _fontStyle.FONT_STYLE_OPTION_ITALIC : 'normal',
+      whiteSpace: 'nowrap',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis'
+    }
+  });
 
   // DHIS2-578: allow for optional custom subtitle
   const customSubtitle = layout.subtitle && layout.displaySubtitle || layout.subtitle;
@@ -43,6 +61,9 @@ function _default(series, layout, metaData, dashboard) {
   } else {
     const filterTitle = (0, _getFilterText.default)(layout.filters, metaData);
     switch (layout.type) {
+      case _visTypes.VIS_TYPE_SINGLE_VALUE:
+        subtitle.text = (0, _singleValue.default)(layout, metaData);
+        break;
       case _visTypes.VIS_TYPE_YEAR_OVER_YEAR_LINE:
       case _visTypes.VIS_TYPE_YEAR_OVER_YEAR_COLUMN:
         subtitle.text = (0, _yearOverYear.default)(layout, metaData, Boolean(!dashboard));
@@ -51,20 +72,33 @@ function _default(series, layout, metaData, dashboard) {
         subtitle.text = filterTitle;
         break;
       default:
-        subtitle = getDefault(layout, dashboard, filterTitle);
+        subtitle.text = getDefault(layout, dashboard, filterTitle);
     }
   }
-  return subtitle ? Object.assign({}, dashboard ? DASHBOARD_SUBTITLE : {
-    align: (0, _getTextAlignOption.getTextAlignOption)(fontStyle[_fontStyle.FONT_STYLE_OPTION_TEXT_ALIGN], _fontStyle.FONT_STYLE_VISUALIZATION_SUBTITLE, (0, _visTypes.isVerticalType)(layout.type)),
-    style: {
-      // DHIS2-578: dynamically truncate subtitle when it's taking more than 1 line
-      color: fontStyle[_fontStyle.FONT_STYLE_OPTION_TEXT_COLOR],
-      fontSize: `${fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE]}px`,
-      fontWeight: fontStyle[_fontStyle.FONT_STYLE_OPTION_BOLD] ? _fontStyle.FONT_STYLE_OPTION_BOLD : 'normal',
-      fontStyle: fontStyle[_fontStyle.FONT_STYLE_OPTION_ITALIC] ? _fontStyle.FONT_STYLE_OPTION_ITALIC : 'normal',
-      whiteSpace: 'nowrap',
-      overflow: 'hidden',
-      textOverflow: 'ellipsis'
-    }
-  }, subtitle) : subtitle;
+  switch (layout.type) {
+    case _visTypes.VIS_TYPE_SINGLE_VALUE:
+      {
+        var _defaultFontStyle$FON, _layout$fontStyle, _layout$fontStyle$FON;
+        const defaultColor = _fontStyle.defaultFontStyle === null || _fontStyle.defaultFontStyle === void 0 ? void 0 : (_defaultFontStyle$FON = _fontStyle.defaultFontStyle[_fontStyle.FONT_STYLE_VISUALIZATION_SUBTITLE]) === null || _defaultFontStyle$FON === void 0 ? void 0 : _defaultFontStyle$FON[_fontStyle.FONT_STYLE_OPTION_TEXT_COLOR];
+        const customColor = layout === null || layout === void 0 ? void 0 : (_layout$fontStyle = layout.fontStyle) === null || _layout$fontStyle === void 0 ? void 0 : (_layout$fontStyle$FON = _layout$fontStyle[_fontStyle.FONT_STYLE_VISUALIZATION_SUBTITLE]) === null || _layout$fontStyle$FON === void 0 ? void 0 : _layout$fontStyle$FON[_fontStyle.FONT_STYLE_OPTION_TEXT_COLOR];
+        subtitle.style.color = (0, _singleValue.getSingleValueSubtitleColor)(customColor, defaultColor, series[0], legendOptions, legendSets);
+        if (dashboard) {
+          // Single value subtitle text should be multiline
+          /* TODO: The default color of the subtitle now is #4a5768 but the
+           * original implementation used #666, which is a lighter grey.
+           * If we want to keep this color, changes are needed here. */
+          Object.assign(subtitle.style, {
+            wordWrap: 'normal',
+            whiteSpace: 'normal',
+            overflow: 'visible',
+            textOverflow: 'initial'
+          });
+        }
+      }
+      break;
+    default:
+      subtitle.style.color = fontStyle[_fontStyle.FONT_STYLE_OPTION_TEXT_COLOR];
+      break;
+  }
+  return subtitle;
 }

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getSingleValueSubtitle;
+Object.defineProperty(exports, "getSingleValueSubtitleColor", {
+  enumerable: true,
+  get: function () {
+    return _getSingleValueTitleColor.getSingleValueTitleColor;
+  }
+});
+var _getFilterText = _interopRequireDefault(require("../../../../util/getFilterText.js"));
+var _getSingleValueTitleColor = require("../customSVGOptions/singleValue/getSingleValueTitleColor.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function getSingleValueSubtitle(layout, metaData) {
+  if (layout.hideSubtitle || 1 === 0) {
+    return '';
+  }
+  if (typeof layout.subtitle === 'string' && layout.subtitle.length) {
+    return layout.subtitle;
+  }
+  if (layout.filters) {
+    return (0, _getFilterText.default)(layout.filters, metaData);
+  }
+  return '';
+}

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

@@ -0,0 +1,44 @@
+"use strict";
+
+var _singleValue = require("../singleValue.js");
+jest.mock('../../../../../util/getFilterText', () => () => 'The filter text');
+describe('getSingleValueTitle', () => {
+  it('returns empty title when flag hideTitle exists', () => {
+    expect((0, _singleValue.getSingleValueTitleText)({
+      hideTitle: true
+    })).toEqual('');
+  });
+  it('returns the title provided in the layout', () => {
+    const title = 'The title was already set';
+    expect((0, _singleValue.getSingleValueTitleText)({
+      title
+    })).toEqual(title);
+  });
+  it('returns null when layout does not have columns', () => {
+    expect((0, _singleValue.getSingleValueTitleText)({})).toEqual('');
+  });
+  it('returns the filter text based on column items', () => {
+    expect((0, _singleValue.getSingleValueTitleText)({
+      columns: [{
+        items: [{}]
+      }]
+    })).toEqual('The filter text');
+  });
+  describe('not dashboard', () => {
+    it('returns filter text as title', () => {
+      expect((0, _singleValue.getSingleValueTitleText)({
+        columns: [{
+          items: [{}]
+        }],
+        filters: []
+      }, {}, false)).toEqual('The filter text');
+    });
+  });
+  describe('dashboard', () => {
+    it('returns empty string', () => {
+      expect((0, _singleValue.getSingleValueTitleText)({
+        filters: {}
+      }, {}, true)).toEqual('');
+    });
+  });
+});

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

@@ -10,8 +10,9 @@ var _visTypes = require("../../../../../modules/visTypes.js");
 var _getFilterText = _interopRequireDefault(require("../../../../util/getFilterText.js"));
 var _getTextAlignOption = require("../getTextAlignOption.js");
 var _scatter = _interopRequireDefault(require("./scatter.js"));
+var _singleValue = require("./singleValue.js");
 var _yearOverYear = _interopRequireDefault(require("./yearOverYear.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const DASHBOARD_TITLE_STYLE = {
   margin: 15,
   y: 12,
@@ -30,19 +31,41 @@ function getDefault(layout, metaData, dashboard) {
   }
   return null;
 }
-function _default(layout, metaData, dashboard) {
-  const fontStyle = (0, _fontStyle.mergeFontStyleWithDefault)(layout.fontStyle && layout.fontStyle[_fontStyle.FONT_STYLE_VISUALIZATION_TITLE], _fontStyle.FONT_STYLE_VISUALIZATION_TITLE);
-  const title = {
-    text: undefined
-  };
+function _default(layout, metaData, extraOptions, series) {
   if (layout.hideTitle) {
-    return title;
+    return {
+      text: undefined
+    };
   }
-  const customTitle = layout.title && layout.displayTitle || layout.title;
-  if ((0, _isString.default)(customTitle) && customTitle.length) {
-    title.text = customTitle;
+  const {
+    dashboard,
+    legendSets
+  } = extraOptions;
+  const legendOptions = layout.legend;
+  const fontStyle = (0, _fontStyle.mergeFontStyleWithDefault)(layout.fontStyle && layout.fontStyle[_fontStyle.FONT_STYLE_VISUALIZATION_TITLE], _fontStyle.FONT_STYLE_VISUALIZATION_TITLE);
+  const title = Object.assign({
+    text: undefined
+  }, dashboard ? DASHBOARD_TITLE_STYLE : {
+    margin: 30,
+    align: (0, _getTextAlignOption.getTextAlignOption)(fontStyle[_fontStyle.FONT_STYLE_OPTION_TEXT_ALIGN], _fontStyle.FONT_STYLE_VISUALIZATION_TITLE, (0, _visTypes.isVerticalType)(layout.type)),
+    style: {
+      color: undefined,
+      fontSize: `${fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE]}px`,
+      fontWeight: fontStyle[_fontStyle.FONT_STYLE_OPTION_BOLD] ? _fontStyle.FONT_STYLE_OPTION_BOLD : 'normal',
+      fontStyle: fontStyle[_fontStyle.FONT_STYLE_OPTION_ITALIC] ? _fontStyle.FONT_STYLE_OPTION_ITALIC : 'normal',
+      whiteSpace: 'nowrap',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis'
+    }
+  });
+  const customTitleText = layout.title && layout.displayTitle || layout.title;
+  if ((0, _isString.default)(customTitleText) && customTitleText.length) {
+    title.text = customTitleText;
   } else {
     switch (layout.type) {
+      case _visTypes.VIS_TYPE_SINGLE_VALUE:
+        title.text = (0, _singleValue.getSingleValueTitleText)(layout, metaData, dashboard);
+        break;
       case _visTypes.VIS_TYPE_GAUGE:
       case _visTypes.VIS_TYPE_YEAR_OVER_YEAR_LINE:
       case _visTypes.VIS_TYPE_YEAR_OVER_YEAR_COLUMN:
@@ -56,17 +79,22 @@ function _default(layout, metaData, dashboard) {
         break;
     }
   }
-  return Object.assign({}, dashboard ? DASHBOARD_TITLE_STYLE : {
-    margin: 30,
-    align: (0, _getTextAlignOption.getTextAlignOption)(fontStyle[_fontStyle.FONT_STYLE_OPTION_TEXT_ALIGN], _fontStyle.FONT_STYLE_VISUALIZATION_TITLE, (0, _visTypes.isVerticalType)(layout.type)),
-    style: {
-      color: fontStyle[_fontStyle.FONT_STYLE_OPTION_TEXT_COLOR],
-      fontSize: `${fontStyle[_fontStyle.FONT_STYLE_OPTION_FONT_SIZE]}px`,
-      fontWeight: fontStyle[_fontStyle.FONT_STYLE_OPTION_BOLD] ? _fontStyle.FONT_STYLE_OPTION_BOLD : 'normal',
-      fontStyle: fontStyle[_fontStyle.FONT_STYLE_OPTION_ITALIC] ? _fontStyle.FONT_STYLE_OPTION_ITALIC : 'normal',
-      whiteSpace: 'nowrap',
-      overflow: 'hidden',
-      textOverflow: 'ellipsis'
-    }
-  }, title);
+  switch (layout.type) {
+    case _visTypes.VIS_TYPE_SINGLE_VALUE:
+      {
+        var _defaultFontStyle$FON, _layout$fontStyle, _layout$fontStyle$FON;
+        const defaultColor = _fontStyle.defaultFontStyle === null || _fontStyle.defaultFontStyle === void 0 ? void 0 : (_defaultFontStyle$FON = _fontStyle.defaultFontStyle[_fontStyle.FONT_STYLE_VISUALIZATION_TITLE]) === null || _defaultFontStyle$FON === void 0 ? void 0 : _defaultFontStyle$FON[_fontStyle.FONT_STYLE_OPTION_TEXT_COLOR];
+        const customColor = layout === null || layout === void 0 ? void 0 : (_layout$fontStyle = layout.fontStyle) === null || _layout$fontStyle === void 0 ? void 0 : (_layout$fontStyle$FON = _layout$fontStyle[_fontStyle.FONT_STYLE_VISUALIZATION_TITLE]) === null || _layout$fontStyle$FON === void 0 ? void 0 : _layout$fontStyle$FON[_fontStyle.FONT_STYLE_OPTION_TEXT_COLOR];
+        title.style.color = (0, _singleValue.getSingleValueTitleColor)(customColor, defaultColor, series[0], legendOptions, legendSets);
+        if (dashboard) {
+          // TODO: is this always what we want?
+          title.style.fontWeight = 'normal';
+        }
+      }
+      break;
+    default:
+      title.style.color = fontStyle[_fontStyle.FONT_STYLE_OPTION_TEXT_COLOR];
+      break;
+  }
+  return title;
 }

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = _default;
 var _getFilterText = _interopRequireDefault(require("../../../../util/getFilterText.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _default(layout, metaData, dashboard) {
   var _layout$rows, _layout$columns;
   if ((_layout$rows = layout.rows) !== null && _layout$rows !== void 0 && _layout$rows.length && (_layout$columns = layout.columns) !== null && _layout$columns !== void 0 && _layout$columns.length && !dashboard) {

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

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "getSingleValueTitleColor", {
+  enumerable: true,
+  get: function () {
+    return _getSingleValueTitleColor.getSingleValueTitleColor;
+  }
+});
+exports.getSingleValueTitleText = getSingleValueTitleText;
+var _getFilterText = _interopRequireDefault(require("../../../../util/getFilterText.js"));
+var _getSingleValueTitleColor = require("../customSVGOptions/singleValue/getSingleValueTitleColor.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function getSingleValueTitleText(layout, metaData) {
+  if (layout.hideTitle) {
+    return '';
+  }
+  if (typeof layout.title === 'string' && layout.title.length) {
+    return layout.title;
+  }
+  if (layout.columns) {
+    const firstItem = layout.columns[0].items[0];
+    const column = Object.assign({}, layout.columns[0], {
+      items: [firstItem]
+    });
+    return (0, _getFilterText.default)([column], metaData);
+  }
+  return '';
+}

package/build/cjs/visualizations/config/adapters/dhis_highcharts/title/yearOverYear.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = _default;
+exports.default = yearOverYear;
 var _getFilterText = _interopRequireDefault(require("../../../../util/getFilterText.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _default(layout, metaData, dashboard) {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function yearOverYear(layout, metaData, dashboard) {
   const titleFragments = [];
   if (layout.columns && layout.columns.length && !dashboard) {
     titleFragments.push((0, _getFilterText.default)(layout.columns, metaData));

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

@@ -40,6 +40,8 @@ function _default(type) {
         type: 'scatter',
         zoomType: 'xy'
       };
+    case _visTypes.VIS_TYPE_SINGLE_VALUE:
+      return {};
     case _visTypes.VIS_TYPE_COLUMN:
     case _visTypes.VIS_TYPE_STACKED_COLUMN:
     case _visTypes.VIS_TYPE_YEAR_OVER_YEAR_COLUMN:

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

@@ -16,7 +16,7 @@ var _radar = _interopRequireDefault(require("./radar.js"));
 var _scatter = _interopRequireDefault(require("./scatter.js"));
 var _twoCategory = _interopRequireDefault(require("./twoCategory.js"));
 var _yearOnYear = _interopRequireDefault(require("./yearOnYear.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const AXIS_TYPE = 'DOMAIN';
 const AXIS_INDEX = 0;
 function noAxis() {
@@ -54,6 +54,7 @@ function _default(store, layout, extraOptions, series) {
     switch (layout.type) {
       case _visTypes.VIS_TYPE_PIE:
       case _visTypes.VIS_TYPE_GAUGE:
+      case _visTypes.VIS_TYPE_SINGLE_VALUE:
         xAxis = noAxis();
         break;
       case _visTypes.VIS_TYPE_YEAR_OVER_YEAR_LINE:

package/build/cjs/visualizations/config/adapters/dhis_highcharts/xAxis/radar.js

@@ -9,7 +9,7 @@ var _fontStyle = require("../../../../../modules/fontStyle.js");
 var _visTypes = require("../../../../../modules/visTypes.js");
 var _getTextAlignOption = require("../getTextAlignOption.js");
 var _index = require("./index.js");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var _default = (store, layout) => {
   var _config$title;
   const config = (0, _index.getDefault)(store, layout);

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

@@ -12,7 +12,7 @@ var _axisId = require("../../../../util/axisId.js");
 var _axis = require("../axis.js");
 var _getAxisTitle = _interopRequireDefault(require("../getAxisTitle.js"));
 var _getSteps = _interopRequireDefault(require("../getSteps.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const AXIS_TYPE = 'RANGE';
 const AXIS_INDEX = 1;
 function _default(layout, series, extraOptions) {

package/build/cjs/visualizations/config/adapters/dhis_highcharts/xAxis/twoCategory.js

@@ -9,7 +9,7 @@ var _axes = require("../../../../util/axes.js");
 var _getAxisTitle = _interopRequireDefault(require("../getAxisTitle.js"));
 var _getCategories = _interopRequireDefault(require("../getCategories.js"));
 var _index = require("./index.js");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const AXIS_TYPE = 'DOMAIN';
 const AXIS_INDEX = 0;
 function _default(store, layout) {

package/build/cjs/visualizations/config/adapters/dhis_highcharts/xAxis/yearOnYear.js

@@ -9,7 +9,7 @@ var _fontStyle = require("../../../../../modules/fontStyle.js");
 var _axes = require("../../../../util/axes.js");
 var _getAxisTitle = _interopRequireDefault(require("../getAxisTitle.js"));
 var _index = require("./index.js");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _default(store, layout, extraOptions) {
   var _axis$title, _axis$title2;
   let categories;

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

@@ -13,7 +13,7 @@ var _legends = require("../../../../../modules/legends.js");
 var _visTypes = require("../../../../../modules/visTypes.js");
 var _axes = require("../../../../util/axes.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 DEFAULT_MAX_VALUE = 100;
 const DEFAULT_TARGET_LINE_LABEL = _index.default.t('Target');
 const DEFAULT_BASE_LINE_LABEL = _index.default.t('Base');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = _default;
+exports.default = yAxis;
 var _arrayClean = _interopRequireDefault(require("d2-utilizr/lib/arrayClean"));
 var _objectClean = _interopRequireDefault(require("d2-utilizr/lib/objectClean"));
 var _index = _interopRequireDefault(require("../../../../../locales/index.js"));
@@ -16,7 +16,7 @@ var _customAxes = require("../customAxes.js");
 var _getAxisTitle = _interopRequireDefault(require("../getAxisTitle.js"));
 var _getSteps = _interopRequireDefault(require("../getSteps.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 }; }
 const AXIS_TYPE_RANGE = 'RANGE';
 function getDefault(layout, series, extraOptions) {
   var _extraOptions$outlier;
@@ -106,14 +106,13 @@ function getDefault(layout, series, extraOptions) {
   });
   return axes;
 }
-function _default(layout, series, extraOptions) {
-  let yAxis;
+function yAxis(layout, series, extraOptions) {
   switch (layout.type) {
+    case _visTypes.VIS_TYPE_SINGLE_VALUE:
+      return null;
     case _visTypes.VIS_TYPE_GAUGE:
-      yAxis = (0, _gauge.default)(layout, series, extraOptions.legendSets[0]);
-      break;
+      return (0, _gauge.default)(layout, series, extraOptions.legendSets[0]);
     default:
-      yAxis = getDefault(layout, series, extraOptions);
+      return getDefault(layout, series, extraOptions);
   }
-  return yAxis;
 }

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

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _index = _interopRequireDefault(require("./dhis_dhis/index.js"));
-var _index2 = _interopRequireDefault(require("./dhis_highcharts/index.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
-  dhis_highcharts: _index2.default,
-  dhis_dhis: _index.default
-};
-exports.default = _default;
+var _index = _interopRequireDefault(require("./dhis_highcharts/index.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
+  dhis_highcharts: _index.default
+};

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

@@ -11,7 +11,7 @@ var _exporting = _interopRequireDefault(require("highcharts/modules/exporting"))
 var _noDataToDisplay = _interopRequireDefault(require("highcharts/modules/no-data-to-display"));
 var _patternFill = _interopRequireDefault(require("highcharts/modules/pattern-fill"));
 var _solidGauge = _interopRequireDefault(require("highcharts/modules/solid-gauge"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // apply
 (0, _highchartsMore.default)(_highcharts.default);
 (0, _solidGauge.default)(_highcharts.default);
@@ -19,6 +19,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 (0, _exporting.default)(_highcharts.default);
 (0, _patternFill.default)(_highcharts.default);
 (0, _boost.default)(_highcharts.default);
+
+/* Whitelist some additional SVG attributes here. Without this,
+ * the PDF export for the SingleValue visualization breaks. */
+_highcharts.default.AST.allowedAttributes.push('fill-rule', 'clip-rule');
 function drawLegendSymbolWrap() {
   const pick = _highcharts.default.pick;
   _highcharts.default.wrap(_highcharts.default.seriesTypes.column.prototype, 'drawLegendSymbol', function (proceed, legend, item) {

package/build/cjs/visualizations/config/generators/index.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _index = _interopRequireDefault(require("./dhis/index.js"));
-var _index2 = _interopRequireDefault(require("./highcharts/index.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
-  highcharts: _index2.default,
-  dhis: _index.default
-};
-exports.default = _default;
+var _index = _interopRequireDefault(require("./highcharts/index.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
+  highcharts: _index.default
+};

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

@@ -9,7 +9,7 @@ var _index2 = require("../util/colors/index.js");
 var _index3 = _interopRequireDefault(require("./adapters/index.js"));
 var _index4 = _interopRequireDefault(require("./generators/index.js"));
 var _index5 = _interopRequireDefault(require("./validators/index.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _default(_ref) {
   let {
     store,

package/build/cjs/visualizations/config/validators/index.js

@@ -5,10 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _index = _interopRequireDefault(require("./dhis/index.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const noValidation = data => data;
-var _default = {
+var _default = exports.default = {
   dhis: _index.default,
   noValidation
-};
-exports.default = _default;
+};

package/build/cjs/visualizations/index.js

@@ -20,7 +20,7 @@ exports.default = void 0;
 var _isArray = _interopRequireDefault(require("d2-utilizr/lib/isArray"));
 var _index = _interopRequireDefault(require("./config/index.js"));
 var _index2 = _interopRequireDefault(require("./store/index.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const defaultError = error => {
   throw new Error(error);
 };
@@ -53,5 +53,4 @@ function createVisualization(data, layout, el, extraOptions) {
     visualization: config.createVisualization()
   };
 }
-var _default = createVisualization;
-exports.default = _default;
+var _default = exports.default = createVisualization;

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

@@ -9,9 +9,10 @@ var _arrayUnique = _interopRequireDefault(require("d2-utilizr/lib/arrayUnique"))
 var _visTypes = require("../../../../modules/visTypes.js");
 var _gauge = _interopRequireDefault(require("./gauge.js"));
 var _pie = _interopRequireDefault(require("./pie.js"));
+var _singleValue = _interopRequireDefault(require("./singleValue.js"));
 var _twoCategory = _interopRequireDefault(require("./twoCategory.js"));
 var _yearOnYear = _interopRequireDefault(require("./yearOnYear.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const VALUE_ID = 'value';
 function arrayNullsOnly(array) {
   return (0, _arrayContains.default)(array, null) && (0, _arrayUnique.default)(array).length === 1;
@@ -70,6 +71,8 @@ function getSeriesFunction(type, categoryIds) {
     return _twoCategory.default;
   }
   switch (type) {
+    case _visTypes.VIS_TYPE_SINGLE_VALUE:
+      return _singleValue.default;
     case _visTypes.VIS_TYPE_PIE:
       return _pie.default;
     case _visTypes.VIS_TYPE_GAUGE:

package/build/cjs/visualizations/store/adapters/dhis_highcharts/singleValue.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getSingleValue;
+function getSingleValue(acc, seriesIds, categoryIds, idValueMap) {
+  const seriesId = seriesIds[0][0];
+  acc.push(idValueMap.get(seriesId));
+}

package/build/cjs/visualizations/store/adapters/dhis_highcharts/twoCategory.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = _default;
 var _getTwoCategorySplitSerieData = _interopRequireDefault(require("../../../config/adapters/dhis_highcharts/getTwoCategorySplitSerieData.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // 1 series, 2 categories
 function _default(acc, series, categories, idValueMap, metaData) {
   series[0].forEach(seriesItemId => {

package/build/cjs/visualizations/store/adapters/index.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _index = _interopRequireDefault(require("./dhis_dhis/index.js"));
-var _index2 = _interopRequireDefault(require("./dhis_highcharts/index.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
-  dhis_highcharts: _index2.default,
-  dhis_dhis: _index.default
-};
-exports.default = _default;
+var _index = _interopRequireDefault(require("./dhis_highcharts/index.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
+  dhis_highcharts: _index.default
+};