@splunk/visualizations 25.13.0 → 26.0.0

package/common/utils/mapUtils.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 18);
+/******/ 	return __webpack_require__(__webpack_require__.s = 19);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -134,22 +134,28 @@ module.exports = require("@splunk/visualization-encoding/utils/types");
 /* 10 */
 /***/ (function(module, exports) {
 
-module.exports = require("styled-components");
+module.exports = require("@babel/runtime/helpers/taggedTemplateLiteral");
 
 /***/ }),
 /* 11 */
 /***/ (function(module, exports) {
 
+module.exports = require("styled-components");
+
+/***/ }),
+/* 12 */
+/***/ (function(module, exports) {
+
 module.exports = require("@splunk/visualizations-shared/colorUtils");
 
 /***/ }),
-/* 12 */,
 /* 13 */,
 /* 14 */,
 /* 15 */,
 /* 16 */,
 /* 17 */,
-/* 18 */
+/* 18 */,
+/* 19 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -160,10 +166,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.columnsNullToZeros = void 0;
 var types_1 = __webpack_require__(9);
-var dsl_1 = __webpack_require__(19);
-var hocUtils_1 = __webpack_require__(20);
-var JSONSchemaUtils_1 = __webpack_require__(21);
-var BubbleLayer_1 = __webpack_require__(22);
+var dsl_1 = __webpack_require__(20);
+var hocUtils_1 = __webpack_require__(21);
+var JSONSchemaUtils_1 = __webpack_require__(22);
+var BubbleLayer_1 = __webpack_require__(23);
 var columnsNullToZeros = function columnsNullToZeros(config, dataSources, options) {
   var _a, _b;
   var primary = dataSources.primary;
@@ -171,10 +177,10 @@ var columnsNullToZeros = function columnsNullToZeros(config, dataSources, option
     columns = _primary$data.columns,
     fields = _primary$data.fields;
   var newColumns = columns;
-  var mergedOptions = hocUtils_1.deepMergeWithArrayPrimitiveOverrides({}, options, JSONSchemaUtils_1.pickFieldFromJSONSchema(config.optionsSchema, 'default'));
+  var mergedOptions = (0, hocUtils_1.deepMergeWithArrayPrimitiveOverrides)({}, options, (0, JSONSchemaUtils_1.pickFieldFromJSONSchema)(config.optionsSchema, 'default'));
   if (((_b = (_a = mergedOptions.layers) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.type) === 'bubble') {
-    var latitudeField = dsl_1.getFieldsFromDSL(mergedOptions.layers[0].latitude, dataSources)[0] || '';
-    var longitudeField = dsl_1.getFieldsFromDSL(mergedOptions.layers[0].longitude, dataSources)[0] || '';
+    var latitudeField = (0, dsl_1.getFieldsFromDSL)(mergedOptions.layers[0].latitude, dataSources)[0] || '';
+    var longitudeField = (0, dsl_1.getFieldsFromDSL)(mergedOptions.layers[0].longitude, dataSources)[0] || '';
     var excludedFields = [latitudeField, longitudeField, 'geobin'].concat(BubbleLayer_1.GEO_LAT_AND_LONG_FIELD);
     var indicesToEvaluate = new Set(fields.reduce(function (arr, e, i) {
       var field = typeof e === 'string' ? e : e.name.toString();
@@ -187,7 +193,7 @@ var columnsNullToZeros = function columnsNullToZeros(config, dataSources, option
       if (indicesToEvaluate.has(i)) {
         // sanitize value and convert string to numeric numbers
         return column.map(function (value) {
-          return !value || !types_1.isNumber(value) ? 0 : +value;
+          return !value || !(0, types_1.isNumber)(value) ? 0 : +value;
         });
       }
       return column;
@@ -205,25 +211,25 @@ var columnsNullToZeros = function columnsNullToZeros(config, dataSources, option
 exports.columnsNullToZeros = columnsNullToZeros;
 
 /***/ }),
-/* 19 */
+/* 20 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-encoding/utils/dsl");
 
 /***/ }),
