@dhis2/analytics 26.8.7 → 26.9.0

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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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/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

@@ -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/yAxis/index.js

@@ -107,13 +107,12 @@ function getDefault(layout, series, extraOptions) {
   return axes;
 }
 function _default(layout, series, extraOptions) {
-  let yAxis;
   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,9 @@ 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"));
+var _index = _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
+  dhis_highcharts: _index.default
 };
 exports.default = _default;

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

@@ -9,16 +9,24 @@ var _highchartsMore = _interopRequireDefault(require("highcharts/highcharts-more
 var _boost = _interopRequireDefault(require("highcharts/modules/boost"));
 var _exporting = _interopRequireDefault(require("highcharts/modules/exporting"));
 var _noDataToDisplay = _interopRequireDefault(require("highcharts/modules/no-data-to-display"));
+var _offlineExporting = _interopRequireDefault(require("highcharts/modules/offline-exporting"));
 var _patternFill = _interopRequireDefault(require("highcharts/modules/pattern-fill"));
 var _solidGauge = _interopRequireDefault(require("highcharts/modules/solid-gauge"));
+var _index = _interopRequireDefault(require("./pdfExportBugFixPlugin/index.js"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // apply
 (0, _highchartsMore.default)(_highcharts.default);
 (0, _solidGauge.default)(_highcharts.default);
 (0, _noDataToDisplay.default)(_highcharts.default);
 (0, _exporting.default)(_highcharts.default);
+(0, _offlineExporting.default)(_highcharts.default);
 (0, _patternFill.default)(_highcharts.default);
 (0, _boost.default)(_highcharts.default);
+(0, _index.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/highcharts/pdfExportBugFixPlugin/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = _default;
+var _nonASCIIFont = _interopRequireDefault(require("./nonASCIIFont.js"));
+var _textShadow = _interopRequireDefault(require("./textShadow.js"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _default(H) {
+  (0, _textShadow.default)(H);
+  (0, _nonASCIIFont.default)(H);
+}

package/build/cjs/visualizations/config/generators/highcharts/pdfExportBugFixPlugin/nonASCIIFont.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = _default;
+/* This is a workaround for https://github.com/highcharts/highcharts/issues/22008
+ * We add some transparent text in a non-ASCII script to the chart to prevent
+ * the chart from being exported in a serif font */
+
+function _default(H) {
+  H.addEvent(H.Chart, 'load', function () {
+    this.renderer.text('모', 20, 20).attr({
+      opacity: 0
+    }).add();
+  });
+}

package/build/cjs/visualizations/config/generators/highcharts/pdfExportBugFixPlugin/textShadow.js

@@ -0,0 +1,289 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = _default;
+/* This plugin was provided by HighCharts support and resolves an issue with label
+ * text that has a white outline, such as the one we use for stacked bar charts.
+ * For example: "ANC: 1-4 visits by districts this year (stacked)"
+ * This issue has actually been resolved in HighCharts v11, so once we have upgraded
+ * to that version, this plugin can be removed. */
+
+function _default(H) {
+  const {
+      AST,
+      defaultOptions,
+      downloadURL
+    } = H,
+    {
+      ajax
+    } = H.HttpUtilities,
+    doc = document,
+    win = window,
+    OfflineExporting = H._modules['Extensions/OfflineExporting/OfflineExporting.js'],
+    {
+      getScript,
+      svgToPdf,
+      imageToDataUrl,
+      svgToDataUrl
+    } = OfflineExporting;
+  H.wrap(OfflineExporting, 'downloadSVGLocal', function (proceed, svg, options, failCallback, successCallback) {
+    var dummySVGContainer = doc.createElement('div'),
+      imageType = options.type || 'image/png',
+      filename = (options.filename || 'chart') + '.' + (imageType === 'image/svg+xml' ? 'svg' : imageType.split('/')[1]),
+      scale = options.scale || 1;
+    var svgurl,
+      blob,
+      finallyHandler,
+      libURL = options.libURL || defaultOptions.exporting.libURL,
+      objectURLRevoke = true,
+      pdfFont = options.pdfFont;
+    // Allow libURL to end with or without fordward slash
+    libURL = libURL.slice(-1) !== '/' ? libURL + '/' : libURL;
+    /*
+     * Detect if we need to load TTF fonts for the PDF, then load them and
+     * proceed.
+     *
+     * @private
+     */
+    var loadPdfFonts = function (svgElement, callback) {
+      var hasNonASCII = function (s) {
+        return (
+          // eslint-disable-next-line no-control-regex
+          /[^\u0000-\u007F\u200B]+/.test(s)
+        );
+      };
+      // Register an event in order to add the font once jsPDF is
+      // initialized
+      var addFont = function (variant, base64) {
+        win.jspdf.jsPDF.API.events.push(['initialized', function () {
+          this.addFileToVFS(variant, base64);
+          this.addFont(variant, 'HighchartsFont', variant);
+          if (!this.getFontList().HighchartsFont) {
+            this.setFont('HighchartsFont');
+          }
+        }]);
+      };
+      // If there are no non-ASCII characters in the SVG, do not use
+      // bother downloading the font files
+      if (pdfFont && !hasNonASCII(svgElement.textContent || '')) {
+        pdfFont = void 0;
+      }
+      // Add new font if the URL is declared, #6417.
+      var variants = ['normal', 'italic', 'bold', 'bolditalic'];
+      // Shift the first element off the variants and add as a font.
+      // Then asynchronously trigger the next variant until calling the
+      // callback when the variants are empty.
+      var normalBase64;
+      var shiftAndLoadVariant = function () {
+        var variant = variants.shift();
+        // All variants shifted and possibly loaded, proceed
+        if (!variant) {
+          return callback();
+        }
+        var url = pdfFont && pdfFont[variant];
+        if (url) {
+          ajax({
+            url: url,
+            responseType: 'blob',
+            success: function (data, xhr) {
+              var reader = new FileReader();
+              reader.onloadend = function () {
+                if (typeof this.result === 'string') {
+                  var base64 = this.result.split(',')[1];
+                  addFont(variant, base64);
+                  if (variant === 'normal') {
+                    normalBase64 = base64;
+                  }
+                }
+                shiftAndLoadVariant();
+              };
+              reader.readAsDataURL(xhr.response);
+            },
+            error: shiftAndLoadVariant
+          });
+        } else {
+          // For other variants, fall back to normal text weight/style
+          if (normalBase64) {
+            addFont(variant, normalBase64);
+          }
+          shiftAndLoadVariant();
+        }
+      };
+      shiftAndLoadVariant();
+    };
+    /*
+     * @private
+     */
+    var downloadPDF = function () {
+      AST.setElementHTML(dummySVGContainer, svg);
+      var textElements = dummySVGContainer.getElementsByTagName('text'),
+        // Copy style property to element from parents if it's not
+        // there. Searches up hierarchy until it finds prop, or hits the
+        // chart container.
+        setStylePropertyFromParents = function (el, propName) {
+          var curParent = el;
+          while (curParent && curParent !== dummySVGContainer) {
+            if (curParent.style[propName]) {
+              el.style[propName] = curParent.style[propName];
+              break;
+            }
+            curParent = curParent.parentNode;
+          }
+        };
+      var titleElements, outlineElements
+        // Workaround for the text styling. Making sure it does pick up
+        // settings for parent elements.
+      ;
+      [].forEach.call(textElements, function (el) {
+        // Workaround for the text styling. making sure it does pick up
+        // the root element
+        ;
+        ['font-family', 'font-size'].forEach(function (property) {
+          setStylePropertyFromParents(el, property);
+        });
+        el.style.fontFamily = pdfFont && pdfFont.normal ?
+        // Custom PDF font
+        'HighchartsFont' :
+        // Generic font (serif, sans-serif etc)
+        String(el.style.fontFamily && el.style.fontFamily.split(' ').splice(-1));
+        // Workaround for plotband with width, removing title from text
+        // nodes
+        titleElements = el.getElementsByTagName('title');
+        [].forEach.call(titleElements, function (titleElement) {
+          el.removeChild(titleElement);
+        });
+
+        // Remove all .highcharts-text-outline elements, #17170
+        outlineElements = el.getElementsByClassName('highcharts-text-outline');
+        while (outlineElements.length > 0) {
+          const outline = outlineElements[0];
+          if (outline.parentNode) {
+            outline.parentNode.removeChild(outline);
+          }
+        }
+      });
+      var svgNode = dummySVGContainer.querySelector('svg');
+      if (svgNode) {
+        loadPdfFonts(svgNode, function () {
+          svgToPdf(svgNode, 0, function (pdfData) {
+            try {
+              downloadURL(pdfData, filename);
+              if (successCallback) {
+                successCallback();
+              }
+            } catch (e) {
+              failCallback(e);
+            }
+          });
+        });
+      }
+    };
+    // Initiate download depending on file type
+    if (imageType === 'image/svg+xml') {
+      // SVG download. In this case, we want to use Microsoft specific
+      // Blob if available
+      try {
+        if (typeof win.navigator.msSaveOrOpenBlob !== 'undefined') {
+          // eslint-disable-next-line no-undef
+          blob = new MSBlobBuilder();
+          blob.append(svg);
+          svgurl = blob.getBlob('image/svg+xml');
+        } else {
+          svgurl = svgToDataUrl(svg);
+        }
+        downloadURL(svgurl, filename);
+        if (successCallback) {
+          successCallback();
+        }
+      } catch (e) {
+        failCallback(e);
+      }
+    } else if (imageType === 'application/pdf') {
+      if (win.jspdf && win.jspdf.jsPDF) {
+        downloadPDF();
+      } else {
+        // Must load pdf libraries first. // Don't destroy the object
+        // URL yet since we are doing things asynchronously. A cleaner
+        // solution would be nice, but this will do for now.
+        objectURLRevoke = true;
+        getScript(libURL + 'jspdf.js', function () {
+          getScript(libURL + 'svg2pdf.js', downloadPDF);
+        });
+      }
+    } else {
+      // PNG/JPEG download - create bitmap from SVG
+      svgurl = svgToDataUrl(svg);
+      finallyHandler = function () {
+        try {
+          OfflineExporting.domurl.revokeObjectURL(svgurl);
+        } catch (e) {
+          // Ignore
+        }
+      };
+      // First, try to get PNG by rendering on canvas
+      imageToDataUrl(svgurl, imageType, {}, scale, function (imageURL) {
+        // Success
+        try {
+          downloadURL(imageURL, filename);
+          if (successCallback) {
+            successCallback();
+          }
+        } catch (e) {
+          failCallback(e);
+        }
+      }, function () {
+        // Failed due to tainted canvas
+        // Create new and untainted canvas
+        var canvas = doc.createElement('canvas'),
+          ctx = canvas.getContext('2d'),
+          imageWidth = svg.match(
+          // eslint-disable-next-line no-useless-escape
+          /^<svg[^>]*width\s*=\s*\"?(\d+)\"?[^>]*>/)[1] * scale,
+          imageHeight = svg.match(
+          // eslint-disable-next-line no-useless-escape
+          /^<svg[^>]*height\s*=\s*\"?(\d+)\"?[^>]*>/)[1] * scale,
+          downloadWithCanVG = function () {
+            var v = win.canvg.Canvg.fromString(ctx, svg);
+            v.start();
+            try {
+              downloadURL(win.navigator.msSaveOrOpenBlob ? canvas.msToBlob() : canvas.toDataURL(imageType), filename);
+              if (successCallback) {
+                successCallback();
+              }
+            } catch (e) {
+              failCallback(e);
+            } finally {
+              finallyHandler();
+            }
+          };
+        canvas.width = imageWidth;
+        canvas.height = imageHeight;
+        if (win.canvg) {
+          // Use preloaded canvg
+          downloadWithCanVG();
+        } else {
+          // Must load canVG first. // Don't destroy the object
+          // URL yet since we are doing things asynchronously. A
+          // cleaner solution would be nice, but this will do for
+          // now.
+          objectURLRevoke = true;
+          getScript(libURL + 'canvg.js', function () {
+            downloadWithCanVG();
+          });
+        }
+      },
+      // No canvas support
+      failCallback,
+      // Failed to load image
+      failCallback,
+      // Finally
+      function () {
+        if (objectURLRevoke) {
+          finallyHandler();
+        }
+      });
+    }
+  });
+}

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

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

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

@@ -9,6 +9,7 @@ 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 }; }
@@ -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/index.js

@@ -4,11 +4,9 @@ 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"));
+var _index = _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
+  dhis_highcharts: _index.default
 };
 exports.default = _default;

package/build/cjs/visualizations/util/shouldUseContrastColor.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shouldUseContrastColor = void 0;
+const shouldUseContrastColor = function () {
+  let inputColor = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  // based on https://stackoverflow.com/questions/3942878/how-to-decide-font-color-in-white-or-black-depending-on-background-color
+  var color = inputColor.charAt(0) === '#' ? inputColor.substring(1, 7) : inputColor;
+  var r = parseInt(color.substring(0, 2), 16); // hexToR
+  var g = parseInt(color.substring(2, 4), 16); // hexToG
+  var b = parseInt(color.substring(4, 6), 16); // hexToB
+  var uicolors = [r / 255, g / 255, b / 255];
+  var c = uicolors.map(col => {
+    if (col <= 0.03928) {
+      return col / 12.92;
+    }
+    return Math.pow((col + 0.055) / 1.055, 2.4);
+  });
+  var L = 0.2126 * c[0] + 0.7152 * c[1] + 0.0722 * c[2];
+  return L <= 0.179;
+};
+exports.shouldUseContrastColor = shouldUseContrastColor;