@splunk/react-visualizations 25.7.2 → 25.8.1

package/GeoJsonChoropleth.js

@@ -192,9 +192,7 @@ 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'
@@ -219,7 +217,6 @@ exports.logicalSpace = {
     unit: null
   }
 };
-
 var flipBounds = function flipBounds(bounds, flipAxis) {
   var result = lodash_1.cloneDeep(bounds);
   flipAxis.forEach(function (axis) {
@@ -228,9 +225,7 @@ var flipBounds = function flipBounds(bounds, flipAxis) {
   });
   return result;
 };
-
 exports.flipBounds = flipBounds;
-
 var visibleSourceBounds = function visibleSourceBounds(transformation, targetBounds) {
   var minTargetCoordinates = lodash_1.mapValues(targetBounds, function (interval) {
     return interval.min;
@@ -249,7 +244,6 @@ 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
@@ -258,7 +252,6 @@ exports.visibleSourceBounds = visibleSourceBounds;
  * @param {Bounds} sourceBounds
  * @returns {Bounds}
  */
-
 var calculatedTargetBounds = function calculateTargetBounds(transformation, sourceBounds) {
   var minSourceCoordinates = lodash_1.mapValues(sourceBounds, function (interval) {
     return interval.min;
@@ -277,13 +270,10 @@ var calculatedTargetBounds = function calculateTargetBounds(transformation, sour
   });
   return result;
 };
-
 exports.calculatedTargetBounds = calculatedTargetBounds;
-
 function isSpaceCompatible(s1, s2) {
   return lodash_1.isEqual(s1, s2);
 }
-
 exports.isSpaceCompatible = isSpaceCompatible;
 
 /***/ }),
@@ -298,31 +288,20 @@ 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",
@@ -330,24 +309,17 @@ 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 {
@@ -355,40 +327,31 @@ 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,
@@ -397,24 +360,19 @@ 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,
@@ -423,33 +381,28 @@ 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) {
@@ -469,8 +422,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) {
@@ -484,7 +437,6 @@ 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) {
@@ -506,31 +458,25 @@ 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]
@@ -540,7 +486,6 @@ var SvgChoropleth = /*#__PURE__*/function (_React$Component) {
         var nodeData = dataHashMap[node.id];
         node.style.fill = lodash_1.get(nodeData, 'fill') || fillColor;
         var value = lodash_1.get(nodeData, 'value');
-
         if (value) {
           node.setAttribute(exports.DATA_ATTRIBUTE, value);
         } else {
@@ -552,8 +497,7 @@ 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,
@@ -562,10 +506,8 @@ var SvgChoropleth = /*#__PURE__*/function (_React$Component) {
       }, this.state.svgNode);
     }
   }]);
-
   return SvgChoropleth;
 }(React.Component);
-
 exports.default = SvgChoropleth;
 
 /***/ }),
@@ -576,39 +518,29 @@ 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 (!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)";
 
@@ -626,33 +558,25 @@ 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 = lodash_1.last(transformations).targetSpace;
   }
-
   _createClass(TransformationChain, [{
     key: "appendTransformation",
     value: function appendTransformation(transformation) {
       if (!lodash_1.isEqual(transformation.sourceSpace, lodash_1.last(this.transformations).targetSpace)) {
         throw new Error("Can't chain transformations with incompatible spaces \n            ".concat(JSON.stringify(lodash_1.last(this.transformations).targetSpace), " -> ").concat(JSON.stringify(transformation.sourceSpace)));
       }
-
       return new TransformationChain([].concat(_toConsumableArray(this.transformations), [transformation]));
     }
   }, {
@@ -668,18 +592,14 @@ 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;
 
 /***/ }),
@@ -690,18 +610,14 @@ 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:
@@ -720,12 +636,11 @@ 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];
     }
     /**
@@ -734,7 +649,6 @@ var BoundsUtils = /*#__PURE__*/function () {
      * @param {number} v
      * @returns {boolean}
      */
-
   }, {
     key: "within",
     value: function within(interval, v) {
@@ -745,7 +659,6 @@ var BoundsUtils = /*#__PURE__*/function () {
      * @param {Interval} interval
      * @returns {number}
      */
-
   }, {
     key: "distance",
     value: function distance(interval) {
@@ -757,17 +670,15 @@ 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,
@@ -784,10 +695,8 @@ var BoundsUtils = /*#__PURE__*/function () {
       return BoundsUtils.within(bounds[axis], dp[axis]);
     }
   }]);
-
   return BoundsUtils;
 }();