-/* 20 */
+/* 21 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/hocUtils");
 
 /***/ }),
-/* 21 */
+/* 22 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/JSONSchemaUtils");
 
 /***/ }),
-/* 22 */
+/* 23 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -232,16 +238,18 @@ module.exports = require("@splunk/visualizations-shared/JSONSchemaUtils");
 var _slicedToArray = __webpack_require__(7);
 var _defineProperty = __webpack_require__(1);
 var _toConsumableArray = __webpack_require__(2);
+var _taggedTemplateLiteral = __webpack_require__(10);
+var _templateObject;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Bubble = exports.PieSegment = exports.GEO_LAT_AND_LONG_FIELD = exports.GEO_BOUND_PREFIX = void 0;
 var React = __webpack_require__(3);
-var styled_components_1 = __webpack_require__(10);
+var styled_components_1 = __webpack_require__(11);
 var lodash_1 = __webpack_require__(0);
-var colorUtils_1 = __webpack_require__(11);
-var MapUtils_1 = __webpack_require__(23);
-var MarkerWrapper_1 = __webpack_require__(27);
+var colorUtils_1 = __webpack_require__(12);
+var MapUtils_1 = __webpack_require__(24);
+var MarkerWrapper_1 = __webpack_require__(28);
 exports.GEO_BOUND_PREFIX = '_geo_bounds_';
 exports.GEO_LAT_AND_LONG_FIELD = ['_geo_long_field', '_geo_lat_field'];
 exports.PieSegment = React.memo(function (_ref) {
@@ -288,10 +296,7 @@ exports.PieSegment = React.memo(function (_ref) {
   });
 });
 exports.PieSegment.displayName = 'MapBubblePieSegment';
-var StyledMarkerWrapper = styled_components_1.default(MarkerWrapper_1.default).withConfig({
-  displayName: "BubbleLayer__StyledMarkerWrapper",
-  componentId: "sc-8aqbb-0"
-})(["cursor:pointer;"]);
+var StyledMarkerWrapper = (0, styled_components_1.default)(MarkerWrapper_1.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    cursor: pointer;\n"])));
 exports.Bubble = React.memo(function (_ref3) {
   var originalValues = _ref3.originalValues,
     valueRange = _ref3.valueRange,
@@ -327,7 +332,7 @@ exports.Bubble = React.memo(function (_ref3) {
       offsets.push(total);
       total += count;
     });
-    var radius = MapUtils_1.matchBubbleSize(valueRange, total);
+    var radius = (0, MapUtils_1.matchBubbleSize)(valueRange, total);
     var width = radius * 2;
     return React.createElement("svg", {
       width: width,
@@ -375,10 +380,10 @@ var BubbleLayer = function BubbleLayer(props) {
   bubbleLayer.seriesColors = bubbleLayer.seriesColors || MapUtils_1.DEFAULT_SERIES_COLORS;
   bubbleLayer.bubbleSize = bubbleLayer.bubbleSize || [];
   var bakedData = React.useMemo(function () {
-    return MapUtils_1.bakeBubbleData(bubbleLayer);
+    return (0, MapUtils_1.bakeBubbleData)(bubbleLayer);
   }, [bubbleLayer]);
   var staticColors = React.useMemo(function () {
-    return MapUtils_1.getStaticColors(bubbleLayer.bubbleSize.length, bubbleLayer.seriesColors);
+    return (0, MapUtils_1.getStaticColors)(bubbleLayer.bubbleSize.length, bubbleLayer.seriesColors);
   }, [bubbleLayer.bubbleSize.length, bubbleLayer.seriesColors]);
   var _ref4 = bakedData !== null && bakedData !== void 0 ? bakedData : {},
     _ref4$data = _ref4.data,
@@ -404,7 +409,7 @@ var BubbleLayer = function BubbleLayer(props) {
       }
       return acc;
     }, []).slice(0, resultLimit || MapUtils_1.DEFAULT_RESULT_LIMIT).sort(function (a, b) {
-      return lodash_1.sum(b.data.values) - lodash_1.sum(a.data.values);
+      return (0, lodash_1.sum)(b.data.values) - (0, lodash_1.sum)(a.data.values);
     });
   }, [data, resultLimit, roundedZoom]);
   var _handleMapClick = React.useCallback(function (e, name, value, i) {
@@ -426,7 +431,7 @@ var BubbleLayer = function BubbleLayer(props) {
   }, [dataToRender, onMapClick]);
   return React.createElement(React.Fragment, null, dataToRender.map(function (datum, i) {
     var colors = dynamicColors ? [dataToRender.map(function (obj) {
-      return colorUtils_1.isColor(dynamicColors[obj.idx]) ? dynamicColors[obj.idx] : MapUtils_1.DEFAULT_CLUSTER_COLOR;
+      return (0, colorUtils_1.isColor)(dynamicColors[obj.idx]) ? dynamicColors[obj.idx] : MapUtils_1.DEFAULT_CLUSTER_COLOR;
     })[i]] : staticColors;
     var _datum$data$coordinat = _slicedToArray(datum.data.coordinates, 2),
       longitude = _datum$data$coordinat[0],
@@ -465,7 +470,7 @@ var BubbleLayer = function BubbleLayer(props) {
 exports.default = BubbleLayer;
 
 /***/ }),
