svgmap 2.9.0 → 2.10.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "svgmap",
   "description": "svgMap is a JavaScript library that lets you easily create an interactable world map comparing customizable data for each country.",
-  "version": "2.9.0",
+  "version": "2.10.0",
   "private": false,
   "license": "MIT",
   "main": "dist/svgMap.min.js",
@@ -20,11 +20,11 @@
     "gulp-concat": "^2.6.1",
     "gulp-header": "^2.0.9",
     "gulp-rename": "^2.0.0",
-    "gulp-sass": "^5.0.0",
+    "gulp-sass": "^5.1.0",
     "gulp-sourcemaps": "^3.0.0",
     "gulp-uglify": "^3.0.2",
-    "jest": "^27.1.0",
-    "sass": "^1.38.1"
+    "jest": "^28.1.1",
+    "sass": "^1.53.0"
   },
   "dependencies": {
     "svg-pan-zoom": "^3.6.1"

package/src/js/svgMap.js

@@ -56,6 +56,9 @@ function svgMapWrapper(svgPanZoom) {
 
       // Decide whether to show the flag option or not
       hideFlag: false,
+      
+      // Whether attributes with no data should be displayed
+      hideMissingData: false,
 
       // The default text to be shown when no data is present
       noDataText: 'No data available',
@@ -1131,14 +1134,16 @@ function svgMapWrapper(svgPanZoom) {
         function (key) {
           var item = this.options.data.data[key];
           var value = this.options.data.values[countryID][key];
-          item.floatingNumbers && (value = value.toFixed(1));
-          item.thousandSeparator &&
-            (value = this.numberWithCommas(value, item.thousandSeparator));
-          value = item.format
-            ? item.format.replace('{0}', '<span>' + value + '</span>')
-            : '<span>' + value + '</span>';
-          tooltipContentTable +=
-            '<tr><td>' + (item.name || '') + '</td><td>' + value + '</td></tr>';
+          if ((value !== undefined && this.options.hideMissingData === true) || this.options.hideMissingData === false) {
+            item.floatingNumbers && (value = value.toFixed(1));
+            item.thousandSeparator &&
+              (value = this.numberWithCommas(value, item.thousandSeparator));
+            value = item.format
+              ? item.format.replace('{0}', '<span>' + value + '</span>')
+              : '<span>' + value + '</span>';
+            tooltipContentTable +=
+              '<tr><td>' + (item.name || '') + '</td><td>' + value + '</td></tr>';
+          }
         }.bind(this)
       );
       tooltipContentTable += '</table>';