@splunk/react-visualizations 26.0.0 → 26.1.1

package/GeoJsonChoropleth.js

@@ -1,5 +1,5 @@
 /*!
- * Copyright © 2018 Splunk Inc.
+ * Copyright © 2024 Splunk Inc.
  * SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
  * in part without a valid written license from Splunk Inc. is PROHIBITED.
  */
@@ -192,7 +192,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isSpaceCompatible = exports.calculatedTargetBounds = exports.visibleSourceBounds = exports.flipBounds = exports.logicalSpace = exports.geoSpace = exports.screenSpace = void 0;
+
 var lodash_1 = __webpack_require__(21);
+
 exports.screenSpace = {
   x: {
     unit: 'pixel'
@@ -217,6 +219,7 @@ exports.logicalSpace = {
     unit: null
   }
 };
+
 var flipBounds = function flipBounds(bounds, flipAxis) {
   var result = (0, lodash_1.cloneDeep)(bounds);
   flipAxis.forEach(function (axis) {
@@ -225,7 +228,9 @@ var flipBounds = function flipBounds(bounds, flipAxis) {
   });
   return result;
 };
+
 exports.flipBounds = flipBounds;
+
 var visibleSourceBounds = function visibleSourceBounds(transformation, targetBounds) {
   var minTargetCoordinates = (0, lodash_1.mapValues)(targetBounds, function (interval) {
     return interval.min;
@@ -244,6 +249,7 @@ var visibleSourceBounds = function visibleSourceBounds(transformation, targetBou
   });
   return result;
 };
+
 exports.visibleSourceBounds = visibleSourceBounds;
 /**
  * TODO: this is a suboptimal function name. It should be called transformBoundingBox. It's also a very
@@ -252,6 +258,7 @@ exports.visibleSourceBounds = visibleSourceBounds;
  * @param {Bounds} sourceBounds
  * @returns {Bounds}
  */
+
 var calculatedTargetBounds = function calculateTargetBounds(transformation, sourceBounds) {
   var minSourceCoordinates = (0, lodash_1.mapValues)(sourceBounds, function (interval) {
     return interval.min;
@@ -270,10 +277,13 @@ var calculatedTargetBounds = function calculateTargetBounds(transformation, sour
   });
   return result;
 };
+
 exports.calculatedTargetBounds = calculatedTargetBounds;
+
 function isSpaceCompatible(s1, s2) {
   return (0, lodash_1.isEqual)(s1, s2);
 }
+
 exports.isSpaceCompatible = isSpaceCompatible;
 
 /***/ }),
@@ -288,20 +298,31 @@ exports.isSpaceCompatible = isSpaceCompatible;
 
 
 var _classCallCheck = __webpack_require__(17);
+
 var _createClass = __webpack_require__(16);
+
 var _inherits = __webpack_require__(23);
+
 var _possibleConstructorReturn = __webpack_require__(24);
+
 var _getPrototypeOf = __webpack_require__(25);
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DATA_ATTRIBUTE = void 0;
 /* eslint-disable no-param-reassign */
+
 var React = __webpack_require__(1);
+
 var lodash_1 = __webpack_require__(21);
+
 var styled_components_1 = __webpack_require__(7);
+
 exports.DATA_ATTRIBUTE = 'data-value';
 var StyledSvgChoropleth = styled_components_1.default.div.withConfig({
   displayName: "SvgChoropleth__StyledSvgChoropleth",
@@ -309,17 +330,24 @@ var StyledSvgChoropleth = styled_components_1.default.div.withConfig({
 })(["display:flex;flex-direction:column;position:relative;background-color:", ";"], function (props) {
   return props.backgroundColor;
 });
+
 var SvgChoropleth = /*#__PURE__*/function (_React$Component) {
   _inherits(SvgChoropleth, _React$Component);
+
   var _super = _createSuper(SvgChoropleth);
+
   function SvgChoropleth(props) {
     var _this;
+
     _classCallCheck(this, SvgChoropleth);
+
     _this = _super.call(this, props);
     _this.containerRef = React.createRef();
     _this.highlightedCountry = null;
+
     _this.getLocalCoords = function (clientX, clientY) {
       var rect = _this.containerRef.current.getBoundingClientRect();
+
       var physX = rect.left;
       var physY = rect.top;
       return {
@@ -327,31 +355,40 @@ var SvgChoropleth = /*#__PURE__*/function (_React$Component) {
         y: clientY - physY
       };
     };
+
     _this.handleMapClick = function (event) {
       var clientX = event.clientX,
-        clientY = event.clientY;
+          clientY = event.clientY;
+
       var pos = _this.getLocalCoords(clientX, clientY);
+
       var _this$props = _this.props,
-        featureCollection = _this$props.featureCollection,
-        onClick = _this$props.onClick;
+          featureCollection = _this$props.featureCollection,
+          onClick = _this$props.onClick;
       var clickedCoords = featureCollection.transformation.transformBack(pos);
       var feature = event.target;
       var wholeFeature = feature.id ? feature : feature.parentNode;
+
       if (onClick) {
         onClick(clickedCoords, wholeFeature.id);
       }
     };
+
     _this.handleFeatureEnter = function (ev) {
       var feature = ev.target;
+
       if (!feature.id && !feature.ownerSVGElement) {
         return;
       }
-      var wholeFeature = feature.id ? feature : feature.parentNode;
-      // remove the highlighted country IF we are entering a different country
+
+      var wholeFeature = feature.id ? feature : feature.parentNode; // remove the highlighted country IF we are entering a different country
+
       if (_this.highlightedCountry && wholeFeature.id !== _this.highlightedCountry.id) {
         _this.unHighlightCountry();
       }
+
       _this.highlightCountry(wholeFeature);
+
       if (_this.props.onFeatureHover) {
         _this.props.onFeatureHover({
           featureId: wholeFeature.id,
@@ -360,19 +397,24 @@ var SvgChoropleth = /*#__PURE__*/function (_React$Component) {
         });
       }
     };
+
     _this.handleFeatureLeave = function (ev) {
       var feature = ev.target;
+
       if (!feature.id && !feature.ownerSVGElement) {
         return;
-      }
-      // 'wholeFeature' means the SVG <g> (group) of multipolygon features
-      var wholeFeature = feature.id ? feature : feature.parentNode;
-      // handling feature leaving should always only deal with the highlighted feature
+      } // 'wholeFeature' means the SVG <g> (group) of multipolygon features
+
+
+      var wholeFeature = feature.id ? feature : feature.parentNode; // handling feature leaving should always only deal with the highlighted feature
+
       if (wholeFeature !== _this.highlightedCountry) {
         return;
       }
-      _this.unHighlightCountry();
-      // wholeFeature.style.stroke = this.lastFeatureStroke;
+
+      _this.unHighlightCountry(); // wholeFeature.style.stroke = this.lastFeatureStroke;
+
+
       if (_this.props.onFeatureHover) {
         _this.props.onFeatureHover({
           featureId: null,
@@ -381,28 +423,33 @@ var SvgChoropleth = /*#__PURE__*/function (_React$Component) {
         });
       }
     };
+
     _this.registerSvg = function (el) {
       if (!el) return;
       _this.svgDom = el;
       var _this$props2 = _this.props,
-        _this$props2$selector = _this$props2.selector,
-        selector = _this$props2$selector === void 0 ? '.feature' : _this$props2$selector,
-        strokeColor = _this$props2.strokeColor,
-        fillColor = _this$props2.fillColor;
+          _this$props2$selector = _this$props2.selector,
+          selector = _this$props2$selector === void 0 ? '.feature' : _this$props2$selector,
+          strokeColor = _this$props2.strokeColor,
+          fillColor = _this$props2.fillColor;
       _this.svgDom.onmouseover = _this.handleFeatureEnter;
       _this.svgDom.onmouseout = _this.handleFeatureLeave;
+
       _this.svgDom.querySelectorAll(selector).forEach(function (node) {
         node.style.stroke = strokeColor;
         node.style.fill = fillColor;
       });
+
       _this.updateSvg(_this.props);
     };
+
     var featureCollection = props.featureCollection;
     _this.state = {
       svgNode: featureCollection.getSvgNode(_this.registerSvg)
     };
     return _this;
   }
+
   _createClass(SvgChoropleth, [{
     key: "shouldComponentUpdate",
     value: function shouldComponentUpdate(nextProps, nextState) {
@@ -422,8 +469,8 @@ var SvgChoropleth = /*#__PURE__*/function (_React$Component) {
           this.updateSvg(this.props);
         }
       }
-    }
-    // allows a provided alias like 'US-CA' to get mapped to 'California' which is the element id for the SVG shape
+    } // allows a provided alias like 'US-CA' to get mapped to 'California' which is the element id for the SVG shape
+
   }, {
     key: "getFeatureId",
     value: function getFeatureId(alias) {
@@ -437,6 +484,7 @@ var SvgChoropleth = /*#__PURE__*/function (_React$Component) {
      * So the highlight for South Africa will not cover up Lesotho.
      * @param {SVGElement} el
      */
+
   }, {
     key: "highlightCountry",
     value: function highlightCountry(el) {
@@ -458,25 +506,31 @@ var SvgChoropleth = /*#__PURE__*/function (_React$Component) {
       if (this.highlightedCountry) {
         this.svgDom.removeChild(this.highlightedCountry);
       }
+
       this.highlightedCountry = null;
     }
   }, {
     key: "updateSvg",
     value: function updateSvg(props) {
       var _this2 = this;
+
       if (!this.svgDom) {
         return;
       }
+
       var _props$selector = props.selector,
-        selector = _props$selector === void 0 ? '.feature' : _props$selector,
-        fillColor = props.fillColor,
-        data = props.data;
+          selector = _props$selector === void 0 ? '.feature' : _props$selector,
+          fillColor = props.fillColor,
+          data = props.data;
+
       if (!data) {
         return;
       }
+
       var dataHashMap = {};
       data.featureIDs.forEach(function (alias, index) {
         var featureId = _this2.getFeatureId(alias);
+
         dataHashMap[featureId] = {
           fill: data.fill[index],
           value: data.values[index]
@@ -486,6 +540,7 @@ var SvgChoropleth = /*#__PURE__*/function (_React$Component) {
         var nodeData = dataHashMap[node.id];
         node.style.fill = (0, lodash_1.get)(nodeData, 'fill') || fillColor;
         var value = (0, lodash_1.get)(nodeData, 'value');
+
         if (value) {
           node.setAttribute(exports.DATA_ATTRIBUTE, value);
         } else {
@@ -497,7 +552,8 @@ var SvgChoropleth = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$props$backgroun = this.props.backgroundColor,
-        backgroundColor = _this$props$backgroun === void 0 ? 'transparent' : _this$props$backgroun; // note: for some reason, onclick event can't be triggered on dashboard. So change it to onMouseDown
+          backgroundColor = _this$props$backgroun === void 0 ? 'transparent' : _this$props$backgroun; // note: for some reason, onclick event can't be triggered on dashboard. So change it to onMouseDown
+
       return React.createElement(StyledSvgChoropleth, {
         "data-test": "styled-svg-choropleth",
         backgroundColor: backgroundColor,
@@ -506,8 +562,10 @@ var SvgChoropleth = /*#__PURE__*/function (_React$Component) {
       }, this.state.svgNode);
     }
   }]);
+
   return SvgChoropleth;
 }(React.Component);
+
 exports.default = SvgChoropleth;
 
 /***/ }),
@@ -518,29 +576,39 @@ exports.default = SvgChoropleth;
 
 
 var _classCallCheck = __webpack_require__(17);
+
 var _createClass = __webpack_require__(16);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var ICoordinateTransformation_1 = __webpack_require__(31);
+
 var TransformationChain_1 = __webpack_require__(39);
+
 var CoordinateTransformation = /*#__PURE__*/function () {
   function CoordinateTransformation(sourceSpace, targetSpace) {
     _classCallCheck(this, CoordinateTransformation);
+
     this.sourceSpace = sourceSpace;
     this.targetSpace = targetSpace;
   }
+
   _createClass(CoordinateTransformation, [{
     key: "appendTransformation",
     value: function appendTransformation(transformation) {
       if (!(0, ICoordinateTransformation_1.isSpaceCompatible)(this.targetSpace, transformation.sourceSpace)) {
         throw new Error(CoordinateTransformation.INCOMPATIBLE_SPACES_ERROR);
       }
+
       return new TransformationChain_1.default([this, transformation]);
     }
   }]);
+
   return CoordinateTransformation;
 }();
+
 exports.default = CoordinateTransformation;
 CoordinateTransformation.INCOMPATIBLE_SPACES_ERROR = "incompatible transformation (appended source space doesn't match chain's output space)";
 
@@ -558,25 +626,33 @@ module.exports = require("@babel/runtime/helpers/slicedToArray");
 
 
 var _toConsumableArray = __webpack_require__(5);
+
 var _classCallCheck = __webpack_require__(17);
+
 var _createClass = __webpack_require__(16);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var lodash_1 = __webpack_require__(21);
+
 var TransformationChain = /*#__PURE__*/function () {
   function TransformationChain(transformations) {
     _classCallCheck(this, TransformationChain);
+
     this.transformations = _toConsumableArray(transformations);
     this.sourceSpace = transformations[0].sourceSpace;
     this.targetSpace = (0, lodash_1.last)(transformations).targetSpace;
   }
+
   _createClass(TransformationChain, [{
     key: "appendTransformation",
     value: function appendTransformation(transformation) {
       if (!(0, lodash_1.isEqual)(transformation.sourceSpace, (0, lodash_1.last)(this.transformations).targetSpace)) {
         throw new Error("Can't chain transformations with incompatible spaces \n            ".concat(JSON.stringify((0, lodash_1.last)(this.transformations).targetSpace), " -> ").concat(JSON.stringify(transformation.sourceSpace)));
       }
+
       return new TransformationChain([].concat(_toConsumableArray(this.transformations), [transformation]));
     }
   }, {
@@ -592,14 +668,18 @@ var TransformationChain = /*#__PURE__*/function () {
     key: "transformBack",
     value: function transformBack(physicalCoords) {
       var currentCoords = physicalCoords;
+
       for (var idx = this.transformations.length - 1; idx >= 0; idx -= 1) {
         currentCoords = this.transformations[idx].transformBack(currentCoords);
       }
+
       return currentCoords;
     }
   }]);
+
   return TransformationChain;
 }();
+
 exports.default = TransformationChain;
 
 /***/ }),
@@ -610,14 +690,18 @@ exports.default = TransformationChain;
 
 
 var _classCallCheck = __webpack_require__(17);
+
 var _createClass = __webpack_require__(16);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var BoundsUtils = /*#__PURE__*/function () {
   function BoundsUtils() {
     _classCallCheck(this, BoundsUtils);
   }
+
   _createClass(BoundsUtils, null, [{
     key: "contains",
     value:
@@ -636,11 +720,12 @@ var BoundsUtils = /*#__PURE__*/function () {
      * @param {Bounds} bounds Interval keys must be 'lat' and 'long'
      * @returns {number[]} formatted in single array as [long.min, lat.min, long.max, lat.max]
      */
+
   }, {
     key: "toTurfBBox",
     value: function toTurfBBox(bounds) {
       var long = bounds.long,
-        lat = bounds.lat;
+          lat = bounds.lat;
       return [long.min, lat.min, long.max, lat.max];
     }
     /**
@@ -649,6 +734,7 @@ var BoundsUtils = /*#__PURE__*/function () {
      * @param {number} v
      * @returns {boolean}
      */
+
   }, {
     key: "within",
     value: function within(interval, v) {
@@ -659,6 +745,7 @@ var BoundsUtils = /*#__PURE__*/function () {
      * @param {Interval} interval
      * @returns {number}
      */
+
   }, {
     key: "distance",
     value: function distance(interval) {
@@ -670,15 +757,17 @@ var BoundsUtils = /*#__PURE__*/function () {
      * @param {Bounds} must use 'x' and 'y' axis and assumes x and y are screen-oriented with zero,zero being the top left
      * @returns {object}
      */
+
   }, {
     key: "logicalBoundsToCssStyle",
     value: function logicalBoundsToCssStyle(logicalBounds) {
       if (!logicalBounds) {
         return {};
       }
+
       var xInterval = logicalBounds.x;
-      var yInterval = logicalBounds.y;
-      // use GeoJsonFeatureGrpup f's Bounds to create a CSS inline style to position the inset using a div
+      var yInterval = logicalBounds.y; // use GeoJsonFeatureGrpup f's Bounds to create a CSS inline style to position the inset using a div
+
       return {
         position: 'absolute',
         top: yInterval.min,
@@ -695,8 +784,10 @@ var BoundsUtils = /*#__PURE__*/function () {
       return BoundsUtils.within(bounds[axis], dp[axis]);
     }
   }]);
+
   return BoundsUtils;
 }();
+
 exports.default = BoundsUtils;
 
 /***/ }),
@@ -717,42 +808,65 @@ exports.default = BoundsUtils;
 
 
 var _createClass = __webpack_require__(16);
+
 var _assertThisInitialized = __webpack_require__(52);
+
 var _inherits = __webpack_require__(23);
+
 var _possibleConstructorReturn = __webpack_require__(24);
+
 var _getPrototypeOf = __webpack_require__(25);
+
 var _classCallCheck = __webpack_require__(17);
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createFeatureCollections = exports.valueText = exports.estimateTextWidth = exports.round2 = exports.LABEL_FONT_SIZE = void 0;
 /* eslint-disable max-classes-per-file */
+
 var React = __webpack_require__(1);
+
 var styled_components_1 = __webpack_require__(7);
+
 var lodash_1 = __webpack_require__(21);
+
 var pick_1 = __webpack_require__(29);
+
 var variables_1 = __webpack_require__(22);
+
 var SanitizeProps_1 = __webpack_require__(3);
+
 var SvgChoropleth_1 = __webpack_require__(36);
+
 var GeoJsonFeatureCollection_1 = __webpack_require__(53);
+
 var BoundsUtils_1 = __webpack_require__(40);
+
 exports.LABEL_FONT_SIZE = 14;
+
 var round2 = function round2(value) {
   return Math.round(value * 100) / 100;
 };
-exports.round2 = round2;
-// todo: maybe can refactor to use `computeTextSize` in @splunk/visualizations-shared/domUtils.js
+
+exports.round2 = round2; // todo: maybe can refactor to use `computeTextSize` in @splunk/visualizations-shared/domUtils.js
+
 var estimateTextWidth = function estimateTextWidth(text, fontsize) {
   if (text == null) {
     return 0;
   }
+
   var avgLowerCaseWidth = 0.55 * fontsize;
   var avgUpperCaseWidth = 0.7 * fontsize;
   var length = 0;
+
   for (var pos = 0; pos < text.length; pos += 1) {
     var c = text.charAt(pos);
+
     if ((0, lodash_1.includes)('Iij.,;:!lt/', c)) {
       length += 0.2 * fontsize;
     } else if (c === '_') {
@@ -761,31 +875,38 @@ var estimateTextWidth = function estimateTextWidth(text, fontsize) {
       length += c === c.toUpperCase() ? avgUpperCaseWidth : avgLowerCaseWidth;
     }
   }
+
   return length;
 };
-exports.estimateTextWidth = estimateTextWidth;
-// todo: maybe can refactor to use `formatNumber` in ../utils/numberUtils
+
+exports.estimateTextWidth = estimateTextWidth; // todo: maybe can refactor to use `formatNumber` in ../utils/numberUtils
+
 var valueText = function valueText(value) {
   if (value === 0) {
     return '0';
   }
+
   if (typeof value === 'string') {
     return value;
   }
+
   var magnitude = Math.floor(Math.log10(Math.abs(value)) / 3);
   var divisor = Math.pow(10, 3 * magnitude);
   var suffixList = ['', 'k', 'm', 'bn', 'tn', 'qn'];
   var suffix = magnitude < 0 ? "/".concat(suffixList[-magnitude]) : suffixList[magnitude];
   return "".concat((0, exports.round2)(value / divisor)).concat(suffix);
 };
+
 exports.valueText = valueText;
+
 function createFeatureCollections(props) {
   var sourceBounds = props.sourceBounds,
-    logicalBounds = props.logicalBounds,
-    projection = props.projection,
-    geoJson = props.geoJson,
-    geoFeatureGroups = props.geoFeatureGroups;
+      logicalBounds = props.logicalBounds,
+      projection = props.projection,
+      geoJson = props.geoJson,
+      geoFeatureGroups = props.geoFeatureGroups;
   var featureCollections = [];
+
   if (geoFeatureGroups) {
     geoFeatureGroups.forEach(function (g) {
       featureCollections.push(new GeoJsonFeatureCollection_1.default("".concat(props.name, ".").concat(g.name), logicalBounds, projection, geoJson, g, sourceBounds));
@@ -793,12 +914,16 @@ function createFeatureCollections(props) {
   } else {
     featureCollections.push(new GeoJsonFeatureCollection_1.default(props.name, logicalBounds, projection, geoJson, undefined, sourceBounds));
   }
+
   return featureCollections;
 }
+
 exports.createFeatureCollections = createFeatureCollections;
+
 var TTArgType = function TTArgType() {
   _classCallCheck(this, TTArgType);
 };
+
 var TooltipBubble = styled_components_1.default.div.attrs(function () {
   return {
     key: 'bubble'
@@ -810,8 +935,8 @@ var TooltipBubble = styled_components_1.default.div.attrs(function () {
   enterprise: {
     light: variables_1.default.white,
     dark: '#27292e' // enterpriseBackgroundColor
-  },
 
+  },
   prisma: variables_1.default.backgroundColorPopup
 }), function (props) {
   return props.maxTextWidth;
@@ -830,8 +955,8 @@ var TooltipLabel = styled_components_1.default.div.attrs(function () {
     // unfortunately cannot access variables.textGray directly colors since variables are theme-aware
     light: 'rgba(0, 0, 0, 0.65)',
     dark: 'rgba(255, 255, 255, 0.7)' // equivalent to enterprise.textGray
-  },
 
+  },
   prisma: variables_1.default.contentColorDefault
 }));
 var ArrowDown = styled_components_1.default.div.withConfig({
@@ -841,8 +966,8 @@ var ArrowDown = styled_components_1.default.div.withConfig({
   enterprise: {
     light: variables_1.default.white,
     dark: '#27292e' // enterpriseBackgroundColor
-  },
 
+  },
   prisma: variables_1.default.backgroundColorPopup
 }));
 var TooltipValue = styled_components_1.default.div.attrs(function () {
@@ -857,8 +982,8 @@ var TooltipValue = styled_components_1.default.div.attrs(function () {
     // unfortunately cannot access variables.textGray directly colors since variables are theme-aware
     light: '#2c2c2c',
     dark: 'rgba(255, 255, 255, 0.98)' // equivalent to enterprise.textGray
-  },
 
+  },
   prisma: variables_1.default.contentColorActive
 }));
 var GeoJsonChoroplethContainer = styled_components_1.default.div.attrs(function () {
@@ -877,12 +1002,13 @@ var GeoJsonChoroplethContainer = styled_components_1.default.div.attrs(function
     prisma: variables_1.default.backgroundColorSidebar
   });
 });
+
 var ToolTip = function ToolTip(arg) {
   var reference = arg.reference,
-    left = arg.left,
-    top = arg.top,
-    label = arg.label,
-    value = arg.value;
+      left = arg.left,
+      top = arg.top,
+      label = arg.label,
+      value = arg.value;
   var maxTextWidth = Math.max((0, exports.estimateTextWidth)(label, exports.LABEL_FONT_SIZE), (0, exports.estimateTextWidth)(value, exports.LABEL_FONT_SIZE)) + 10;
   return React.createElement("div", {
     key: "tooltip",
@@ -911,12 +1037,17 @@ var ToolTip = function ToolTip(arg) {
     maxTextWidth: maxTextWidth
   }, " ", label, " "), React.createElement(TooltipValue, null, (0, exports.valueText)(value))), React.createElement(ArrowDown, null)));
 };
+
 var GeoJsonChoropleth = /*#__PURE__*/function (_React$Component) {
   _inherits(GeoJsonChoropleth, _React$Component);
+
   var _super = _createSuper(GeoJsonChoropleth);
+
   function GeoJsonChoropleth(props) {
     var _this;
+
     _classCallCheck(this, GeoJsonChoropleth);
+
     _this = _super.call(this, props);
     _this.containerRef = React.createRef();
     _this.toolTipRef = React.createRef();
@@ -932,14 +1063,16 @@ var GeoJsonChoropleth = /*#__PURE__*/function (_React$Component) {
     _this.handleFeatureHover = _this.handleFeatureHover.bind(_assertThisInitialized(_this));
     return _this;
   }
+
   _createClass(GeoJsonChoropleth, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var _this$props = this.props,
-        sourceBounds = _this$props.sourceBounds,
-        logicalBounds = _this$props.logicalBounds,
-        projection = _this$props.projection,
-        geoJson = _this$props.geoJson;
+          sourceBounds = _this$props.sourceBounds,
+          logicalBounds = _this$props.logicalBounds,
+          projection = _this$props.projection,
+          geoJson = _this$props.geoJson;
+
       if (prevProps.geoJson !== geoJson || prevProps.sourceBounds !== sourceBounds || prevProps.logicalBounds !== logicalBounds || prevProps.projection !== projection) {
         // eslint-disable-next-line react/no-did-update-set-state
         this.setState({
@@ -951,6 +1084,7 @@ var GeoJsonChoropleth = /*#__PURE__*/function (_React$Component) {
     key: "handleMouseMove",
     value: function handleMouseMove(ev) {
       this.cursorPos = this.getLocalCoords(ev.clientX, ev.clientY);
+
       if (this.toolTipRef.current) {
         this.toolTipRef.current.style.left = "".concat(this.cursorPos.x, "px");
         this.toolTipRef.current.style.top = "".concat(this.cursorPos.y, "px");
@@ -960,8 +1094,9 @@ var GeoJsonChoropleth = /*#__PURE__*/function (_React$Component) {
     key: "handleFeatureHover",
     value: function handleFeatureHover(_ref) {
       var featureId = _ref.featureId,
-        value = _ref.value,
-        label = _ref.label;
+          value = _ref.value,
+          label = _ref.label;
+
       if (featureId) {
         this.setState({
           toolTip: {
@@ -974,7 +1109,9 @@ var GeoJsonChoropleth = /*#__PURE__*/function (_React$Component) {
           toolTip: null
         });
       }
+
       var externalHandler = this.props.onFeatureHover;
+
       if (externalHandler) {
         externalHandler(featureId);
       }
@@ -996,9 +1133,11 @@ var GeoJsonChoropleth = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
+
       var children = [];
       var relevantProps = (0, lodash_1.omit)(this.props, ['sourceBounds', 'logicalBounds', 'projection']);
       var toolTip = this.state.toolTip; // create one child SvgChoropleth for each GeoJsonFeatureCollection
+
       this.state.featureCollections.forEach(function (f) {
         var props = Object.assign(Object.assign({}, relevantProps), {
           onFeatureHover: _this2.handleFeatureHover,
@@ -1007,9 +1146,11 @@ var GeoJsonChoropleth = /*#__PURE__*/function (_React$Component) {
         var svgChoropleth = React.createElement(SvgChoropleth_1.default, props);
         var style = {};
         var logicalBounds = (0, lodash_1.get)(f, ['group', 'logicalBounds']);
+
         if (logicalBounds) {
           style = BoundsUtils_1.default.logicalBoundsToCssStyle(logicalBounds);
         }
+
         children.push(React.createElement('div', {
           key: f.name,
           style: style
@@ -1028,8 +1169,10 @@ var GeoJsonChoropleth = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
+
   return GeoJsonChoropleth;
 }(React.Component);
+
 exports.default = (0, SanitizeProps_1.withSanitizedProps)(GeoJsonChoropleth);
 
 /***/ }),
@@ -1046,40 +1189,58 @@ module.exports = require("@babel/runtime/helpers/assertThisInitialized");
 
 
 var _classCallCheck = __webpack_require__(17);
+
 var _createClass = __webpack_require__(16);
+
 var _slicedToArray = __webpack_require__(38);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.renderGeoJsonFeature = exports.polygon = exports.ring = exports.pickLogicalBnds = exports.DEFAULT_LOGICAL_BOUNDS = exports.featureGroupMatcher = exports.MATCH_ALL_FEATUREGROUP_MATCHER = void 0;
+
 var lodash_1 = __webpack_require__(21);
+
 var bbox_clip_1 = __webpack_require__(54);
+
 var MercatorTransformation_1 = __webpack_require__(55);
+
 var GeometryStreamSVGRenderer_1 = __webpack_require__(56);
+
 var ICoordinateTransformation_1 = __webpack_require__(31);
+
 var LinearTransformation_1 = __webpack_require__(61);
+
 var TransformationChain_1 = __webpack_require__(39);
-var BoundsUtils_1 = __webpack_require__(40);
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
+
+var BoundsUtils_1 = __webpack_require__(40); // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
+
 var MATCH_ALL_FEATUREGROUP_MATCHER = function MATCH_ALL_FEATUREGROUP_MATCHER(feature) {
   return true;
 };
+
 exports.MATCH_ALL_FEATUREGROUP_MATCHER = MATCH_ALL_FEATUREGROUP_MATCHER;
+
 function featureGroupMatcher(g) {
   if (!g || !g.featureMatcher || !g.featureMatcher.regex || !g.featureMatcher.property) {
     // if no matcher things defined, then we are not filtering features, and therefore should match all
     // eslint-disable-next-line
     return exports.MATCH_ALL_FEATUREGROUP_MATCHER;
   }
+
   var matcher = new RegExp(g.featureMatcher.regex);
   return function (feature) {
     var val = (0, lodash_1.get)(feature, ['properties', g.featureMatcher.property]);
+
     if (!val) {
       return false;
     }
+
     return matcher.test(val);
   };
 }
+
 exports.featureGroupMatcher = featureGroupMatcher;
 exports.DEFAULT_LOGICAL_BOUNDS = {
   x: {
@@ -1093,23 +1254,30 @@ exports.DEFAULT_LOGICAL_BOUNDS = {
 }; // default logical bounds
 // same as with sourceBounds, logical bound can be global or local to the FeatureGroup. They also need to have defaults
 // which are provided here.
+
 function pickLogicalBnds(globalLogicalBnds, g) {
   if (g && g.logicalBounds) {
     return g.logicalBounds;
   }
+
   if (globalLogicalBnds) {
     return globalLogicalBnds;
   }
+
   return exports.DEFAULT_LOGICAL_BOUNDS;
 }
+
 exports.pickLogicalBnds = pickLogicalBnds;
+
 function ring(coords, renderer, bounds, props) {
   // polygon coords is array of number array
   renderer.beginNode('polygon', props);
+
   for (var i = 0; i < coords.length; i += 1) {
     var _coords$i = _slicedToArray(coords[i], 2),
-      long = _coords$i[0],
-      lat = _coords$i[1];
+        long = _coords$i[0],
+        lat = _coords$i[1];
+
     if (bounds && !BoundsUtils_1.default.contains(bounds, {
       long: long
     }, {
@@ -1127,38 +1295,48 @@ function ring(coords, renderer, bounds, props) {
       lat: lat
     });
   }
+
   renderer.endNode();
 }
+
 exports.ring = ring;
+
 function polygon(coords, renderer, bounds) {
   // polygon coords is array of number array
   for (var poly = 0; poly < coords.length; poly += 1) {
     ring(coords[poly], renderer, bounds);
   }
 }
+
 exports.polygon = polygon;
+
 function renderGeoJsonFeature(feature, renderer, bounds) {
   var bbox = bounds ? BoundsUtils_1.default.toTurfBBox(bounds) : undefined;
   var type = feature.geometry.type;
+
   if ((0, lodash_1.get)(feature, ['properties', 'name']) === 'Antarctica') {
     // skip shapes that cannot be mercator projected
     // no-op
     return;
-  }
-  // demo hack...
+  } // demo hack...
+
+
   var props = feature.properties;
+
   if (props.iso_3166_2) {
     props.id = props.iso_3166_2;
   } else {
     props.id = props.name;
   }
-  props.className = 'feature';
-  // end demo hack
+
+  props.className = 'feature'; // end demo hack
+
   switch (type) {
     case 'MultiPolygon':
       {
         renderer.beginNode('g', props); // svg has groups ('g') but no polygon
         // eslint-disable-next-line no-param-reassign
+
         feature = bbox ? (0, bbox_clip_1.default)(feature, bbox) : feature;
         var multis = (0, lodash_1.get)(feature, ['geometry', 'coordinates']);
         multis.forEach(function (multi) {
@@ -1167,6 +1345,7 @@ function renderGeoJsonFeature(feature, renderer, bounds) {
         renderer.endNode();
         break;
       }
+
     case 'Polygon':
       {
         // eslint-disable-next-line no-param-reassign
@@ -1177,13 +1356,16 @@ function renderGeoJsonFeature(feature, renderer, bounds) {
         });
         break;
       }
+
     default:
       {
         throw new Error("Unsupported geojson type: ".concat(type));
       }
   }
 }
+
 exports.renderGeoJsonFeature = renderGeoJsonFeature;
+
 function computeBounds(geoJson, matcher) {
   // replace the renderer with one that is configured only to compute logicalBounds (for performance)
   var boundsComputer = new GeometryStreamSVGRenderer_1.GeometryStreamSVGRenderer();
@@ -1194,9 +1376,10 @@ function computeBounds(geoJson, matcher) {
     }
   });
   return boundsComputer.getBounds();
-}
-// the source bounds can be provided globally for all feature groups, or they can be provided within a FeatureGroup
+} // the source bounds can be provided globally for all feature groups, or they can be provided within a FeatureGroup
 // or they can be omitted entirely which means they must be computed by parsing the geoJson
+
+
 function pickSrcBnds(geoJson, g, globalSrcBnds, featureMatcher) {
   if (g && g.sourceBounds) {
     return g.sourceBounds; // return FeatureGroup "local" sourceBounds if they exist.
@@ -1204,17 +1387,22 @@ function pickSrcBnds(geoJson, g, globalSrcBnds, featureMatcher) {
 
   if (globalSrcBnds) {
     return globalSrcBnds; // return global bounds if they exist
-  }
-  // ...'auto' compute the source bounds from the data.
+  } // ...'auto' compute the source bounds from the data.
+
+
   var b = computeBounds(geoJson, featureMatcher); // automatically compute sourceBounds if not provided
+
   if (!b) {
     throw new Error("Could not determine bounds for geoFeatureGroup name='".concat(this.name, "' (no features matched)"));
   }
+
   return b;
 }
+
 var GeoJsonFeatureCollection = /*#__PURE__*/function () {
   function GeoJsonFeatureCollection(name, globalLogicalBnds, projectionType, geoJson, g, globalSrcBounds) {
     _classCallCheck(this, GeoJsonFeatureCollection);
+
     this.name = name;
     this.projectionType = projectionType || 'mercator';
     this.geoJson = geoJson;
@@ -1225,33 +1413,41 @@ var GeoJsonFeatureCollection = /*#__PURE__*/function () {
     var minLat = this.sourceBounds.lat.min;
     var maxLat = this.sourceBounds.lat.max;
     var projection;
+
     switch (projectionType) {
       case 'equirectangular':
         projection = new GeometryStreamSVGRenderer_1.IdentityTransform();
         break;
+
       case 'mercator':
         if (Math.abs(minLat) > 85 || Math.abs(maxLat) > 85) {
           throw new Error("Invalid latitude boundaries for mercator projection : ".concat(minLat, "/").concat(maxLat));
         }
+
         projection = new MercatorTransformation_1.MercatorTransformation();
         break;
+
       default:
         {
           throw new Error("Unsupported projection: ".concat(projectionType));
         }
     }
+
     var projectedBounds = (0, ICoordinateTransformation_1.calculatedTargetBounds)(projection, this.sourceBounds);
     var scaleTransformation = new LinearTransformation_1.default(ICoordinateTransformation_1.logicalSpace, ICoordinateTransformation_1.logicalSpace, (0, ICoordinateTransformation_1.flipBounds)(projectedBounds, ['y']), this.logicalBounds, null, true);
     this.transformation = new TransformationChain_1.default([projection, scaleTransformation]);
   }
+
   _createClass(GeoJsonFeatureCollection, [{
     key: "contains",
     value: function contains(x, y) {
       var bounds = (0, lodash_1.get)(this.group, ['logicalBounds']);
+
       if (!bounds) {
         return true;
-      }
-      // return whether or not the x,y mouse screen location is inside this feature collection
+      } // return whether or not the x,y mouse screen location is inside this feature collection
+
+
       return BoundsUtils_1.default.contains(bounds, {
         x: x
       }, {
@@ -1262,6 +1458,7 @@ var GeoJsonFeatureCollection = /*#__PURE__*/function () {
     key: "getSvgNode",
     value: function getSvgNode(ref) {
       var _this = this;
+
       var features = this.geoJson.features;
       var renderer = new GeometryStreamSVGRenderer_1.GeometryStreamSVGRenderer(this.transformation);
       renderer.beginNode('svg', {
@@ -1283,10 +1480,13 @@ var GeoJsonFeatureCollection = /*#__PURE__*/function () {
       if (!this.aliases) {
         this.aliases = GeoJsonFeatureCollection.makeAliasMap(this.geoJson.features); // memoize
       }
+
       var aliases = this.aliases;
+
       if (aliases) {
         return aliases.get(alias.toLocaleLowerCase()) || alias;
       }
+
       return alias;
     }
   }], [{
@@ -1295,20 +1495,21 @@ var GeoJsonFeatureCollection = /*#__PURE__*/function () {
       // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
       return features.reduce(function (aliases, feature) {
         var geoJsonProperties = feature.properties;
-        var name = geoJsonProperties.iso_3166_2;
-        // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+        var name = geoJsonProperties.iso_3166_2; // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+
         Object.keys(geoJsonProperties).forEach(function (k) {
           if (k !== name) {
             aliases.set(geoJsonProperties[k].toLowerCase(), name); // alias all the other properies to the name property
           }
         });
-
         return aliases;
       }, new Map());
     }
   }]);
+
   return GeoJsonFeatureCollection;
 }();
+
 exports.default = GeoJsonFeatureCollection;
 
 /***/ }),
@@ -1325,32 +1526,46 @@ module.exports = require("@turf/bbox-clip");
 
 
 var _classCallCheck = __webpack_require__(17);
+
 var _createClass = __webpack_require__(16);
+
 var _inherits = __webpack_require__(23);
+
 var _possibleConstructorReturn = __webpack_require__(24);
+
 var _getPrototypeOf = __webpack_require__(25);
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MercatorTransformation = void 0;
 /* eslint-disable class-methods-use-this */
+
 var ICoordinateTransformation_1 = __webpack_require__(31);
-var CoordinateTransformation_1 = __webpack_require__(37);
-// transform converts degrees to an x,y mercator map whose units are radians. InverseTransform goes from radians on the x,y map back to degrees.
+
+var CoordinateTransformation_1 = __webpack_require__(37); // transform converts degrees to an x,y mercator map whose units are radians. InverseTransform goes from radians on the x,y map back to degrees.
+
+
 var MercatorTransformation = /*#__PURE__*/function (_CoordinateTransforma) {
   _inherits(MercatorTransformation, _CoordinateTransforma);
+
   var _super = _createSuper(MercatorTransformation);
+
   function MercatorTransformation() {
     _classCallCheck(this, MercatorTransformation);
+
     return _super.call(this, ICoordinateTransformation_1.geoSpace, ICoordinateTransformation_1.logicalSpace);
   }
+
   _createClass(MercatorTransformation, [{
     key: "transformBack",
     value: function transformBack(coord) {
       var x = coord.x,
-        y = coord.y;
+          y = coord.y;
       return {
         long: x * 180 / Math.PI,
         lat: (2 * Math.atan(Math.exp(y)) - Math.PI / 2) * 180 / Math.PI
@@ -1360,31 +1575,38 @@ var MercatorTransformation = /*#__PURE__*/function (_CoordinateTransforma) {
     key: "transform",
     value: function transform(coord) {
       var lat = coord.lat,
-        long = coord.long;
+          long = coord.long;
+
       if (long > 180) {
         console.warn("Mercator projection: Truncating illegal longitude to 180: long");
         long = 180;
       }
+
       if (long < -180) {
         console.warn("Mercator projection: Truncating illegal longitude to -180: long");
         long = -180;
       }
+
       if (lat > 85) {
         console.warn("Mercator projection: Truncating illegal latitude to 85: lat");
         lat = 85;
       }
+
       if (lat < -85) {
         console.warn("Mercator projection: Truncating illegal latitude to -85: lat");
         lat = -85;
       }
+
       return {
         x: Math.PI * long / 180,
         y: Math.log(Math.tan(Math.PI / 4 + lat / 180 * Math.PI / 2))
       };
     }
   }]);
+
   return MercatorTransformation;
 }(CoordinateTransformation_1.default);
+
 exports.MercatorTransformation = MercatorTransformation;
 
 /***/ }),
@@ -1395,30 +1617,47 @@ exports.MercatorTransformation = MercatorTransformation;
 
 
 var _get = __webpack_require__(57);
+
 var _classCallCheck = __webpack_require__(17);
+
 var _createClass = __webpack_require__(16);
+
 var _inherits = __webpack_require__(23);
+
 var _possibleConstructorReturn = __webpack_require__(24);
+
 var _getPrototypeOf = __webpack_require__(25);
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GeometryStreamSVGRenderer = exports.IdentityTransform = void 0;
+
 var ICoordinateTransformation_1 = __webpack_require__(31);
+
 var CoordinateTransformation_1 = __webpack_require__(37);
+
 var BoundsCollector_1 = __webpack_require__(58);
-var NodeTreeReactGenerator_1 = __webpack_require__(59);
-// fixme TODO: should the identity transform really have different source and target spaces? That's a bit confusing
+
+var NodeTreeReactGenerator_1 = __webpack_require__(59); // fixme TODO: should the identity transform really have different source and target spaces? That's a bit confusing
 // as one would expect the identity transform could be inserted anywhere in a TransformationChain
+
+
 var IdentityTransform = /*#__PURE__*/function (_CoordinateTransforma) {
   _inherits(IdentityTransform, _CoordinateTransforma);
+
   var _super = _createSuper(IdentityTransform);
+
   function IdentityTransform() {
     _classCallCheck(this, IdentityTransform);
+
     return _super.call(this, ICoordinateTransformation_1.geoSpace, ICoordinateTransformation_1.logicalSpace);
   }
+
   _createClass(IdentityTransform, [{
     key: "transform",
     value: function transform(sourceCoords) {
@@ -1436,55 +1675,74 @@ var IdentityTransform = /*#__PURE__*/function (_CoordinateTransforma) {
       };
     }
   }]);
+
   return IdentityTransform;
 }(CoordinateTransformation_1.default);
+
 exports.IdentityTransform = IdentityTransform;
+
 var GeometryStreamSVGRenderer = /*#__PURE__*/function (_NodeTreeReactGenerat) {
   _inherits(GeometryStreamSVGRenderer, _NodeTreeReactGenerat);
+
   var _super2 = _createSuper(GeometryStreamSVGRenderer);
+
   function GeometryStreamSVGRenderer(transformer) {
     var _this;
+
     _classCallCheck(this, GeometryStreamSVGRenderer);
+
     _this = _super2.call(this);
     _this.transformer = new IdentityTransform();
     _this.computeBoundsOnly = false;
     _this.boundsCollector = new BoundsCollector_1.default();
+
     if (transformer) {
       _this.transformer = transformer;
     }
+
     return _this;
   }
+
   _createClass(GeometryStreamSVGRenderer, [{
     key: "addPoint",
     value: function addPoint(p) {
       this.boundsCollector.addPoint(p);
+
       if (this.computeBoundsOnly) {
         return;
       }
+
       var el = _get(_getPrototypeOf(GeometryStreamSVGRenderer.prototype), "peek", this).call(this);
+
       var points = el.attributes.points;
+
       if (points) {
         el.attributes.points += ' ';
       } else {
         el.attributes.points = ''; // initialize
       }
+
       var _this$transformer$tra = this.transformer.transform(p),
-        x = _this$transformer$tra.x,
-        y = _this$transformer$tra.y;
+          x = _this$transformer$tra.x,
+          y = _this$transformer$tra.y;
       /*
       if(!x || !y){
           throw new Error("DataPoint did not contain an x and y coordinate (cannot be rendered to SVG).: " + JSON.stringify(p));
       }
        */
+
+
       el.attributes.points += "".concat(x, ",").concat(y); // FIXME TODO probably should not look for hard coded x and y in DataPoint
     }
   }, {
     key: "beginNode",
     value: function beginNode(name) {
       var attributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
       if (this.computeBoundsOnly) {
         return;
       }
+
       _get(_getPrototypeOf(GeometryStreamSVGRenderer.prototype), "beginNode", this).call(this, name, attributes);
     }
   }, {
@@ -1493,9 +1751,10 @@ var GeometryStreamSVGRenderer = /*#__PURE__*/function (_NodeTreeReactGenerat) {
       if (this.computeBoundsOnly) {
         return;
       }
+
       _get(_getPrototypeOf(GeometryStreamSVGRenderer.prototype), "endNode", this).call(this);
-    }
-    // automatically compute the logicalBounds based on the points that were added. This is 'auto' style of bounding box.
+    } // automatically compute the logicalBounds based on the points that were added. This is 'auto' style of bounding box.
+
   }, {
     key: "getBounds",
     value: function getBounds() {
@@ -1505,11 +1764,14 @@ var GeometryStreamSVGRenderer = /*#__PURE__*/function (_NodeTreeReactGenerat) {
     key: "clear",
     value: function clear() {
       _get(_getPrototypeOf(GeometryStreamSVGRenderer.prototype), "clear", this).call(this);
+
       this.boundsCollector = new BoundsCollector_1.default();
     }
   }]);
+
   return GeometryStreamSVGRenderer;
 }(NodeTreeReactGenerator_1.NodeTreeReactGenerator);
+
 exports.GeometryStreamSVGRenderer = GeometryStreamSVGRenderer;
 
 /***/ }),
@@ -1526,28 +1788,35 @@ module.exports = require("@babel/runtime/helpers/get");
 
 
 var _classCallCheck = __webpack_require__(17);
+
 var _createClass = __webpack_require__(16);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var BoundsCollector = /*#__PURE__*/function () {
   function BoundsCollector() {
     _classCallCheck(this, BoundsCollector);
+
     this.intervals = {};
   }
+
   _createClass(BoundsCollector, [{
     key: "getBounds",
     value: function getBounds() {
       return Object.keys(this.intervals).length > 0 ? this.intervals : undefined;
-    }
-    // expand the Bounds if the added point is outside the Bounds.
+    } // expand the Bounds if the added point is outside the Bounds.
     // Since we don't know what they axes will be for a given DataPoint
+
   }, {
     key: "addPoint",
     value: function addPoint(p) {
       var _this = this;
+
       Object.keys(p).forEach(function (axis) {
         var interval = _this.intervals[axis];
+
         if (!interval) {
           interval = {
             min: p[axis],
@@ -1555,17 +1824,21 @@ var BoundsCollector = /*#__PURE__*/function () {
           };
           _this.intervals[axis] = interval;
         }
+
         if (p[axis] < interval.min) {
           interval.min = p[axis];
         }
+
         if (p[axis] > interval.max) {
           interval.max = p[axis];
         }
       });
     }
   }]);
+
   return BoundsCollector;
 }();
+
 exports.default = BoundsCollector;
 
 /***/ }),
@@ -1576,21 +1849,30 @@ exports.default = BoundsCollector;
 
 
 var _slicedToArray = __webpack_require__(38);
+
 var _classCallCheck = __webpack_require__(17);
+
 var _createClass = __webpack_require__(16);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NodeTreeReactGenerator = exports.ElementStructure = void 0;
 /* eslint-disable max-classes-per-file */
+
 /* eslint-disable no-underscore-dangle */
+
 /* eslint-disable no-param-reassign */
-var React = __webpack_require__(1);
-// eslint-disable-next-line import/order
+
+var React = __webpack_require__(1); // eslint-disable-next-line import/order
+
+
 var camelCase = __webpack_require__(60);
 /**
  * This class represents the structure of a React element.
  */
+
+
 var ElementStructure = /*#__PURE__*/function () {
   /**
    * @constructor
@@ -1601,19 +1883,23 @@ var ElementStructure = /*#__PURE__*/function () {
   function ElementStructure(name) {
     var attributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     var textContent = arguments.length > 2 ? arguments[2] : undefined;
+
     _classCallCheck(this, ElementStructure);
+
     this.attributes = {};
     this.children = [];
     this.name = name;
     this.attributes = ElementStructure.processStyleAttributes(attributes);
     this.textContent = textContent;
   }
+
   _createClass(ElementStructure, null, [{
     key: "processStyleAttributes",
     value: function processStyleAttributes(a) {
       if (a.style) {
         a.style = ElementStructure.parseStyle(a.style);
       }
+
       return a;
     }
     /**
@@ -1622,31 +1908,37 @@ var ElementStructure = /*#__PURE__*/function () {
      * @param {string} style
      * @returns {object}
      */
+
   }, {
     key: "parseStyle",
     value: function parseStyle(style) {
-      var o = {};
-      // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+      var o = {}; // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+
       style.split(';').forEach(function (s) {
         var _s$split = s.split(':'),
-          _s$split2 = _slicedToArray(_s$split, 2),
-          k = _s$split2[0],
-          v = _s$split2[1];
+            _s$split2 = _slicedToArray(_s$split, 2),
+            k = _s$split2[0],
+            v = _s$split2[1];
+
         o[camelCase(k)] = v;
       });
       return o;
     }
   }]);
+
   return ElementStructure;
 }();
+
 exports.ElementStructure = ElementStructure;
 /**
  * This class is used to build up a node tree. The node tree is turned into a ReactNode when the root node of the
  * tree is closed (aka  the closing tag).
  */
+
 var NodeTreeReactGenerator = /*#__PURE__*/function () {
   function NodeTreeReactGenerator() {
     _classCallCheck(this, NodeTreeReactGenerator);
+
     this._stack = [];
   }
   /**
@@ -1655,6 +1947,8 @@ var NodeTreeReactGenerator = /*#__PURE__*/function () {
    * @param {object} attributes - the element's attributes
    * @param {string} textContent - optional text content for a node
    */
+
+
   _createClass(NodeTreeReactGenerator, [{
     key: "beginNode",
     value: function beginNode(name) {
@@ -1662,8 +1956,8 @@ var NodeTreeReactGenerator = /*#__PURE__*/function () {
       var textContent = arguments.length > 2 ? arguments[2] : undefined;
       var attrCopy = {
         key: Math.random()
-      };
-      // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+      }; // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+
       Object.keys(attributes).forEach(function (k) {
         if (k.startsWith('data-')) {
           attrCopy[k] = attributes[k];
@@ -1671,6 +1965,7 @@ var NodeTreeReactGenerator = /*#__PURE__*/function () {
           attrCopy[camelCase(k)] = attributes[k];
         }
       });
+
       this._stack.push(new ElementStructure(name, attrCopy, textContent));
     }
     /**
@@ -1678,16 +1973,19 @@ var NodeTreeReactGenerator = /*#__PURE__*/function () {
      * child nodes tracked by the parent's ElementStructure. If the tag being closed is the root node, then the _root
      * is set and we are done, having created the ReactNode representing the entire tree.
      */
+
   }, {
     key: "endNode",
     value: function endNode() {
       var popped = this._stack.pop();
+
       var name = popped.name,
-        attributes = popped.attributes,
-        children = popped.children,
-        textContent = popped.textContent;
+          attributes = popped.attributes,
+          children = popped.children,
+          textContent = popped.textContent;
       var el = this.peek();
       var reactNode = null;
+
       if (children.length === 0) {
         if (textContent) {
           reactNode = React.createElement(name, attributes, textContent);
@@ -1698,11 +1996,14 @@ var NodeTreeReactGenerator = /*#__PURE__*/function () {
         if (textContent) {
           throw new Error("textContent can't be mixed with children on node ".concat(name));
         }
+
         reactNode = React.createElement(name, attributes, children);
       }
+
       if (this.decorator) {
         reactNode = this.decorator(reactNode);
       }
+
       if (el) {
         el.children.push(reactNode);
       } else {
@@ -1715,23 +2016,27 @@ var NodeTreeReactGenerator = /*#__PURE__*/function () {
       if (this._stack.length === 0) {
         return null;
       }
+
       return this._stack[this._stack.length - 1];
     }
     /**
      * Returns the ReactNode representing the entire tree, or throws Error if tree is not fully processed.
      * @returns {React.ReactElement}
      */
+
   }, {
     key: "getRoot",
     value: function getRoot() {
       if (this._root) {
         return this._root;
       }
+
       throw new Error("Can't compute ReactElement until root node has been closed. Node stack: ".concat(this._stack));
     }
     /**
      * Clears internal structures so this instance can be used to process a new tree.
      */
+
   }, {
     key: "clear",
     value: function clear() {
@@ -1741,14 +2046,17 @@ var NodeTreeReactGenerator = /*#__PURE__*/function () {
     /**
      * Allows the current tag and all its children to be erased.
      */
+
   }, {
     key: "cancelNode",
     value: function cancelNode() {
       this._stack.pop();
     }
   }]);
+
   return NodeTreeReactGenerator;
 }();
+
 exports.NodeTreeReactGenerator = NodeTreeReactGenerator;
 
 /***/ }),
@@ -1765,30 +2073,44 @@ module.exports = require("lodash/camelCase");
 
 
 var _classCallCheck = __webpack_require__(17);
+
 var _createClass = __webpack_require__(16);
+
 var _inherits = __webpack_require__(23);
+
 var _possibleConstructorReturn = __webpack_require__(24);
+
 var _getPrototypeOf = __webpack_require__(25);
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createBoundsInfo = void 0;
+
 var lodash_1 = __webpack_require__(21);
+
 var Scale_1 = __webpack_require__(62);
+
 var CoordinateTransformation_1 = __webpack_require__(37);
+
 var sign = Math.sign || function (n) {
   if (n < 0) return -1;
   if (n > 0) return 1;
   return 0;
 };
+
 var signedDistance = function distance(interval) {
   return interval.max - interval.min;
 };
+
 var direction = function direction(interval) {
   return sign(interval.max - interval.min);
 };
+
 var createBoundsInfo = function createBoundsInfo(sourceBounds, transformation) {
   return {
     sourceBounds: sourceBounds,
@@ -1797,14 +2119,21 @@ var createBoundsInfo = function createBoundsInfo(sourceBounds, transformation) {
     })
   };
 };
+
 exports.createBoundsInfo = createBoundsInfo;
+
 var LinearTransformation = /*#__PURE__*/function (_CoordinateTransforma) {
   _inherits(LinearTransformation, _CoordinateTransforma);
+
   var _super = _createSuper(LinearTransformation);
+
   function LinearTransformation(sourceDimensions, targetDimensions, sourceBounds, targetBounds, mapping) {
     var _this;
+
     var preserveAspectRatio = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : true;
+
     _classCallCheck(this, LinearTransformation);
+
     _this = _super.call(this, sourceDimensions, targetDimensions);
     _this.targetCoordinate = {};
     _this.sourceCoordinate = {};
@@ -1816,29 +2145,36 @@ var LinearTransformation = /*#__PURE__*/function (_CoordinateTransforma) {
       _this.targetCoordinate[sourceCoordinate] = targetCoordinate;
       _this.sourceCoordinate[targetCoordinate] = sourceCoordinate;
     });
+
     if (sourceBounds && targetBounds) {
       _this.fit(sourceBounds, targetBounds);
     }
+
     return _this;
   }
+
   _createClass(LinearTransformation, [{
     key: "fit",
     value: function fit(sourceRanges, targetRanges) {
       if (this.preserveAspectRatio) {
         return this.fitUndistorted(sourceRanges, targetRanges);
       }
+
       return this.fitIndependently(sourceRanges, targetRanges);
     }
   }, {
     key: "fitUndistorted",
     value: function fitUndistorted(sourceRanges, targetRanges) {
       var _this2 = this;
+
       var minScale = Number.MAX_VALUE;
       Object.keys(sourceRanges).forEach(function (dimension) {
         var targetDimension = _this2.targetCoordinate[dimension];
+
         if (!targetRanges[targetDimension]) {
           throw new Error("Missing targetRanges for dimension ".concat(targetDimension));
         }
+
         var range = sourceRanges[dimension];
         var sourceDistance = Math.abs(range.max - range.min);
         var targetBounds = (0, Scale_1.toInterval)(targetRanges[targetDimension]);
@@ -1846,6 +2182,7 @@ var LinearTransformation = /*#__PURE__*/function (_CoordinateTransforma) {
       });
       Object.keys(sourceRanges).forEach(function (dimension) {
         var targetDimension = _this2.targetCoordinate[dimension];
+
         _this2.scales[dimension].update(minScale * direction((0, Scale_1.toInterval)(sourceRanges[targetDimension])), sourceRanges[dimension].min);
       });
       return this;
@@ -1854,11 +2191,14 @@ var LinearTransformation = /*#__PURE__*/function (_CoordinateTransforma) {
     key: "fitIndependently",
     value: function fitIndependently(sourceRanges, targetRanges) {
       var _this3 = this;
+
       Object.keys(sourceRanges).forEach(function (dimension) {
         var targetDimension = _this3.targetCoordinate[dimension];
+
         if (!targetRanges[targetDimension]) {
           throw new Error("Missing parameter targetRanges for dimension ".concat(dimension));
         }
+
         _this3.scales[dimension].fit(sourceRanges[dimension], targetRanges[targetDimension]);
       });
       return this;
@@ -1867,9 +2207,9 @@ var LinearTransformation = /*#__PURE__*/function (_CoordinateTransforma) {
     key: "transform",
     value: function transform(sourcePoint) {
       var _this4 = this;
+
       var result = {};
-      Object.keys(this.sourceSpace).forEach(
-      // TODO: move to explicit return
+      Object.keys(this.sourceSpace).forEach( // TODO: move to explicit return
       // eslint-disable-next-line no-return-assign
       function (dimension) {
         return result[_this4.targetCoordinate[dimension]] = _this4.scales[dimension].source2Target(sourcePoint[dimension]);
@@ -1880,6 +2220,7 @@ var LinearTransformation = /*#__PURE__*/function (_CoordinateTransforma) {
     key: "transformBack",
     value: function transformBack(targetPoint) {
       var _this5 = this;
+
       var result = {};
       Object.keys(this.targetSpace).forEach(function (coordinate) {
         var sourceCoordinate = _this5.sourceCoordinate[coordinate];
@@ -1901,11 +2242,13 @@ var LinearTransformation = /*#__PURE__*/function (_CoordinateTransforma) {
     key: "zoomAroundTarget",
     value: function zoomAroundTarget(targetCenter, factor, minScale, maxScale) {
       var _this6 = this;
+
       var currentScale = this.scales.x.scaleFactor;
       var newScale = Math.min(maxScale || Number.MAX_VALUE, Math.max(currentScale * factor, minScale || 0));
       var sourceCenter = this.transformBack(targetCenter);
       ['x', 'y'].forEach(function (axis) {
         var dimension = _this6.sourceCoordinate[axis];
+
         _this6.scales[dimension].zoomAroundSource(sourceCenter[dimension], newScale);
       });
       return this;
@@ -1914,8 +2257,10 @@ var LinearTransformation = /*#__PURE__*/function (_CoordinateTransforma) {
     key: "moveTargetWindowBy",
     value: function moveTargetWindowBy(delta) {
       var _this7 = this;
+
       ['x', 'y'].forEach(function (axis) {
         var dimension = _this7.sourceCoordinate[axis];
+
         if (delta[axis] != null) {
           _this7.scales[dimension].moveTargetBy(delta[axis]);
         }
@@ -1930,8 +2275,10 @@ var LinearTransformation = /*#__PURE__*/function (_CoordinateTransforma) {
       return "translate(".concat(dx, "px, ").concat(dy, "px) scale(").concat(this.scales.x.scaleFactor, ")");
     }
   }]);
+
   return LinearTransformation;
 }(CoordinateTransformation_1.default);
+
 exports.default = LinearTransformation;
 
 /***/ }),
@@ -1942,27 +2289,35 @@ exports.default = LinearTransformation;
 
 
 var _classCallCheck = __webpack_require__(17);
+
 var _createClass = __webpack_require__(16);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Scale = exports.toInterval = void 0;
+
 var isInterval = function isInterval(object) {
   return object.min != null && object.max != null;
 };
+
 var toInterval = function toInterval(object) {
   if (isInterval(object)) {
     return object;
   }
+
   return {
     min: 0,
     max: object
   };
 };
+
 exports.toInterval = toInterval;
+
 var Scale = /*#__PURE__*/function () {
   function Scale() {
     _classCallCheck(this, Scale);
+
     this.offset = 0;
     this.scaleFactor = 1;
   }
@@ -1972,6 +2327,8 @@ var Scale = /*#__PURE__*/function () {
    * @param {number} targetStart The source coordinate for which the target coordinate is 0
    * @return {this}
    */
+
+
   _createClass(Scale, [{
     key: "update",
     value: function update(scaleFactor, targetStart) {
@@ -1995,6 +2352,7 @@ var Scale = /*#__PURE__*/function () {
      * @param {Interval} sourceRange
      * @param {Interval | number} targetRange
      */
+
   }, {
     key: "fit",
     value: function fit(sourceRange, targetRange) {
@@ -2010,6 +2368,7 @@ var Scale = /*#__PURE__*/function () {
      * @param {number} sourceCenter
      * @param {number} newScale
      */
+
   }, {
     key: "zoomAroundSource",
     value: function zoomAroundSource(sourceCenter, newScale) {
@@ -2020,14 +2379,17 @@ var Scale = /*#__PURE__*/function () {
      * moves the target range by the specified amount in target coordinates
      * @param {number} deltaTarget
      */
+
   }, {
     key: "moveTargetBy",
     value: function moveTargetBy(deltaTarget) {
       this.offset += deltaTarget / this.scaleFactor;
     }
   }]);
+
   return Scale;
 }();
+
 exports.Scale = Scale;
 
 /***/ })