-/* 23 */
+/* 24 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -479,10 +484,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.formatMetadata = exports.compareBaseStyles = exports.getScaledOpacities = exports.getGlobalLayerBoundaries = exports.isValidLatLon = exports.bakeBubbleData = exports.sanitizeValues = exports.transposeArray = exports.matchBubbleSize = exports.getStaticColors = exports.getZoomLevelFromGeobin = exports.getZoomConstraintsFromTileConfig = exports.getMapStyle = exports.getTilePreset = exports.LAYER_TYPE = exports.DEFAULT_OPACITY = exports.MAX_BUBBLE_RADIUS = exports.MIN_BUBBLE_RADIUS = exports.MAP_STYLE_VERSION_NUMBER = exports.DEFAULT_SERIES_COLORS = exports.DEFAULT_CLUSTER_COLOR = exports.DEFAULT_RESULT_LIMIT = exports.MIN_LONGITUDE = exports.MAX_LONGITUDE = exports.MIN_LATITUDE = exports.MAX_LATITUDE = void 0;
 var lodash_1 = __webpack_require__(0);
-var d3_scale_1 = __webpack_require__(24);
-var chroma = __webpack_require__(25);
-var colorUtils_1 = __webpack_require__(11);
-var visualization_color_palettes_1 = __webpack_require__(26);
+var d3_scale_1 = __webpack_require__(25);
+var chroma = __webpack_require__(26);
+var colorUtils_1 = __webpack_require__(12);
+var visualization_color_palettes_1 = __webpack_require__(27);
 var types_1 = __webpack_require__(9);
 exports.MAX_LATITUDE = 90;
 exports.MIN_LATITUDE = -90;
@@ -524,7 +529,7 @@ var getTilePreset = function getTilePreset(_ref) {
   var defaultTileLight = {};
   var defaultTileDark = {};
   var tileConfigs = [].concat(defaultTileConfig).concat(customTileConfig);
-  lodash_1.forEach(tileConfigs, function (tileConfig) {
+  (0, lodash_1.forEach)(tileConfigs, function (tileConfig) {
     var key = tileConfig === null || tileConfig === void 0 ? void 0 : tileConfig.key;
     var updatedConfig = Object.assign(Object.assign({
       theme: 'all'
@@ -657,7 +662,7 @@ var getZoomConstraintsFromTileConfig = function getZoomConstraintsFromTileConfig
     if (baseLayerTileServer && sources[sourceKeys[i]].tiles.indexOf(baseLayerTileServer) !== -1) {
       matchedBaseLayerTileServer = true;
     }
-    if ((baseLayerTileServer && matchedBaseLayerTileServer || !baseLayerTileServer) && lodash_1.isNumber(minzoom) && lodash_1.isNumber(maxzoom)) {
+    if ((baseLayerTileServer && matchedBaseLayerTileServer || !baseLayerTileServer) && (0, lodash_1.isNumber)(minzoom) && (0, lodash_1.isNumber)(maxzoom)) {
       return {
         minZoom: minzoom,
         maxZoom: maxzoom
@@ -669,7 +674,7 @@ var getZoomConstraintsFromTileConfig = function getZoomConstraintsFromTileConfig
     var _layers$_i = layers[_i],
       _minzoom = _layers$_i.minzoom,
       _maxzoom = _layers$_i.maxzoom;
-    if ((baseLayerTileServer && matchedBaseLayerTileServer || !baseLayerTileServer) && lodash_1.isNumber(_minzoom) && lodash_1.isNumber(_maxzoom)) {
+    if ((baseLayerTileServer && matchedBaseLayerTileServer || !baseLayerTileServer) && (0, lodash_1.isNumber)(_minzoom) && (0, lodash_1.isNumber)(_maxzoom)) {
       return {
         minZoom: _minzoom,
         maxZoom: _maxzoom
@@ -707,13 +712,13 @@ var getStaticColors = function getStaticColors(colorCount, colorArray) {
   // loop through colorArray to pick the first $colorCount colors
   // start from begining again if colorCount > colorArray.length
   return _toConsumableArray(Array(colorCount).keys()).map(function (i) {
-    return colorUtils_1.isColor(colorArray[i % colorArray.length]) ? colorArray[i % colorArray.length] : exports.DEFAULT_CLUSTER_COLOR;
+    return (0, colorUtils_1.isColor)(colorArray[i % colorArray.length]) ? colorArray[i % colorArray.length] : exports.DEFAULT_CLUSTER_COLOR;
   });
 };
 exports.getStaticColors = getStaticColors;
 // Bubble size
 var matchBubbleSize = function matchBubbleSize(dataRange, data) {
-  var size = d3_scale_1.scalePow().exponent(0.2).domain(dataRange).range([exports.MIN_BUBBLE_RADIUS, exports.MAX_BUBBLE_RADIUS])(data);
+  var size = (0, d3_scale_1.scalePow)().exponent(0.2).domain(dataRange).range([exports.MIN_BUBBLE_RADIUS, exports.MAX_BUBBLE_RADIUS])(data);
   if (size > exports.MAX_BUBBLE_RADIUS) {
     return exports.MAX_BUBBLE_RADIUS;
   }
@@ -746,7 +751,7 @@ var sanitizeValues = function sanitizeValues(values) {
   }
   // array
   return values.map(function (arr) {
-    return exports.sanitizeValues(arr);
+    return (0, exports.sanitizeValues)(arr);
   });
 };
 exports.sanitizeValues = sanitizeValues;
@@ -758,7 +763,7 @@ var bakeBubbleData = function bakeBubbleData(layer) {
   // if bubbleSize is passed as an array of single number array (data series)
   // e.g. [value0, value1, ...]
   // format each value as an array to unify data operations for data series and frames
-  var sanitizedBubbleSize = exports.sanitizeValues(layer.bubbleSize);
+  var sanitizedBubbleSize = (0, exports.sanitizeValues)(layer.bubbleSize);
   var transposedBubbleSize;
   var transposedSanitizedBubbleSize;
   var isPie = false;
@@ -771,8 +776,8 @@ var bakeBubbleData = function bakeBubbleData(layer) {
     // to [[column0data]]
     // for easy access of values at each geo location,
     // and min max pie size computation
-    transposedBubbleSize = exports.transposeArray(layer.bubbleSize);
-    transposedSanitizedBubbleSize = exports.transposeArray(sanitizedBubbleSize);
+    transposedBubbleSize = (0, exports.transposeArray)(layer.bubbleSize);
+    transposedSanitizedBubbleSize = (0, exports.transposeArray)(sanitizedBubbleSize);
     // if multiple series in the dataframe, set isPie to true
     if (layer.bubbleSize.length > 1) {
       isPie = true;
@@ -790,7 +795,7 @@ var bakeBubbleData = function bakeBubbleData(layer) {
   }
   var data = layer.latitude.map(function (lat, i) {
     return {
-      zoom: exports.getZoomLevelFromGeobin(layer.geobin[i]),
+      zoom: (0, exports.getZoomLevelFromGeobin)(layer.geobin[i]),
       values: transposedBubbleSize[i],
       sanitizedValues: transposedSanitizedBubbleSize[i],
       coordinates: [layer.longitude[i], lat],
@@ -800,10 +805,10 @@ var bakeBubbleData = function bakeBubbleData(layer) {
     return Boolean(d.values);
   });
   // compute the min/max value to encode min/max pie or bubble size
-  var min = lodash_1.sum(transposedSanitizedBubbleSize[0]);
-  var max = lodash_1.sum(transposedSanitizedBubbleSize[1]);
+  var min = (0, lodash_1.sum)(transposedSanitizedBubbleSize[0]);
+  var max = (0, lodash_1.sum)(transposedSanitizedBubbleSize[1]);
   transposedSanitizedBubbleSize.forEach(function (row) {
-    var bubbleSize = lodash_1.sum(row);
+    var bubbleSize = (0, lodash_1.sum)(row);
     max = bubbleSize > max ? bubbleSize : max;
     min = bubbleSize < min ? bubbleSize : min;
   });
@@ -823,10 +828,10 @@ var isValidLatLon = function isValidLatLon(latlon) {
   var _latlon = _slicedToArray(latlon, 2),
     lat = _latlon[0],
     lon = _latlon[1];
-  if (!types_1.isNumber(lat) || !(lat >= exports.MIN_LATITUDE && lat <= exports.MAX_LATITUDE)) {
+  if (!(0, types_1.isNumber)(lat) || !(lat >= exports.MIN_LATITUDE && lat <= exports.MAX_LATITUDE)) {
     return false;
   }
-  if (!types_1.isNumber(lon) || !(lon >= exports.MIN_LONGITUDE && lon <= exports.MAX_LONGITUDE)) {
+  if (!(0, types_1.isNumber)(lon) || !(lon >= exports.MIN_LONGITUDE && lon <= exports.MAX_LONGITUDE)) {
     return false;
   }
   return true;
@@ -840,7 +845,7 @@ exports.isValidLatLon = isValidLatLon;
  */
 var getLatOrLonCoordinates = function getLatOrLonCoordinates(layer, field) {
   var getClusterValues = function getClusterValues(clusterLayer) {
-    return lodash_1.get(clusterLayer, field, []).slice(0, clusterLayer.type === LAYER_TYPE.Marker && clusterLayer.resultLimit ? clusterLayer.resultLimit : exports.DEFAULT_RESULT_LIMIT);
+    return (0, lodash_1.get)(clusterLayer, field, []).slice(0, clusterLayer.type === LAYER_TYPE.Marker && clusterLayer.resultLimit ? clusterLayer.resultLimit : exports.DEFAULT_RESULT_LIMIT);
   };
   var getChoroplethValues = function getChoroplethValues(choroplethLayer) {
     var slicedGeomList = choroplethLayer.geom.slice(0, choroplethLayer.resultLimit);
@@ -881,7 +886,7 @@ var getGlobalLayerBoundaries = function getGlobalLayerBoundaries(layers) {
       var coordinatesNumArr = getLatOrLonCoordinates(layer, field).map(function (x) {
         return +x;
       });
-      return lodash_1.min([prevVal].concat(_toConsumableArray(coordinatesNumArr)));
+      return (0, lodash_1.min)([prevVal].concat(_toConsumableArray(coordinatesNumArr)));
     }, getDefaultMax(field));
   };
   var getMax = function getMax(field) {
@@ -890,7 +895,7 @@ var getGlobalLayerBoundaries = function getGlobalLayerBoundaries(layers) {
     }
     return layers.reduce(function (prevVal, layer) {
       var coordinatesNumArr = getLatOrLonCoordinates(layer, field).map(Number);
-      return lodash_1.max([prevVal].concat(_toConsumableArray(coordinatesNumArr)));
+      return (0, lodash_1.max)([prevVal].concat(_toConsumableArray(coordinatesNumArr)));
     }, getDefaultMin(field));
   };
   return [[getMin(LONGITUDE), getMin(LATITUDE)], [getMax(LONGITUDE), getMax(LATITUDE)]];
