@splunk/visualizations 26.4.0 → 27.0.0

package/common/utils/mapUtils.js

@@ -1,1197 +1,330 @@
-/*!
- * Copyright © 2024 Splunk Inc.
- * SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
- * in part without a valid written license from Splunk Inc. is PROHIBITED.
- */
-module.exports =
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 40);
-/******/ })
-/************************************************************************/
-/******/ ([
-/* 0 */
-/***/ (function(module, exports) {
-
-module.exports = require("lodash");
-
-/***/ }),
-/* 1 */,
-/* 2 */
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/toConsumableArray");
-
-/***/ }),
-/* 3 */
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/defineProperty");
-
-/***/ }),
-/* 4 */
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
-/***/ }),
-/* 5 */,
-/* 6 */,
-/* 7 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/visualization-schemas");
-
-/***/ }),
-/* 8 */
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/slicedToArray");
-
-/***/ }),
-/* 9 */,
-/* 10 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/visualization-encoding/utils/types");
-
-/***/ }),
-/* 11 */
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/taggedTemplateLiteral");
-
-/***/ }),
-/* 12 */
-/***/ (function(module, exports) {
-
-module.exports = require("styled-components");
-
-/***/ }),
-/* 13 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/visualizations-shared/colorUtils");
-
-/***/ }),
-/* 14 */,
-/* 15 */,
-/* 16 */,
-/* 17 */,
-/* 18 */,
-/* 19 */,
-/* 20 */,
-/* 21 */,
-/* 22 */,
-/* 23 */,
-/* 24 */,
-/* 25 */,
-/* 26 */,
-/* 27 */,
-/* 28 */,
-/* 29 */,
-/* 30 */,
-/* 31 */,
-/* 32 */,
-/* 33 */,
-/* 34 */,
-/* 35 */,
-/* 36 */,
-/* 37 */,
-/* 38 */,
-/* 39 */,
-/* 40 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.columnsNullToZeros = void 0;
-
-var types_1 = __webpack_require__(10);
-
-var dsl_1 = __webpack_require__(41);
-
-var hocUtils_1 = __webpack_require__(42);
-
-var JSONSchemaUtils_1 = __webpack_require__(43);
-
-var BubbleLayer_1 = __webpack_require__(44);
-
-var columnsNullToZeros = function columnsNullToZeros(config, dataSources, options) {
-  var _a, _b;
-
-  var primary = dataSources.primary;
-  var _primary$data = primary.data,
-      columns = _primary$data.columns,
-      fields = _primary$data.fields;
-  var newColumns = columns;
-  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 = (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();
-
-      if (!excludedFields.includes(field)) {
-        arr.push(i);
-      }
-
-      return arr;
-    }, []));
-    newColumns = columns.map(function (column, i) {
-      if (indicesToEvaluate.has(i)) {
-        // sanitize value and convert string to numeric numbers
-        return column.map(function (value) {
-          return !value || !(0, types_1.isNumber)(value) ? 0 : +value;
-        });
-      }
-
-      return column;
-    });
-  }
-
-  var modifiedDatasources = Object.assign(Object.assign({}, dataSources), {
-    primary: Object.assign(Object.assign({}, primary), {
-      data: Object.assign(Object.assign({}, primary.data), {
-        columns: newColumns
-      })
-    })
-  });
-  return modifiedDatasources;
-};
-
-exports.columnsNullToZeros = columnsNullToZeros;
-
-/***/ }),
-/* 41 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/visualization-encoding/utils/dsl");
-
-/***/ }),
-/* 42 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/visualizations-shared/hocUtils");
-
-/***/ }),
-/* 43 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/visualizations-shared/JSONSchemaUtils");
-
-/***/ }),
-/* 44 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _slicedToArray = __webpack_require__(8);
-
-var _defineProperty = __webpack_require__(3);
-
-var _toConsumableArray = __webpack_require__(2);
-
-var _taggedTemplateLiteral = __webpack_require__(11);
-
-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__(4);
-
-var styled_components_1 = __webpack_require__(12);
-
-var lodash_1 = __webpack_require__(0);
-
-var colorUtils_1 = __webpack_require__(13);
-
-var MapUtils_1 = __webpack_require__(45);
-
-var MarkerWrapper_1 = __webpack_require__(49);
-
-exports.GEO_BOUND_PREFIX = '_geo_bounds_';
-exports.GEO_LAT_AND_LONG_FIELD = ['_geo_long_field', '_geo_lat_field'];
-exports.PieSegment = React.memo(function (_ref) {
-  var start = _ref.start,
-      end = _ref.end,
-      radius = _ref.radius,
-      color = _ref.color,
-      themeColor = _ref.themeColor,
-      segmentMetadata = _ref.segmentMetadata,
-      handleBubbleClick = _ref.handleBubbleClick;
-
-  var _ref2 = segmentMetadata !== null && segmentMetadata !== void 0 ? segmentMetadata : {},
-      name = _ref2.name,
-      value = _ref2.value;
-
-  var handleSegmentClick = React.useCallback(function (e) {
-    handleBubbleClick(e, name, value);
-  }, [name, value, handleBubbleClick]);
-
-  if (end - start === 1) {
-    return React.createElement("circle", {
-      onClick: handleSegmentClick,
-      cx: radius,
-      cy: radius,
-      r: radius,
-      fill: color,
-      fillOpacity: 0.5,
-      strokeWidth: 1.5,
-      stroke: color
-    });
-  }
-
-  var a0 = 2 * Math.PI * (start - 0.25);
-  var a1 = 2 * Math.PI * (end - 0.25);
-  var x0 = Math.cos(a0);
-  var y0 = Math.sin(a0);
-  var x1 = Math.cos(a1);
-  var y1 = Math.sin(a1);
-  var arc = end - start > 0.5 ? 1 : 0;
-  return React.createElement("path", {
-    onClick: handleSegmentClick,
-    d: "M ".concat(radius, " ").concat(radius, " L ").concat(radius + radius * x0, " ").concat(radius + radius * y0, " A ").concat(radius, " ").concat(radius, " 0 ").concat(arc, " 1 ").concat(radius + radius * x1, " ").concat(radius + radius * y1, " L ").concat(radius, " ").concat(radius, " A 0 0 0 ").concat(arc, " 0 ").concat(radius, " ").concat(radius),
-    fill: color,
-    fillOpacity: 0.8,
-    stroke: themeColor,
-    strokeWidth: 2,
-    strokeOpacity: 0.3
-  });
-});
-exports.PieSegment.displayName = 'MapBubblePieSegment';
-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,
-      colors = _ref3.colors,
-      themeColor = _ref3.themeColor,
-      isPie = _ref3.isPie,
-      latitude = _ref3.latitude,
-      longitude = _ref3.longitude,
-      bubbleSize = _ref3.bubbleSize,
-      _ref3$additionalField = _ref3.additionalFields,
-      additionalFields = _ref3$additionalField === void 0 ? [] : _ref3$additionalField,
-      map = _ref3.map,
-      handleMapClick = _ref3.handleMapClick;
-  var onBubbleClick = React.useCallback(function (e, name, value) {
-    handleMapClick(e, name, value);
-    e.stopPropagation();
-  }, [handleMapClick]);
-  var bubble = React.useMemo(function () {
-    var allZeros = originalValues.every(function (v) {
-      return v === 0;
-    });
-
-    if (allZeros || !originalValues.length) {
-      return null;
-    } // sanitize values
-
-
-    var values = originalValues.map(function (v) {
-      return v > 0 ? v : 0;
-    }); // compute offsets for pie segments
-
-    var offsets = [];
-    var total = 0;
-    values.forEach(function (count) {
-      offsets.push(total);
-      total += count;
-    });
-    var radius = (0, MapUtils_1.matchBubbleSize)(valueRange, total);
-    var width = radius * 2;
-    return React.createElement("svg", {
-      width: width,
-      height: width,
-      viewBox: "-3 -3 ".concat(width + 6, " ").concat(width + 6)
-    }, isPie ? React.createElement("circle", {
-      cx: radius,
-      cy: radius,
-      r: radius,
-      fill: "none",
-      strokeWidth: 2,
-      stroke: themeColor,
-      strokeOpacity: 0.3
-    }) : null, values.map(function (v, i) {
-      return React.createElement(exports.PieSegment, {
-        key: String(i),
-        start: offsets[i] / total,
-        end: (offsets[i] + v) / total,
-        radius: radius,
-        color: colors[i],
-        themeColor: themeColor,
-        segmentMetadata: bubbleSize[i],
-        handleBubbleClick: onBubbleClick
-      });
-    }));
-  }, [bubbleSize, colors, isPie, onBubbleClick, originalValues, themeColor, valueRange]);
-
-  if (!bubble) {
-    return null;
-  }
-
-  return React.createElement(StyledMarkerWrapper, {
-    longitude: longitude,
-    latitude: latitude,
-    additionalFields: [].concat(_toConsumableArray(bubbleSize), _toConsumableArray(additionalFields)),
-    map: map,
-    "data-test-type": "bubble"
-  }, bubble);
-});
-exports.Bubble.displayName = 'MapBubble';
-
-var BubbleLayer = function BubbleLayer(props) {
-  var bubbleLayer = props.bubbleLayer,
-      themeColorScheme = props.themeColorScheme,
-      map = props.map,
-      zoom = props.zoom,
-      onMapClick = props.onMapClick;
-  bubbleLayer.seriesColors = bubbleLayer.seriesColors || MapUtils_1.DEFAULT_SERIES_COLORS;
-  bubbleLayer.bubbleSize = bubbleLayer.bubbleSize || [];
-  var bakedData = React.useMemo(function () {
-    return (0, MapUtils_1.bakeBubbleData)(bubbleLayer);
-  }, [bubbleLayer]);
-  var staticColors = React.useMemo(function () {
-    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,
-      data = _ref4$data === void 0 ? [] : _ref4$data,
-      _ref4$dataRange = _ref4.dataRange,
-      dataRange = _ref4$dataRange === void 0 ? [] : _ref4$dataRange,
-      resultLimit = _ref4.resultLimit,
-      bubbleSizeFields = _ref4.bubbleSizeFields,
-      isPie = _ref4.isPie;
-
-  var _bubbleLayer$addition = bubbleLayer.additionalTooltipFields,
-      additionalTooltipFields = _bubbleLayer$addition === void 0 ? [] : _bubbleLayer$addition;
-  var roundedZoom = Math.round(zoom);
-  var themeColor = themeColorScheme === 'light' ? '#ffffff' : '#1a1c20';
-  var dynamicColors = bubbleLayer.dataColors; // filter data for the current zoom level and sort base on values
-
-  var dataToRender = React.useMemo(function () {
-    return data.reduce(function (acc, datum, i) {
-      if (datum.zoom === roundedZoom) {
-        acc.push({
-          data: datum,
-          idx: i
-        });
-      }
-
-      return acc;
-    }, []).slice(0, resultLimit || MapUtils_1.DEFAULT_RESULT_LIMIT).sort(function (a, b) {
-      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) {
-    var _a, _b, _c; // retrieve metadata from the appropriate datum, indexed by i
-
-
-    var metadata = (_c = (_b = (_a = dataToRender[i]) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.metadata) !== null && _c !== void 0 ? _c : {};
-    var payload = Object.keys(metadata).reduce(function (acc, curr) {
-      var key = "row.".concat(curr, ".value");
-      var val = String(metadata[curr]);
-      return Object.assign(Object.assign({}, acc), _defineProperty({}, key, val));
-    }, {
-      name: name,
-      value: String(value)
-    });
-    onMapClick({
-      e: e,
-      payload: payload
-    });
-  }, [dataToRender, onMapClick]);
-
-  return React.createElement(React.Fragment, null, dataToRender.map(function (datum, i) {
-    var colors = dynamicColors ? [dataToRender.map(function (obj) {
-      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],
-        latitude = _datum$data$coordinat[1];
-
-    var bubbleSize = datum.data.values.map(function (value, index) {
-      return {
-        name: bubbleSizeFields[index],
-        value: value,
-        color: colors[index]
-      };
-    });
-    var additionalFields = bubbleLayer.metadata ? additionalTooltipFields.map(function (field) {
-      return {
-        name: field,
-        value: datum.data.metadata[field]
-      };
-    }) : [];
-    return React.createElement(exports.Bubble, {
-      key: String(i),
-      originalValues: datum.data.values,
-      valueRange: dataRange,
-      colors: colors,
-      themeColor: themeColor,
-      isPie: isPie,
-      longitude: longitude,
-      latitude: latitude,
-      bubbleSize: bubbleSize,
-      additionalFields: additionalFields,
-      map: map,
-      handleMapClick: function handleMapClick(e, name, value) {
-        return _handleMapClick(e, name, value, i);
-      }
-    });
-  }));
-};
-
-exports.default = BubbleLayer;
-
-/***/ }),
-/* 45 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _defineProperty = __webpack_require__(3);
-
-var _slicedToArray = __webpack_require__(8);
-
-var _toConsumableArray = __webpack_require__(2);
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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.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__(46);
-
-var chroma = __webpack_require__(47);
-
-var colorUtils_1 = __webpack_require__(13);
-
-var visualization_color_palettes_1 = __webpack_require__(48);
-
-var types_1 = __webpack_require__(10);
-
-var visualization_schemas_1 = __webpack_require__(7);
-
-exports.MAX_LATITUDE = 90;
-exports.MIN_LATITUDE = -90;
-exports.MAX_LONGITUDE = 180;
-exports.MIN_LONGITUDE = -180;
-exports.DEFAULT_RESULT_LIMIT = 1000;
-exports.DEFAULT_CLUSTER_COLOR = '#909090';
-exports.DEFAULT_SERIES_COLORS = visualization_color_palettes_1.VIZ_CATEGORICAL; // MapLibre requires a map style specification number which is always 8
-
-exports.MAP_STYLE_VERSION_NUMBER = 8; // currently using one [min, max] value set for bubbles across all zoom levels
-// TODO: design choices on [min, max] bubble size for different zoom levels
-
-exports.MIN_BUBBLE_RADIUS = 7.11; // 10px
-
-exports.MAX_BUBBLE_RADIUS = 45.26; // 85px
-
-exports.DEFAULT_OPACITY = 0.8;
-var LONGITUDE = 'longitude';
-var LATITUDE = 'latitude';
-/**
- * Construct a tile preset {key: config} by combining the default + custom tile configs
- * Also returns the default tile config for each theme - light/dark
- * @param {MapContextInterface} args
- * @param {BaseTileConfig[]} args.defaultTileConfig
- * @param {BaseTileConfig[]} args.customTileConfig
- * @returns {Object} tile preset
- */
-
-var getTilePreset = function getTilePreset(_ref) {
-  var _ref$defaultTileConfi = _ref.defaultTileConfig,
-      defaultTileConfig = _ref$defaultTileConfi === void 0 ? [] : _ref$defaultTileConfi,
-      _ref$customTileConfig = _ref.customTileConfig,
-      customTileConfig = _ref$customTileConfig === void 0 ? [] : _ref$customTileConfig;
-
-  var _a, _b;
-
-  var tilePreset = {};
-  var defaultTileLight = {};
-  var defaultTileDark = {};
-  var tileConfigs = [].concat(defaultTileConfig).concat(customTileConfig);
-  (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'
-    }, tileConfig), {
-      version: exports.MAP_STYLE_VERSION_NUMBER
-    });
-    tilePreset[key] = updatedConfig;
-  });
-
-  if (defaultTileConfig.length > 0) {
-    defaultTileLight = (_a = defaultTileConfig.find(function (config) {
-      return config.theme === 'light';
-    })) !== null && _a !== void 0 ? _a : defaultTileConfig.find(function (config) {
-      return config.theme === undefined;
-    });
-    defaultTileDark = (_b = defaultTileConfig.find(function (config) {
-      return config.theme === 'dark';
-    })) !== null && _b !== void 0 ? _b : defaultTileConfig.find(function (config) {
-      return config.theme === undefined;
-    });
-  }
-
-  return {
-    tilePreset: tilePreset,
-    defaultTileLight: defaultTileLight,
-    defaultTileDark: defaultTileDark
-  };
-};
-
-exports.getTilePreset = getTilePreset;
-/**
- * Check if baseLayerTileServer is in tilePreset and config matches current theme, if yes, return.
- * If no, construct a mapStyle with baseLayerTilerServer and baseLayerTileServerType
- * Else return default tile config based on current theme
- * @param {Object} args
- * @param {BaseTileConfig[]} args.tilePreset
- * @param {String} args.baseLayerTilerServer
- * @param {String} args.baseLayerTileServerType
- * @param {String} args.colorScheme
- * @param {BaseTileConfig} args.defaultTileDark
- * @param {BaseTileConfig} args.defaultTileLight
- * @returns {BaseTileConfig} mapStyle
- */
-
-var getMapStyle = function getMapStyle(_ref2) {
-  var showBaseLayer = _ref2.showBaseLayer,
-      _ref2$baseLayerTileSe = _ref2.baseLayerTileServer,
-      baseLayerTileServer = _ref2$baseLayerTileSe === void 0 ? '' : _ref2$baseLayerTileSe,
-      _ref2$baseLayerTileSe2 = _ref2.baseLayerTileServerType,
-      baseLayerTileServerType = _ref2$baseLayerTileSe2 === void 0 ? '' : _ref2$baseLayerTileSe2,
-      _ref2$tilePreset = _ref2.tilePreset,
-      tilePreset = _ref2$tilePreset === void 0 ? {} : _ref2$tilePreset,
-      _ref2$colorScheme = _ref2.colorScheme,
-      colorScheme = _ref2$colorScheme === void 0 ? 'light' : _ref2$colorScheme,
-      _ref2$defaultTileLigh = _ref2.defaultTileLight,
-      defaultTileLight = _ref2$defaultTileLigh === void 0 ? {} : _ref2$defaultTileLigh,
-      _ref2$defaultTileDark = _ref2.defaultTileDark,
-      defaultTileDark = _ref2$defaultTileDark === void 0 ? {} : _ref2$defaultTileDark;
-
-  if (!showBaseLayer) {
-    return {
-      version: exports.MAP_STYLE_VERSION_NUMBER,
-      sources: {
-        'base-tiles': {
-          type: 'raster',
-          tiles: ['data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII='],
-          tileSize: 256
-        }
-      },
-      layers: [{
-        id: 'base-layer',
-        type: 'raster',
-        source: 'base-tiles',
-        minzoom: 0,
-        maxzoom: 22
-      }]
-    };
-  }
-
-  if (baseLayerTileServer && tilePreset[baseLayerTileServer] && (tilePreset[baseLayerTileServer].theme === colorScheme || tilePreset[baseLayerTileServer].theme === 'all')) {
-    return tilePreset[baseLayerTileServer];
-  }
-
-  if (baseLayerTileServer && baseLayerTileServerType) {
-    var tiles = [];
-    /**
-     * Tile Server URLs (eg: http://{s}.somedomain.com/blabla/{z}/{x}/{y}{r}.png) can specify the variable {s} which refers to a subdomain
-     * Subdomains are used to help with browser parallel requests per domain limitation. These subdomains are typically single letters 'a', 'b' and 'c'
-     * Refer to https://leafletjs.com/SlavaUkraini/reference.html#tilelayer and https://wiki.openstreetmap.org/wiki/Tile_servers
-     */
-
-    if (baseLayerTileServer.match(/^(https?):\/\/{(s|S)}\../)) {
-      /**
-       * sXML (Leaflet) allows users to define their own tile server URLs + list of available subdomains
-       * In order to preserve this behavior during conversion to splunk.map,
-       * if the variable {s} or {S} is detected, replace it with 'a', 'b' and 'c' - default values for subdomains
-       * TODO: in the future, add an additional prop - baseLayerTileServerSubdomains: ['x', 'y', 'z'], default being ['a', 'b', 'c']
-       */
-      tiles = [baseLayerTileServer.replace(/{(s|S)}/, 'a'), baseLayerTileServer.replace(/{(s|S)}/, 'b'), baseLayerTileServer.replace(/{(s|S)}/, 'c')];
-    } else {
-      tiles = [baseLayerTileServer];
-    } // TODO: remove hardcoded style when we allow users to pass in layer style through Viz options
-
-
-    var mapStyle = {
-      version: exports.MAP_STYLE_VERSION_NUMBER,
-      sources: {
-        'base-tiles': {
-          type: baseLayerTileServerType,
-          tiles: tiles,
-          tileSize: 256
-        }
-      },
-      layers: [{
-        id: 'base-layer',
-        type: 'raster',
-        source: 'base-tiles',
-        minzoom: 0,
-        maxzoom: 24 // https://maplibre.org/maplibre-gl-js-docs/api/map/
-
-      }]
-    };
-    return mapStyle;
-  } // if tile server is not present in the preset AND we can't construct a mapStyle, fall back on defaults
-
-
-  return colorScheme === 'light' ? defaultTileLight : defaultTileDark;
-};
-
-exports.getMapStyle = getMapStyle;
-
-var getZoomConstraintsFromTileConfig = function getZoomConstraintsFromTileConfig(tileConfig, baseLayerTileServer) {
-  var sources = tileConfig.sources,
-      layers = tileConfig.layers;
-  var matchedBaseLayerTileServer = false; // check sources for minzoom maxzoom first
-
-  var sourceKeys = Object.keys(sources);
-
-  for (var i = 0; i < sourceKeys.length; i += 1) {
-    var _sources$sourceKeys$i = sources[sourceKeys[i]],
-        minzoom = _sources$sourceKeys$i.minzoom,
-        maxzoom = _sources$sourceKeys$i.maxzoom;
-
-    if (baseLayerTileServer && sources[sourceKeys[i]].tiles.indexOf(baseLayerTileServer) !== -1) {
-      matchedBaseLayerTileServer = true;
-    }
-
-    if ((baseLayerTileServer && matchedBaseLayerTileServer || !baseLayerTileServer) && (0, lodash_1.isNumber)(minzoom) && (0, lodash_1.isNumber)(maxzoom)) {
-      return {
-        minZoom: minzoom,
-        maxZoom: maxzoom
-      };
+/* Copyright © 2020 Splunk Inc.
+SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
+in part without a valid written license from Splunk Inc. is PROHIBITED. */
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
     }
-  } // then check layers
-
-
-  for (var _i = 0; _i < layers.length; _i += 1) {
-    var _layers$_i = layers[_i],
-        _minzoom = _layers$_i.minzoom,
-        _maxzoom = _layers$_i.maxzoom;
-
-    if ((baseLayerTileServer && matchedBaseLayerTileServer || !baseLayerTileServer) && (0, lodash_1.isNumber)(_minzoom) && (0, lodash_1.isNumber)(_maxzoom)) {
-      return {
-        minZoom: _minzoom,
-        maxZoom: _maxzoom
-      };
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
     }
-  } // Maplibre default - would reset previous min/maxZoom https://maplibre.org/maplibre-gl-js-docs/api/map/
-
-
-  return {
-    minZoom: 0,
-    maxZoom: 24
-  };
+  return target;
 };
