@splunk/visualizations 25.13.0 → 26.0.0

package/Map.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 407);
+/******/ 	return __webpack_require__(__webpack_require__.s = 410);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -127,7 +127,7 @@ module.exports = require("@splunk/visualizations-shared/colorUtils");
 
 /***/ }),
 
-/***/ 120:
+/***/ 121:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -139,7 +139,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.convertToArrOfObjects = void 0;
 // TODO: utilize this fn in ParallelCoordinates
 var convertToArrOfObjects = function convertToArrOfObjects(columns, fields) {
-  if (!columns || !columns[0].length) return [];
+  if (!columns || !columns[0] || !columns[0].length) return [];
   var data = [];
   var _loop = function _loop(i) {
     var newObj = {};
@@ -180,14 +180,14 @@ var Item = styled_components_1.default.div.attrs(function (_ref) {
   var width = _ref.width;
   return {
     style: {
-      width: style_1.toPx(width)
+      width: (0, style_1.toPx)(width)
     }
   };
 }).withConfig({
   displayName: "FixedSizeContainer__Item",
   componentId: "sc-1yhgpod-0"
 })(["position:relative;background-color:", "};"], function (props) {
-  return colorUtils_1.isColor(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor;
+  return (0, colorUtils_1.isColor)(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor;
 });
 // Use `.attrs()` for highly dynamic styles. Ref: https://github.com/styled-components/styled-components/issues/134#issuecomment-312415291
 var FixSizeItem = styled_components_1.default.div.attrs(function (_ref2) {
@@ -195,16 +195,16 @@ var FixSizeItem = styled_components_1.default.div.attrs(function (_ref2) {
     height = _ref2.height;
   return {
     style: Object.assign(Object.assign({}, width && {
-      width: style_1.toPx(width)
+      width: (0, style_1.toPx)(width)
     }), height && {
-      height: style_1.toPx(height)
+      height: (0, style_1.toPx)(height)
     })
   };
 }).withConfig({
   displayName: "FixedSizeContainer__FixSizeItem",
   componentId: "sc-1yhgpod-1"
 })(["position:relative;flex-direction:column;flex:1;display:flex;background-color:", "};"], function (props) {
-  return colorUtils_1.isColor(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor;
+  return (0, colorUtils_1.isColor)(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor;
 });
 var ItemContent = styled_components_1.default.div.withConfig({
   displayName: "FixedSizeContainer__ItemContent",
@@ -228,7 +228,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
     }
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "25.13.0 - 572f25c03",
+      "data-splunk-visualization-version": "26.0.0 - 2f7458907",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -248,7 +248,7 @@ exports.default = withFixedSizeContainer;
 
 /***/ }),
 
-/***/ 130:
+/***/ 131:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -257,6 +257,8 @@ exports.default = withFixedSizeContainer;
 var _slicedToArray = __webpack_require__(17);
 var _defineProperty = __webpack_require__(7);
 var _toConsumableArray = __webpack_require__(8);
+var _taggedTemplateLiteral = __webpack_require__(59);
+var _templateObject;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -265,8 +267,8 @@ var React = __webpack_require__(1);
 var styled_components_1 = __webpack_require__(4);
 var lodash_1 = __webpack_require__(3);
 var colorUtils_1 = __webpack_require__(12);
-var MapUtils_1 = __webpack_require__(90);
-var MarkerWrapper_1 = __webpack_require__(131);
+var MapUtils_1 = __webpack_require__(91);
+var MarkerWrapper_1 = __webpack_require__(132);
 exports.GEO_BOUND_PREFIX = '_geo_bounds_';
 exports.GEO_LAT_AND_LONG_FIELD = ['_geo_long_field', '_geo_lat_field'];
 exports.PieSegment = React.memo(function (_ref) {
@@ -313,10 +315,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,
@@ -352,7 +351,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,
@@ -400,10 +399,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,
@@ -429,7 +428,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) {
@@ -451,7 +450,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],
@@ -491,7 +490,7 @@ exports.default = BubbleLayer;
 
 /***/ }),
 
-/***/ 131:
+/***/ 132:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -511,9 +510,9 @@ var __rest = this && this.__rest || function (s, e) {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var maplibre_gl_1 = __webpack_require__(156);
+var maplibre_gl_1 = __webpack_require__(159);
 var React = __webpack_require__(1);
-var Tooltip_1 = __webpack_require__(413);
+var Tooltip_1 = __webpack_require__(416);
 var MarkerWrapper = function MarkerWrapper(_a) {
   var longitude = _a.longitude,
     latitude = _a.latitude,
@@ -593,7 +592,7 @@ exports.default = MarkerWrapper;
 
 /***/ }),
 
-/***/ 132:
+/***/ 133:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-encoding/utils/dsl");
@@ -638,21 +637,28 @@ exports.extendStaticWrapperProps = extendStaticWrapperProps;
 
 /***/ }),
 
-/***/ 155:
+/***/ 158:
 /***/ (function(module, exports) {
 
 module.exports = require("chroma-js");
 
 /***/ }),
 
-/***/ 156:
+/***/ 159:
 /***/ (function(module, exports) {
 
 module.exports = require("maplibre-gl");
 
 /***/ }),
 
-/***/ 157:
+/***/ 16:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/visualizations-shared/schemaUtils");
+
+/***/ }),
+
+/***/ 160:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -665,8 +671,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.Choropleth = exports.cleanupChoropleth = exports.compareChoropleth = exports.compareGeom = void 0;
 var React = __webpack_require__(1);
 var lodash_1 = __webpack_require__(3);
-var MapUtils_1 = __webpack_require__(90);
-var MarkerWrapper_1 = __webpack_require__(131);
+var MapUtils_1 = __webpack_require__(91);
+var MarkerWrapper_1 = __webpack_require__(132);
 var getShapeId = function getShapeId(id) {
   return "shape-".concat(id);
 };
@@ -678,13 +684,13 @@ var getStrokeId = function getStrokeId(id) {
 };
 var compareGeom = function compareGeom(prev, next) {
   if (prev !== null && next !== null) {
-    return prev.type === next.type && lodash_1.isEqual(prev.coordinates, next.coordinates);
+    return prev.type === next.type && (0, lodash_1.isEqual)(prev.coordinates, next.coordinates);
   }
   return prev === null && next === null;
 };
 exports.compareGeom = compareGeom;
 var compareChoropleth = function compareChoropleth(prevProps, nextProps) {
-  return exports.compareGeom(prevProps.geomData, nextProps.geomData) && prevProps.id === nextProps.id && prevProps.map === nextProps.map && prevProps.areaId === nextProps.areaId && prevProps.areaValue === nextProps.areaValue && prevProps.color === nextProps.color && prevProps.opacity === nextProps.opacity && prevProps.strokeColor === nextProps.strokeColor && prevProps.isThemeChanged === nextProps.isThemeChanged && lodash_1.isEqual(prevProps.additionalFields, nextProps.additionalFields) && prevProps.handleMapClick.toString() === nextProps.handleMapClick.toString();
+  return (0, exports.compareGeom)(prevProps.geomData, nextProps.geomData) && prevProps.id === nextProps.id && prevProps.map === nextProps.map && prevProps.areaId === nextProps.areaId && prevProps.areaValue === nextProps.areaValue && prevProps.color === nextProps.color && prevProps.opacity === nextProps.opacity && prevProps.strokeColor === nextProps.strokeColor && prevProps.isThemeChanged === nextProps.isThemeChanged && (0, lodash_1.isEqual)(prevProps.additionalFields, nextProps.additionalFields) && prevProps.handleMapClick.toString() === nextProps.handleMapClick.toString();
 };
 exports.compareChoropleth = compareChoropleth;
 var cleanupChoropleth = function cleanupChoropleth(shapeId, sourceId, strokeId, map) {
@@ -751,7 +757,7 @@ exports.Choropleth = React.memo(function (_ref) {
   var updateChoropleth = React.useCallback(function () {
     // Apply changes by removing the existing choropleth and creating a new one
     // instead of mutating the current
-    exports.cleanupChoropleth(shapeId, sourceId, strokeId, map);
+    (0, exports.cleanupChoropleth)(shapeId, sourceId, strokeId, map);
     // In order to set a different color and opacity to each choropleth region
     // we are creating a different layer for each region, and each layer requires a source
     map.current.addSource(sourceId, {
@@ -803,7 +809,7 @@ exports.Choropleth = React.memo(function (_ref) {
   // Clean up on unmount
   React.useEffect(function () {
     return function () {
-      return exports.cleanupChoropleth(shapeId, sourceId, strokeId, map);
+      return (0, exports.cleanupChoropleth)(shapeId, sourceId, strokeId, map);
     };
   }, []);
   if (isThemeChanged) {
@@ -836,14 +842,14 @@ var ChoroplethLayer = function ChoroplethLayer(props) {
     setIsThemeChanged = props.setIsThemeChanged,
     onMapClick = props.onMapClick;
   var cfgOpacity = Math.min(Math.max(choroplethLayer === null || choroplethLayer === void 0 ? void 0 : choroplethLayer.choroplethOpacity, 0), 1);
-  var scaledOpacities = (_a = MapUtils_1.getScaledOpacities(choroplethLayer === null || choroplethLayer === void 0 ? void 0 : choroplethLayer.dataColors, cfgOpacity)) !== null && _a !== void 0 ? _a : [];
+  var scaledOpacities = (_a = (0, MapUtils_1.getScaledOpacities)(choroplethLayer === null || choroplethLayer === void 0 ? void 0 : choroplethLayer.dataColors, cfgOpacity)) !== null && _a !== void 0 ? _a : [];
   var colors = (_b = choroplethLayer === null || choroplethLayer === void 0 ? void 0 : choroplethLayer.dataColors) === null || _b === void 0 ? void 0 : _b.map(function (color) {
     return (color === null || color === void 0 ? void 0 : color.length) > 7 ? color.slice(0, 7) : color;
   });
   var limit = Math.min((_c = choroplethLayer === null || choroplethLayer === void 0 ? void 0 : choroplethLayer.areaIds) === null || _c === void 0 ? void 0 : _c.length, (_d = choroplethLayer === null || choroplethLayer === void 0 ? void 0 : choroplethLayer.areaValues) === null || _d === void 0 ? void 0 : _d.length, (_f = (_e = choroplethLayer === null || choroplethLayer === void 0 ? void 0 : choroplethLayer.geom) === null || _e === void 0 ? void 0 : _e.length) !== null && _f !== void 0 ? _f : 0, (choroplethLayer === null || choroplethLayer === void 0 ? void 0 : choroplethLayer.resultLimit) ? choroplethLayer.resultLimit : MapUtils_1.DEFAULT_RESULT_LIMIT);
   var areaIdSliced = (_h = (_g = choroplethLayer === null || choroplethLayer === void 0 ? void 0 : choroplethLayer.areaIds) === null || _g === void 0 ? void 0 : _g.slice(0, limit)) !== null && _h !== void 0 ? _h : [];
   // generate a unique id if areaIds are not unique
-  var uniqueAreaIdSliced = lodash_1.uniq(areaIdSliced).length !== areaIdSliced.length ? areaIdSliced.map(function (id, i) {
+  var uniqueAreaIdSliced = (0, lodash_1.uniq)(areaIdSliced).length !== areaIdSliced.length ? areaIdSliced.map(function (id, i) {
     return "".concat(id).concat(i);
   }) : areaIdSliced;
   var additionalFields = (choroplethLayer === null || choroplethLayer === void 0 ? void 0 : choroplethLayer.metadata) ? choroplethLayer.metadata.map(function (choroplethMetadata) {
@@ -855,7 +861,7 @@ var ChoroplethLayer = function ChoroplethLayer(props) {
     });
   }) : [];
   var _handleMapClick = function handleMapClick(e, i) {
-    var payload = MapUtils_1.formatMetadata(choroplethLayer, i);
+    var payload = (0, MapUtils_1.formatMetadata)(choroplethLayer, i);
     onMapClick({
       e: e,
       payload: payload
@@ -892,13 +898,6 @@ exports.default = ChoroplethLayer;
 
 /***/ }),
 
-/***/ 16:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/visualizations-shared/schemaUtils");
-
-/***/ }),
-
 /***/ 17:
 /***/ (function(module, exports) {
 
@@ -1087,8 +1086,8 @@ function hasCompatibleOptions(vizOptions, presetOptions) {
  */
 function getInitialPreset(vizContext, vizOptions, presets) {
   return presets.find(function (preset) {
-    var presetContext = lodash_1.get(preset, ['value', 'context'], {});
-    var presetOptions = lodash_1.get(preset, ['value', 'options'], {});
+    var presetContext = (0, lodash_1.get)(preset, ['value', 'context'], {});
+    var presetOptions = (0, lodash_1.get)(preset, ['value', 'options'], {});
     var presetContextKeys = Object.keys(presetContext);
     var presetOptionKeys = Object.keys(presetOptions);
     // all presets have to explicitly specify which options to reset (i.e. need explicitly undefined keys)
@@ -1105,7 +1104,7 @@ exports.getInitialPreset = getInitialPreset;
  * @returns {{ label: string; value; string  }[]} array of { label, value } tuples
  */
 function generatePrecisionValues(numPrecisionValues) {
-  return lodash_1.range(0, numPrecisionValues + 1).map(function (i) {
+  return (0, lodash_1.range)(0, numPrecisionValues + 1).map(function (i) {
     return {
       label: "".concat(i, " (0").concat(i > 0 ? '.' : '').concat('0'.repeat(i), ")"),
       value: i
@@ -1141,28 +1140,28 @@ module.exports = require("@splunk/visualization-context/FeatureFlagContext");
 /***/ 25:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualization-context/TimezoneContext");
+module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
 /***/ 26:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/hocUtils");
+module.exports = require("@splunk/visualization-context/TimezoneContext");
 
 /***/ }),
 
 /***/ 27:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/JSONSchemaUtils");
+module.exports = require("@splunk/visualizations-shared/hocUtils");
 
 /***/ }),
 
-/***/ 29:
+/***/ 28:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualization-encoding/Options");
+module.exports = require("@splunk/visualizations-shared/JSONSchemaUtils");
 
 /***/ }),
 
@@ -1173,7 +1172,14 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 31:
+/***/ 30:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/visualization-encoding/Options");
+
+/***/ }),
+
+/***/ 32:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1197,9 +1203,9 @@ var FixedSizeContainer_1 = __webpack_require__(13);
  */
 var shouldShowIconPlaceholder = function shouldShowIconPlaceholder(dataSources) {
   var loading = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var data = lodash_1.get(dataSources, 'primary.data.columns[0]', undefined);
+  var data = (0, lodash_1.get)(dataSources, 'primary.data.columns[0]', undefined);
   var noData = data === undefined;
-  var fields = lodash_1.get(dataSources, 'primary.data.fields[0]', undefined);
+  var fields = (0, lodash_1.get)(dataSources, 'primary.data.fields[0]', undefined);
   var noFields = fields === undefined;
   return loading || noData || noFields;
 };
@@ -1240,7 +1246,7 @@ var IconPlaceholder = function IconPlaceholder(props) {
     width: width,
     height: height,
     level: "warning",
-    message: i18n_1._('No DataSource Connected')
+    message: (0, i18n_1._)('No DataSource Connected')
   });
 };
 IconPlaceholder.propTypes = propTypes;
@@ -1248,14 +1254,7 @@ IconPlaceholder.defaultProps = {
   width: '100%',
   height: 250
 };
-exports.default = FixedSizeContainer_1.default(IconPlaceholder);
-
-/***/ }),
-
-/***/ 32:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/id");
+exports.default = (0, FixedSizeContainer_1.default)(IconPlaceholder);
 
 /***/ }),
 
@@ -1290,7 +1289,7 @@ var getSortingParams = function getSortingParams(_ref) {
   };
   var onSort;
   if (typeof onRequestParamsChange === 'function') {
-    if (requestParams && lodash_1.has(requestParams, 'sort')) {
+    if (requestParams && (0, lodash_1.has)(requestParams, 'sort')) {
       currentSortKey = Object.keys(requestParams.sort).shift();
       currentSortDir = requestParams.sort[currentSortKey];
     }
@@ -1299,7 +1298,7 @@ var getSortingParams = function getSortingParams(_ref) {
       var sortKey = _ref2.sortKey,
         sortDir = _ref2.sortDir;
       if (typeof sortKey === 'string') {
-        var nextSortDir = lodash_1.has(nextSortDirMap, sortDir) ? nextSortDirMap[sortDir] : 'none';
+        var nextSortDir = (0, lodash_1.has)(nextSortDirMap, sortDir) ? nextSortDirMap[sortDir] : 'none';
         onRequestParamsChange(Object.assign(Object.assign({}, requestParams), {
           offset: 0,
           sort: _defineProperty({}, sortKey, nextSortDir)
@@ -1350,7 +1349,7 @@ var getPaginationParams = function getPaginationParams(_ref) {
   var onChangeHandler = function onChangeHandler(e, _ref2) {
     var page = _ref2.page,
       countArg = _ref2.count;
-    var newParams = lodash_1.cloneDeep(requestParams);
+    var newParams = (0, lodash_1.cloneDeep)(requestParams);
     if (typeof countArg === 'number') {
       newParams.count = countArg;
       newParams.offset = 0;
@@ -1414,16 +1413,16 @@ Object.defineProperty(exports, "__esModule", {
 var React = __webpack_require__(1);
 var lodash_1 = __webpack_require__(3);
 var getSettingsFromThemedProps_1 = __webpack_require__(37);
-var Options_1 = __webpack_require__(29);
+var Options_1 = __webpack_require__(30);
 var SanitizeProps_1 = __webpack_require__(38);
-var TimezoneContext_1 = __webpack_require__(25);
+var TimezoneContext_1 = __webpack_require__(26);
 var moment_1 = __webpack_require__(39);
 var FeatureFlagContext_1 = __webpack_require__(21);
 var styled_components_1 = __webpack_require__(4);
-var hocUtils_1 = __webpack_require__(26);
-var JSONSchemaUtils_1 = __webpack_require__(27);
+var hocUtils_1 = __webpack_require__(27);
+var JSONSchemaUtils_1 = __webpack_require__(28);
 var async_dynamic_options_evaluator_1 = __webpack_require__(40);
-var id_1 = __webpack_require__(32);
+var id_1 = __webpack_require__(25);
 var SplunkVisualization_1 = __webpack_require__(41);
 var VizBehavior_1 = __webpack_require__(6);
 var getSorting_1 = __webpack_require__(33);
@@ -1444,8 +1443,8 @@ var withDashboardViz = function withDashboardViz(opts) {
     computeVizProps = _opts$computeVizProps === void 0 ? function () {} : _opts$computeVizProps,
     disableEditModeCover = opts.disableEditModeCover,
     useIconPlaceholder = opts.useIconPlaceholder; // sanitizing props before sending them to reactviz.
-  var SanitizedReactViz = SanitizeProps_1.withSanitizedProps(ReactViz);
-  var defaultOptions = JSONSchemaUtils_1.pickFieldFromJSONSchema(vizConfig.optionsSchema, 'default');
+  var SanitizedReactViz = (0, SanitizeProps_1.withSanitizedProps)(ReactViz);
+  var defaultOptions = (0, JSONSchemaUtils_1.pickFieldFromJSONSchema)(vizConfig.optionsSchema, 'default');
   var DashboardViz = function DashboardViz(props) {
     var _a;
     var mode = props.mode,
@@ -1480,19 +1479,19 @@ var withDashboardViz = function withDashboardViz(opts) {
       return (_b = (_a = vizConfig.themes)[themeVar]) === null || _b === void 0 ? void 0 : _b.call(_a, props);
     };
     var bgColorFromTheme = themeFunc('defaultBackgroundColor');
-    var _getSettingsFromTheme = getSettingsFromThemedProps_1.default({
+    var _ref = (0, getSettingsFromThemedProps_1.default)({
         theme: theme
       }),
-      currentThemeFamily = _getSettingsFromTheme.family,
-      currentThemeColorScheme = _getSettingsFromTheme.colorScheme,
-      currentThemeDensity = _getSettingsFromTheme.density;
+      currentThemeFamily = _ref.family,
+      currentThemeColorScheme = _ref.colorScheme,
+      currentThemeDensity = _ref.density;
     var evaluatedOptions = {}; // evaluatedOptions need to be initialized as an empty object
     var _React$useState = React.useState({}),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       evaluatedOptionsAsync = _React$useState2[0],
       setEvaluatedOptionsAsync = _React$useState2[1]; // evaluatedOptions need to be initialized as an empty object
     var featureFlagContext = React.useContext(FeatureFlagContext_1.default);
-    var _React$useState3 = React.useState("".concat(vizConfig.name, " - ").concat(id_1.createGUID())),
+    var _React$useState3 = React.useState("".concat(vizConfig.name, " - ").concat((0, id_1.createGUID)())),
       _React$useState4 = _slicedToArray(_React$useState3, 1),
       visualizationID = _React$useState4[0];
     var _React$useState5 = React.useState({}),
@@ -1503,16 +1502,17 @@ var withDashboardViz = function withDashboardViz(opts) {
       _React$useState8 = _slicedToArray(_React$useState7, 2),
       dataFramesInState = _React$useState8[0],
       setDataFramesInState = _React$useState8[1];
-    var _React$useState9 = React.useState(Boolean(featureFlagContext && featureFlagContext.visualizations_useWebWorkersForDSL && typeof Worker !== 'undefined')),
+    var _React$useState9 = React.useState(Boolean(featureFlagContext === null || featureFlagContext === void 0 ? void 0 : featureFlagContext.visualizations_useWebWorkersForDSL)),
       _React$useState10 = _slicedToArray(_React$useState9, 2),
       useAsyncEvaluatedOptions = _React$useState10[0],
       setUseAsyncEvaluatedOptions = _React$useState10[1];
-    evaluatedOptions = useDeepMemo_1.useDeepMemo(function () {
+    var isMounted = React.useRef(true);
+    evaluatedOptions = (0, useDeepMemo_1.useDeepMemo)(function () {
       try {
         if (useAsyncEvaluatedOptions) {
           var optionsToEvaluate = {
-            context: lodash_1.defaultsDeep({}, context, vizConfig.defaultContext),
-            options: hocUtils_1.deepMergeWithArrayPrimitiveOverrides({}, options, defaultOptions)
+            context: (0, lodash_1.defaultsDeep)({}, context, vizConfig.defaultContext),
+            options: (0, hocUtils_1.deepMergeWithArrayPrimitiveOverrides)({}, options, defaultOptions)
           };
           var asyncDynamicOptionsEvaluatorParams = {
             visualizationID: visualizationID,
@@ -1523,10 +1523,10 @@ var withDashboardViz = function withDashboardViz(opts) {
           };
           async_dynamic_options_evaluator_1.default.evaluate(asyncDynamicOptionsEvaluatorParams).then(function (results) {
             setEvaluatedOptionsAsync(results.results);
-          }).catch(function (e) {
-            // eslint-disable-next-line no-console
-            console.error("unexpected error evaluating options - async: ".concat(e.message));
-            setUseAsyncEvaluatedOptions(false);
+          }).catch(function () {
+            if (isMounted.current) {
+              setUseAsyncEvaluatedOptions(false);
+            }
           });
         } else {
           var dataFrames = dataFramesInState;
@@ -1536,8 +1536,8 @@ var withDashboardViz = function withDashboardViz(opts) {
             setDataFramesInState(dataFrames);
           }
           return Options_1.Options.evaluate({
-            context: lodash_1.defaultsDeep({}, context, vizConfig.defaultContext),
-            options: hocUtils_1.deepMergeWithArrayPrimitiveOverrides({}, options, defaultOptions)
+            context: (0, lodash_1.defaultsDeep)({}, context, vizConfig.defaultContext),
+            options: (0, hocUtils_1.deepMergeWithArrayPrimitiveOverrides)({}, options, defaultOptions)
           }, dataSources, themeFunc, dataFrames);
         }
       } catch (e) {
@@ -1566,6 +1566,7 @@ var withDashboardViz = function withDashboardViz(opts) {
     React.useEffect(function () {
       return function () {
         if (useAsyncEvaluatedOptions) {
+          isMounted.current = false;
           async_dynamic_options_evaluator_1.default.reset(visualizationID);
         }
       };
@@ -1575,7 +1576,7 @@ var withDashboardViz = function withDashboardViz(opts) {
     var _vizConfig$requiredPr = vizConfig.requiredProps,
       requiredProps = _vizConfig$requiredPr === void 0 ? [] : _vizConfig$requiredPr,
       supports = vizConfig.supports;
-    var missing = MissingPropsMessage_1.missingKeys(requiredProps, evaluatedOptionsToUse);
+    var missing = (0, MissingPropsMessage_1.missingKeys)(requiredProps, evaluatedOptionsToUse);
     if (missing.length > 0 && supports.includes(VizBehavior_1.VizBehavior.PLACEHOLDER) && vizConfig.key !== 'splunk.singlevalue' // For SV missing props msg is not displayed if required props majorValue is missing, instead this will be handled from the component, instead handled within component
     ) {
       return React.createElement(MissingPropsMessage_1.default, {
@@ -1591,7 +1592,7 @@ var withDashboardViz = function withDashboardViz(opts) {
     if (hasEventHandlers && mode === 'view' && vizConfig.supports.indexOf(VizBehavior_1.VizBehavior.EVENTS) > -1) {
       var supportedEvents = vizConfig.events;
       Object.keys(supportedEvents).forEach(function (eventName) {
-        var eventCallbackPropName = lodash_1.camelCase("on.".concat(eventName));
+        var eventCallbackPropName = (0, lodash_1.camelCase)("on.".concat(eventName));
         eventCallbackProps[eventCallbackPropName] = null;
         // todo: refactor single value and single value icon to send payload from viz
         // then remove these lines
@@ -1634,19 +1635,19 @@ var withDashboardViz = function withDashboardViz(opts) {
      */
     var dataSourceMetadata = {};
     var OptionKey = 'paginateDataSourceKey';
-    var paginateDataSourceKey = lodash_1.has(evaluatedOptionsToUse, OptionKey) && evaluatedOptionsToUse[OptionKey] || 'primary';
-    if (vizConfig.supports.indexOf(VizBehavior_1.VizBehavior.PAGE_AND_SORT) > -1 && lodash_1.has(dataSources, paginateDataSourceKey)) {
-      var requestParams = lodash_1.get(dataSources, [paginateDataSourceKey, 'requestParams'], {});
-      var meta = lodash_1.get(dataSources, [paginateDataSourceKey, 'meta'], {});
+    var paginateDataSourceKey = (0, lodash_1.has)(evaluatedOptionsToUse, OptionKey) && evaluatedOptionsToUse[OptionKey] || 'primary';
+    if (vizConfig.supports.indexOf(VizBehavior_1.VizBehavior.PAGE_AND_SORT) > -1 && (0, lodash_1.has)(dataSources, paginateDataSourceKey)) {
+      var requestParams = (0, lodash_1.get)(dataSources, [paginateDataSourceKey, 'requestParams'], {});
+      var meta = (0, lodash_1.get)(dataSources, [paginateDataSourceKey, 'meta'], {});
       var handleRequestParamsChange = function handleRequestParamsChange(payload) {
         return onRequestParamsChange(paginateDataSourceKey, payload);
       };
-      var sortParams = getSorting_1.getSortingParams({
+      var sortParams = (0, getSorting_1.getSortingParams)({
         requestParams: requestParams,
         meta: meta,
         onRequestParamsChange: handleRequestParamsChange
       });
-      var paginatorParams = getPagination_1.getPaginationParams({
+      var paginatorParams = (0, getPagination_1.getPaginationParams)({
         requestParams: requestParams,
         meta: meta,
         onRequestParamsChange: handleRequestParamsChange
@@ -1674,7 +1675,7 @@ var withDashboardViz = function withDashboardViz(opts) {
   // attach viz config
   DashboardViz.config = vizConfig;
   // @ts-ignore: TODO fix sc upgrade TS issues
-  return styled_components_1.withTheme(withPlaceholder_1.default(withEditModeCover_1.default(DashboardViz, disableEditModeCover), useIconPlaceholder));
+  return (0, styled_components_1.withTheme)((0, withPlaceholder_1.default)((0, withEditModeCover_1.default)(DashboardViz, disableEditModeCover), useIconPlaceholder));
 };
 exports.default = withDashboardViz;
 
@@ -1715,7 +1716,137 @@ module.exports = require("@splunk/async-dynamic-options-evaluator");
 
 /***/ }),
 
-/***/ 407:
+/***/ 41:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var _classCallCheck = __webpack_require__(9);
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.INITIAL_HEIGHT = exports.INITIAL_WIDTH = void 0;
+/* eslint-disable react/no-unused-prop-types,react/prefer-stateless-function */
+var T = __webpack_require__(0);
+var lodash_1 = __webpack_require__(3);
+var VizActionHandler_1 = __webpack_require__(42);
+// this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
+exports.INITIAL_WIDTH = 250;
+exports.INITIAL_HEIGHT = 250;
+/**
+ * A Splunk visualization
+ */
+var SplunkVisualization = function SplunkVisualization() {
+  _classCallCheck(this, SplunkVisualization);
+};
+SplunkVisualization.propTypes = {
+  /**
+   * display mode
+   */
+  mode: T.oneOf(['view', 'edit', 'export']).isRequired,
+  /**
+   * width in pixel or string, defaults to 100%
+   */
+  width: T.oneOfType([T.string, T.number]).isRequired,
+  /**
+   * height in pixel or string
+   */
+  height: T.oneOfType([T.string, T.number]).isRequired,
+  /**
+   * visualization context used for dynamic option evaluation
+   */
+  context: T.object,
+  /**
+   * visualization formatting options
+   */
+  options: T.object,
+  /**
+   * A callback to update formatting options
+   */
+  onOptionsChange: T.func,
+  /**
+   * datasource state which include data and request params, object key indicate the datasource type.
+   */
+  dataSources: T.objectOf(T.shape({
+    /**
+     * current request params
+     */
+    requestParams: T.object,
+    /**
+     * current dataset
+     */
+    data: T.shape({
+      fields: T.array,
+      columns: T.array
+    }),
+    /**
+     * error
+     */
+    error: T.shape({
+      level: T.string,
+      message: T.string
+    }),
+    /**
+     * meta data that came with the dataset
+     */
+    meta: T.object
+  })),
+  /**
+   * A callback to trigger event
+   */
+  onEventTrigger: T.func,
+  /**
+   * Inform viz if there are handlers listening to events
+   */
+  hasEventHandlers: T.bool,
+  /**
+   * A callback to communicate computed props to a consumer
+   */
+  onComputedProps: T.func,
+  /**
+   * A callback to obtain visualization api
+   */
+  vizActionHandlerRef: T.func,
+  loading: T.bool,
+  theme: T.object,
+  /**
+   * A callback to request new data with updated request params
+   */
+  onRequestParamsChange: T.func
+};
+/**
+ *
+ */
+SplunkVisualization.defaultProps = {
+  // BaseVisualization in dashboard-visualizations uses 100% for width but 250 for height
+  width: '100%',
+  height: exports.INITIAL_HEIGHT,
+  dataSources: {},
+  onEventTrigger: function onEventTrigger() {
+    return {};
+  },
+  mode: 'view',
+  hasEventHandlers: false,
+  options: {},
+  context: {},
+  onOptionsChange: function onOptionsChange() {
+    return {};
+  },
+  vizActionHandlerRef: function vizActionHandlerRef() {
+    return new VizActionHandler_1.DefaultVizActionHandler();
+  },
+  onComputedProps: function onComputedProps() {
+    return {};
+  },
+  loading: false,
+  onRequestParamsChange: lodash_1.noop
+};
+exports.default = SplunkVisualization;
+
+/***/ }),
+
+/***/ 410:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1738,16 +1869,16 @@ exports.PureMap = exports.config = exports.themes = exports.useIconPlaceholder =
 /* eslint-disable no-sequences */
 var React = __webpack_require__(1);
 var colorUtils_1 = __webpack_require__(12);
-var hocUtils_1 = __webpack_require__(26);
-var JSONSchemaUtils_1 = __webpack_require__(27);
-var PureMap_1 = __webpack_require__(408);
+var hocUtils_1 = __webpack_require__(27);
+var JSONSchemaUtils_1 = __webpack_require__(28);
+var PureMap_1 = __webpack_require__(411);
 exports.PureMap = PureMap_1.default;
-var config_1 = __webpack_require__(418);
+var config_1 = __webpack_require__(421);
 exports.config = config_1.default;
 var withDashboardViz_1 = __webpack_require__(36);
-var mapUtils_1 = __webpack_require__(419);
-var BubbleLayer_1 = __webpack_require__(130);
-var dataUtils_1 = __webpack_require__(120);
+var mapUtils_1 = __webpack_require__(422);
+var BubbleLayer_1 = __webpack_require__(131);
+var dataUtils_1 = __webpack_require__(121);
 var formatLayer = function formatLayer(l, dataFields, dataSourceData, transformedData) {
   // add key `geobin` to the layer object if the data is returned from geostats commands
   // to distinguish geostats commands from table commands
@@ -1765,10 +1896,10 @@ var formatLayer = function formatLayer(l, dataFields, dataSourceData, transforme
   }
   // Sanitize colors within layers
   if (Object.prototype.hasOwnProperty.call(layer, 'seriesColors')) {
-    layer.seriesColors = Array.isArray(layer.seriesColors) ? colorUtils_1.sanitizeArrayOfColors(layer.seriesColors) : undefined;
+    layer.seriesColors = Array.isArray(layer.seriesColors) ? (0, colorUtils_1.sanitizeArrayOfColors)(layer.seriesColors) : undefined;
   }
   if (Object.prototype.hasOwnProperty.call(layer, 'dataColors')) {
-    layer.dataColors = Array.isArray(layer.dataColors) ? colorUtils_1.sanitizeArrayOfColors(layer.dataColors) : undefined;
+    layer.dataColors = Array.isArray(layer.dataColors) ? (0, colorUtils_1.sanitizeArrayOfColors)(layer.dataColors) : undefined;
   }
   layer.metadata = transformedData;
 };
@@ -1791,7 +1922,7 @@ var computeVizProps = function computeVizProps(props) {
   var dataSourceData = (_b = (_a = dataSources === null || dataSources === void 0 ? void 0 : dataSources.primary) === null || _a === void 0 ? void 0 : _a.data) !== null && _b !== void 0 ? _b : {};
   // transforms data structure into array of objects to allow for indexing metadata at layer level
   // TODO: explore any potential changes when multiple layers are supported
-  var transformedData = dataUtils_1.convertToArrOfObjects(dataSourceData.columns, dataSourceData.fields);
+  var transformedData = (0, dataUtils_1.convertToArrOfObjects)(dataSourceData.columns, dataSourceData.fields);
   var dataFields = ((_c = dataSourceData.fields) !== null && _c !== void 0 ? _c : []).map(function (field) {
     return typeof field === 'string' ? field : field.name;
   });
@@ -1817,7 +1948,7 @@ var withTooltipFields = function withTooltipFields(Viz) {
         options: options
       }));
     }
-    var mergedOptions = hocUtils_1.deepMergeWithArrayPrimitiveOverrides({}, options, JSONSchemaUtils_1.pickFieldFromJSONSchema(config_1.default.optionsSchema, 'default'));
+    var mergedOptions = (0, hocUtils_1.deepMergeWithArrayPrimitiveOverrides)({}, options, (0, JSONSchemaUtils_1.pickFieldFromJSONSchema)(config_1.default.optionsSchema, 'default'));
     if ((_b = mergedOptions.layers) === null || _b === void 0 ? void 0 : _b[0]) {
       if (((_d = (_c = mergedOptions.layers) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.type) === 'bubble') {
         // make sure bubbleSize and bubbleSizeFields dsl evaluation happen at the last HOC "withDashboardViz".
@@ -1906,7 +2037,7 @@ var withNullToZeros = function withNullToZeros(Viz) {
         options: options
       }, otherProps));
     }
-    var modifiedDatasources = mapUtils_1.columnsNullToZeros(config_1.default, dataSources, options);
+    var modifiedDatasources = (0, mapUtils_1.columnsNullToZeros)(config_1.default, dataSources, options);
     return React.createElement(Viz, Object.assign({
       dataSources: modifiedDatasources,
       options: options
@@ -1921,7 +2052,7 @@ function useIconPlaceholder(dataSources, loading) {
   return loading;
 }
 exports.useIconPlaceholder = useIconPlaceholder;
-var Map = withoutInternalFields(withTooltipFields(withNullToZeros(withDashboardViz_1.default({
+var Map = withoutInternalFields(withTooltipFields(withNullToZeros((0, withDashboardViz_1.default)({
   ReactViz: PureMap_1.default,
   vizConfig: config_1.default,
   computeVizProps: exports.computeVizProps,
@@ -1934,7 +2065,7 @@ exports.default = Map;
 
 /***/ }),
 
-/***/ 408:
+/***/ 411:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1949,15 +2080,15 @@ var React = __webpack_require__(1);
 var lodash_1 = __webpack_require__(3);
 var react_1 = __webpack_require__(1);
 var T = __webpack_require__(0);
-var chroma = __webpack_require__(155);
-var maplibre_gl_1 = __webpack_require__(156);
+var chroma = __webpack_require__(158);
+var maplibre_gl_1 = __webpack_require__(159);
 var i18n_1 = __webpack_require__(2);
-var MapContext_1 = __webpack_require__(409);
-var PureMapContainer_1 = __webpack_require__(410);
-var MapUtils_1 = __webpack_require__(90);
-var ClusterLayer_1 = __webpack_require__(412);
-var ChoroplethLayer_1 = __webpack_require__(157);
-var LocalChoroplethLayer_1 = __webpack_require__(415);
+var MapContext_1 = __webpack_require__(412);
+var PureMapContainer_1 = __webpack_require__(413);
+var MapUtils_1 = __webpack_require__(91);
+var ClusterLayer_1 = __webpack_require__(415);
+var ChoroplethLayer_1 = __webpack_require__(160);
+var LocalChoroplethLayer_1 = __webpack_require__(418);
 exports.DEFAULT_CENTER = [0, 0];
 exports.DEFAULT_CONTROL_BACKGROUND_COLOR = '#2b3033';
 exports.DEFAULT_CONTROL_FOREGROUND_COLOR = '#B5B5B5';
@@ -1998,27 +2129,27 @@ var PureMap = function PureMap(props) {
     onOptionsChange = props.onOptionsChange,
     mode = props.mode,
     title = props.title;
-  var _react_1$useContext = react_1.useContext(MapContext_1.default),
-    defaultTileConfig = _react_1$useContext.defaultTileConfig,
-    customTileConfig = _react_1$useContext.customTileConfig;
-  var basemapContainer = react_1.useRef(null);
-  var map = react_1.useRef(null);
-  var scaleControl = react_1.useRef(null);
-  var zoomControl = react_1.useRef(null);
-  var _react_1$useMemo = react_1.useMemo(function () {
-      return MapUtils_1.getTilePreset({
+  var _ref = (0, react_1.useContext)(MapContext_1.default),
+    defaultTileConfig = _ref.defaultTileConfig,
+    customTileConfig = _ref.customTileConfig;
+  var basemapContainer = (0, react_1.useRef)(null);
+  var map = (0, react_1.useRef)(null);
+  var scaleControl = (0, react_1.useRef)(null);
+  var zoomControl = (0, react_1.useRef)(null);
+  var _ref2 = (0, react_1.useMemo)(function () {
+      return (0, MapUtils_1.getTilePreset)({
         defaultTileConfig: defaultTileConfig,
         customTileConfig: customTileConfig
       });
     }, [defaultTileConfig, customTileConfig]),
-    tilePreset = _react_1$useMemo.tilePreset,
-    defaultTileLight = _react_1$useMemo.defaultTileLight,
-    defaultTileDark = _react_1$useMemo.defaultTileDark;
+    tilePreset = _ref2.tilePreset,
+    defaultTileLight = _ref2.defaultTileLight,
+    defaultTileDark = _ref2.defaultTileDark;
   var _React$useState = React.useState(zoom !== null && zoom !== void 0 ? zoom : exports.DEFAULT_ZOOM),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     currentZoomLevel = _React$useState2[0],
     _setCurrentZoomLevel = _React$useState2[1];
-  var currentZoomLevelRef = react_1.useRef(currentZoomLevel);
+  var currentZoomLevelRef = (0, react_1.useRef)(currentZoomLevel);
   var setCurrentZoomLevel = function setCurrentZoomLevel(newZoom) {
     currentZoomLevelRef.current = newZoom;
     _setCurrentZoomLevel(newZoom);
@@ -2039,21 +2170,21 @@ var PureMap = function PureMap(props) {
     _React$useState8 = _slicedToArray(_React$useState7, 2),
     mapMinZoom = _React$useState8[0],
     _setMapMinZoom = _React$useState8[1];
-  var mapMinZoomRef = react_1.useRef(mapMinZoom);
+  var mapMinZoomRef = (0, react_1.useRef)(mapMinZoom);
   var setMapMinZoom = function setMapMinZoom(newMinZoom) {
     mapMinZoomRef.current = newMinZoom;
     _setMapMinZoom(newMinZoom);
   };
   // Assign default center when no center is defined
-  var lngLatCenter = react_1.useMemo(function () {
-    if (!MapUtils_1.isValidLatLon(center)) {
+  var lngLatCenter = (0, react_1.useMemo)(function () {
+    if (!(0, MapUtils_1.isValidLatLon)(center)) {
       return exports.DEFAULT_CENTER;
     }
     return [center[1], center[0]];
   }, [center]);
   // TODO: take out zoomLevel to use zoom instead (set prop zoom = DEFAULT_ZOOM)
   // Assign default zoom when no zoom is defined
-  var zoomLevel = react_1.useMemo(function () {
+  var zoomLevel = (0, react_1.useMemo)(function () {
     if (zoom === undefined) {
       return exports.DEFAULT_ZOOM;
     }
@@ -2062,19 +2193,19 @@ var PureMap = function PureMap(props) {
   var setIsThemeChangedCallback = function setIsThemeChangedCallback(isMyThemeChanged) {
     setIsThemeChanged(isMyThemeChanged);
   };
-  var onOptionsChangeProxy = react_1.useCallback(function (e) {
+  var onOptionsChangeProxy = (0, react_1.useCallback)(function (e) {
     if (mode === 'edit') {
       onOptionsChange(e);
     }
   }, [onOptionsChange, mode]);
-  var fitMapToContent = react_1.useCallback(function () {
-    var lngLatBounds = MapUtils_1.getGlobalLayerBoundaries([layers[0]]);
+  var fitMapToContent = (0, react_1.useCallback)(function () {
+    var lngLatBounds = (0, MapUtils_1.getGlobalLayerBoundaries)([layers[0]]);
     map.current.fitBounds(lngLatBounds, {
       padding: MapUtils_1.MAX_BUBBLE_RADIUS + 5,
       animate: false
     });
   }, [layers]);
-  var initializeMap = react_1.useCallback(function (mapStyle) {
+  var initializeMap = (0, react_1.useCallback)(function (mapStyle) {
     var addZoomEndEventListener = function addZoomEndEventListener() {
       // register event listener - zoom
       map.current.on('zoomend', function () {
@@ -2092,11 +2223,11 @@ var PureMap = function PureMap(props) {
       center: lngLatCenter,
       zoom: zoomLevel,
       cooperativeGestures: {
-        windowsHelpText: i18n_1._('Use Ctrl + scroll to zoom map'),
-        macHelpText: i18n_1._('Use ⌘ + scroll to zoom map'),
-        mobileHelpText: i18n_1._('Use two fingers to move the map')
+        windowsHelpText: (0, i18n_1._)('Use Ctrl + scroll to zoom map'),
+        macHelpText: (0, i18n_1._)('Use ⌘ + scroll to zoom map'),
+        mobileHelpText: (0, i18n_1._)('Use two fingers to move the map')
       }
-    }, MapUtils_1.getZoomConstraintsFromTileConfig(mapStyle, baseLayerTileServer)));
+    }, (0, MapUtils_1.getZoomConstraintsFromTileConfig)(mapStyle, baseLayerTileServer)));
     // Fired immediately after all necessary resources have been downloaded
     // and the first visually complete rendering of the map has occurred.
     map.current.on('load', function () {
@@ -2141,25 +2272,25 @@ var PureMap = function PureMap(props) {
     });
     map.current.addControl(zoomControl.current, 'top-left');
   }, [lngLatCenter, zoomLevel, layers === null || layers === void 0 ? void 0 : layers.length]);
-  var initializeScale = react_1.useCallback(function () {
+  var initializeScale = (0, react_1.useCallback)(function () {
     scaleControl.current = new maplibre_gl_1.ScaleControl({
       maxWidth: 70,
       unit: scaleUnit
     });
     map.current.addControl(scaleControl.current);
   }, [scaleUnit]);
-  var updateScale = react_1.useCallback(function () {
+  var updateScale = (0, react_1.useCallback)(function () {
     var _a;
     if (showScale) {
       (_a = scaleControl === null || scaleControl === void 0 ? void 0 : scaleControl.current) === null || _a === void 0 ? void 0 : _a.setUnit(scaleUnit);
     }
   }, [scaleUnit, showScale]);
-  react_1.useEffect(function () {
+  (0, react_1.useEffect)(function () {
     if (map.current) {
       map.current.resize();
     }
   }, [width, height]);
-  react_1.useEffect(function () {
+  (0, react_1.useEffect)(function () {
     if (map.current) {
       // We want to skip onOptionsChangeProxy if we have transitioned into the default map state, with undefined zoom and center.
       // This is because the DEFAULT_ZOOM value, 0, is sometimes not possible for maps with height > 500.
@@ -2177,14 +2308,14 @@ var PureMap = function PureMap(props) {
       });
     }
   }, [currentZoomLevel, onOptionsChangeProxy]);
-  react_1.useEffect(function () {
+  (0, react_1.useEffect)(function () {
     // do not render when defaultTileConfig, customTileConfig and tileset are not configured
     if (Object.keys(tilePreset).length === 0 && (!baseLayerTileServer || !baseLayerTileServerType)) {
       // eslint-disable-next-line no-console
       console.warn('Map Tile Server configuration is missing or invalid. Please provide a valid configuration');
       return;
     }
-    var mapStyle = MapUtils_1.getMapStyle({
+    var mapStyle = (0, MapUtils_1.getMapStyle)({
       showBaseLayer: showBaseLayer,
       baseLayerTileServer: baseLayerTileServer,
       baseLayerTileServerType: baseLayerTileServerType,
@@ -2197,29 +2328,29 @@ var PureMap = function PureMap(props) {
     // If the map has already been initialized, we update the styles
     if (map.current) {
       var curr = map.current.getStyle();
-      var next = lodash_1.omit(mapStyle, ['theme', 'name', 'key']);
+      var next = (0, lodash_1.omit)(mapStyle, ['theme', 'name', 'key']);
       // In dashboard studio this setStyle function is triggered by zoom changes as well
       // Since setStyle will reset all style layers on the map including choropleth,
       // we ONLY want to this to be called when there are style changes
-      if (!MapUtils_1.compareBaseStyles(curr, next)) {
+      if (!(0, MapUtils_1.compareBaseStyles)(curr, next)) {
         // Refer to https://maplibre.org/maplibre-gl-js-docs/api/map/#setstyle-example for options.diff (default is true)
-        map.current.setStyle(lodash_1.omit(mapStyle, ['theme', 'name', 'key']));
+        map.current.setStyle((0, lodash_1.omit)(mapStyle, ['theme', 'name', 'key']));
         setIsThemeChanged(true);
       }
-      var _MapUtils_1$getZoomCo = MapUtils_1.getZoomConstraintsFromTileConfig(mapStyle, baseLayerTileServer),
-        minZoom = _MapUtils_1$getZoomCo.minZoom,
-        maxZoom = _MapUtils_1$getZoomCo.maxZoom;
+      var _ref3 = (0, MapUtils_1.getZoomConstraintsFromTileConfig)(mapStyle, baseLayerTileServer),
+        minZoom = _ref3.minZoom,
+        maxZoom = _ref3.maxZoom;
       map.current.setMinZoom(minZoom);
       map.current.setMaxZoom(maxZoom);
       updateScale();
     } else {
       // initialize the map only once with a constructed style from user configured options
       // or default configs from the map context
-      initializeMap(lodash_1.omit(mapStyle, ['theme', 'name', 'key']));
+      initializeMap((0, lodash_1.omit)(mapStyle, ['theme', 'name', 'key']));
       initializeScale();
     }
   }, [showBaseLayer, tilePreset, initializeMap, initializeScale, updateScale, defaultTileLight, defaultTileDark, baseLayerTileServer, baseLayerTileServerType, themeColorScheme]);
-  react_1.useEffect(function () {
+  (0, react_1.useEffect)(function () {
     if (map.current) {
       map.current.flyTo({
         center: lngLatCenter,
@@ -2229,7 +2360,7 @@ var PureMap = function PureMap(props) {
       });
     }
   }, [lngLatCenter, zoomLevel]);
-  react_1.useEffect(function () {
+  (0, react_1.useEffect)(function () {
     return function () {
       if (map.current) {
         map.current.remove();
@@ -2239,14 +2370,14 @@ var PureMap = function PureMap(props) {
   var _layers = _slicedToArray(layers, 1),
     layer = _layers[0];
   return React.createElement(React.Fragment, null, React.createElement(PureMapContainer_1.default, {
-    "aria-label": title || i18n_1._('Map'),
+    "aria-label": title || (0, i18n_1._)('Map'),
     className: "puremap",
     width: width,
     height: height,
     backgroundColor: backgroundColor,
     controlBackgroundColor: controlBackgroundColor,
     controlForegroundColor: controlForegroundColor,
-    controlIconColorEncoded: exports.formatColor(controlForegroundColor),
+    controlIconColorEncoded: (0, exports.formatColor)(controlForegroundColor),
     ref: basemapContainer,
     showScale: showScale,
     showZoomControls: showZoomControls
@@ -2282,7 +2413,7 @@ var isLatLng = function isLatLng(props, propName, componentName) {
   if (latAbs > MapUtils_1.MAX_LATITUDE && lonAbs <= MapUtils_1.MAX_LATITUDE) {
     throw new Error("".concat(componentName, " ").concat(propName, " may have reversed [lat, lon] ranges."));
   }
-  if (!MapUtils_1.isValidLatLon(latlon)) {
+  if (!(0, MapUtils_1.isValidLatLon)(latlon)) {
     throw new Error("".concat(componentName, " ").concat(propName, " incorrect [lat, lon] ranges."));
   }
   return null;
@@ -2345,144 +2476,14 @@ exports.default = PureMap;
 
 /***/ }),
 
-/***/ 409:
+/***/ 412:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-context/MapContext");
 
 /***/ }),
 
-/***/ 41:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _classCallCheck = __webpack_require__(9);
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.INITIAL_HEIGHT = exports.INITIAL_WIDTH = void 0;
-/* eslint-disable react/no-unused-prop-types,react/prefer-stateless-function */
-var T = __webpack_require__(0);
-var lodash_1 = __webpack_require__(3);
-var VizActionHandler_1 = __webpack_require__(42);
-// this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
-exports.INITIAL_WIDTH = 250;
-exports.INITIAL_HEIGHT = 250;
-/**
- * A Splunk visualization
- */
-var SplunkVisualization = function SplunkVisualization() {
-  _classCallCheck(this, SplunkVisualization);
-};
-SplunkVisualization.propTypes = {
-  /**
-   * display mode
-   */
-  mode: T.oneOf(['view', 'edit', 'export']).isRequired,
-  /**
-   * width in pixel or string, defaults to 100%
-   */
-  width: T.oneOfType([T.string, T.number]).isRequired,
-  /**
-   * height in pixel or string
-   */
-  height: T.oneOfType([T.string, T.number]).isRequired,
-  /**
-   * visualization context used for dynamic option evaluation
-   */
-  context: T.object,
-  /**
-   * visualization formatting options
-   */
-  options: T.object,
-  /**
-   * A callback to update formatting options
-   */
-  onOptionsChange: T.func,
-  /**
-   * datasource state which include data and request params, object key indicate the datasource type.
-   */
-  dataSources: T.objectOf(T.shape({
-    /**
-     * current request params
-     */
-    requestParams: T.object,
-    /**
-     * current dataset
-     */
-    data: T.shape({
-      fields: T.array,
-      columns: T.array
-    }),
-    /**
-     * error
-     */
-    error: T.shape({
-      level: T.string,
-      message: T.string
-    }),
-    /**
-     * meta data that came with the dataset
-     */
-    meta: T.object
-  })),
-  /**
-   * A callback to trigger event
-   */
-  onEventTrigger: T.func,
-  /**
-   * Inform viz if there are handlers listening to events
-   */
-  hasEventHandlers: T.bool,
-  /**
-   * A callback to communicate computed props to a consumer
-   */
-  onComputedProps: T.func,
-  /**
-   * A callback to obtain visualization api
-   */
-  vizActionHandlerRef: T.func,
-  loading: T.bool,
-  theme: T.object,
-  /**
-   * A callback to request new data with updated request params
-   */
-  onRequestParamsChange: T.func
-};
-/**
- *
- */
-SplunkVisualization.defaultProps = {
-  // BaseVisualization in dashboard-visualizations uses 100% for width but 250 for height
-  width: '100%',
-  height: exports.INITIAL_HEIGHT,
-  dataSources: {},
-  onEventTrigger: function onEventTrigger() {
-    return {};
-  },
-  mode: 'view',
-  hasEventHandlers: false,
-  options: {},
-  context: {},
-  onOptionsChange: function onOptionsChange() {
-    return {};
-  },
-  vizActionHandlerRef: function vizActionHandlerRef() {
-    return new VizActionHandler_1.DefaultVizActionHandler();
-  },
-  onComputedProps: function onComputedProps() {
-    return {};
-  },
-  loading: false,
-  onRequestParamsChange: lodash_1.noop
-};
-exports.default = SplunkVisualization;
-
-/***/ }),
-
-/***/ 410:
+/***/ 413:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2494,7 +2495,7 @@ Object.defineProperty(exports, "__esModule", {
 var styled_components_1 = __webpack_require__(4);
 var lodash_1 = __webpack_require__(3);
 var style_1 = __webpack_require__(14);
-var maplibre_gl_css_1 = __webpack_require__(411);
+var maplibre_gl_css_1 = __webpack_require__(414);
 var PureMapContainer = styled_components_1.default.div.attrs({
   'data-testid': 'puremap-container'
 }).withConfig({
@@ -2503,7 +2504,7 @@ var PureMapContainer = styled_components_1.default.div.attrs({
 })(["", " overflow:hidden;position:relative;z-index:0;background-color:", ";", ";.maplibregl-cooperative-gesture-screen{z-index:0;}.maplibregl-ctrl-top-left{display:", ";position:absolute;top:12px;left:16px;.maplibregl-ctrl-group{width:40px !important;height:87px !important;border-radius:4px;margin:8px 0px;background-color:", ";box-shadow:0px 26px 103px rgba(0,0,0,0.64),0px 11px 18px rgba(0,0,0,0.32),0px 3px 6px rgba(0,0,0,0.3);& button{width:40px;height:43px;border-top:0;}.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon{background-image:url('data:image/svg+xml;charset=UTF-8,<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M9 1C9 0.447715 8.55229 0 8 0C7.44772 0 7 0.447715 7 1V7H1C0.447715 7 0 7.44772 0 8C0 8.55229 0.447715 9 1 9H7V15C7 15.5523 7.44772 16 8 16C8.55229 16 9 15.5523 9 15V9H15C15.5523 9 16 8.55229 16 8C16 7.44772 15.5523 7 15 7H9V1Z\" fill=\"", "\" fill-opacity=\"", "\" /></svg>');}.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon{background-image:url('data:image/svg+xml;charset=UTF-8,<svg width=\"14\" height=\"3\" viewBox=\"0 0 14 3\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 1.99707C0 1.44479 0.447715 0.99707 1 0.99707H13C13.5523 0.99707 14 1.44479 14 1.99707C14 2.54936 13.5523 2.99707 13 2.99707H1C0.447715 2.99707 0 2.54936 0 1.99707Z\" fill=\"", "\" fill-opacity=\"", "\" /></svg>');}}}.maplibregl-ctrl-bottom-left{display:", ";position:absolute;z-index:0;bottom:16px;left:12px;width:86px;height:29px;border-radius:4px;margin:0;background-color:", ";box-shadow:0px 26px 103px rgba(0,0,0,0.13),0px 11px 18px rgba(0,0,0,0.06),0px 3px 6px rgba(0,0,0,0.06);.maplibregl-ctrl-scale{background-color:", ";color:", ";border:2px solid ", ";border-top:0;border-left:0;border-right:0;padding:0;margin:6px 8px 8px 8px;line-height:13px;letter-spacing:0.02em;font-family:sans-serif;font-size:10px;}}"], maplibre_gl_css_1.default, function (props) {
   return props.backgroundColor;
 }, function (props) {
-  return style_1.toDimension(lodash_1.pick(props, ['width', 'height']));
+  return (0, style_1.toDimension)((0, lodash_1.pick)(props, ['width', 'height']));
 }, function (props) {
   return props.showZoomControls ? 'block' : 'none';
 }, function (props) {
@@ -2531,7 +2532,7 @@ exports.default = PureMapContainer;
 
 /***/ }),
 
-/***/ 411:
+/***/ 414:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -2540,7 +2541,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
-/***/ 412:
+/***/ 415:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2550,9 +2551,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var React = __webpack_require__(1);
-var BubbleLayer_1 = __webpack_require__(130);
-var MarkerLayer_1 = __webpack_require__(414);
-var MapUtils_1 = __webpack_require__(90);
+var BubbleLayer_1 = __webpack_require__(131);
+var MarkerLayer_1 = __webpack_require__(417);
+var MapUtils_1 = __webpack_require__(91);
 var ClusterLayer = function ClusterLayer(_ref) {
   var clusterLayer = _ref.clusterLayer,
     themeColorScheme = _ref.themeColorScheme,
@@ -2585,39 +2586,38 @@ exports.default = ClusterLayer;
 
 /***/ }),
 
-/***/ 413:
+/***/ 416:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
+var _taggedTemplateLiteral = __webpack_require__(59);
+var _templateObject;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.convertDegToDMS = void 0;
 var React = __webpack_require__(1);
 var styled_components_1 = __webpack_require__(4);
-var Popover_1 = __webpack_require__(61);
+var Popover_1 = __webpack_require__(62);
 var i18n_1 = __webpack_require__(2);
-var StyledPopover = styled_components_1.default(Popover_1.default).withConfig({
-  displayName: "Tooltip__StyledPopover",
-  componentId: "xwewsa-0"
-})(["width:250px;font-size:12px;"]);
+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;
 });
@@ -2667,11 +2667,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) {
@@ -2694,13 +2694,15 @@ exports.default = Tooltip;
 
 /***/ }),
 
-/***/ 414:
+/***/ 417:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
 var _defineProperty = __webpack_require__(7);
+var _taggedTemplateLiteral = __webpack_require__(59);
+var _templateObject;
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
   for (var p in s) {
@@ -2719,8 +2721,8 @@ var styled_components_1 = __webpack_require__(4);
 var React = __webpack_require__(1);
 var colorUtils_1 = __webpack_require__(12);
 var lodash_1 = __webpack_require__(3);
-var MapUtils_1 = __webpack_require__(90);
-var MarkerWrapper_1 = __webpack_require__(131);
+var MapUtils_1 = __webpack_require__(91);
+var MarkerWrapper_1 = __webpack_require__(132);
 var MarkerIcon = function MarkerIcon(_a) {
   var theme = _a.theme,
     color = _a.color,
@@ -2767,10 +2769,7 @@ var Marker = React.memo(function (_ref) {
   }, icon);
 });
 Marker.displayName = 'MapMarker';
-var StyledMarkerWrapper = styled_components_1.default(MarkerWrapper_1.default).withConfig({
-  displayName: "MarkerLayer__StyledMarkerWrapper",
-  componentId: "ej9u2l-0"
-})(["width:22px;height:28px;cursor:pointer;"]);
+var StyledMarkerWrapper = (0, styled_components_1.default)(MarkerWrapper_1.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    width: 22px;\n    height: 28px;\n    cursor: pointer;\n"])));
 var generateMarkerWrapperProps = function generateMarkerWrapperProps(markerLayer) {
   var onMapClick = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : lodash_1.noop;
   var latArray = markerLayer.latitude;
@@ -2779,8 +2778,8 @@ var generateMarkerWrapperProps = function generateMarkerWrapperProps(markerLayer
   var limit = Math.min(latArray.length, lonArray.length, markerLayer.resultLimit ? markerLayer.resultLimit : MapUtils_1.DEFAULT_RESULT_LIMIT);
   var markerProps = [];
   var _loop = function _loop(i) {
-    var staticColor = markerLayer.seriesColors && colorUtils_1.isColor(markerLayer.seriesColors[0]) ? markerLayer.seriesColors[0] : MapUtils_1.DEFAULT_CLUSTER_COLOR;
-    var dynamicColor = markerLayer.dataColors && colorUtils_1.isColor(markerLayer.dataColors[i]) ? markerLayer.dataColors[i] : MapUtils_1.DEFAULT_CLUSTER_COLOR;
+    var staticColor = markerLayer.seriesColors && (0, colorUtils_1.isColor)(markerLayer.seriesColors[0]) ? markerLayer.seriesColors[0] : MapUtils_1.DEFAULT_CLUSTER_COLOR;
+    var dynamicColor = markerLayer.dataColors && (0, colorUtils_1.isColor)(markerLayer.dataColors[i]) ? markerLayer.dataColors[i] : MapUtils_1.DEFAULT_CLUSTER_COLOR;
     var color = isStaticColor ? staticColor : dynamicColor;
     var additionalFields = markerLayer.metadata ? markerLayer.additionalTooltipFields.map(function (field) {
       return {
@@ -2822,7 +2821,7 @@ var MarkerLayer = function MarkerLayer(props) {
     onMapClick = props.onMapClick;
   markerLayer.seriesColors = markerLayer.seriesColors || MapUtils_1.DEFAULT_SERIES_COLORS;
   var markerPropsList = React.useMemo(function () {
-    return exports.generateMarkerWrapperProps(markerLayer, onMapClick);
+    return (0, exports.generateMarkerWrapperProps)(markerLayer, onMapClick);
   }, [markerLayer, onMapClick]);
   return React.createElement(React.Fragment, null, markerPropsList.map(function (markerProps, i) {
     return React.createElement(Marker, Object.assign({
@@ -2836,7 +2835,7 @@ exports.default = MarkerLayer;
 
 /***/ }),
 
-/***/ 415:
+/***/ 418:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2848,10 +2847,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 var React = __webpack_require__(1);
 var Message_1 = __webpack_require__(10);
-var GeoRegistry_1 = __webpack_require__(416);
-var GeoJsonProvider_1 = __webpack_require__(417);
-var MapUtils_1 = __webpack_require__(90);
-var ChoroplethLayer_1 = __webpack_require__(157);
+var GeoRegistry_1 = __webpack_require__(419);
+var GeoJsonProvider_1 = __webpack_require__(420);
+var MapUtils_1 = __webpack_require__(91);
+var ChoroplethLayer_1 = __webpack_require__(160);
 var LocalChoroplethLayer = function LocalChoroplethLayer(props) {
   var _a, _b;
   var width = props.width,
@@ -2938,7 +2937,7 @@ var LocalChoroplethLayer = function LocalChoroplethLayer(props) {
   var colors = (_a = choroplethLayer === null || choroplethLayer === void 0 ? void 0 : choroplethLayer.dataColors) === null || _a === void 0 ? void 0 : _a.map(function (color) {
     return (color === null || color === void 0 ? void 0 : color.length) > 7 ? color.slice(0, 7) : color;
   });
-  var scaledOpacities = (_b = MapUtils_1.getScaledOpacities(choroplethLayer === null || choroplethLayer === void 0 ? void 0 : choroplethLayer.dataColors, cfgOpacity)) !== null && _b !== void 0 ? _b : [];
+  var scaledOpacities = (_b = (0, MapUtils_1.getScaledOpacities)(choroplethLayer === null || choroplethLayer === void 0 ? void 0 : choroplethLayer.dataColors, cfgOpacity)) !== null && _b !== void 0 ? _b : [];
   var updatedAllChoroplethData = React.useMemo(function () {
     var allChoroplethData = [];
     if (validGeoJson) {
@@ -2971,7 +2970,7 @@ var LocalChoroplethLayer = function LocalChoroplethLayer(props) {
     return allChoroplethData;
   }, [choroplethLayer.areaIds, choroplethLayer.areaValues, colors, scaledOpacities]);
   var _handleMapClick = function handleMapClick(e, i) {
-    var payload = MapUtils_1.formatMetadata(choroplethLayer, i);
+    var payload = (0, MapUtils_1.formatMetadata)(choroplethLayer, i);
     onMapClick({
       e: e,
       payload: payload
@@ -3018,21 +3017,54 @@ exports.default = LocalChoroplethLayer;
 
 /***/ }),
 
-/***/ 416:
+/***/ 419:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-context/GeoRegistry");
 
 /***/ }),
 
-/***/ 417:
+/***/ 42:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var _classCallCheck = __webpack_require__(9);
+var _createClass = __webpack_require__(18);
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DefaultVizActionHandler = void 0;
+var DefaultVizActionHandler = /*#__PURE__*/function () {
+  function DefaultVizActionHandler() {
+    _classCallCheck(this, DefaultVizActionHandler);
+  }
+  _createClass(DefaultVizActionHandler, [{
+    key: "focus",
+    value: function focus() {
+      // noop
+    }
+  }, {
+    key: "snapshot",
+    value: function snapshot() {
+      return null; // noop
+    }
+  }]);
+  return DefaultVizActionHandler;
+}();
+exports.DefaultVizActionHandler = DefaultVizActionHandler;
+
+/***/ }),
+
+/***/ 420:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-context/GeoJsonProvider");
 
 /***/ }),
 
-/***/ 418:
+/***/ 421:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3042,15 +3074,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var visualization_icons_1 = __webpack_require__(52);
-var placeholders_1 = __webpack_require__(49);
+var placeholders_1 = __webpack_require__(50);
 var schemaUtils_1 = __webpack_require__(16);
 var visualization_color_palettes_1 = __webpack_require__(51);
-var themes_1 = __webpack_require__(59);
+var themes_1 = __webpack_require__(60);
 var i18n_1 = __webpack_require__(2);
 var VizBehavior_1 = __webpack_require__(6);
 var VizCategory_1 = __webpack_require__(35);
 var configUtils_1 = __webpack_require__(20);
-var MapUtils_1 = __webpack_require__(90);
+var MapUtils_1 = __webpack_require__(91);
 var BackgroundColor_1 = __webpack_require__(53);
 var defaultContext = {
   colorRangeConfig: [{
@@ -3104,7 +3136,7 @@ var optionsSchema = {
   baseLayerTileServerType: {
     type: 'string',
     description: 'Specify the type of tile set for the base map.',
-    pattern: schemaUtils_1.getPattern(['vector', 'raster'])
+    pattern: (0, schemaUtils_1.getPattern)(['vector', 'raster'])
   },
   center: {
     type: 'array',
@@ -3151,7 +3183,7 @@ var optionsSchema = {
           type: {
             description: 'Specify the type of data layer method to display points on the map. For example, “bubble”, “marker”, or "choropleth".',
             type: 'string',
-            pattern: schemaUtils_1.getPattern([MapUtils_1.LAYER_TYPE.Marker, MapUtils_1.LAYER_TYPE.Bubble, MapUtils_1.LAYER_TYPE.Choropleth]),
+            pattern: (0, schemaUtils_1.getPattern)([MapUtils_1.LAYER_TYPE.Marker, MapUtils_1.LAYER_TYPE.Bubble, MapUtils_1.LAYER_TYPE.Choropleth]),
             default: MapUtils_1.LAYER_TYPE.Marker
           },
           latitude: {
@@ -3206,7 +3238,7 @@ var optionsSchema = {
           type: {
             description: 'Specify the type of data layer method to display points on the map. For example, “bubble”, “marker”, or "choropleth".',
             type: 'string',
-            pattern: schemaUtils_1.getPattern([MapUtils_1.LAYER_TYPE.Marker, MapUtils_1.LAYER_TYPE.Bubble, MapUtils_1.LAYER_TYPE.Choropleth]),
+            pattern: (0, schemaUtils_1.getPattern)([MapUtils_1.LAYER_TYPE.Marker, MapUtils_1.LAYER_TYPE.Bubble, MapUtils_1.LAYER_TYPE.Choropleth]),
             default: MapUtils_1.LAYER_TYPE.Choropleth
           },
           areaIds: {
@@ -3248,7 +3280,7 @@ var optionsSchema = {
           },
           source: {
             description: 'Source for the geodata for choropleth layer: "us" or "world", and will override data specified in the SPL geom command.',
-            pattern: schemaUtils_1.getPattern(['geo://default/us', 'geo://default/world']),
+            pattern: (0, schemaUtils_1.getPattern)(['geo://default/us', 'geo://default/world']),
             type: 'string'
           },
           choroplethEmptyAreaColor: {
@@ -3275,7 +3307,7 @@ var optionsSchema = {
           type: {
             description: 'Specify the type of data layer method to display points on the map. For example, “bubble”, “marker”, or "choropleth".',
             type: 'string',
-            pattern: schemaUtils_1.getPattern([MapUtils_1.LAYER_TYPE.Marker, MapUtils_1.LAYER_TYPE.Bubble, MapUtils_1.LAYER_TYPE.Choropleth]),
+            pattern: (0, schemaUtils_1.getPattern)([MapUtils_1.LAYER_TYPE.Marker, MapUtils_1.LAYER_TYPE.Bubble, MapUtils_1.LAYER_TYPE.Choropleth]),
             default: MapUtils_1.LAYER_TYPE.Bubble
           },
           bubbleSize: {
@@ -3339,7 +3371,7 @@ var optionsSchema = {
     default: 'metric',
     type: 'string',
     description: 'Specify the scale unit to use.',
-    pattern: schemaUtils_1.getPattern(['metric', 'imperial'])
+    pattern: (0, schemaUtils_1.getPattern)(['metric', 'imperial'])
   },
   showBaseLayer: {
     default: true,
@@ -3363,7 +3395,7 @@ var optionsSchema = {
 };
 var themes = {
   defaultBackgroundColor: function defaultBackgroundColor(props) {
-    return themes_1.pick({
+    return (0, themes_1.pick)({
       enterprise: {
         dark: themes_1.variables.black(props),
         light: themes_1.variables.backgroundColor(props)
@@ -3372,7 +3404,7 @@ var themes = {
     })(props);
   },
   controlBackgroundColor: function controlBackgroundColor(props) {
-    return themes_1.pick({
+    return (0, themes_1.pick)({
       enterprise: {
         dark: themes_1.variables.gray22(props),
         light: themes_1.variables.white(props)
@@ -3381,13 +3413,13 @@ var themes = {
     })(props);
   },
   controlForegroundColor: function controlForegroundColor(props) {
-    return themes_1.pick({
+    return (0, themes_1.pick)({
       enterprise: themes_1.variables.textColor(props),
       prisma: themes_1.variables.contentColorDefault(props)
     })(props);
   },
   defaultChoroplethEmptyAreaColor: function defaultChoroplethEmptyAreaColor(props) {
-    return themes_1.pick({
+    return (0, themes_1.pick)({
       enterprise: {
         dark: themes_1.variables.gray22(props),
         light: themes_1.variables.gray92(props)
@@ -3399,7 +3431,7 @@ var themes = {
     })(props);
   },
   defaultGradientMigrationConfig: function defaultGradientMigrationConfig(props) {
-    return themes_1.pick({
+    return (0, themes_1.pick)({
       enterprise: {
         dark: ['#4D4A5D', themes_1.variables.syntaxPurple(props)],
         light: ['#D2CFDC', themes_1.variables.syntaxPurple(props)]
@@ -3419,25 +3451,25 @@ var checkTypeIsLocalChoropleth = function checkTypeIsLocalChoropleth(options) {
 };
 var EDITOR_LABEL_WIDTH = 140;
 var editorConfig = [{
-  label: i18n_1._('Data configurations'),
+  label: (0, i18n_1._)('Data configurations'),
   layout: [[{
-    label: i18n_1._('Layer type'),
+    label: (0, i18n_1._)('Layer type'),
     option: 'layers[0].type',
     editor: 'editor.select',
     editorProps: {
       values: [{
-        label: i18n_1._('Bubble'),
+        label: (0, i18n_1._)('Bubble'),
         value: MapUtils_1.LAYER_TYPE.Bubble
       }, {
-        label: i18n_1._('Marker'),
+        label: (0, i18n_1._)('Marker'),
         value: MapUtils_1.LAYER_TYPE.Marker
       }, {
-        label: i18n_1._('Choropleth'),
+        label: (0, i18n_1._)('Choropleth'),
         value: MapUtils_1.LAYER_TYPE.Choropleth
       }]
     }
   }], [{
-    label: i18n_1._('Area IDs'),
+    label: (0, i18n_1._)('Area IDs'),
     option: 'layers[0].areaIds',
     editor: 'editor.columnSelector',
     showEditor: function showEditor(_ref) {
@@ -3450,7 +3482,7 @@ var editorConfig = [{
       filterByTypes: ['string']
     }
   }], [{
-    label: i18n_1._('Area values'),
+    label: (0, i18n_1._)('Area values'),
     option: 'layers[0].areaValues',
     editor: 'editor.columnSelector',
     showEditor: function showEditor(_ref2) {
@@ -3463,7 +3495,7 @@ var editorConfig = [{
       filterByTypes: ['number']
     }
   }], [{
-    label: i18n_1._('Latitude'),
+    label: (0, i18n_1._)('Latitude'),
     option: 'layers[0].latitude',
     editor: 'editor.columnSelector',
     showEditor: function showEditor(_ref3) {
@@ -3475,7 +3507,7 @@ var editorConfig = [{
       shouldShowInternalFields: false
     }
   }], [{
-    label: i18n_1._('Longitude'),
+    label: (0, i18n_1._)('Longitude'),
     option: 'layers[0].longitude',
     editor: 'editor.columnSelector',
     showEditor: function showEditor(_ref4) {
@@ -3487,7 +3519,7 @@ var editorConfig = [{
       shouldShowInternalFields: false
     }
   }], [{
-    label: i18n_1._('Bubble size'),
+    label: (0, i18n_1._)('Bubble size'),
     option: 'layers[0].bubbleSize',
     editor: 'editor.columnMultiSelector',
     showEditor: function showEditor(_ref5) {
@@ -3500,11 +3532,11 @@ var editorConfig = [{
       excludeByNames: ['latitude', 'longitude', 'geobin']
     }
   }], [{
-    label: i18n_1._('Additional tooltip fields'),
+    label: (0, i18n_1._)('Additional tooltip fields'),
     option: 'layers[0].additionalTooltipFields',
     editor: 'editor.columnMultiSelectionByFieldNameEditor'
   }], [{
-    label: i18n_1._('Result limit'),
+    label: (0, i18n_1._)('Result limit'),
     option: 'layers[0].resultLimit',
     editor: 'editor.number',
     showEditor: function showEditor(_ref6) {
@@ -3518,9 +3550,9 @@ var editorConfig = [{
     }
   }]]
 }, {
-  label: i18n_1._('Data display'),
+  label: (0, i18n_1._)('Data display'),
   layout: [[{
-    label: i18n_1._('Latitude (initial map location)'),
+    label: (0, i18n_1._)('Latitude (initial map location)'),
     option: 'center[0]',
     editor: 'editor.number',
     editorProps: {
@@ -3530,7 +3562,7 @@ var editorConfig = [{
       max: 90
     }
   }], [{
-    label: i18n_1._('Longitude (initial map location)'),
+    label: (0, i18n_1._)('Longitude (initial map location)'),
     option: 'center[1]',
     editor: 'editor.number',
     editorProps: {
@@ -3540,7 +3572,7 @@ var editorConfig = [{
       max: 180
     }
   }], [{
-    label: i18n_1._('Zoom (initial map location)'),
+    label: (0, i18n_1._)('Zoom (initial map location)'),
     option: 'zoom',
     editor: 'editor.number',
     editorProps: {
@@ -3549,7 +3581,7 @@ var editorConfig = [{
       min: 0
     }
   }], [{
-    label: i18n_1._('Show zoom controls'),
+    label: (0, i18n_1._)('Show zoom controls'),
     option: 'showZoomControls',
     editor: 'editor.checkbox',
     editorProps: {
@@ -3557,7 +3589,7 @@ var editorConfig = [{
       labelWidth: EDITOR_LABEL_WIDTH
     }
   }], [{
-    label: i18n_1._('Show scale'),
+    label: (0, i18n_1._)('Show scale'),
     option: 'showScale',
     editor: 'editor.toggle',
     editorProps: {
@@ -3565,7 +3597,7 @@ var editorConfig = [{
       labelWidth: EDITOR_LABEL_WIDTH
     }
   }], [{
-    label: i18n_1._('Scale unit'),
+    label: (0, i18n_1._)('Scale unit'),
     option: 'scaleUnit',
     editor: 'editor.radioBar',
     showEditor: function showEditor(_ref7) {
@@ -3574,16 +3606,16 @@ var editorConfig = [{
     },
     editorProps: {
       values: [{
-        label: i18n_1._('Metric'),
+        label: (0, i18n_1._)('Metric'),
         value: 'metric'
       }, {
-        label: i18n_1._('Imperial'),
+        label: (0, i18n_1._)('Imperial'),
         value: 'imperial'
       }]
     }
   }]]
 }, {
-  label: i18n_1._('Color and style'),
+  label: (0, i18n_1._)('Color and style'),
   layout: [
   // TODO: add support for color mode option and its corresponding editor
   // [
@@ -3600,7 +3632,7 @@ var editorConfig = [{
   //     },
   // ],
   [{
-    label: i18n_1._('Series colors'),
+    label: (0, i18n_1._)('Series colors'),
     option: 'layers[0].seriesColors',
     editor: 'editor.seriesColors',
     showEditor: function showEditor(_ref8) {
@@ -3621,7 +3653,7 @@ var editorConfig = [{
   //     },
   // ],
   [{
-    label: i18n_1._('Choropleth empty area'),
+    label: (0, i18n_1._)('Choropleth empty area'),
     option: 'layers[0].choroplethEmptyAreaColor',
     editor: 'editor.color',
     showEditor: function showEditor(_ref9) {
@@ -3632,7 +3664,7 @@ var editorConfig = [{
       themes: themes
     }
   }], [{
-    label: i18n_1._('Choropleth stroke'),
+    label: (0, i18n_1._)('Choropleth stroke'),
     option: 'layers[0].choroplethStrokeColor',
     editor: 'editor.color',
     showEditor: function showEditor(_ref10) {
@@ -3643,7 +3675,7 @@ var editorConfig = [{
       themes: themes
     }
   }], [{
-    label: i18n_1._('Choropleth opacity (%)'),
+    label: (0, i18n_1._)('Choropleth opacity (%)'),
     option: 'layers[0].choroplethOpacity',
     editor: 'editor.percent',
     showEditor: function showEditor(_ref11) {
@@ -3663,14 +3695,14 @@ var editorConfig = [{
   //         editor: 'editor.seriesColorsByField',
   //     },
   // ],
-  BackgroundColor_1.default({
+  (0, BackgroundColor_1.default)({
     themes: themes
   }), [{
-    label: i18n_1._('Show base layer'),
+    label: (0, i18n_1._)('Show base layer'),
     option: 'showBaseLayer',
     editor: 'editor.toggle'
   }], [{
-    label: i18n_1._('Base layer tile server'),
+    label: (0, i18n_1._)('Base layer tile server'),
     option: 'baseLayerTileServer',
     editor: 'editor.text',
     showEditor: function showEditor(_ref12) {
@@ -3678,7 +3710,7 @@ var editorConfig = [{
       return options.showBaseLayer !== false;
     }
   }], [{
-    label: i18n_1._('Base layer tile server type'),
+    label: (0, i18n_1._)('Base layer tile server type'),
     option: 'baseLayerTileServerType',
     editor: 'editor.radioBar',
     showEditor: function showEditor(_ref13) {
@@ -3687,10 +3719,10 @@ var editorConfig = [{
     },
     editorProps: {
       values: [{
-        label: i18n_1._('Vector'),
+        label: (0, i18n_1._)('Vector'),
         value: 'vector'
       }, {
-        label: i18n_1._('Raster'),
+        label: (0, i18n_1._)('Raster'),
         value: 'raster'
       }]
     }
@@ -3707,7 +3739,7 @@ var config = {
   /**
    * viz name
    */
-  name: i18n_1._('Map'),
+  name: (0, i18n_1._)('Map'),
   category: VizCategory_1.VizCategory.SPATIAL,
   status: 'preview',
   /**
@@ -3732,11 +3764,11 @@ var config = {
   themes: themes,
   requiredProps: []
 };
-exports.default = configUtils_1.enhanceConfig(config);
+exports.default = (0, configUtils_1.enhanceConfig)(config);
 
 /***/ }),
 
-/***/ 419:
+/***/ 422:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3747,10 +3779,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.columnsNullToZeros = void 0;
 var types_1 = __webpack_require__(94);
-var dsl_1 = __webpack_require__(132);
-var hocUtils_1 = __webpack_require__(26);
-var JSONSchemaUtils_1 = __webpack_require__(27);
-var BubbleLayer_1 = __webpack_require__(130);
+var dsl_1 = __webpack_require__(133);
+var hocUtils_1 = __webpack_require__(27);
+var JSONSchemaUtils_1 = __webpack_require__(28);
+var BubbleLayer_1 = __webpack_require__(131);
 var columnsNullToZeros = function columnsNullToZeros(config, dataSources, options) {
   var _a, _b;
   var primary = dataSources.primary;
@@ -3758,10 +3790,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();
@@ -3774,7 +3806,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;
@@ -3793,39 +3825,6 @@ exports.columnsNullToZeros = columnsNullToZeros;
 
 /***/ }),
 
-/***/ 42:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _classCallCheck = __webpack_require__(9);
-var _createClass = __webpack_require__(18);
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DefaultVizActionHandler = void 0;
-var DefaultVizActionHandler = /*#__PURE__*/function () {
-  function DefaultVizActionHandler() {
-    _classCallCheck(this, DefaultVizActionHandler);
-  }
-  _createClass(DefaultVizActionHandler, [{
-    key: "focus",
-    value: function focus() {
-      // noop
-    }
-  }, {
-    key: "snapshot",
-    value: function snapshot() {
-      return null; // noop
-    }
-  }]);
-  return DefaultVizActionHandler;
-}();
-exports.DefaultVizActionHandler = DefaultVizActionHandler;
-
-/***/ }),
-
 /***/ 43:
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -3866,8 +3865,8 @@ var lodash_1 = __webpack_require__(3);
  * @param dependencies an array of dependencies
  */
 var useDeepMemo = function useDeepMemo(fn, dependencies) {
-  var ref = react_1.useRef();
-  if (!ref.current || !lodash_1.isEqual(dependencies, ref.current.dependencies)) {
+  var ref = (0, react_1.useRef)();
+  if (!ref.current || !(0, lodash_1.isEqual)(dependencies, ref.current.dependencies)) {
     ref.current = {
       dependencies: dependencies,
       value: fn()
@@ -3911,7 +3910,7 @@ exports.isMissing = isMissing;
  */
 var missingKeys = function missingKeys(keys, target) {
   return keys.filter(function (k) {
-    return exports.isMissing(target[k]);
+    return (0, exports.isMissing)(target[k]);
   });
 };
 exports.missingKeys = missingKeys;
@@ -3935,7 +3934,7 @@ var MissingPropsMessage = function MissingPropsMessage(props) {
     "data-test": "message",
     width: width,
     height: height,
-    message: i18n_1._("Missing property: ".concat(missingProps.join(', ')))
+    message: (0, i18n_1._)("Missing property: ".concat(missingProps.join(', ')))
   });
 };
 exports.MissingPropsMessage = MissingPropsMessage;
@@ -3944,7 +3943,7 @@ exports.MissingPropsMessage.defaultProps = {
   width: '100%',
   height: 250
 };
-exports.default = FixedSizeContainer_1.default(exports.MissingPropsMessage);
+exports.default = (0, FixedSizeContainer_1.default)(exports.MissingPropsMessage);
 
 /***/ }),
 
@@ -3965,7 +3964,7 @@ var Cover = styled_components_1.default.div.withConfig({
   componentId: "sc-1gsbnxb-0"
 })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
 var Blocker = styled_components_1.default.div.attrs({
-  'data-splunk-visualization-version': "25.13.0 - 572f25c03"
+  'data-splunk-visualization-version': "26.0.0 - 2f7458907"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
@@ -3984,7 +3983,7 @@ var withEditModeCover = function withEditModeCover(Visualization, disableEditMod
       "data-test": "edit-mode-cover"
     }));
   };
-  hocUtils_1.extendStaticWrapperProps({
+  (0, hocUtils_1.extendStaticWrapperProps)({
     Wrapper: Wrapper,
     Visualization: Visualization
   });
@@ -4006,7 +4005,7 @@ Object.defineProperty(exports, "__esModule", {
 var React = __webpack_require__(1);
 var colorUtils_1 = __webpack_require__(12);
 var variables_1 = __webpack_require__(11);
-var IconPlaceholder_1 = __webpack_require__(31);
+var IconPlaceholder_1 = __webpack_require__(32);
 var VizBehavior_1 = __webpack_require__(6);
 var hocUtils_1 = __webpack_require__(15);
 var withPlaceholder = function withPlaceholder(Visualization) {
@@ -4021,7 +4020,7 @@ var withPlaceholder = function withPlaceholder(Visualization) {
       height = props.height,
       width = props.width;
     var showPlaceholder = useIconPlaceholder(dataSources, loading, options);
-    var bgColorFromTheme = colorUtils_1.isColor(options === null || options === void 0 ? void 0 : options.backgroundColor) ? options === null || options === void 0 ? void 0 : options.backgroundColor : (_a = themes === null || themes === void 0 ? void 0 : themes.defaultBackgroundColor) === null || _a === void 0 ? void 0 : _a.call(themes, props);
+    var bgColorFromTheme = (0, colorUtils_1.isColor)(options === null || options === void 0 ? void 0 : options.backgroundColor) ? options === null || options === void 0 ? void 0 : options.backgroundColor : (_a = themes === null || themes === void 0 ? void 0 : themes.defaultBackgroundColor) === null || _a === void 0 ? void 0 : _a.call(themes, props);
     var icon = (_b = config.placeholderIcon) !== null && _b !== void 0 ? _b : config.icon;
     var iconColor = variables_1.default.contentColorActive(props);
     if (config.supports.includes(VizBehavior_1.VizBehavior.PLACEHOLDER) && showPlaceholder) {
@@ -4036,7 +4035,7 @@ var withPlaceholder = function withPlaceholder(Visualization) {
     }
     return React.createElement(Visualization, Object.assign({}, props));
   };
-  hocUtils_1.extendStaticWrapperProps({
+  (0, hocUtils_1.extendStaticWrapperProps)({
     Wrapper: Wrapper,
     Visualization: Visualization
   });
@@ -4046,7 +4045,7 @@ exports.default = withPlaceholder;
 
 /***/ }),
 
-/***/ 49:
+/***/ 50:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-icons/placeholders");
@@ -4082,7 +4081,7 @@ var background = function background(_ref) {
     themes = _ref.themes,
     labelPosition = _ref.labelPosition;
   return [{
-    label: i18n_1._(label || 'Background'),
+    label: (0, i18n_1._)(label || 'Background'),
     option: 'backgroundColor',
     editor: 'editor.color',
     editorProps: {
@@ -4098,7 +4097,7 @@ exports.default = background;
 /***/ 59:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/themes");
+module.exports = require("@babel/runtime/helpers/taggedTemplateLiteral");
 
 /***/ }),
 
@@ -4139,7 +4138,14 @@ var VizBehavior;
 
 /***/ }),
 
-/***/ 61:
+/***/ 60:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/themes");
+
+/***/ }),
+
+/***/ 62:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Popover");
@@ -4167,7 +4173,7 @@ module.exports = require("@babel/runtime/helpers/classCallCheck");
 
 /***/ }),
 
-/***/ 90:
+/***/ 91:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4181,8 +4187,8 @@ 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__(3);
-var d3_scale_1 = __webpack_require__(91);
-var chroma = __webpack_require__(155);
+var d3_scale_1 = __webpack_require__(92);
+var chroma = __webpack_require__(158);
 var colorUtils_1 = __webpack_require__(12);
 var visualization_color_palettes_1 = __webpack_require__(51);
 var types_1 = __webpack_require__(94);
@@ -4226,7 +4232,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'
@@ -4359,7 +4365,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
@@ -4371,7 +4377,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
@@ -4409,13 +4415,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;
   }
@@ -4448,7 +4454,7 @@ var sanitizeValues = function sanitizeValues(values) {
   }
   // array
   return values.map(function (arr) {
-    return exports.sanitizeValues(arr);
+    return (0, exports.sanitizeValues)(arr);
   });
 };
 exports.sanitizeValues = sanitizeValues;
@@ -4460,7 +4466,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;
@@ -4473,8 +4479,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;
@@ -4492,7 +4498,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],
@@ -4502,10 +4508,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;
   });
@@ -4525,10 +4531,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;
@@ -4542,7 +4548,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);
@@ -4583,7 +4589,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) {
@@ -4592,7 +4598,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)]];
@@ -4618,12 +4624,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) {
@@ -4638,7 +4644,7 @@ 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);
 };
@@ -4646,7 +4652,7 @@ exports.formatMetadata = formatMetadata;
 
 /***/ }),
 
-/***/ 91:
+/***/ 92:
 /***/ (function(module, exports) {
 
 module.exports = require("d3-scale");