@@ -916,12 +921,12 @@ var compareBaseStyles = function compareBaseStyles(curr, next) {
   var nextBaseLayer = (_b = next === null || next === void 0 ? void 0 : next.layers) === null || _b === void 0 ? void 0 : _b.find(function (layer) {
     return (layer === null || layer === void 0 ? void 0 : layer.id) === 'base-layer';
   });
-  var currBaseSource = lodash_1.get(curr === null || curr === void 0 ? void 0 : curr.sources, (_c = currBaseLayer === null || currBaseLayer === void 0 ? void 0 : currBaseLayer.source) !== null && _c !== void 0 ? _c : '');
-  var nextBaseSource = lodash_1.get(next === null || next === void 0 ? void 0 : next.sources, (_d = nextBaseLayer === null || nextBaseLayer === void 0 ? void 0 : nextBaseLayer.source) !== null && _d !== void 0 ? _d : '');
+  var currBaseSource = (0, lodash_1.get)(curr === null || curr === void 0 ? void 0 : curr.sources, (_c = currBaseLayer === null || currBaseLayer === void 0 ? void 0 : currBaseLayer.source) !== null && _c !== void 0 ? _c : '');
+  var nextBaseSource = (0, lodash_1.get)(next === null || next === void 0 ? void 0 : next.sources, (_d = nextBaseLayer === null || nextBaseLayer === void 0 ? void 0 : nextBaseLayer.source) !== null && _d !== void 0 ? _d : '');
   if (!currBaseLayer || !nextBaseLayer || !currBaseSource || !nextBaseSource) {
     return false;
   }
-  return lodash_1.isEqual(currBaseLayer, nextBaseLayer) && lodash_1.isEqual(currBaseSource, nextBaseSource);
+  return (0, lodash_1.isEqual)(currBaseLayer, nextBaseLayer) && (0, lodash_1.isEqual)(currBaseSource, nextBaseSource);
 };
 exports.compareBaseStyles = compareBaseStyles;
 var formatMetadata = function formatMetadata(choroplethLayer, i) {
@@ -936,32 +941,32 @@ var formatMetadata = function formatMetadata(choroplethLayer, i) {
   };
   return Object.keys(metadata).reduce(function (result, curr) {
     var key = "row.".concat(curr, ".value");
-    var val = lodash_1.isObject(metadata[curr]) ? JSON.stringify(metadata[curr]) : String(metadata[curr]);
+    var val = (0, lodash_1.isObject)(metadata[curr]) ? JSON.stringify(metadata[curr]) : String(metadata[curr]);
     return Object.assign(Object.assign({}, result), _defineProperty({}, key, val));
   }, base);
 };
 exports.formatMetadata = formatMetadata;
 
 /***/ }),