-
-exports.getZoomConstraintsFromTileConfig = getZoomConstraintsFromTileConfig;
-
-var getZoomLevelFromGeobin = function getZoomLevelFromGeobin(geobinStr) {
-  var _a;
-
-  if (!geobinStr) {
-    return null;
-  } // geostats cmds return geobin with zoom level 0-18, 0-99 in the geobinPattern covers the range
-
-
-  var geobinPattern = /bin_id_zl_([0-9]{0,2})?_y_/g;
-  var match = geobinPattern.exec(geobinStr);
-  return (_a = (match === null || match === void 0 ? void 0 : match.length) && parseInt(match[1], 10)) !== null && _a !== void 0 ? _a : null;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-
-exports.getZoomLevelFromGeobin = getZoomLevelFromGeobin; // Bubble colors - static
-
-var getStaticColors = function getStaticColors(colorCount, colorArray) {
-  if (colorCount < 0 || !colorCount) {
-    return [exports.DEFAULT_CLUSTER_COLOR];
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-
-  if (!colorArray || !colorArray.length) {
-    return _toConsumableArray(Array(colorCount).keys()).map(function (i) {
-      return exports.DEFAULT_SERIES_COLORS[i];
-    });
-  } // 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 (0, colorUtils_1.isColor)(colorArray[i % colorArray.length]) ? colorArray[i % colorArray.length] : exports.DEFAULT_CLUSTER_COLOR;
-  });
+  return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/common/utils/mapUtils.ts
+var mapUtils_exports = {};
+__export(mapUtils_exports, {
+  columnsNullToZeros: () => columnsNullToZeros
+});
+module.exports = __toCommonJS(mapUtils_exports);
 
-exports.getStaticColors = getStaticColors; // Bubble size
-
-var matchBubbleSize = function matchBubbleSize(dataRange, 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;
+// esm-externals:@splunk/visualization-encoding/utils/types
+var types_exports = {};
+__export(types_exports, {
+  default: () => types_default
+});
+var defaultImport = __toESM(require("@splunk/visualization-encoding/utils/types"));
+__reExport(types_exports, require("@splunk/visualization-encoding/utils/types"));
+var types_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+// esm-externals:@splunk/visualization-encoding/utils/dsl
+var dsl_exports = {};
+__export(dsl_exports, {
+  default: () => dsl_default
+});
+var defaultImport2 = __toESM(require("@splunk/visualization-encoding/utils/dsl"));
+__reExport(dsl_exports, require("@splunk/visualization-encoding/utils/dsl"));
+var dsl_default = "default" in defaultImport2 ? defaultImport2.default : defaultImport2;
+
+// esm-externals:@splunk/visualizations-shared/hocUtils
+var hocUtils_exports = {};
+__export(hocUtils_exports, {
+  default: () => hocUtils_default
+});
+var defaultImport3 = __toESM(require("@splunk/visualizations-shared/hocUtils"));
+__reExport(hocUtils_exports, require("@splunk/visualizations-shared/hocUtils"));
+var hocUtils_default = "default" in defaultImport3 ? defaultImport3.default : defaultImport3;
+
+// esm-externals:@splunk/visualizations-shared/JSONSchemaUtils
+var JSONSchemaUtils_exports = {};
+__export(JSONSchemaUtils_exports, {
+  default: () => JSONSchemaUtils_default
+});
+var defaultImport4 = __toESM(require("@splunk/visualizations-shared/JSONSchemaUtils"));
+__reExport(JSONSchemaUtils_exports, require("@splunk/visualizations-shared/JSONSchemaUtils"));
+var JSONSchemaUtils_default = "default" in defaultImport4 ? defaultImport4.default : defaultImport4;
+
+// esm-externals:react
+var react_exports = {};
+__export(react_exports, {
+  default: () => react_default
+});
+var defaultImport5 = __toESM(require("react"));
+__reExport(react_exports, require("react"));
+var react_default = "default" in defaultImport5 ? defaultImport5.default : defaultImport5;
+
+// esm-externals:styled-components
+var styled_components_exports = {};
+__export(styled_components_exports, {
+  default: () => styled_components_default
+});
+var defaultImport6 = __toESM(require("styled-components"));
+__reExport(styled_components_exports, require("styled-components"));
+var styled_components_default = "default" in defaultImport6 ? defaultImport6.default : defaultImport6;
+
+// esm-externals:lodash
+var lodash_exports = {};
+__export(lodash_exports, {
+  default: () => lodash_default
+});
+var defaultImport7 = __toESM(require("lodash"));
+__reExport(lodash_exports, require("lodash"));
+var lodash_default = "default" in defaultImport7 ? defaultImport7.default : defaultImport7;
+
+// esm-externals:@splunk/visualizations-shared/colorUtils
+var colorUtils_exports = {};
+__export(colorUtils_exports, {
+  default: () => colorUtils_default
+});
+var defaultImport8 = __toESM(require("@splunk/visualizations-shared/colorUtils"));
+__reExport(colorUtils_exports, require("@splunk/visualizations-shared/colorUtils"));
+var colorUtils_default = "default" in defaultImport8 ? defaultImport8.default : defaultImport8;
+
+// esm-externals:d3-scale
+var d3_scale_exports = {};
+__export(d3_scale_exports, {
+  default: () => d3_scale_default
+});
+var defaultImport9 = __toESM(require("d3-scale"));
+__reExport(d3_scale_exports, require("d3-scale"));
+var d3_scale_default = "default" in defaultImport9 ? defaultImport9.default : defaultImport9;
+
+// esm-externals:chroma-js
+var chroma_js_exports = {};
+__export(chroma_js_exports, {
+  default: () => chroma_js_default
+});
+var defaultImport10 = __toESM(require("chroma-js"));
+__reExport(chroma_js_exports, require("chroma-js"));
+var chroma_js_default = "default" in defaultImport10 ? defaultImport10.default : defaultImport10;
+
+// esm-externals:@splunk/visualization-color-palettes
+var visualization_color_palettes_exports = {};
+__export(visualization_color_palettes_exports, {
+  default: () => visualization_color_palettes_default
+});
+var defaultImport11 = __toESM(require("@splunk/visualization-color-palettes"));
+__reExport(visualization_color_palettes_exports, require("@splunk/visualization-color-palettes"));
+var visualization_color_palettes_default = "default" in defaultImport11 ? defaultImport11.default : defaultImport11;
+
+// esm-externals:@splunk/visualization-schemas
+var visualization_schemas_exports = {};
+__export(visualization_schemas_exports, {
+  default: () => visualization_schemas_default
+});
+var defaultImport12 = __toESM(require("@splunk/visualization-schemas"));
+__reExport(visualization_schemas_exports, require("@splunk/visualization-schemas"));
+var visualization_schemas_default = "default" in defaultImport12 ? defaultImport12.default : defaultImport12;
+
+// src/Map/PureMap/MapUtils.ts
+var MIN_BUBBLE_RADIUS = 7.11;
+var MAX_BUBBLE_RADIUS = 45.26;
+var matchBubbleSize = (dataRange, data) => {
+  const size = (0, d3_scale_exports.scalePow)().exponent(0.2).domain(dataRange).range([MIN_BUBBLE_RADIUS, MAX_BUBBLE_RADIUS])(
+    data
+  );
+  if (size > MAX_BUBBLE_RADIUS) {
+    return MAX_BUBBLE_RADIUS;
   }
-
-  if (size < exports.MIN_BUBBLE_RADIUS) {
-    return exports.MIN_BUBBLE_RADIUS;
+  if (size < MIN_BUBBLE_RADIUS) {
+    return MIN_BUBBLE_RADIUS;
   }
-
   return size;
 };
 
-exports.matchBubbleSize = matchBubbleSize;
-
-var transposeArray = function transposeArray(array) {
-  if (!array || !array.length || !array[0] || !array[0].length) {
-    return [];
-  }
-
-  return array[0].map(function (_, i) {
-    return array.map(function (row) {
-      return row[i];
-    });
-  });
-};
-
-exports.transposeArray = transposeArray; // sanitize values: update all null, undefined, or negative values to 0
-
-var sanitizeValues = function sanitizeValues(values) {
-  // null / undefined
-  if (!values) {
-    return 0;
-  } // number
-
-
-  if (!Array.isArray(values)) {
-    return values > 0 ? values : 0;
-  } // array
-
-
-  return values.map(function (arr) {
-    return (0, exports.sanitizeValues)(arr);
-  });
-};
-
-exports.sanitizeValues = sanitizeValues;
-
-var bakeBubbleData = function bakeBubbleData(layer) {
-  var _a;
-
-  if (!layer || !((_a = layer.bubbleSize) === null || _a === void 0 ? void 0 : _a.length) || !layer.geobin || !layer.geobin.length || !layer.latitude || !layer.latitude.length || !layer.longitude || !layer.longitude.length) {
-    return null;
-  } // 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 = (0, exports.sanitizeValues)(layer.bubbleSize);
-  var transposedBubbleSize;
-  var transposedSanitizedBubbleSize;
-  var isPie = false; // format array if bubbleSize is passed as an array of array (data frame)
-
-  if (Array.isArray(layer.bubbleSize[0])) {
-    // one-time array transpose,
-    // e.g. from [column0data, column0data] (multi series)
-    // to [[column0datum0, column1datum0], [column0datum1, column1data1], ...]
-    // or e.g. from [column0data] (single series)
-    // to [[column0data]]
-    // for easy access of values at each geo location,
-    // and min max pie size computation
-    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;
-    }
-  } else {
-    transposedBubbleSize = layer.bubbleSize.map(function (n) {
-      return [n];
-    });
-    transposedSanitizedBubbleSize = sanitizedBubbleSize.map(function (n) {
-      return [n];
-    });
-  }
-
-  if (!transposedBubbleSize || !transposedBubbleSize.length) {
-    return null;
-  }
-
-  var data = layer.latitude.map(function (lat, i) {
-    return {
-      zoom: (0, exports.getZoomLevelFromGeobin)(layer.geobin[i]),
-      values: transposedBubbleSize[i],
-      sanitizedValues: transposedSanitizedBubbleSize[i],
-      coordinates: [layer.longitude[i], lat],
-      metadata: layer.metadata ? layer.metadata[i] : {}
-    };
-  }).filter(function (d) {
-    return Boolean(d.values);
-  }); // compute the min/max value to encode min/max pie or bubble size
-
-  var min = (0, lodash_1.sum)(transposedSanitizedBubbleSize[0]);
-  var max = (0, lodash_1.sum)(transposedSanitizedBubbleSize[1]);
-  transposedSanitizedBubbleSize.forEach(function (row) {
-    var bubbleSize = (0, lodash_1.sum)(row);
-    max = bubbleSize > max ? bubbleSize : max;
-    min = bubbleSize < min ? bubbleSize : min;
-  });
-  return {
-    data: data,
-    dataRange: [min, max],
-    isPie: isPie,
-    resultLimit: layer.resultLimit,
-    bubbleSizeFields: layer.bubbleSizeFields
-  };
-};
-
-exports.bakeBubbleData = bakeBubbleData;
-
-var isValidLatLon = function isValidLatLon(latlon) {
-  if (!latlon || !Array.isArray(latlon) || latlon.length !== 2) {
-    return false;
-  }
-
-  var _latlon = _slicedToArray(latlon, 2),
-      lat = _latlon[0],
-      lon = _latlon[1];
-
-  if (!(0, types_1.isNumber)(lat) || !(lat >= exports.MIN_LATITUDE && lat <= exports.MAX_LATITUDE)) {
-    return false;
-  }
-
-  if (!(0, types_1.isNumber)(lon) || !(lon >= exports.MIN_LONGITUDE && lon <= exports.MAX_LONGITUDE)) {
-    return false;
-  }
-
-  return true;
-};
-
-exports.isValidLatLon = isValidLatLon;
-/**
- * Returns a list of all lat or lon coordinates used in a specified layer
- * @param {LayerType[]} layer
- * @param {string} field
- * @returns {number[]} list of lat coordinates or lon coordinates
- */
-
-var getLatOrLonCoordinates = function getLatOrLonCoordinates(layer, field) {
-  var getClusterValues = function getClusterValues(clusterLayer) {
-    return (0, lodash_1.get)(clusterLayer, field, []).slice(0, clusterLayer.type === visualization_schemas_1.LAYER_TYPE.Marker && clusterLayer.resultLimit ? clusterLayer.resultLimit : exports.DEFAULT_RESULT_LIMIT);
-  };
-
-  var getChoroplethValues = function getChoroplethValues(choroplethLayer) {
-    var slicedGeomList = choroplethLayer.geom.slice(0, choroplethLayer.resultLimit);
-    var flatCoordinates = slicedGeomList.flatMap(function (geomObject) {
-      return geomObject.coordinates.flat(2);
-    });
-    return flatCoordinates.map(function (coord) {
-      return coord[field === LONGITUDE ? 0 : 1];
-    });
-  };
-
-  return layer.type === visualization_schemas_1.LAYER_TYPE.Choropleth ? getChoroplethValues(layer) : getClusterValues(layer);
-};
-/**
- * Returns the min and max LongLat pairs to determine the layer boundaries to fit all markers/bubbles
- * @param {LayerType[]} layers
- * @returns {LngLatBoundsLike}
- */
-
-
-var getGlobalLayerBoundaries = function getGlobalLayerBoundaries(layers) {
-  var isLayerValid = function isLayerValid(field) {
-    return layers.every(function (layer) {
-      return layer[field] || layer.geom;
-    });
-  };
-
-  var getDefaultMax = function getDefaultMax(field) {
-    return field === LONGITUDE ? exports.MAX_LONGITUDE : exports.MAX_LATITUDE;
-  };
-
-  var getDefaultMin = function getDefaultMin(field) {
-    return field === LONGITUDE ? exports.MIN_LONGITUDE : exports.MIN_LATITUDE;
-  };
-
-  if (!layers || !Array.isArray(layers) || !layers.length) {
-    return null;
-  }
-
-  var getMin = function getMin(field) {
-    if (!isLayerValid(field)) {
-      return getDefaultMin(field);
-    }
-
-    return layers.reduce(function (prevVal, layer) {
-      var coordinatesNumArr = getLatOrLonCoordinates(layer, field).map(function (x) {
-        return +x;
-      });
-      return (0, lodash_1.min)([prevVal].concat(_toConsumableArray(coordinatesNumArr)));
-    }, getDefaultMax(field));
-  };
-
-  var getMax = function getMax(field) {
-    if (!isLayerValid(field)) {
-      return getDefaultMax(field);
-    }
-
-    return layers.reduce(function (prevVal, layer) {
-      var coordinatesNumArr = getLatOrLonCoordinates(layer, field).map(Number);
-      return (0, lodash_1.max)([prevVal].concat(_toConsumableArray(coordinatesNumArr)));
-    }, getDefaultMin(field));
-  };
-
-  return [[getMin(LONGITUDE), getMin(LATITUDE)], [getMax(LONGITUDE), getMax(LATITUDE)]];
-};
-
-exports.getGlobalLayerBoundaries = getGlobalLayerBoundaries;
-
-var getScaledOpacities = function getScaledOpacities(colors, cfgOpacity) {
-  // extract opacity information from 8 digit hex codes
-  var opacities = colors === null || colors === void 0 ? void 0 : colors.map(function (color) {
-    var _a;
-
-    return (color === null || color === void 0 ? void 0 : color.length) === 9 ? (_a = chroma(color).alpha()) !== null && _a !== void 0 ? _a : 1 : 1;
-  }); // opacity cannot be greater than configured opacity
-
-  return opacities === null || opacities === void 0 ? void 0 : opacities.map(function (opacity) {
-    return opacity * cfgOpacity;
-  });
-};
-
-exports.getScaledOpacities = getScaledOpacities;
-
-var compareBaseStyles = function compareBaseStyles(curr, next) {
-  var _a, _b, _c, _d;
-
-  var currBaseLayer = (_a = curr === null || curr === void 0 ? void 0 : curr.layers) === null || _a === void 0 ? void 0 : _a.find(function (layer) {
-    return (layer === null || layer === void 0 ? void 0 : layer.id) === 'base-layer';
-  });
-  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 = (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;
+// esm-externals:maplibre-gl
+var maplibre_gl_exports = {};
+__export(maplibre_gl_exports, {
+  default: () => maplibre_gl_default
+});
+var defaultImport13 = __toESM(require("maplibre-gl"));
+__reExport(maplibre_gl_exports, require("maplibre-gl"));
+var maplibre_gl_default = "default" in defaultImport13 ? defaultImport13.default : defaultImport13;
+
+// esm-externals:@splunk/react-ui/Popover
+var Popover_exports = {};
+__export(Popover_exports, {
+  default: () => Popover_default
+});
+var defaultImport14 = __toESM(require("@splunk/react-ui/Popover"));
+__reExport(Popover_exports, require("@splunk/react-ui/Popover"));
+var Popover_default = "default" in defaultImport14 ? defaultImport14.default : defaultImport14;
+
+// esm-externals:@splunk/ui-utils/i18n
+var i18n_exports = {};
+__export(i18n_exports, {
+  default: () => i18n_default
+});
+var defaultImport15 = __toESM(require("@splunk/ui-utils/i18n"));
+__reExport(i18n_exports, require("@splunk/ui-utils/i18n"));
+var i18n_default = "default" in defaultImport15 ? defaultImport15.default : defaultImport15;
+
+// src/Map/PureMap/Tooltip.tsx
+var StyledPopover = styled_components_default(Popover_default)`
+    width: 250px;
+    font-size: 12px;
+`;
+var StyledTable = styled_components_default.table`
+    margin: 2px 6px 2px 6px;
+    width: calc(100% - 12px);
+`;
+var StyledTitleColumn = styled_components_default.td`
+    opacity: 0.85;
+`;
+var StyledValueColumn = styled_components_default.td`
+    text-align: right;
+`;
+var StyledColorBlock = styled_components_default.div`
+    background-color: ${(props) => props.color};
+    display: inline-block;
+    margin-right: 4px;
+    border-radius: 2px;
+    width: 6px;
+    height: 11px;
+    transform: translateY(1px);
+`;
+var convertDegToDMS = (decimalDegree, type) => {
+  const truncate = (n) => n > 0 ? Math.floor(n) : Math.ceil(n);
+  const absoluteDegree = Math.abs(decimalDegree);
+  let degrees = truncate(absoluteDegree);
+  let minutes = truncate((absoluteDegree - degrees) * 60);
+  let seconds = Math.round((absoluteDegree - degrees - minutes / 60) * 3600);
+  if (seconds === 60) {
+    minutes += 1;
+    seconds = 0;
   }
-
-  return (0, lodash_1.isEqual)(currBaseLayer, nextBaseLayer) && (0, lodash_1.isEqual)(currBaseSource, nextBaseSource);
-};
-
-exports.compareBaseStyles = compareBaseStyles;
-
-var formatMetadata = function formatMetadata(choroplethLayer, i) {
-  if (!choroplethLayer || !choroplethLayer.areaIds || !choroplethLayer.areaValues) return {};
-  if (i >= choroplethLayer.areaIds.length) return {};
-  var metadata = choroplethLayer.metadata ? choroplethLayer.metadata[i] : {};
-  var name = choroplethLayer.areaIds[i];
-  var value = choroplethLayer.areaValues[i];
-  var base = {
-    name: name,
-    value: String(value)
-  };
-  return Object.keys(metadata).reduce(function (result, curr) {
-    var key = "row.".concat(curr, ".value");
-    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;
-
-/***/ }),
-/* 46 */
-/***/ (function(module, exports) {
-
-module.exports = require("d3-scale");
-
-/***/ }),
-/* 47 */
-/***/ (function(module, exports) {
-
-module.exports = require("chroma-js");
-
-/***/ }),
-/* 48 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/visualization-color-palettes");
-
-/***/ }),
-/* 49 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _slicedToArray = __webpack_require__(8);
-
-var __rest = this && this.__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (minutes === 60) {
+    degrees += 1;
+    minutes = 0;
   }
-
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  let direction;
+  if (type === "longitude") {
+    direction = decimalDegree < 0 ? "W" : "E";
+  } else if (type === "latitude") {
+    direction = decimalDegree < 0 ? "S" : "N";
   }
-  return t;
+  return `${degrees}\xB0 ${minutes}' ${seconds}" ${direction}`;
 };
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var maplibre_gl_1 = __webpack_require__(50);
-
-var React = __webpack_require__(4);
-
-var Tooltip_1 = __webpack_require__(51);
-
-var MarkerWrapper = function MarkerWrapper(_a) {
-  var longitude = _a.longitude,
-      latitude = _a.latitude,
-      areaId = _a.areaId,
-      areaValue = _a.areaValue,
-      _a$additionalFields = _a.additionalFields,
-      additionalFields = _a$additionalFields === void 0 ? [] : _a$additionalFields,
-      map = _a.map,
-      isChoroplethTooltipOpen = _a.isChoroplethTooltipOpen,
-      children = _a.children,
-      otherProps = __rest(_a, ["longitude", "latitude", "areaId", "areaValue", "additionalFields", "map", "isChoroplethTooltipOpen", "children"]);
-
-  var container = React.useRef();
-  var marker = React.useRef();
-
-  var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      isTooltipOpen = _React$useState2[0],
-      setTooltipOpenStatus = _React$useState2[1];
-
-  var isChoroplethTooltip = React.useCallback(function () {
-    return isChoroplethTooltipOpen !== undefined;
-  }, [isChoroplethTooltipOpen]);
-  var openTooltip = React.useCallback(function () {
-    return setTooltipOpenStatus(true);
-  }, []);
-  var closeTooltip = React.useCallback(function () {
-    return setTooltipOpenStatus(false);
-  }, []);
-  var cleanupMarker = React.useCallback(function () {
+var Tooltip = ({
+  open,
+  anchor,
+  latitude,
+  longitude,
+  areaId,
+  areaValue,
+  additionalFields = []
+}) => /* @__PURE__ */ react_exports.createElement(
+  StyledPopover,
+  {
+    open,
+    animation: false,
+    anchor,
+    "data-test": "map-marker-tooltip",
+    defaultPlacement: "above"
+  },
+  /* @__PURE__ */ react_exports.createElement(StyledTable, null, /* @__PURE__ */ react_exports.createElement("tbody", null, areaId && areaValue && /* @__PURE__ */ react_exports.createElement("tr", null, /* @__PURE__ */ react_exports.createElement(StyledTitleColumn, { "data-test": "area-id" }, areaId), /* @__PURE__ */ react_exports.createElement(StyledValueColumn, { "data-test": "area-value" }, areaValue)), latitude && /* @__PURE__ */ react_exports.createElement("tr", null, /* @__PURE__ */ react_exports.createElement(StyledTitleColumn, null, (0, i18n_exports._)("Latitude")), /* @__PURE__ */ react_exports.createElement(StyledValueColumn, { "data-test": "latitude" }, convertDegToDMS(latitude, "latitude"))), longitude && /* @__PURE__ */ react_exports.createElement("tr", null, /* @__PURE__ */ react_exports.createElement(StyledTitleColumn, null, (0, i18n_exports._)("Longitude")), /* @__PURE__ */ react_exports.createElement(StyledValueColumn, { "data-test": "longitude" }, convertDegToDMS(longitude, "longitude"))), additionalFields.filter(({ value }) => value && String(value) !== "0").map(({ name, value, color }, index) => /* @__PURE__ */ react_exports.createElement("tr", { key: String(index) }, /* @__PURE__ */ react_exports.createElement(StyledTitleColumn, { "data-test": "field-title" }, color ? /* @__PURE__ */ react_exports.createElement(StyledColorBlock, { "data-test": "field-color", color }) : null, name), /* @__PURE__ */ react_exports.createElement(StyledValueColumn, { "data-test": "field-value" }, value)))))
+);
+var Tooltip_default = Tooltip;
+
+// src/Map/PureMap/MarkerWrapper.tsx
+var MarkerWrapper = (_a) => {
+  var _b = _a, {
+    longitude,
+    latitude,
+    areaId,
+    areaValue,
+    additionalFields = [],
+    map,
+    isChoroplethTooltipOpen,
+    children
+  } = _b, otherProps = __objRest(_b, [
+    "longitude",
+    "latitude",
+    "areaId",
+    "areaValue",
+    "additionalFields",
+    "map",
+    "isChoroplethTooltipOpen",
+    "children"
+  ]);
+  const container = react_exports.useRef();
+  const marker = react_exports.useRef();
+  const [isTooltipOpen, setTooltipOpenStatus] = react_exports.useState(false);
+  const isChoroplethTooltip = react_exports.useCallback(() => isChoroplethTooltipOpen !== void 0, [
+    isChoroplethTooltipOpen
+  ]);
+  const openTooltip = react_exports.useCallback(() => setTooltipOpenStatus(true), []);
+  const closeTooltip = react_exports.useCallback(() => setTooltipOpenStatus(false), []);
+  const cleanupMarker = react_exports.useCallback(() => {
     if (marker.current) {
       marker.current.remove();
-      marker.current = undefined;
+      marker.current = void 0;
     }
   }, []);
-  React.useEffect(function () {
+  react_exports.useEffect(() => {
     try {
       if (marker.current) {
         marker.current.setLngLat([longitude, latitude]);
       } else {
-        marker.current = new maplibre_gl_1.Marker({
-          element: container.current
-        });
+        marker.current = new maplibre_gl_exports.Marker({ element: container.current });
         marker.current.setLngLat([longitude, latitude]);
         marker.current.addTo(map.current);
       }
@@ -1200,177 +333,209 @@ var MarkerWrapper = function MarkerWrapper(_a) {
       cleanupMarker();
     }
   }, [latitude, longitude, map]);
-  React.useEffect(function () {
-    return cleanupMarker;
-  }, []);
-  return React.createElement("div", {
-    style: {
-      visibility: isChoroplethTooltip() ? 'hidden' : 'visible'
+  react_exports.useEffect(() => cleanupMarker, []);
+  return /* @__PURE__ */ react_exports.createElement("div", { style: { visibility: isChoroplethTooltip() ? "hidden" : "visible" } }, /* @__PURE__ */ react_exports.createElement(
+    "div",
+    __spreadValues({
+      style: { visibility: isChoroplethTooltip() ? "hidden" : "visible" },
+      ref: container,
+      "data-test": "map-marker",
+      onMouseOver: openTooltip,
+      onMouseLeave: closeTooltip,
+      onFocus: openTooltip,
+      onBlur: closeTooltip
+    }, otherProps),
+    children
+  ), /* @__PURE__ */ react_exports.createElement("div", null, /* @__PURE__ */ react_exports.createElement(
+    Tooltip_default,
+    {
+      open: isChoroplethTooltip() ? isChoroplethTooltipOpen : isTooltipOpen,
+      anchor: container.current,
+      latitude: isChoroplethTooltip() ? null : latitude,
+      longitude: isChoroplethTooltip() ? null : longitude,
+      areaId,
+      areaValue,
+      additionalFields
     }
-  }, React.createElement("div", Object.assign({
-    style: {
-      visibility: isChoroplethTooltip() ? 'hidden' : 'visible'
-    },
-    ref: container,
-    "data-test": "map-marker",
-    onMouseOver: openTooltip,
-    onMouseLeave: closeTooltip,
-    onFocus: openTooltip,
-    onBlur: closeTooltip
-  }, otherProps), children), React.createElement("div", null, React.createElement(Tooltip_1.default, {
-    open: isChoroplethTooltip() ? isChoroplethTooltipOpen : isTooltipOpen,
-    anchor: container.current,
-    latitude: isChoroplethTooltip() ? null : latitude,
-    longitude: isChoroplethTooltip() ? null : longitude,
-    areaId: areaId,
-    areaValue: areaValue,
-    additionalFields: additionalFields
-  })));
+  )));
 };
-
-exports.default = MarkerWrapper;
-
-/***/ }),
-/* 50 */
-/***/ (function(module, exports) {
-
-module.exports = require("maplibre-gl");
-
-/***/ }),
-/* 51 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _taggedTemplateLiteral = __webpack_require__(11);
-
-var _templateObject;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.convertDegToDMS = void 0;
-
-var React = __webpack_require__(4);
-
-var styled_components_1 = __webpack_require__(12);
-
-var Popover_1 = __webpack_require__(52);
-
-var i18n_1 = __webpack_require__(53);
-
-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: "sc-xwewsa-0"
-})(["margin:2px 6px 2px 6px;width:calc(100% - 12px);"]);
-var StyledTitleColumn = styled_components_1.default.td.withConfig({
-  displayName: "Tooltip__StyledTitleColumn",
-  componentId: "sc-xwewsa-1"
-})(["opacity:0.85;"]);
-var StyledValueColumn = styled_components_1.default.td.withConfig({
-  displayName: "Tooltip__StyledValueColumn",
-  componentId: "sc-xwewsa-2"
-})(["text-align:right;"]);
-var StyledColorBlock = styled_components_1.default.div.withConfig({
-  displayName: "Tooltip__StyledColorBlock",
-  componentId: "sc-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;
-});
-
-var convertDegToDMS = function convertDegToDMS(decimalDegree, type) {
-  var truncate = function truncate(n) {
-    return n > 0 ? Math.floor(n) : Math.ceil(n);
-  };
-
-  var absoluteDegree = Math.abs(decimalDegree);
-  var degrees = truncate(absoluteDegree);
-  var minutes = truncate((absoluteDegree - degrees) * 60);
-  var seconds = Math.round((absoluteDegree - degrees - minutes / 60) * 3600);
-
-  if (seconds === 60) {
-    minutes += 1;
-    seconds = 0;
+var MarkerWrapper_default = MarkerWrapper;
+
+// src/Map/PureMap/BubbleLayer.tsx
+var GEO_LAT_AND_LONG_FIELD = ["_geo_long_field", "_geo_lat_field"];
+var PieSegment = react_exports.memo(
+  ({
+    start,
+    end,
+    radius,
+    color,
+    themeColor,
+    segmentMetadata,
+    handleBubbleClick
+  }) => {
+    const { name, value } = segmentMetadata != null ? segmentMetadata : {};
+    const handleSegmentClick = react_exports.useCallback(
+      (e) => {
+        handleBubbleClick(e, name, value);
+      },
+      [name, value, handleBubbleClick]
+    );
+    if (end - start === 1) {
+      return /* @__PURE__ */ react_exports.createElement(
+        "circle",
+        {
+          onClick: handleSegmentClick,
+          cx: radius,
+          cy: radius,
+          r: radius,
+          fill: color,
+          fillOpacity: 0.5,
+          strokeWidth: 1.5,
+          stroke: color
+        }
+      );
+    }
+    const a0 = 2 * Math.PI * (start - 0.25);
+    const a1 = 2 * Math.PI * (end - 0.25);
+    const x0 = Math.cos(a0);
+    const y0 = Math.sin(a0);
+    const x1 = Math.cos(a1);
+    const y1 = Math.sin(a1);
+    const arc = end - start > 0.5 ? 1 : 0;
+    return /* @__PURE__ */ react_exports.createElement(
+      "path",
+      {
+        onClick: handleSegmentClick,
+        d: `M ${radius} ${radius} L ${radius + radius * x0} ${radius + radius * y0} A ${radius} ${radius} 0 ${arc} 1 ${radius + radius * x1} ${radius + radius * y1} L ${radius} ${radius} A 0 0 0 ${arc} 0 ${radius} ${radius}`,
+        fill: color,
+        fillOpacity: 0.8,
+        stroke: themeColor,
+        strokeWidth: 2,
+        strokeOpacity: 0.3
+      }
+    );
   }
-
-  if (minutes === 60) {
-    degrees += 1;
-    minutes = 0;
+);
+PieSegment.displayName = "MapBubblePieSegment";
+var StyledMarkerWrapper = styled_components_default(MarkerWrapper_default)`
+    cursor: pointer;
+`;
+var Bubble = react_exports.memo(
+  ({
+    originalValues,
+    valueRange,
+    colors,
+    themeColor,
+    isPie,
+    latitude,
+    longitude,
+    bubbleSize,
+    additionalFields = [],
+    map,
+    handleMapClick
+  }) => {
+    const onBubbleClick = react_exports.useCallback(
+      (e, name, value) => {
+        handleMapClick(e, name, value);
+        e.stopPropagation();
+      },
+      [handleMapClick]
+    );
+    const bubble = react_exports.useMemo(() => {
+      const allZeros = originalValues.every((v) => v === 0);
+      if (allZeros || !originalValues.length) {
+        return null;
+      }
+      const values = originalValues.map((v) => v > 0 ? v : 0);
+      const offsets = [];
+      let total = 0;
+      values.forEach((count) => {
+        offsets.push(total);
+        total += count;
+      });
+      const radius = matchBubbleSize(valueRange, total);
+      const width = radius * 2;
+      return /* @__PURE__ */ react_exports.createElement("svg", { width, height: width, viewBox: `-3 -3 ${width + 6} ${width + 6}` }, isPie ? /* @__PURE__ */ react_exports.createElement(
+        "circle",
+        {
+          cx: radius,
+          cy: radius,
+          r: radius,
+          fill: "none",
+          strokeWidth: 2,
+          stroke: themeColor,
+          strokeOpacity: 0.3
+        }
+      ) : null, values.map((v, i) => /* @__PURE__ */ react_exports.createElement(
+        PieSegment,
+        {
+          key: String(i),
+          start: offsets[i] / total,
+          end: (offsets[i] + v) / total,
+          radius,
+          color: colors[i],
+          themeColor,
+          segmentMetadata: bubbleSize[i],
+          handleBubbleClick: onBubbleClick
+        }
+      )));
+    }, [bubbleSize, colors, isPie, onBubbleClick, originalValues, themeColor, valueRange]);
+    if (!bubble) {
+      return null;
+    }
+    return /* @__PURE__ */ react_exports.createElement(
+      StyledMarkerWrapper,
+      {
+        longitude,
+        latitude,
+        additionalFields: [...bubbleSize, ...additionalFields],
+        map,
+        "data-test-type": "bubble"
+      },
+      bubble
+    );
   }
+);
+Bubble.displayName = "MapBubble";
 
-  var direction;
-
-  if (type === 'longitude') {
-    direction = decimalDegree < 0 ? 'W' : 'E';
-  } else if (type === 'latitude') {
-    direction = decimalDegree < 0 ? 'S' : 'N';
+// src/common/utils/mapUtils.ts
+var columnsNullToZeros = (config, dataSources, options) => {
+  var _a, _b;
+  const { primary } = dataSources;
+  const { columns, fields } = primary.data;
+  let newColumns = columns;
+  const mergedOptions = (0, hocUtils_exports.deepMergeWithArrayPrimitiveOverrides)(
+    {},
+    options,
+    (0, JSONSchemaUtils_exports.pickFieldFromJSONSchema)(config.optionsSchema, "default")
+  );
+  if (((_b = (_a = mergedOptions.layers) == null ? void 0 : _a[0]) == null ? void 0 : _b.type) === "bubble") {
+    const latitudeField = (0, dsl_exports.getFieldsFromDSL)(mergedOptions.layers[0].latitude, dataSources)[0] || "";
+    const longitudeField = (0, dsl_exports.getFieldsFromDSL)(mergedOptions.layers[0].longitude, dataSources)[0] || "";
+    const excludedFields = [latitudeField, longitudeField, "geobin"].concat(GEO_LAT_AND_LONG_FIELD);
+    const indicesToEvaluate = new Set(
+      fields.reduce((arr, e, i) => {
+        const field = typeof e === "string" ? e : e.name.toString();
+        if (!excludedFields.includes(field)) {
+          arr.push(i);
+        }
+        return arr;
+      }, [])
+    );
+    newColumns = columns.map((column, i) => {
+      if (indicesToEvaluate.has(i)) {
+        return column.map((value) => !value || !(0, types_exports.isNumber)(value) ? 0 : +value);
+      }
+      return column;
+    });
   }
-
-  return "".concat(degrees, "\xB0 ").concat(minutes, "' ").concat(seconds, "\" ").concat(direction);
-};
-
-exports.convertDegToDMS = convertDegToDMS; // only want latitude/longitude for marker and bubble
-// omit for choropleth, and put areaid, areavalue instead
-
-var Tooltip = function Tooltip(_ref) {
-  var open = _ref.open,
-      anchor = _ref.anchor,
-      latitude = _ref.latitude,
-      longitude = _ref.longitude,
-      areaId = _ref.areaId,
-      areaValue = _ref.areaValue,
-      _ref$additionalFields = _ref.additionalFields,
-      additionalFields = _ref$additionalFields === void 0 ? [] : _ref$additionalFields;
-  return React.createElement(StyledPopover, {
-    open: open,
-    animation: false,
-    anchor: anchor,
-    "data-test": "map-marker-tooltip",
-    defaultPlacement: "above"
-  }, React.createElement(StyledTable, null, React.createElement("tbody", null, areaId && areaValue && React.createElement("tr", null, React.createElement(StyledTitleColumn, {
-    "data-test": "area-id"
-  }, areaId), React.createElement(StyledValueColumn, {
-    "data-test": "area-value"
-  }, areaValue)), latitude && React.createElement("tr", null, React.createElement(StyledTitleColumn, null, (0, i18n_1._)('Latitude')), React.createElement(StyledValueColumn, {
-    "data-test": "latitude"
-  }, (0, exports.convertDegToDMS)(latitude, 'latitude'))), longitude && React.createElement("tr", null, React.createElement(StyledTitleColumn, null, (0, i18n_1._)('Longitude')), React.createElement(StyledValueColumn, {
-    "data-test": "longitude"
-  }, (0, exports.convertDegToDMS)(longitude, 'longitude'))), additionalFields.filter(function (_ref2) {
-    var value = _ref2.value;
-    return value && String(value) !== '0';
-  }).map(function (_ref3, index) {
-    var name = _ref3.name,
-        value = _ref3.value,
-        color = _ref3.color;
-    return React.createElement("tr", {
-      key: String(index)
-    }, React.createElement(StyledTitleColumn, {
-      "data-test": "field-title"
-    }, color ? React.createElement(StyledColorBlock, {
-      "data-test": "field-color",
-      color: color
-    }) : null, name), React.createElement(StyledValueColumn, {
-      "data-test": "field-value"
-    }, value));
-  }))));
+  const modifiedDatasources = __spreadProps(__spreadValues({}, dataSources), {
+    primary: __spreadProps(__spreadValues({}, primary), {
+      data: __spreadProps(__spreadValues({}, primary.data), {
+        columns: newColumns
+      })
+    })
+  });
+  return modifiedDatasources;
 };
-
-exports.default = Tooltip;
-
-/***/ }),
-/* 52 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Popover");
-
-/***/ }),
-/* 53 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/i18n");
-
-/***/ })
-/******/ ]);
-//# sourceMappingURL=mapUtils.js.map
+//# sourceMappingURL=mapUtils.js.map