-
 exports.default = BoundsUtils;
 
 /***/ }),
@@ -808,65 +717,42 @@ 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 (lodash_1.includes('Iij.,;:!lt/', c)) {
       length += 0.2 * fontsize;
     } else if (c === '_') {
@@ -875,38 +761,31 @@ 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(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));
@@ -914,16 +793,12 @@ 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'
@@ -935,8 +810,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;
@@ -955,8 +830,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({
@@ -966,8 +841,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 () {
@@ -982,8 +857,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 () {
@@ -1002,13 +877,12 @@ 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(exports.estimateTextWidth(label, exports.LABEL_FONT_SIZE), exports.estimateTextWidth(value, exports.LABEL_FONT_SIZE)) + 10;
   return React.createElement("div", {
     key: "tooltip",
@@ -1037,17 +911,12 @@ var ToolTip = function ToolTip(arg) {
     maxTextWidth: maxTextWidth
   }, " ", label, " "), React.createElement(TooltipValue, null, 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();
@@ -1063,16 +932,14 @@ 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({
@@ -1084,7 +951,6 @@ 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");
@@ -1094,9 +960,8 @@ 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: {
@@ -1109,9 +974,7 @@ var GeoJsonChoropleth = /*#__PURE__*/function (_React$Component) {
           toolTip: null
         });
       }
-
       var externalHandler = this.props.onFeatureHover;
-
       if (externalHandler) {
         externalHandler(featureId);
       }
@@ -1133,11 +996,9 @@ var GeoJsonChoropleth = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var children = [];
       var relevantProps = 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,
@@ -1146,11 +1007,9 @@ var GeoJsonChoropleth = /*#__PURE__*/function (_React$Component) {
         var svgChoropleth = React.createElement(SvgChoropleth_1.default, props);
         var style = {};
         var logicalBounds = lodash_1.get(f, ['group', 'logicalBounds']);
-
         if (logicalBounds) {
           style = BoundsUtils_1.default.logicalBoundsToCssStyle(logicalBounds);
         }
-
         children.push(React.createElement('div', {
           key: f.name,
           style: style
@@ -1169,10 +1028,8 @@ var GeoJsonChoropleth = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-
   return GeoJsonChoropleth;
 }(React.Component);
-
 exports.default = SanitizeProps_1.withSanitizedProps(GeoJsonChoropleth);
 
 /***/ }),
@@ -1189,58 +1046,40 @@ 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 = lodash_1.get(feature, ['properties', g.featureMatcher.property]);
-
     if (!val) {
       return false;
     }
-
     return matcher.test(val);
   };
 }
-
 exports.featureGroupMatcher = featureGroupMatcher;
 exports.DEFAULT_LOGICAL_BOUNDS = {
   x: {
@@ -1254,30 +1093,23 @@ 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
     }, {
@@ -1295,48 +1127,38 @@ 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 (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 ? bbox_clip_1.default(feature, bbox) : feature;
         var multis = lodash_1.get(feature, ['geometry', 'coordinates']);
         multis.forEach(function (multi) {
@@ -1345,7 +1167,6 @@ function renderGeoJsonFeature(feature, renderer, bounds) {
         renderer.endNode();
         break;
       }
-
     case 'Polygon':
       {
         // eslint-disable-next-line no-param-reassign
@@ -1356,16 +1177,13 @@ 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();
@@ -1376,10 +1194,9 @@ 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.
@@ -1387,22 +1204,17 @@ 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;
@@ -1413,41 +1225,33 @@ 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 = ICoordinateTransformation_1.calculatedTargetBounds(projection, this.sourceBounds);
     var scaleTransformation = new LinearTransformation_1.default(ICoordinateTransformation_1.logicalSpace, ICoordinateTransformation_1.logicalSpace, 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 = 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
       }, {
@@ -1458,7 +1262,6 @@ 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', {
@@ -1480,13 +1283,10 @@ 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;
     }
   }], [{
@@ -1495,21 +1295,20 @@ 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;
 
 /***/ }),
@@ -1526,46 +1325,32 @@ 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
@@ -1575,38 +1360,31 @@ 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;
 
 /***/ }),
@@ -1617,47 +1395,30 @@ 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) {
@@ -1675,74 +1436,55 @@ 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);
     }
   }, {
@@ -1751,10 +1493,9 @@ 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() {
@@ -1764,14 +1505,11 @@ 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;
 
 /***/ }),
@@ -1788,35 +1526,28 @@ 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],
@@ -1824,21 +1555,17 @@ 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;
 
 /***/ }),
@@ -1849,30 +1576,21 @@ 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
@@ -1883,23 +1601,19 @@ 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;
     }
     /**
@@ -1908,37 +1622,31 @@ 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 = [];
   }
   /**
@@ -1947,8 +1655,6 @@ 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) {
@@ -1956,8 +1662,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];
@@ -1965,7 +1671,6 @@ var NodeTreeReactGenerator = /*#__PURE__*/function () {
           attrCopy[camelCase(k)] = attributes[k];
         }
       });