-/* 24 */
+/* 25 */
 /***/ (function(module, exports) {
 
 module.exports = require("d3-scale");
 
 /***/ }),
-/* 25 */
+/* 26 */
 /***/ (function(module, exports) {
 
 module.exports = require("chroma-js");
 
 /***/ }),
-/* 26 */
+/* 27 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-color-palettes");
 
 /***/ }),
-/* 27 */
+/* 28 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -981,9 +986,9 @@ var __rest = this && this.__rest || function (s, e) {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var maplibre_gl_1 = __webpack_require__(28);
+var maplibre_gl_1 = __webpack_require__(29);
 var React = __webpack_require__(3);
-var Tooltip_1 = __webpack_require__(29);
+var Tooltip_1 = __webpack_require__(30);
 var MarkerWrapper = function MarkerWrapper(_a) {
   var longitude = _a.longitude,
     latitude = _a.latitude,
@@ -1062,45 +1067,44 @@ var MarkerWrapper = function MarkerWrapper(_a) {
 exports.default = MarkerWrapper;
 
 /***/ }),
-/* 28 */
+/* 29 */
 /***/ (function(module, exports) {
 
 module.exports = require("maplibre-gl");
 
 /***/ }),
-/* 29 */
+/* 30 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
+var _taggedTemplateLiteral = __webpack_require__(10);
+var _templateObject;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.convertDegToDMS = void 0;
 var React = __webpack_require__(3);
-var styled_components_1 = __webpack_require__(10);
-var Popover_1 = __webpack_require__(30);
-var i18n_1 = __webpack_require__(31);
-var StyledPopover = styled_components_1.default(Popover_1.default).withConfig({
-  displayName: "Tooltip__StyledPopover",
-  componentId: "xwewsa-0"
-})(["width:250px;font-size:12px;"]);
+var styled_components_1 = __webpack_require__(11);
+var Popover_1 = __webpack_require__(31);
+var i18n_1 = __webpack_require__(32);
+var StyledPopover = (0, styled_components_1.default)(Popover_1.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    width: 250px;\n    font-size: 12px;\n"])));
 var StyledTable = styled_components_1.default.table.withConfig({
   displayName: "Tooltip__StyledTable",
-  componentId: "xwewsa-1"
+  componentId: "xwewsa-0"
 })(["margin:2px 6px 2px 6px;width:calc(100% - 12px);"]);
 var StyledTitleColumn = styled_components_1.default.td.withConfig({
   displayName: "Tooltip__StyledTitleColumn",
-  componentId: "xwewsa-2"
+  componentId: "xwewsa-1"
 })(["opacity:0.85;"]);
 var StyledValueColumn = styled_components_1.default.td.withConfig({
   displayName: "Tooltip__StyledValueColumn",
-  componentId: "xwewsa-3"
+  componentId: "xwewsa-2"
 })(["text-align:right;"]);
 var StyledColorBlock = styled_components_1.default.div.withConfig({
   displayName: "Tooltip__StyledColorBlock",
-  componentId: "xwewsa-4"
+  componentId: "xwewsa-3"
 })(["background-color:", ";display:inline-block;margin-right:4px;border-radius:2px;width:6px;height:11px;transform:translateY(1px);"], function (props) {
   return props.color;
 });
@@ -1150,11 +1154,11 @@ var Tooltip = function Tooltip(_ref) {
     "data-test": "area-id"
   }, areaId), React.createElement(StyledValueColumn, {
     "data-test": "area-value"
-  }, areaValue)), latitude && React.createElement("tr", null, React.createElement(StyledTitleColumn, null, i18n_1._('Latitude')), React.createElement(StyledValueColumn, {
+  }, areaValue)), latitude && React.createElement("tr", null, React.createElement(StyledTitleColumn, null, (0, i18n_1._)('Latitude')), React.createElement(StyledValueColumn, {
     "data-test": "latitude"
-  }, exports.convertDegToDMS(latitude, 'latitude'))), longitude && React.createElement("tr", null, React.createElement(StyledTitleColumn, null, i18n_1._('Longitude')), React.createElement(StyledValueColumn, {
+  }, (0, exports.convertDegToDMS)(latitude, 'latitude'))), longitude && React.createElement("tr", null, React.createElement(StyledTitleColumn, null, (0, i18n_1._)('Longitude')), React.createElement(StyledValueColumn, {
     "data-test": "longitude"
-  }, exports.convertDegToDMS(longitude, 'longitude'))), additionalFields.filter(function (_ref2) {
+  }, (0, exports.convertDegToDMS)(longitude, 'longitude'))), additionalFields.filter(function (_ref2) {
     var value = _ref2.value;
     return value && String(value) !== '0';
   }).map(function (_ref3, index) {
@@ -1176,13 +1180,13 @@ var Tooltip = function Tooltip(_ref) {
 exports.default = Tooltip;
 
 /***/ }),
-/* 30 */
+/* 31 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Popover");
 
 /***/ }),
-/* 31 */
+/* 32 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/i18n");