@dhis2/analytics 26.8.7 → 26.9.3

package/build/cjs/modules/valueTypes.js

@@ -8,48 +8,27 @@ exports.isNumericValueType = exports.isCumulativeValueType = exports.isBooleanVa
   https://github.com/dhis2/dhis2-core/blob/master/dhis-2/dhis-api/src/main/java/org/hisp/dhis/common/ValueType.java
 */
 
-const VALUE_TYPE_NUMBER = 'NUMBER';
-exports.VALUE_TYPE_NUMBER = VALUE_TYPE_NUMBER;
-const VALUE_TYPE_UNIT_INTERVAL = 'UNIT_INTERVAL';
-exports.VALUE_TYPE_UNIT_INTERVAL = VALUE_TYPE_UNIT_INTERVAL;
-const VALUE_TYPE_PERCENTAGE = 'PERCENTAGE';
-exports.VALUE_TYPE_PERCENTAGE = VALUE_TYPE_PERCENTAGE;
-const VALUE_TYPE_INTEGER = 'INTEGER';
-exports.VALUE_TYPE_INTEGER = VALUE_TYPE_INTEGER;
-const VALUE_TYPE_INTEGER_POSITIVE = 'INTEGER_POSITIVE';
-exports.VALUE_TYPE_INTEGER_POSITIVE = VALUE_TYPE_INTEGER_POSITIVE;
-const VALUE_TYPE_INTEGER_NEGATIVE = 'INTEGER_NEGATIVE';
-exports.VALUE_TYPE_INTEGER_NEGATIVE = VALUE_TYPE_INTEGER_NEGATIVE;
-const VALUE_TYPE_INTEGER_ZERO_OR_POSITIVE = 'INTEGER_ZERO_OR_POSITIVE';
-exports.VALUE_TYPE_INTEGER_ZERO_OR_POSITIVE = VALUE_TYPE_INTEGER_ZERO_OR_POSITIVE;
-const VALUE_TYPE_TEXT = 'TEXT';
-exports.VALUE_TYPE_TEXT = VALUE_TYPE_TEXT;
-const VALUE_TYPE_LONG_TEXT = 'LONG_TEXT';
-exports.VALUE_TYPE_LONG_TEXT = VALUE_TYPE_LONG_TEXT;
-const VALUE_TYPE_LETTER = 'LETTER';
-exports.VALUE_TYPE_LETTER = VALUE_TYPE_LETTER;
-const VALUE_TYPE_PHONE_NUMBER = 'PHONE_NUMBER';
-exports.VALUE_TYPE_PHONE_NUMBER = VALUE_TYPE_PHONE_NUMBER;
-const VALUE_TYPE_EMAIL = 'EMAIL';
-exports.VALUE_TYPE_EMAIL = VALUE_TYPE_EMAIL;
-const VALUE_TYPE_USERNAME = 'USERNAME';
-exports.VALUE_TYPE_USERNAME = VALUE_TYPE_USERNAME;
-const VALUE_TYPE_URL = 'URL';
-exports.VALUE_TYPE_URL = VALUE_TYPE_URL;
-const VALUE_TYPE_BOOLEAN = 'BOOLEAN';
-exports.VALUE_TYPE_BOOLEAN = VALUE_TYPE_BOOLEAN;
-const VALUE_TYPE_TRUE_ONLY = 'TRUE_ONLY';
-exports.VALUE_TYPE_TRUE_ONLY = VALUE_TYPE_TRUE_ONLY;
-const VALUE_TYPE_DATE = 'DATE';
-exports.VALUE_TYPE_DATE = VALUE_TYPE_DATE;
-const VALUE_TYPE_TIME = 'TIME';
-exports.VALUE_TYPE_TIME = VALUE_TYPE_TIME;
-const VALUE_TYPE_DATETIME = 'DATETIME';
-exports.VALUE_TYPE_DATETIME = VALUE_TYPE_DATETIME;
-const VALUE_TYPE_ORGANISATION_UNIT = 'ORGANISATION_UNIT';
-exports.VALUE_TYPE_ORGANISATION_UNIT = VALUE_TYPE_ORGANISATION_UNIT;
-const VALUE_TYPE_AGE = 'AGE';
-exports.VALUE_TYPE_AGE = VALUE_TYPE_AGE;
+const VALUE_TYPE_NUMBER = exports.VALUE_TYPE_NUMBER = 'NUMBER';
+const VALUE_TYPE_UNIT_INTERVAL = exports.VALUE_TYPE_UNIT_INTERVAL = 'UNIT_INTERVAL';
+const VALUE_TYPE_PERCENTAGE = exports.VALUE_TYPE_PERCENTAGE = 'PERCENTAGE';
+const VALUE_TYPE_INTEGER = exports.VALUE_TYPE_INTEGER = 'INTEGER';
+const VALUE_TYPE_INTEGER_POSITIVE = exports.VALUE_TYPE_INTEGER_POSITIVE = 'INTEGER_POSITIVE';
+const VALUE_TYPE_INTEGER_NEGATIVE = exports.VALUE_TYPE_INTEGER_NEGATIVE = 'INTEGER_NEGATIVE';
+const VALUE_TYPE_INTEGER_ZERO_OR_POSITIVE = exports.VALUE_TYPE_INTEGER_ZERO_OR_POSITIVE = 'INTEGER_ZERO_OR_POSITIVE';
+const VALUE_TYPE_TEXT = exports.VALUE_TYPE_TEXT = 'TEXT';
+const VALUE_TYPE_LONG_TEXT = exports.VALUE_TYPE_LONG_TEXT = 'LONG_TEXT';
+const VALUE_TYPE_LETTER = exports.VALUE_TYPE_LETTER = 'LETTER';
+const VALUE_TYPE_PHONE_NUMBER = exports.VALUE_TYPE_PHONE_NUMBER = 'PHONE_NUMBER';
+const VALUE_TYPE_EMAIL = exports.VALUE_TYPE_EMAIL = 'EMAIL';
+const VALUE_TYPE_USERNAME = exports.VALUE_TYPE_USERNAME = 'USERNAME';
+const VALUE_TYPE_URL = exports.VALUE_TYPE_URL = 'URL';
+const VALUE_TYPE_BOOLEAN = exports.VALUE_TYPE_BOOLEAN = 'BOOLEAN';
+const VALUE_TYPE_TRUE_ONLY = exports.VALUE_TYPE_TRUE_ONLY = 'TRUE_ONLY';
+const VALUE_TYPE_DATE = exports.VALUE_TYPE_DATE = 'DATE';
+const VALUE_TYPE_TIME = exports.VALUE_TYPE_TIME = 'TIME';
+const VALUE_TYPE_DATETIME = exports.VALUE_TYPE_DATETIME = 'DATETIME';
+const VALUE_TYPE_ORGANISATION_UNIT = exports.VALUE_TYPE_ORGANISATION_UNIT = 'ORGANISATION_UNIT';
+const VALUE_TYPE_AGE = exports.VALUE_TYPE_AGE = 'AGE';
 const NUMERIC_VALUE_TYPES = [VALUE_TYPE_NUMBER, VALUE_TYPE_UNIT_INTERVAL, VALUE_TYPE_PERCENTAGE, VALUE_TYPE_INTEGER, VALUE_TYPE_INTEGER_POSITIVE, VALUE_TYPE_INTEGER_NEGATIVE, VALUE_TYPE_INTEGER_ZERO_OR_POSITIVE];
 const BOOLEAN_VALUE_TYPES = [VALUE_TYPE_BOOLEAN, VALUE_TYPE_TRUE_ONLY];
 const CUMULATIVE_VALUE_TYPES = [VALUE_TYPE_NUMBER, VALUE_TYPE_INTEGER, VALUE_TYPE_INTEGER_POSITIVE, VALUE_TYPE_INTEGER_NEGATIVE, VALUE_TYPE_INTEGER_ZERO_OR_POSITIVE, ...BOOLEAN_VALUE_TYPES];

