@splunk/react-visualizations 23.5.0 → 24.1.0

package/GeoJsonChoropleth.js

@@ -181,8 +181,6 @@ exports.isSpaceCompatible = exports.calculatedTargetBounds = exports.visibleSour
 
 var lodash_1 = __webpack_require__(20);
 
-var lodash_2 = __webpack_require__(20);
-
 exports.screenSpace = {
   x: {
     unit: 'pixel'
@@ -247,7 +245,7 @@ exports.visibleSourceBounds = visibleSourceBounds;
  * @returns {Bounds}
  */
 
-var calculatedTargetBounds = function visibleSourceBounds(transformation, sourceBounds) {
+var calculatedTargetBounds = function calculateTargetBounds(transformation, sourceBounds) {
   var minSourceCoordinates = lodash_1.mapValues(sourceBounds, function (interval) {
     return interval.min;
   });
@@ -269,7 +267,7 @@ var calculatedTargetBounds = function visibleSourceBounds(transformation, source
 exports.calculatedTargetBounds = calculatedTargetBounds;
 
 function isSpaceCompatible(s1, s2) {
-  return lodash_2.isEqual(s1, s2);
+  return lodash_1.isEqual(s1, s2);
 }
 
 exports.isSpaceCompatible = isSpaceCompatible;
@@ -300,6 +298,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DATA_ATTRIBUTE = void 0;
+/* eslint-disable no-param-reassign */
 
 var React = __webpack_require__(2);
 
@@ -365,7 +364,7 @@ var SvgChoropleth = /*#__PURE__*/function (_React$Component) {
         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();
@@ -390,13 +389,13 @@ var SvgChoropleth = /*#__PURE__*/function (_React$Component) {
       } // '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
+      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) {
@@ -445,6 +444,7 @@ var SvgChoropleth = /*#__PURE__*/function (_React$Component) {
     value: function componentDidUpdate(prevProps) {
       if (this.props !== prevProps) {
         if (prevProps.featureCollection !== this.props.featureCollection) {
+          // eslint-disable-next-line react/no-did-update-set-state
           this.setState({
             svgNode: this.props.featureCollection.getSvgNode(this.registerSvg)
           });
@@ -452,6 +452,12 @@ 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
+
+  }, {
+    key: "getFeatureId",
+    value: function getFeatureId(alias) {
+      return this.props.featureCollection.resolveAlias(alias);
     }
     /**
      * this method renders a copy of the polygon on top of all the others, with a highlighted boundary.
@@ -524,12 +530,6 @@ var SvgChoropleth = /*#__PURE__*/function (_React$Component) {
           node.removeAttribute(exports.DATA_ATTRIBUTE);
         }
       });
-    } //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) {
-      return this.props.featureCollection.resolveAlias(alias);
     }
   }, {
     key: "render",
@@ -652,7 +652,7 @@ var TransformationChain = /*#__PURE__*/function () {
     value: function transformBack(physicalCoords) {
       var currentCoords = physicalCoords;
 
-      for (var idx = this.transformations.length - 1; idx >= 0; idx--) {
+      for (var idx = this.transformations.length - 1; idx >= 0; idx -= 1) {
         currentCoords = this.transformations[idx].transformBack(currentCoords);
       }
 
@@ -748,8 +748,8 @@ var BoundsUtils = /*#__PURE__*/function () {
         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 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
 
       return {
         position: 'absolute',
@@ -808,6 +808,7 @@ 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__(2);
 
@@ -1054,24 +1055,12 @@ var GeoJsonChoropleth = /*#__PURE__*/function (_React$Component) {
           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({
           featureCollections: createFeatureCollections(this.props)
         });
       }
     }
-  }, {
-    key: "getLocalCoords",
-    value: function getLocalCoords(clientX, clientY) {
-      var rect = this.containerRef.current.getBoundingClientRect();
-      var physX = rect.left;
-      var physY = rect.top;
-      var scaleX = this.containerRef.current.offsetWidth / rect.width;
-      var scaleY = this.containerRef.current.offsetHeight / rect.height;
-      return {
-        x: (clientX - physX) * scaleX,
-        y: (clientY - physY) * scaleY
-      };
-    }
   }, {
     key: "handleMouseMove",
     value: function handleMouseMove(ev) {
@@ -1108,6 +1097,19 @@ var GeoJsonChoropleth = /*#__PURE__*/function (_React$Component) {
         externalHandler(featureId);
       }
     }
+  }, {
+    key: "getLocalCoords",
+    value: function getLocalCoords(clientX, clientY) {
+      var rect = this.containerRef.current.getBoundingClientRect();
+      var physX = rect.left;
+      var physY = rect.top;
+      var scaleX = this.containerRef.current.offsetWidth / rect.width;
+      var scaleY = this.containerRef.current.offsetHeight / rect.height;
+      return {
+        x: (clientX - physX) * scaleX,
+        y: (clientY - physY) * scaleY
+      };
+    }
   }, {
     key: "render",
     value: function render() {
@@ -1190,21 +1192,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.renderGeoJsonFeature = exports.polygon = exports.ring = exports.pickLogicalBnds = exports.DEFAULT_LOGICAL_BOUNDS = exports.featureGroupMatcher = exports.MATCH_ALL_FEATUREGROUP_MATCHER = void 0;
 
-var MercatorTransformation_1 = __webpack_require__(47);
+var lodash_1 = __webpack_require__(20);
 
-var GeometryStreamSVGRenderer_1 = __webpack_require__(48);
+var bbox_clip_1 = __webpack_require__(47);
 
-var ICoordinateTransformation_1 = __webpack_require__(27);
+var MercatorTransformation_1 = __webpack_require__(48);
 
-var LinearTransformation_1 = __webpack_require__(53);
+var GeometryStreamSVGRenderer_1 = __webpack_require__(49);
 
-var TransformationChain_1 = __webpack_require__(32);
+var ICoordinateTransformation_1 = __webpack_require__(27);
 
-var lodash_1 = __webpack_require__(20);
+var LinearTransformation_1 = __webpack_require__(54);
 
-var BoundsUtils_1 = __webpack_require__(33);
+var TransformationChain_1 = __webpack_require__(32);
 
-var bbox_clip_1 = __webpack_require__(55); // eslint-disable-next-line @typescript-eslint/no-unused-vars
+var BoundsUtils_1 = __webpack_require__(33); // eslint-disable-next-line @typescript-eslint/no-unused-vars
 
 
 var MATCH_ALL_FEATUREGROUP_MATCHER = function MATCH_ALL_FEATUREGROUP_MATCHER(feature) {
@@ -1261,10 +1263,10 @@ function pickLogicalBnds(globalLogicalBnds, g) {
 exports.pickLogicalBnds = pickLogicalBnds;
 
 function ring(coords, renderer, bounds, props) {
-  //polygon coords is array of number array
+  // polygon coords is array of number array
   renderer.beginNode('polygon', props);
 
-  for (var i = 0; i < coords.length; i++) {
+  for (var i = 0; i < coords.length; i += 1) {
     var _coords$i = _slicedToArray(coords[i], 2),
         long = _coords$i[0],
         lat = _coords$i[1];
@@ -1279,12 +1281,12 @@ function ring(coords, renderer, bounds, props) {
       renderer.cancelNode();
       console.warn("out-of-bounds polygon dropped: ".concat(JSON.stringify(props)));
       return; // bail ... we don't need to endNode() since we cancelled it
-    } else {
-      renderer.addPoint({
-        long: long,
-        lat: lat
-      });
     }
+
+    renderer.addPoint({
+      long: long,
+      lat: lat
+    });
   }
 
   renderer.endNode();
@@ -1293,8 +1295,8 @@ function ring(coords, renderer, bounds, props) {
 exports.ring = ring;
 
 function polygon(coords, renderer, bounds) {
-  //polygon coords is array of number array
-  for (var poly = 0; poly < coords.length; poly++) {
+  // polygon coords is array of number array
+  for (var poly = 0; poly < coords.length; poly += 1) {
     ring(coords[poly], renderer, bounds);
   }
 }
@@ -1303,16 +1305,16 @@ exports.polygon = polygon;
 
 function renderGeoJsonFeature(feature, renderer, bounds) {
   var bbox = bounds ? BoundsUtils_1.default.toTurfBBox(bounds) : undefined;
-  var type = feature['geometry'].type;
+  var type = feature.geometry.type;
 
   if (lodash_1.get(feature, ['properties', 'name']) === 'Antarctica') {
-    //skip shapes that cannot be mercator projected
-    //no-op
+    // skip shapes that cannot be mercator projected
+    // no-op
     return;
   } // demo hack...
 
 
-  var props = feature['properties'];
+  var props = feature.properties;
 
   if (props.iso_3166_2) {
     props.id = props.iso_3166_2;
@@ -1325,7 +1327,8 @@ function renderGeoJsonFeature(feature, renderer, bounds) {
   switch (type) {
     case 'MultiPolygon':
       {
-        renderer.beginNode('g', props); //svg has groups ('g') but no polygon
+        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']);
@@ -1338,6 +1341,7 @@ function renderGeoJsonFeature(feature, renderer, bounds) {
 
     case 'Polygon':
       {
+        // eslint-disable-next-line no-param-reassign
         feature = bbox ? bbox_clip_1.default(feature, bbox) : feature;
         var rings = lodash_1.get(feature, ['geometry', 'coordinates']);
         rings.forEach(function (r) {
@@ -1348,7 +1352,7 @@ function renderGeoJsonFeature(feature, renderer, bounds) {
 
     default:
       {
-        throw new Error('Unsupported geojson type: ' + type);
+        throw new Error("Unsupported geojson type: ".concat(type));
       }
   }
 }
@@ -1356,10 +1360,10 @@ function renderGeoJsonFeature(feature, renderer, bounds) {
 exports.renderGeoJsonFeature = renderGeoJsonFeature;
 
 function computeBounds(geoJson, matcher) {
-  //replace the renderer with one that is configured only to compute logicalBounds (for performance)
+  // replace the renderer with one that is configured only to compute logicalBounds (for performance)
   var boundsComputer = new GeometryStreamSVGRenderer_1.GeometryStreamSVGRenderer();
   boundsComputer.computeBoundsOnly = true;
-  geoJson['features'].forEach(function (feature) {
+  geoJson.features.forEach(function (feature) {
     if (matcher(feature)) {
       renderGeoJsonFeature(feature, boundsComputer);
     }
@@ -1379,7 +1383,7 @@ function pickSrcBnds(geoJson, g, globalSrcBnds, featureMatcher) {
   } // ...'auto' compute the source bounds from the data.
 
 
-  var b = computeBounds(geoJson, featureMatcher); //automatically compute sourceBounds if not provided
+  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)"));
@@ -1418,7 +1422,7 @@ var GeoJsonFeatureCollection = /*#__PURE__*/function () {
 
       default:
         {
-          throw new Error('Unsupported projection: ' + projectionType);
+          throw new Error("Unsupported projection: ".concat(projectionType));
         }
     }
 
@@ -1467,7 +1471,7 @@ var GeoJsonFeatureCollection = /*#__PURE__*/function () {
     key: "resolveAlias",
     value: function resolveAlias(alias) {
       if (!this.aliases) {
-        this.aliases = GeoJsonFeatureCollection.makeAliasMap(this.geoJson.features); //memoize
+        this.aliases = GeoJsonFeatureCollection.makeAliasMap(this.geoJson.features); // memoize
       }
 
       var aliases = this.aliases;
@@ -1483,11 +1487,13 @@ var GeoJsonFeatureCollection = /*#__PURE__*/function () {
     value: function makeAliasMap(features) {
       // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
       return features.reduce(function (aliases, feature) {
-        var geoJsonProperties = feature['properties'];
+        var geoJsonProperties = feature.properties;
         var name = geoJsonProperties.iso_3166_2; // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
 
         Object.keys(geoJsonProperties).forEach(function (k) {
-          k != name && aliases.set(geoJsonProperties[k].toLowerCase(), name); // alias all the other properies to the name property
+          if (k !== name) {
+            aliases.set(geoJsonProperties[k].toLowerCase(), name); // alias all the other properies to the name property
+          }
         });
         return aliases;
       }, new Map());
@@ -1501,6 +1507,12 @@ exports.default = GeoJsonFeatureCollection;
 
 /***/ }),
 /* 47 */
+/***/ (function(module, exports) {
+
+module.exports = require("@turf/bbox-clip");
+
+/***/ }),
+/* 48 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1524,6 +1536,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MercatorTransformation = void 0;
+/* eslint-disable class-methods-use-this */
 
 var ICoordinateTransformation_1 = __webpack_require__(27);
 
@@ -1590,13 +1603,13 @@ var MercatorTransformation = /*#__PURE__*/function (_CoordinateTransforma) {
 exports.MercatorTransformation = MercatorTransformation;
 
 /***/ }),
-/* 48 */
+/* 49 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _get = __webpack_require__(49);
+var _get = __webpack_require__(50);
 
 var _classCallCheck = __webpack_require__(17);
 
@@ -1621,9 +1634,9 @@ var ICoordinateTransformation_1 = __webpack_require__(27);
 
 var CoordinateTransformation_1 = __webpack_require__(30);
 
-var BoundsCollector_1 = __webpack_require__(50);
+var BoundsCollector_1 = __webpack_require__(51);
 
-var NodeTreeReactGenerator_1 = __webpack_require__(51); // fixme TODO: should the identity transform really have different source and target spaces? That's a bit confusing
+var NodeTreeReactGenerator_1 = __webpack_require__(52); // 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
 
 
@@ -1694,12 +1707,12 @@ var GeometryStreamSVGRenderer = /*#__PURE__*/function (_NodeTreeReactGenerat) {
 
       var el = _get(_getPrototypeOf(GeometryStreamSVGRenderer.prototype), "peek", this).call(this);
 
-      var points = el.attributes['points'];
+      var points = el.attributes.points;
 
       if (points) {
-        el.attributes['points'] += ' ';
+        el.attributes.points += ' ';
       } else {
-        el.attributes['points'] = ''; // initialize
+        el.attributes.points = ''; // initialize
       }
 
       var _this$transformer$tra = this.transformer.transform(p),
@@ -1712,7 +1725,7 @@ var GeometryStreamSVGRenderer = /*#__PURE__*/function (_NodeTreeReactGenerat) {
        */
 
 
-      el.attributes['points'] += x + ',' + y; // FIXME TODO probably should not look for hard coded x and y in DataPoint
+      el.attributes.points += "".concat(x, ",").concat(y); // FIXME TODO probably should not look for hard coded x and y in DataPoint
     }
   }, {
     key: "beginNode",
@@ -1723,7 +1736,7 @@ var GeometryStreamSVGRenderer = /*#__PURE__*/function (_NodeTreeReactGenerat) {
         return;
       }
 
-      return _get(_getPrototypeOf(GeometryStreamSVGRenderer.prototype), "beginNode", this).call(this, name, attributes);
+      _get(_getPrototypeOf(GeometryStreamSVGRenderer.prototype), "beginNode", this).call(this, name, attributes);
     }
   }, {
     key: "endNode",
@@ -1755,13 +1768,13 @@ var GeometryStreamSVGRenderer = /*#__PURE__*/function (_NodeTreeReactGenerat) {
 exports.GeometryStreamSVGRenderer = GeometryStreamSVGRenderer;
 
 /***/ }),
-/* 49 */
+/* 50 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/get");
 
 /***/ }),
-/* 50 */
+/* 51 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1822,7 +1835,7 @@ var BoundsCollector = /*#__PURE__*/function () {
 exports.default = BoundsCollector;
 
 /***/ }),
-/* 51 */
+/* 52 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1838,10 +1851,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NodeTreeReactGenerator = exports.ElementStructure = void 0;
+/* eslint-disable max-classes-per-file */
 
-var React = __webpack_require__(2);
+/* eslint-disable no-underscore-dangle */
+
+/* eslint-disable no-param-reassign */
 
-var camelCase = __webpack_require__(52);
+var React = __webpack_require__(2); // eslint-disable-next-line import/order
+
+
+var camelCase = __webpack_require__(53);
 /**
  * This class represents the structure of a React element.
  */
@@ -1870,8 +1889,8 @@ var ElementStructure = /*#__PURE__*/function () {
   _createClass(ElementStructure, null, [{
     key: "processStyleAttributes",
     value: function processStyleAttributes(a) {
-      if (a['style']) {
-        a['style'] = ElementStructure.parseStyle(a['style']);
+      if (a.style) {
+        a.style = ElementStructure.parseStyle(a.style);
       }
 
       return a;
@@ -2003,9 +2022,9 @@ var NodeTreeReactGenerator = /*#__PURE__*/function () {
     value: function getRoot() {
       if (this._root) {
         return this._root;
-      } else {
-        throw new Error("Can't compute ReactElement until root node has been closed. Node stack: ".concat(this._stack));
       }
+
+      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.
@@ -2034,13 +2053,13 @@ var NodeTreeReactGenerator = /*#__PURE__*/function () {
 exports.NodeTreeReactGenerator = NodeTreeReactGenerator;
 
 /***/ }),
-/* 52 */
+/* 53 */
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/camelCase");
 
 /***/ }),
-/* 53 */
+/* 54 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2067,7 +2086,7 @@ exports.createBoundsInfo = void 0;
 
 var lodash_1 = __webpack_require__(20);
 
-var Scale_1 = __webpack_require__(54);
+var Scale_1 = __webpack_require__(55);
 
 var CoordinateTransformation_1 = __webpack_require__(30);
 
@@ -2132,9 +2151,9 @@ var LinearTransformation = /*#__PURE__*/function (_CoordinateTransforma) {
     value: function fit(sourceRanges, targetRanges) {
       if (this.preserveAspectRatio) {
         return this.fitUndistorted(sourceRanges, targetRanges);
-      } else {
-        return this.fitIndependently(sourceRanges, targetRanges);
       }
+
+      return this.fitIndependently(sourceRanges, targetRanges);
     }
   }, {
     key: "fitUndistorted",
@@ -2183,7 +2202,9 @@ var LinearTransformation = /*#__PURE__*/function (_CoordinateTransforma) {
       var _this4 = this;
 
       var result = {};
-      Object.keys(this.sourceSpace).forEach(function (dimension) {
+      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]);
       });
       return result;
@@ -2215,7 +2236,7 @@ var LinearTransformation = /*#__PURE__*/function (_CoordinateTransforma) {
     value: function zoomAroundTarget(targetCenter, factor, minScale, maxScale) {
       var _this6 = this;
 
-      var currentScale = this.scales['x'].scaleFactor;
+      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) {
@@ -2254,7 +2275,7 @@ var LinearTransformation = /*#__PURE__*/function (_CoordinateTransforma) {
 exports.default = LinearTransformation;
 
 /***/ }),
-/* 54 */
+/* 55 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2270,7 +2291,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Scale = exports.toInterval = void 0;
 
 var isInterval = function isInterval(object) {
-  return object['min'] != null && object['max'] != null;
+  return object.min != null && object.max != null;
 };
 
 var toInterval = function toInterval(object) {
@@ -2364,12 +2385,6 @@ var Scale = /*#__PURE__*/function () {
 
 exports.Scale = Scale;
 
-/***/ }),
-/* 55 */
-/***/ (function(module, exports) {
-
-module.exports = require("@turf/bbox-clip");
-
 /***/ })
 /******/ ]);
 //# sourceMappingURL=GeoJsonChoropleth.js.map