-
       this._stack.push(new ElementStructure(name, attrCopy, textContent));
     }
     /**
@@ -1973,19 +1678,16 @@ 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);
@@ -1996,14 +1698,11 @@ 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 {
@@ -2016,27 +1715,23 @@ 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() {
@@ -2046,17 +1741,14 @@ 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;
 
 /***/ }),
@@ -2073,44 +1765,30 @@ 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,
@@ -2119,21 +1797,14 @@ 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 = {};
@@ -2145,36 +1816,29 @@ 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 = Scale_1.toInterval(targetRanges[targetDimension]);
@@ -2182,7 +1846,6 @@ var LinearTransformation = /*#__PURE__*/function (_CoordinateTransforma) {
       });
       Object.keys(sourceRanges).forEach(function (dimension) {
         var targetDimension = _this2.targetCoordinate[dimension];
-
         _this2.scales[dimension].update(minScale * direction(Scale_1.toInterval(sourceRanges[targetDimension])), sourceRanges[dimension].min);
       });
       return this;
@@ -2191,14 +1854,11 @@ 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;
@@ -2207,9 +1867,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]);
@@ -2220,7 +1880,6 @@ 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];
@@ -2242,13 +1901,11 @@ 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;
@@ -2257,10 +1914,8 @@ 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]);
         }
@@ -2275,10 +1930,8 @@ 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;
 
 /***/ }),
@@ -2289,35 +1942,27 @@ 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;
   }
@@ -2327,8 +1972,6 @@ 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) {
@@ -2352,7 +1995,6 @@ var Scale = /*#__PURE__*/function () {
      * @param {Interval} sourceRange
      * @param {Interval | number} targetRange
      */
-
   }, {
     key: "fit",
     value: function fit(sourceRange, targetRange) {
@@ -2368,7 +2010,6 @@ var Scale = /*#__PURE__*/function () {
      * @param {number} sourceCenter
      * @param {number} newScale
      */
-
   }, {
     key: "zoomAroundSource",
     value: function zoomAroundSource(sourceCenter, newScale) {
@@ -2379,17 +2020,14 @@ 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;
 
 /***/ })