package/build/cjs/modules/visTypes.js

@@ -6,48 +6,28 @@ Object.defineProperty(exports, "__esModule", {
 exports.visTypeIcons = exports.visTypeDisplayNames = exports.isYearOverYear = exports.isVerticalType = exports.isTwoCategoryChartType = exports.isStacked = exports.isSingleValue = exports.isOutlierTable = exports.isMultiType = exports.isLegendSetType = exports.isDualAxisType = exports.isColumnBasedType = exports.getDisplayNameByVisType = exports.defaultVisType = exports.VIS_TYPE_YEAR_OVER_YEAR_LINE = exports.VIS_TYPE_YEAR_OVER_YEAR_COLUMN = exports.VIS_TYPE_STACKED_COLUMN = exports.VIS_TYPE_STACKED_BAR = exports.VIS_TYPE_STACKED_AREA = exports.VIS_TYPE_SINGLE_VALUE = exports.VIS_TYPE_SCATTER = exports.VIS_TYPE_RADAR = exports.VIS_TYPE_PIVOT_TABLE = exports.VIS_TYPE_PIE = exports.VIS_TYPE_OUTLIER_TABLE = exports.VIS_TYPE_LINE_LIST = exports.VIS_TYPE_LINE = exports.VIS_TYPE_GROUP_CHARTS = exports.VIS_TYPE_GROUP_ALL = exports.VIS_TYPE_GAUGE = exports.VIS_TYPE_COLUMN = exports.VIS_TYPE_BUBBLE = exports.VIS_TYPE_BAR = exports.VIS_TYPE_AREA = void 0;
 var _ui = require("@dhis2/ui");
 var _index = _interopRequireDefault(require("../locales/index.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const VIS_TYPE_PIVOT_TABLE = 'PIVOT_TABLE';
-exports.VIS_TYPE_PIVOT_TABLE = VIS_TYPE_PIVOT_TABLE;
-const VIS_TYPE_AREA = 'AREA';
-exports.VIS_TYPE_AREA = VIS_TYPE_AREA;
-const VIS_TYPE_STACKED_AREA = 'STACKED_AREA';
-exports.VIS_TYPE_STACKED_AREA = VIS_TYPE_STACKED_AREA;
-const VIS_TYPE_BAR = 'BAR';
-exports.VIS_TYPE_BAR = VIS_TYPE_BAR;
-const VIS_TYPE_STACKED_BAR = 'STACKED_BAR';
-exports.VIS_TYPE_STACKED_BAR = VIS_TYPE_STACKED_BAR;
-const VIS_TYPE_COLUMN = 'COLUMN';
-exports.VIS_TYPE_COLUMN = VIS_TYPE_COLUMN;
-const VIS_TYPE_YEAR_OVER_YEAR_COLUMN = 'YEAR_OVER_YEAR_COLUMN';
-exports.VIS_TYPE_YEAR_OVER_YEAR_COLUMN = VIS_TYPE_YEAR_OVER_YEAR_COLUMN;
-const VIS_TYPE_STACKED_COLUMN = 'STACKED_COLUMN';
-exports.VIS_TYPE_STACKED_COLUMN = VIS_TYPE_STACKED_COLUMN;
-const VIS_TYPE_GAUGE = 'GAUGE';
-exports.VIS_TYPE_GAUGE = VIS_TYPE_GAUGE;
-const VIS_TYPE_LINE = 'LINE';
-exports.VIS_TYPE_LINE = VIS_TYPE_LINE;
-const VIS_TYPE_LINE_LIST = 'LINE_LIST';
-exports.VIS_TYPE_LINE_LIST = VIS_TYPE_LINE_LIST;
-const VIS_TYPE_YEAR_OVER_YEAR_LINE = 'YEAR_OVER_YEAR_LINE';
-exports.VIS_TYPE_YEAR_OVER_YEAR_LINE = VIS_TYPE_YEAR_OVER_YEAR_LINE;
-const VIS_TYPE_PIE = 'PIE';
-exports.VIS_TYPE_PIE = VIS_TYPE_PIE;
-const VIS_TYPE_RADAR = 'RADAR';
-exports.VIS_TYPE_RADAR = VIS_TYPE_RADAR;
-const VIS_TYPE_SCATTER = 'SCATTER';
-exports.VIS_TYPE_SCATTER = VIS_TYPE_SCATTER;
-const VIS_TYPE_SINGLE_VALUE = 'SINGLE_VALUE';
-exports.VIS_TYPE_SINGLE_VALUE = VIS_TYPE_SINGLE_VALUE;
-const VIS_TYPE_BUBBLE = 'BUBBLE';
-exports.VIS_TYPE_BUBBLE = VIS_TYPE_BUBBLE;
-const VIS_TYPE_GROUP_ALL = 'ALL';
-exports.VIS_TYPE_GROUP_ALL = VIS_TYPE_GROUP_ALL;
-const VIS_TYPE_GROUP_CHARTS = 'CHARTS';
-exports.VIS_TYPE_GROUP_CHARTS = VIS_TYPE_GROUP_CHARTS;
-const VIS_TYPE_OUTLIER_TABLE = 'OUTLIER_TABLE';
-exports.VIS_TYPE_OUTLIER_TABLE = VIS_TYPE_OUTLIER_TABLE;
-const visTypeDisplayNames = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const VIS_TYPE_PIVOT_TABLE = exports.VIS_TYPE_PIVOT_TABLE = 'PIVOT_TABLE';
+const VIS_TYPE_AREA = exports.VIS_TYPE_AREA = 'AREA';
+const VIS_TYPE_STACKED_AREA = exports.VIS_TYPE_STACKED_AREA = 'STACKED_AREA';
+const VIS_TYPE_BAR = exports.VIS_TYPE_BAR = 'BAR';
+const VIS_TYPE_STACKED_BAR = exports.VIS_TYPE_STACKED_BAR = 'STACKED_BAR';
+const VIS_TYPE_COLUMN = exports.VIS_TYPE_COLUMN = 'COLUMN';
+const VIS_TYPE_YEAR_OVER_YEAR_COLUMN = exports.VIS_TYPE_YEAR_OVER_YEAR_COLUMN = 'YEAR_OVER_YEAR_COLUMN';
+const VIS_TYPE_STACKED_COLUMN = exports.VIS_TYPE_STACKED_COLUMN = 'STACKED_COLUMN';
+const VIS_TYPE_GAUGE = exports.VIS_TYPE_GAUGE = 'GAUGE';
+const VIS_TYPE_LINE = exports.VIS_TYPE_LINE = 'LINE';
+const VIS_TYPE_LINE_LIST = exports.VIS_TYPE_LINE_LIST = 'LINE_LIST';
+const VIS_TYPE_YEAR_OVER_YEAR_LINE = exports.VIS_TYPE_YEAR_OVER_YEAR_LINE = 'YEAR_OVER_YEAR_LINE';
+const VIS_TYPE_PIE = exports.VIS_TYPE_PIE = 'PIE';
+const VIS_TYPE_RADAR = exports.VIS_TYPE_RADAR = 'RADAR';
+const VIS_TYPE_SCATTER = exports.VIS_TYPE_SCATTER = 'SCATTER';
+const VIS_TYPE_SINGLE_VALUE = exports.VIS_TYPE_SINGLE_VALUE = 'SINGLE_VALUE';
+const VIS_TYPE_BUBBLE = exports.VIS_TYPE_BUBBLE = 'BUBBLE';
+const VIS_TYPE_GROUP_ALL = exports.VIS_TYPE_GROUP_ALL = 'ALL';
+const VIS_TYPE_GROUP_CHARTS = exports.VIS_TYPE_GROUP_CHARTS = 'CHARTS';
+const VIS_TYPE_OUTLIER_TABLE = exports.VIS_TYPE_OUTLIER_TABLE = 'OUTLIER_TABLE';
+const visTypeDisplayNames = exports.visTypeDisplayNames = {
   [VIS_TYPE_PIVOT_TABLE]: _index.default.t('Pivot table'),
   [VIS_TYPE_AREA]: _index.default.t('Area'),
   [VIS_TYPE_STACKED_AREA]: _index.default.t('Stacked area'),
@@ -68,8 +48,7 @@ const visTypeDisplayNames = {
   [VIS_TYPE_GROUP_ALL]: _index.default.t('All types'),
   [VIS_TYPE_GROUP_CHARTS]: _index.default.t('All charts')
 };
-exports.visTypeDisplayNames = visTypeDisplayNames;
-const visTypeIcons = {
+const visTypeIcons = exports.visTypeIcons = {
   [VIS_TYPE_PIVOT_TABLE]: _ui.IconVisualizationPivotTable24,
   [VIS_TYPE_AREA]: _ui.IconVisualizationArea24,
   [VIS_TYPE_STACKED_AREA]: _ui.IconVisualizationAreaStacked24,
@@ -88,7 +67,6 @@ const visTypeIcons = {
   [VIS_TYPE_SINGLE_VALUE]: _ui.IconVisualizationSingleValue24,
   [VIS_TYPE_OUTLIER_TABLE]: _ui.IconVisualizationOutlierTable24
 };
-exports.visTypeIcons = visTypeIcons;
 const getDisplayNameByVisType = visType => {
   const displayName = visTypeDisplayNames[visType];
   if (!displayName) {
@@ -105,8 +83,7 @@ const twoCategoryChartTypes = [VIS_TYPE_COLUMN, VIS_TYPE_STACKED_COLUMN, VIS_TYP
 const columnBasedTypes = [VIS_TYPE_COLUMN, VIS_TYPE_BAR, VIS_TYPE_YEAR_OVER_YEAR_COLUMN, VIS_TYPE_STACKED_COLUMN, VIS_TYPE_STACKED_BAR];
 const verticalTypes = [VIS_TYPE_BAR, VIS_TYPE_STACKED_BAR, VIS_TYPE_GAUGE];
 const legendSetTypes = [VIS_TYPE_COLUMN, VIS_TYPE_BAR, VIS_TYPE_GAUGE, VIS_TYPE_SINGLE_VALUE, VIS_TYPE_PIVOT_TABLE, VIS_TYPE_STACKED_COLUMN, VIS_TYPE_STACKED_BAR];
-const defaultVisType = VIS_TYPE_PIVOT_TABLE;
-exports.defaultVisType = defaultVisType;
+const defaultVisType = exports.defaultVisType = VIS_TYPE_PIVOT_TABLE;
 const isStacked = type => stackedTypes.includes(type);
 exports.isStacked = isStacked;
 const isYearOverYear = type => yearOverYearTypes.includes(type);

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

@@ -12,7 +12,7 @@ var _index = _interopRequireDefault(require("../../../../locales/index.js"));
 var _visTypes = require("../../../../modules/visTypes.js");
 var _colorSets = require("../../../util/colors/colorSets.js");
 var _getStackedData = _interopRequireDefault(require("./getStackedData.js"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const DEFAULT_TRENDLINE = {
   type: 'spline',
   name: 'Trend',

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

@@ -11,7 +11,7 @@ var _fontStyle = require("../../../../modules/fontStyle.js");
 var _visTypes = require("../../../../modules/visTypes.js");
 var _getFormatter = _interopRequireDefault(require("./getFormatter.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_MIN_VALUE = 0;
 const DEFAULT_GRIDLINE_COLOR = '#F1F1F1';
 const getPlotLineStyle = fontStyle => ({

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

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

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

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

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

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

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

@@ -7,16 +7,14 @@ exports.CUSTOM_AXES_DIMENSION_ITEM = exports.CUSTOM_AXES_AXIS = void 0;
 exports.getAxisIdsMap = getAxisIdsMap;
 exports.getFullIdAxisMap = getFullIdAxisMap;
 exports.getIdAxisMap = getIdAxisMap;
-const CUSTOM_AXES_DIMENSION_ITEM = 'dimensionItem';
-exports.CUSTOM_AXES_DIMENSION_ITEM = CUSTOM_AXES_DIMENSION_ITEM;
-const CUSTOM_AXES_AXIS = 'axis';
+const CUSTOM_AXES_DIMENSION_ITEM = exports.CUSTOM_AXES_DIMENSION_ITEM = 'dimensionItem';
+const CUSTOM_AXES_AXIS = exports.CUSTOM_AXES_AXIS = 'axis';
 
 // returns:
 // {
 //     a: 1,
 //     b: 1,
 // }
-exports.CUSTOM_AXES_AXIS = CUSTOM_AXES_AXIS;
 function getIdAxisMap(customAxes) {
   return customAxes.reduce((map, item) => {
     map[item[CUSTOM_AXES_DIMENSION_ITEM]] = item[CUSTOM_AXES_AXIS];

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = loadCustomSVG;
+var _visTypes = require("../../../../../../modules/visTypes.js");
+var _index = _interopRequireDefault(require("./singleValue/index.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function loadCustomSVG(visType) {
+  switch (visType) {
+    case _visTypes.VIS_TYPE_SINGLE_VALUE:
+      _index.default.call(this);
+      break;
+    default:
+      break;
+  }
+}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addIconElement = addIconElement;
+const parser = new DOMParser();
+function addIconElement(svgString, color) {
+  const svgIconDocument = parser.parseFromString(svgString, 'image/svg+xml');
+  const iconElHeight = svgIconDocument.documentElement.getAttribute('height');
+  const iconElWidth = svgIconDocument.documentElement.getAttribute('width');
+  const iconGroup = this.renderer.g('icon').attr({
+    color,
+    'data-test': 'visualization-icon'
+  }).css({
+    visibility: 'hidden'
+  });
+
+  /* Force the group element to have the same dimensions as the original
+   * SVG image by adding this rect. This ensures the icon has the intended
+   * whitespace around it and makes scaling and translating easier. */
+  this.renderer.rect(0, 0, iconElWidth, iconElHeight).add(iconGroup);
+  Array.from(svgIconDocument.documentElement.children).forEach(pathNode => {
+    /* It is also possible to use the SVGRenderer to draw the icon but that
+     * approach is more error prone, so during review it was decided to just
+     * append the SVG children to the iconGroup using native the native DOM
+     * API. For reference see this commit, for an implementation using the
+     * SVVGRenderer:
+     * https://github.com/dhis2/analytics/pull/1698/commits/f95bee838e07f4cdfc3cab6e92f28f49a386a0ad */
+    iconGroup.element.appendChild(pathNode);
+  });
+  iconGroup.add();
+  return iconGroup;
+}

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.checkIfFitsWithinContainer = checkIfFitsWithinContainer;
+var _constants = require("./constants.js");
+function checkIfFitsWithinContainer(availableSpace, valueElement, subTextElement, icon, subText, spacing) {
+  const valueRect = valueElement.getBBox(true);
+  const subTextRect = subText ? subTextElement.getBBox(true) : {
+    width: 0,
+    height: 0
+  };
+  const requiredValueWidth = icon ? valueRect.width + spacing.iconGap + spacing.iconSize : valueRect.width;
+  const requiredHeight = subText ? valueRect.height * _constants.ACTUAL_NUMBER_HEIGHT_FACTOR + spacing.subTextTop + subTextRect.height : valueRect.height * _constants.ACTUAL_NUMBER_HEIGHT_FACTOR;
+  const fitsHorizontally = availableSpace.width > requiredValueWidth && availableSpace.width > subTextRect.width;
+  const fitsVertically = availableSpace.height > requiredHeight;
+  return fitsHorizontally && fitsVertically;
+}

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.computeLayoutRect = computeLayoutRect;
+var _computeSpacingTop = require("./computeSpacingTop.js");
+var _constants = require("./constants.js");
+function computeLayoutRect(valueElement, subTextElement, iconElement, spacing) {
+  const valueRect = valueElement.getBBox();
+  const containerCenterY = this.chartHeight / 2;
+  const containerCenterX = this.chartWidth / 2;
+  const minY = _computeSpacingTop.computeSpacingTop.call(this, spacing.valueTop);
+  let width = valueRect.width;
+  let height = valueRect.height * _constants.ACTUAL_NUMBER_HEIGHT_FACTOR;
+  let sideMarginTop = 0;
+  let sideMarginBottom = 0;
+  if (iconElement) {
+    width += spacing.iconGap + spacing.iconSize;
+  }
+  if (subTextElement) {
+    const subTextRect = subTextElement.getBBox();
+    if (subTextRect.width > width) {
+      sideMarginTop = (subTextRect.width - width) / 2;
+      width = subTextRect.width;
+    } else {
+      sideMarginBottom = (width - subTextRect.width) / 2;
+    }
+    height += spacing.subTextTop + subTextRect.height;
+  }
+  return {
+    x: containerCenterX - width / 2,
+    y: Math.max(containerCenterY - height / 2, minY),
+    width,
+    height,
+    sideMarginTop,
+    sideMarginBottom
+  };
+}

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

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.computeSpacingTop = computeSpacingTop;
+function computeSpacingTop(valueSpacingTop) {
+  if (this.subtitle.textStr) {
+    /* If a subtitle is present this will be below the title so base
+     * the value X position on this */
+    const subTitleRect = this.subtitle.element.getBBox();
+    return subTitleRect.y + subTitleRect.height + valueSpacingTop;
+  } else if (this.title.textStr) {
+    // Otherwise base on title
+    const titleRect = this.title.element.getBBox();
+    return titleRect.y + titleRect.height + valueSpacingTop;
+  } else {
+    // If neither are present only adjust for valueSpacingTop
+    return valueSpacingTop;
+  }
+}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ACTUAL_NUMBER_HEIGHT_FACTOR = void 0;
+// multiply value text size with this factor
+// to get very close to the actual number height
+// as numbers don't go below the baseline like e.g. "j" and "g"
+const ACTUAL_NUMBER_HEIGHT_FACTOR = exports.ACTUAL_NUMBER_HEIGHT_FACTOR = 2 / 3;