@splunk/visualizations 26.0.0 → 26.1.1

package/ChoroplethSvg.js

@@ -1,5 +1,5 @@
 /*!
- * Copyright © 2018 Splunk Inc.
+ * Copyright © 2024 Splunk Inc.
  * SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
  * in part without a valid written license from Splunk Inc. is PROHIBITED.
  */
@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 185);
+/******/ 	return __webpack_require__(__webpack_require__.s = 186);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -133,6 +133,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.VizBehavior = void 0;
 var VizBehavior;
+
 (function (VizBehavior) {
   /**
    * Dynamic Options Behavior.
@@ -152,6 +153,7 @@ var VizBehavior;
    * missing.
    * @type {string}
    */
+
   VizBehavior["PLACEHOLDER"] = "placeholder";
   VizBehavior["PAGE_AND_SORT"] = "page-and-sort";
   VizBehavior["TRELLIS"] = "trellis";
@@ -203,11 +205,17 @@ module.exports = require("@splunk/visualizations-shared/colorUtils");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var React = __webpack_require__(1);
+
 var styled_components_1 = __webpack_require__(4);
+
 var SizeAwareWrapper_1 = __webpack_require__(19);
+
 var style_1 = __webpack_require__(14);
+
 var colorUtils_1 = __webpack_require__(12);
+
 var Item = styled_components_1.default.div.attrs(function (_ref) {
   var width = _ref.width;
   return {
@@ -220,11 +228,11 @@ var Item = styled_components_1.default.div.attrs(function (_ref) {
   componentId: "sc-1yhgpod-0"
 })(["position:relative;background-color:", "};"], function (props) {
   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
+}); // 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) {
   var width = _ref2.width,
-    height = _ref2.height;
+      height = _ref2.height;
   return {
     style: Object.assign(Object.assign({}, width && {
       width: (0, style_1.toPx)(width)
@@ -246,11 +254,13 @@ var FixSizeItemContent = styled_components_1.default.div.withConfig({
   displayName: "FixedSizeContainer__FixSizeItemContent",
   componentId: "sc-1yhgpod-3"
 })(["min-height:0px;flex:1;position:relative;box-sizing:border-box;"]);
+
 var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
   var FixedSizeContainer = function FixedSizeContainer(props) {
     var width = props.width,
-      height = props.height,
-      backgroundColor = props.backgroundColor;
+        height = props.height,
+        backgroundColor = props.backgroundColor;
+
     if (!height) {
       return React.createElement(Item, {
         "data-test": "item",
@@ -258,24 +268,27 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
         backgroundColor: backgroundColor
       }, React.createElement(ItemContent, null, React.createElement(Viz, Object.assign({}, props))));
     }
+
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "26.0.0 - 2f7458907",
+      "data-splunk-visualization-version": "26.1.1 - b6df0a015",
       width: width,
       height: height,
       backgroundColor: backgroundColor
     }, React.createElement(FixSizeItemContent, null, React.createElement(SizeAwareWrapper_1.default, null, function (_ref3) {
       var newWidth = _ref3.width,
-        newHeight = _ref3.height;
+          newHeight = _ref3.height;
       return React.createElement(Viz, Object.assign({}, props, {
         width: newWidth,
         height: newHeight
       }));
     })));
   };
+
   FixedSizeContainer.displayName = 'withFixedSizeContainer';
   return FixedSizeContainer;
 };
+
 exports.default = withFixedSizeContainer;
 
 /***/ }),
@@ -301,9 +314,10 @@ exports.extendStaticWrapperProps = void 0;
  * @param {DashboardVizType} props.Wrapper
  * @param {DashboardVizType} props.Visualization
  */
+
 var extendStaticWrapperProps = function extendStaticWrapperProps(_ref) {
   var Wrapper = _ref.Wrapper,
-    Visualization = _ref.Visualization;
+      Visualization = _ref.Visualization;
   var extendProperties = ['propTypes', 'defaultProps', 'config'];
   extendProperties.forEach(function (prop) {
     if (Visualization[prop]) {
@@ -312,6 +326,7 @@ var extendStaticWrapperProps = function extendStaticWrapperProps(_ref) {
     }
   });
 };
+
 exports.extendStaticWrapperProps = extendStaticWrapperProps;
 
 /***/ }),
@@ -346,24 +361,33 @@ module.exports = require("@splunk/visualizations-shared/SizeAwareWrapper");
 
 
 var _toConsumableArray = __webpack_require__(8);
+
 var _defineProperty = __webpack_require__(7);
+
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
+
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
+
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.insertLayout = exports.isDynamicOption = exports.uncollapseEditorConfig = exports.generatePrecisionValues = exports.getInitialPreset = exports.enhanceOptionsSchemaWithDynamicOptions = exports.enhanceConfig = void 0;
+
 var lodash_1 = __webpack_require__(3);
+
 var schemaUtils_1 = __webpack_require__(16);
+
 var VizBehavior_1 = __webpack_require__(6);
+
 var dynamicOptionsDSLType = {
   type: 'string',
   pattern: schemaUtils_1.DYNAMIC_OPTIONS_DSL_PATTERN
@@ -373,20 +397,22 @@ var dynamicOptionsDSLType = {
  * @param optionsSchema a visualization's options schema
  * @returns an updated options schema that additionally allows strings starting with > for each option
  */
+
 function enhanceOptionsSchemaWithDynamicOptions(optionsSchema) {
   var enhancedOptionsSchema = {};
   Object.keys(optionsSchema).forEach(function (key) {
     var _a = optionsSchema[key],
-      title = _a.title,
-      description = _a.description,
-      readOnly = _a.readOnly,
-      writeOnly = _a.writeOnly,
-      examples = _a.examples,
-      defaultValue = _a.default,
-      type = _a.type,
-      properties = _a.properties,
-      patternProperties = _a.patternProperties,
-      remainingSchemaEntry = __rest(_a, ["title", "description", "readOnly", "writeOnly", "examples", "default", "type", "properties", "patternProperties"]);
+        title = _a.title,
+        description = _a.description,
+        readOnly = _a.readOnly,
+        writeOnly = _a.writeOnly,
+        examples = _a.examples,
+        defaultValue = _a.default,
+        type = _a.type,
+        properties = _a.properties,
+        patternProperties = _a.patternProperties,
+        remainingSchemaEntry = __rest(_a, ["title", "description", "readOnly", "writeOnly", "examples", "default", "type", "properties", "patternProperties"]);
+
     var annotations = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, title !== undefined && {
       title: title
     }), description !== undefined && {
@@ -400,12 +426,14 @@ function enhanceOptionsSchemaWithDynamicOptions(optionsSchema) {
     }), defaultValue !== undefined && {
       default: defaultValue
     });
+
     if (type === 'object') {
       enhancedOptionsSchema[key] = Object.assign(Object.assign(Object.assign(Object.assign({}, remainingSchemaEntry), annotations), {
         type: type
       }), properties && {
         properties: enhanceOptionsSchemaWithDynamicOptions(properties)
       });
+
       if (patternProperties) {
         var enhancedPatternProperties = {};
         Object.keys(patternProperties).forEach(function (opt) {
@@ -423,6 +451,7 @@ function enhanceOptionsSchemaWithDynamicOptions(optionsSchema) {
   });
   return enhancedOptionsSchema;
 }
+
 exports.enhanceOptionsSchemaWithDynamicOptions = enhanceOptionsSchemaWithDynamicOptions;
 /**
  * Helper function to enhance a Visualization Config as needed based on behaviors specified in supports block
@@ -431,11 +460,14 @@ exports.enhanceOptionsSchemaWithDynamicOptions = enhanceOptionsSchemaWithDynamic
  * @returns an enhanced Visualization Config containing updated config entries based on behaviors it supports
  * and containing `open: false` for all editor panels in editorConfig
  */
+
 function enhanceConfig(vizConfig) {
   var enhancedConfig = Object.assign({}, vizConfig);
+
   if (vizConfig.supports.indexOf(VizBehavior_1.VizBehavior.DYNAMIC_OPTIONS) !== -1) {
     enhancedConfig.optionsSchema = enhanceOptionsSchemaWithDynamicOptions(vizConfig.optionsSchema);
   }
+
   enhancedConfig.editorConfig = vizConfig.editorConfig.map(function (config) {
     return Object.assign(Object.assign({}, config), {
       open: config.open || false
@@ -443,6 +475,7 @@ function enhanceConfig(vizConfig) {
   });
   return enhancedConfig;
 }
+
 exports.enhanceConfig = enhanceConfig;
 /**
  * Helper function to uncollapse all editor panels by adding `open: true` to the editorConfig
@@ -450,6 +483,7 @@ exports.enhanceConfig = enhanceConfig;
  * @param vizConfig a Visualization Config
  * @returns a Visualization Config containing `open: true` for all editor panels in editorConfig
  */
+
 function uncollapseEditorConfig(vizConfig) {
   var editorPanelUncollapsedConfig = Object.assign({}, vizConfig);
   editorPanelUncollapsedConfig.editorConfig = vizConfig.editorConfig.map(function (config) {
@@ -459,13 +493,16 @@ function uncollapseEditorConfig(vizConfig) {
   });
   return editorPanelUncollapsedConfig;
 }
+
 exports.uncollapseEditorConfig = uncollapseEditorConfig;
+
 function isDynamicOption(option) {
   return option && typeof option === 'string' && option.trim().startsWith('>') || false;
 }
-exports.isDynamicOption = isDynamicOption;
-// private helpers to improve readability of getInitialPreset
+
+exports.isDynamicOption = isDynamicOption; // private helpers to improve readability of getInitialPreset
 // this shouldn't be tested since this util isn't something that we expect to use outside of getInitialPreset
+
 /**
  * this checks to make sure that all values within vizContext are compatible with the given preset's context to determine the initialPreset
  * if a preset has explicitly specified a key as being undefined, the vizContext must also has that key as undefined, or else this CANNOT be the initialPreset
@@ -474,6 +511,7 @@ exports.isDynamicOption = isDynamicOption;
  *
  * Since the presetConfigs have explicit undefined keys to override the existing config, we need to explicitly check the undefined values
  */
+
 function hasCompatibleContexts(vizContext, presetContext) {
   var presetContextKeys = Object.keys(presetContext);
   return presetContextKeys.every(function (contextKey) {
@@ -483,6 +521,8 @@ function hasCompatibleContexts(vizContext, presetContext) {
 /**
  * Checks to make sure that dynamic (non-dynamic) options in a given preset are also dynamic (non-dynamic) in the vizOptions
  */
+
+
 function hasCompatibleOptions(vizOptions, presetOptions) {
   var presetOptionKeys = Object.keys(presetOptions);
   return presetOptionKeys.every(function (optionKey) {
@@ -497,18 +537,21 @@ function hasCompatibleOptions(vizOptions, presetOptions) {
  * @param {Object} vizOptions - the current vizOptions definition
  * @param {PresetEntry[]} presets - the list of presets, one of which can be considered an initialPreset
  */
+
+
 function getInitialPreset(vizContext, vizOptions, presets) {
   return presets.find(function (preset) {
     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)
+    var presetOptionKeys = Object.keys(presetOptions); // all presets have to explicitly specify which options to reset (i.e. need explicitly undefined keys)
     // if not, then the preset is invalid in config.ts
+
     if (presetContextKeys.length === 0 || presetOptionKeys.length === 0) return false;
     return hasCompatibleContexts(vizContext, presetContext) && hasCompatibleOptions(vizOptions, presetOptions);
   });
 }
+
 exports.getInitialPreset = getInitialPreset;
 /**
  * generates number precision values for a Select editor
@@ -516,6 +559,7 @@ exports.getInitialPreset = getInitialPreset;
  * @param {Number} numPrecisionValues - number of integer precision values to generate
  * @returns {{ label: string; value; string  }[]} array of { label, value } tuples
  */
+
 function generatePrecisionValues(numPrecisionValues) {
   return (0, lodash_1.range)(0, numPrecisionValues + 1).map(function (i) {
     return {
@@ -524,6 +568,7 @@ function generatePrecisionValues(numPrecisionValues) {
     };
   });
 }
+
 exports.generatePrecisionValues = generatePrecisionValues;
 /**
  * insert layout in layout array, return a new layout array instead of updating the original
@@ -533,12 +578,15 @@ exports.generatePrecisionValues = generatePrecisionValues;
  * @param {EditorLayoutConfig[][]} layoutItems - the item(s) to insert
  * @returns {EditorLayoutConfig[][]} new editor layout with insertion
  */
+
 var insertLayout = function insertLayout(layout, index) {
   for (var _len = arguments.length, layoutItems = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
     layoutItems[_key - 2] = arguments[_key];
   }
+
   return [].concat(_toConsumableArray(layout.slice(0, index)), layoutItems, _toConsumableArray(layout.slice(index)));
 };
+
 exports.insertLayout = insertLayout;
 
 /***/ }),
@@ -603,11 +651,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.shouldShowIconPlaceholder = void 0;
+
 var React = __webpack_require__(1);
+
 var T = __webpack_require__(0);
+
 var lodash_1 = __webpack_require__(3);
+
 var i18n_1 = __webpack_require__(2);
+
 var Message_1 = __webpack_require__(10);
+
 var FixedSizeContainer_1 = __webpack_require__(13);
 /**
  * @method shouldShowIconPlaceholder
@@ -615,6 +669,8 @@ var FixedSizeContainer_1 = __webpack_require__(13);
  * @param {boolean} loading
  * @returns {boolean}
  */
+
+
 var shouldShowIconPlaceholder = function shouldShowIconPlaceholder(dataSources) {
   var loading = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var data = (0, lodash_1.get)(dataSources, 'primary.data.columns[0]', undefined);
@@ -623,6 +679,7 @@ var shouldShowIconPlaceholder = function shouldShowIconPlaceholder(dataSources)
   var noFields = fields === undefined;
   return loading || noData || noFields;
 };
+
 exports.shouldShowIconPlaceholder = shouldShowIconPlaceholder;
 var propTypes = {
   icon: T.func,
@@ -637,11 +694,13 @@ var propTypes = {
  * @param {IconPlaceholderProps} props
  * @returns {React.ReactElement}
  */
+
 var IconPlaceholder = function IconPlaceholder(props) {
   var width = props.width,
-    height = props.height,
-    icon = props.icon,
-    iconColor = props.iconColor;
+      height = props.height,
+      icon = props.icon,
+      iconColor = props.iconColor;
+
   if (icon) {
     return React.createElement(icon, {
       style: {
@@ -653,9 +712,11 @@ var IconPlaceholder = function IconPlaceholder(props) {
         transform: 'translate(-50%, -50%)'
       },
       width: '50%',
-      height: '50%'
+      height: '50%',
+      'data-test': 'icon-placeholder'
     });
   }
+
   return React.createElement(Message_1.default, {
     width: width,
     height: height,
@@ -663,6 +724,7 @@ var IconPlaceholder = function IconPlaceholder(props) {
     message: (0, i18n_1._)('No DataSource Connected')
   });
 };
+
 IconPlaceholder.propTypes = propTypes;
 IconPlaceholder.defaultProps = {
   width: '100%',
@@ -678,21 +740,27 @@ exports.default = (0, FixedSizeContainer_1.default)(IconPlaceholder);
 
 
 var _defineProperty = __webpack_require__(7);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getSortingParams = exports.SortParamsPropTypes = void 0;
+
 var T = __webpack_require__(0);
+
 var lodash_1 = __webpack_require__(3);
-var DataSource_1 = __webpack_require__(43);
+
+var DataSource_1 = __webpack_require__(34);
+
 exports.SortParamsPropTypes = T.shape({
   currentSortKey: T.string,
   currentSortDir: T.oneOf(DataSource_1.validSortDirs),
   onSort: T.func
 });
+
 var getSortingParams = function getSortingParams(_ref) {
   var requestParams = _ref.requestParams,
-    onRequestParamsChange = _ref.onRequestParamsChange;
+      onRequestParamsChange = _ref.onRequestParamsChange;
   var currentSortKey;
   var currentSortDir;
   var nextSortDirMap = {
@@ -701,15 +769,18 @@ var getSortingParams = function getSortingParams(_ref) {
     none: 'asc'
   };
   var onSort;
+
   if (typeof onRequestParamsChange === 'function') {
     if (requestParams && (0, lodash_1.has)(requestParams, 'sort')) {
       currentSortKey = Object.keys(requestParams.sort).shift();
       currentSortDir = requestParams.sort[currentSortKey];
-    }
-    // undid memoization since there is a dependency on requestParams, which is a deeply nested object
+    } // undid memoization since there is a dependency on requestParams, which is a deeply nested object
+
+
     onSort = function onSort(e, _ref2) {
       var sortKey = _ref2.sortKey,
-        sortDir = _ref2.sortDir;
+          sortDir = _ref2.sortDir;
+
       if (typeof sortKey === 'string') {
         var nextSortDir = (0, lodash_1.has)(nextSortDirMap, sortDir) ? nextSortDirMap[sortDir] : 'none';
         onRequestParamsChange(Object.assign(Object.assign({}, requestParams), {
@@ -721,12 +792,14 @@ var getSortingParams = function getSortingParams(_ref) {
       }
     };
   }
+
   return {
     currentSortKey: currentSortKey,
     currentSortDir: currentSortDir,
     onSort: onSort
   };
 };
+
 exports.getSortingParams = getSortingParams;
 
 /***/ }),
@@ -736,43 +809,68 @@ exports.getSortingParams = getSortingParams;
 "use strict";
 
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validOutputModes = exports.validSegmentationModes = exports.validSortDirs = void 0;
+exports.validSortDirs = ['asc', 'desc', 'none'];
+exports.validSegmentationModes = ['none', 'inner'];
+exports.validOutputModes = ['json_cols', 'json'];
+
+/***/ }),
+/* 35 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getPaginationParams = exports.PaginatorParamsPropTypes = void 0;
+
 var T = __webpack_require__(0);
+
 var lodash_1 = __webpack_require__(3);
+
 exports.PaginatorParamsPropTypes = T.shape({
   isPaging: T.bool,
   current: T.number,
   totalPages: T.number,
   onChange: T.func
 });
+
 var getPaginationParams = function getPaginationParams(_ref) {
   var requestParams = _ref.requestParams,
-    meta = _ref.meta,
-    onRequestParamsChange = _ref.onRequestParamsChange;
+      meta = _ref.meta,
+      onRequestParamsChange = _ref.onRequestParamsChange;
   var totalCount = meta && meta.totalCount || 0;
   var offset = requestParams && requestParams.offset || 0;
   var count = requestParams && requestParams.count;
   var totalPages = typeof count === 'number' && count > 0 ? Math.ceil(totalCount / count) : 0;
   var current = typeof count === 'number' && count > 0 ? Math.floor(offset / count) + 1 : 0;
   var isPaging = totalPages > 1 && typeof onRequestParamsChange === 'function';
+
   var onChangeHandler = function onChangeHandler(e, _ref2) {
     var page = _ref2.page,
-      countArg = _ref2.count;
+        countArg = _ref2.count;
     var newParams = (0, lodash_1.cloneDeep)(requestParams);
+
     if (typeof countArg === 'number') {
       newParams.count = countArg;
       newParams.offset = 0;
     }
+
     var pageCount = typeof newParams.count === 'number' ? newParams.count : 10;
+
     if (typeof page === 'number' && page > 0) {
       newParams.count = pageCount;
       newParams.offset = (page - 1) * pageCount;
     }
+
     onRequestParamsChange(newParams);
   };
+
   return {
     isPaging: isPaging,
     current: current,
@@ -780,10 +878,11 @@ var getPaginationParams = function getPaginationParams(_ref) {
     onChange: typeof onRequestParamsChange === 'function' ? onChangeHandler : lodash_1.noop
   };
 };
+
 exports.getPaginationParams = getPaginationParams;
 
 /***/ }),
-/* 35 */
+/* 36 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -794,6 +893,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.VizCategory = void 0;
 var VizCategory;
+
 (function (VizCategory) {
   VizCategory["SINGLE_VALUE"] = "Single Value";
   VizCategory["TRENDS"] = "Trends";
@@ -810,67 +910,96 @@ var VizCategory;
 })(VizCategory = exports.VizCategory || (exports.VizCategory = {}));
 
 /***/ }),
-/* 36 */
+/* 37 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
 var _slicedToArray = __webpack_require__(17);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var React = __webpack_require__(1);
+
 var lodash_1 = __webpack_require__(3);
-var getSettingsFromThemedProps_1 = __webpack_require__(37);
+
+var getSettingsFromThemedProps_1 = __webpack_require__(38);
+
 var Options_1 = __webpack_require__(30);
-var SanitizeProps_1 = __webpack_require__(38);
+
+var SanitizeProps_1 = __webpack_require__(39);
+
 var TimezoneContext_1 = __webpack_require__(26);
-var moment_1 = __webpack_require__(39);
+
+var moment_1 = __webpack_require__(40);
+
 var FeatureFlagContext_1 = __webpack_require__(21);
+
 var styled_components_1 = __webpack_require__(4);
+
 var hocUtils_1 = __webpack_require__(27);
+
 var JSONSchemaUtils_1 = __webpack_require__(28);
-var async_dynamic_options_evaluator_1 = __webpack_require__(40);
+
+var async_dynamic_options_evaluator_1 = __webpack_require__(41);
+
 var id_1 = __webpack_require__(25);
-var SplunkVisualization_1 = __webpack_require__(41);
+
+var SplunkVisualization_1 = __webpack_require__(42);
+
 var VizBehavior_1 = __webpack_require__(6);
+
 var getSorting_1 = __webpack_require__(33);
-var getPagination_1 = __webpack_require__(34);
+
+var getPagination_1 = __webpack_require__(35);
+
 var useDeepMemo_1 = __webpack_require__(44);
+
 var MissingPropsMessage_1 = __webpack_require__(45);
+
 var withEditModeCover_1 = __webpack_require__(46);
+
 var withPlaceholder_1 = __webpack_require__(47);
 /**
  * hoc that wraps a pure react visualization in a Dashboard visualization
  * @param {DashboardVizOpts} opts
  * @returns {HOC}
  */
+
+
 var withDashboardViz = function withDashboardViz(opts) {
   var ReactViz = opts.ReactViz,
-    vizConfig = opts.vizConfig,
-    _opts$computeVizProps = opts.computeVizProps,
-    computeVizProps = _opts$computeVizProps === void 0 ? function () {} : _opts$computeVizProps,
-    disableEditModeCover = opts.disableEditModeCover,
-    useIconPlaceholder = opts.useIconPlaceholder; // sanitizing props before sending them to reactviz.
+      vizConfig = opts.vizConfig,
+      _opts$computeVizProps = opts.computeVizProps,
+      computeVizProps = _opts$computeVizProps === void 0 ? function () {} : _opts$computeVizProps,
+      disableEditModeCover = opts.disableEditModeCover,
+      useIconPlaceholder = opts.useIconPlaceholder; // sanitizing props before sending them to reactviz.
+
   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,
-      hasEventHandlers = props.hasEventHandlers,
-      dataSources = props.dataSources,
-      options = props.options,
-      _props$context = props.context,
-      context = _props$context === void 0 ? {} : _props$context,
-      width = props.width,
-      height = props.height,
-      onComputedProps = props.onComputedProps,
-      onEventTrigger = props.onEventTrigger,
-      theme = props.theme,
-      onRequestParamsChange = props.onRequestParamsChange;
+        hasEventHandlers = props.hasEventHandlers,
+        dataSources = props.dataSources,
+        options = props.options,
+        _props$context = props.context,
+        context = _props$context === void 0 ? {} : _props$context,
+        width = props.width,
+        height = props.height,
+        onComputedProps = props.onComputedProps,
+        onEventTrigger = props.onEventTrigger,
+        theme = props.theme,
+        onRequestParamsChange = props.onRequestParamsChange;
+
     var _React$useContext = React.useContext(TimezoneContext_1.default),
-      serializedTimezone = _React$useContext.serializedTimezone;
+        serializedTimezone = _React$useContext.serializedTimezone;
+
     if (serializedTimezone) {
       /*
           @splunk/moment currently does not allow us to customize the timezone on a per visualization basis.
@@ -884,38 +1013,51 @@ var withDashboardViz = function withDashboardViz(opts) {
         moment_1.default.setDefaultSplunkTimezone(serializedTimezone);
       }
     }
+
     var themeFunc = function themeFunc(themeVar) {
       var _a, _b;
+
       return (_b = (_a = vizConfig.themes)[themeVar]) === null || _b === void 0 ? void 0 : _b.call(_a, props);
     };
+
     var bgColorFromTheme = themeFunc('defaultBackgroundColor');
+
     var _ref = (0, getSettingsFromThemedProps_1.default)({
-        theme: theme
-      }),
-      currentThemeFamily = _ref.family,
-      currentThemeColorScheme = _ref.colorScheme,
-      currentThemeDensity = _ref.density;
+      theme: theme
+    }),
+        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
+        _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((0, id_1.createGUID)())),
-      _React$useState4 = _slicedToArray(_React$useState3, 1),
-      visualizationID = _React$useState4[0];
+        _React$useState4 = _slicedToArray(_React$useState3, 1),
+        visualizationID = _React$useState4[0];
+
     var _React$useState5 = React.useState({}),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      dataSourcesInState = _React$useState6[0],
-      setDataSourcesInState = _React$useState6[1];
+        _React$useState6 = _slicedToArray(_React$useState5, 2),
+        dataSourcesInState = _React$useState6[0],
+        setDataSourcesInState = _React$useState6[1];
+
     var _React$useState7 = React.useState(),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      dataFramesInState = _React$useState8[0],
-      setDataFramesInState = _React$useState8[1];
+        _React$useState8 = _slicedToArray(_React$useState7, 2),
+        dataFramesInState = _React$useState8[0],
+        setDataFramesInState = _React$useState8[1];
+
     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];
+        _React$useState10 = _slicedToArray(_React$useState9, 2),
+        useAsyncEvaluatedOptions = _React$useState10[0],
+        setUseAsyncEvaluatedOptions = _React$useState10[1];
+
     var isMounted = React.useRef(true);
     evaluatedOptions = (0, useDeepMemo_1.useDeepMemo)(function () {
       try {
@@ -940,11 +1082,13 @@ var withDashboardViz = function withDashboardViz(opts) {
           });
         } else {
           var dataFrames = dataFramesInState;
+
           if (dataSources !== dataSourcesInState) {
             setDataSourcesInState(dataSources);
             dataFrames = Options_1.Options.dataFrameFromDataSource(dataSources);
             setDataFramesInState(dataFrames);
           }
+
           return Options_1.Options.evaluate({
             context: (0, lodash_1.defaultsDeep)({}, context, vizConfig.defaultContext),
             options: (0, hocUtils_1.deepMergeWithArrayPrimitiveOverrides)({}, options, defaultOptions)
@@ -955,21 +1099,24 @@ var withDashboardViz = function withDashboardViz(opts) {
         console.error("unexpected error evaluating options: ".concat(e.message));
         return {};
       }
+
       return {};
     }, [currentThemeFamily, currentThemeColorScheme, currentThemeDensity, options, context, dataSources, serializedTimezone, useAsyncEvaluatedOptions]);
-    var evaluatedOptionsToUse = !useAsyncEvaluatedOptions ? evaluatedOptions : evaluatedOptionsAsync;
-    // trellis specific backgroundColor update for onComputedProps
+    var evaluatedOptionsToUse = !useAsyncEvaluatedOptions ? evaluatedOptions : evaluatedOptionsAsync; // trellis specific backgroundColor update for onComputedProps
     // if trellis is enabled following these three criteria - 1) trellis feature flag is enabled 2) vizConfig supports array has 'trellis' 3)  option 'splitByLayout' is set to 'trellis
     // onComputedProps api should return back trellisBackgroundColor value for backgroundColor option to support coloring of sibling panels (for eg:- title/ description on UDF side)
+
     var isTrellisFeatureFlagOn = Boolean(featureFlagContext && featureFlagContext.visualizations_enableTrellis);
     var clonedEvaluatedOptions = evaluatedOptionsToUse;
+
     if (isTrellisFeatureFlagOn && ((_a = vizConfig === null || vizConfig === void 0 ? void 0 : vizConfig.supports) === null || _a === void 0 ? void 0 : _a.includes(VizBehavior_1.VizBehavior.TRELLIS)) && (clonedEvaluatedOptions === null || clonedEvaluatedOptions === void 0 ? void 0 : clonedEvaluatedOptions.splitByLayout) === VizBehavior_1.VizBehavior.TRELLIS) {
       clonedEvaluatedOptions = Object.assign(Object.assign({}, evaluatedOptionsToUse), {
         backgroundColor: clonedEvaluatedOptions === null || clonedEvaluatedOptions === void 0 ? void 0 : clonedEvaluatedOptions.trellisBackgroundColor
       });
-    }
-    // useEffect hook needs to be initialized before any early returns
+    } // useEffect hook needs to be initialized before any early returns
     // this is in accordance with the order of hook calls being the same on each render https://reactjs.org/docs/hooks-rules.html#explanation
+
+
     React.useEffect(function () {
       onComputedProps(clonedEvaluatedOptions);
     });
@@ -979,53 +1126,68 @@ var withDashboardViz = function withDashboardViz(opts) {
           isMounted.current = false;
           async_dynamic_options_evaluator_1.default.reset(visualizationID);
         }
-      };
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    // present warning message if any required props are missing
+      }; // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []); // present warning message if any required props are missing
+
     var _vizConfig$requiredPr = vizConfig.requiredProps,
-      requiredProps = _vizConfig$requiredPr === void 0 ? [] : _vizConfig$requiredPr,
-      supports = vizConfig.supports;
+        requiredProps = _vizConfig$requiredPr === void 0 ? [] : _vizConfig$requiredPr,
+        supports = vizConfig.supports;
     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, {
-        "data-test": "missing-props-message",
-        width: width,
-        height: height,
-        missingProps: missing,
-        backgroundColor: bgColorFromTheme
-      });
-    }
-    // events
+        return React.createElement(MissingPropsMessage_1.default, {
+          "data-test": "missing-props-message",
+          width: width,
+          height: height,
+          missingProps: missing,
+          backgroundColor: bgColorFromTheme
+        });
+      } // events
+
+
     var eventCallbackProps = {};
+
     if (hasEventHandlers && mode === 'view' && vizConfig.supports.indexOf(VizBehavior_1.VizBehavior.EVENTS) > -1) {
       var supportedEvents = vizConfig.events;
       Object.keys(supportedEvents).forEach(function (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
+        var _supportedEvents$even = supportedEvents[eventName],
+            parentKeys = _supportedEvents$even.parentKeys,
+            payloadKeys = _supportedEvents$even.payloadKeys;
+        var eventCallbackPropName = (0, lodash_1.camelCase)("on.".concat(eventName)); // todo: refactor single value and single value icon to send payload from viz
         // then remove these lines
-        var payloadKeys = supportedEvents[eventName].payloadKeys;
+
         var payload = {};
+
         if (Array.isArray(payloadKeys) && payloadKeys.length) {
           payloadKeys.forEach(function (p) {
             payload[p] = evaluatedOptionsToUse[p];
           });
         }
+
         eventCallbackProps[eventCallbackPropName] = function (ev) {
           if (ev && ev.payload) {
             payload = ev.payload;
           }
+
           return onEventTrigger({
             originalEvent: ev,
             payload: payload,
             type: eventName
           });
         };
+
+        if (parentKeys) {
+          for (var i = parentKeys.length - 1; i >= 0; i -= 1) {
+            var newObject = {};
+            newObject[parentKeys[i]] = eventCallbackProps[eventCallbackPropName];
+            eventCallbackProps[eventCallbackPropName] = newObject;
+          }
+        }
       });
-    }
-    // compute pure viz props which are not from options
+    } // compute pure viz props which are not from options
+
+
     var computedVizProps = computeVizProps(Object.assign(Object.assign(Object.assign(Object.assign({}, props), evaluatedOptionsToUse), eventCallbackProps), {
       themeFunc: themeFunc
     }));
@@ -1043,15 +1205,19 @@ var withDashboardViz = function withDashboardViz(opts) {
      * In future, we could automatically detect which all datasources are being used
      * and bind those magically to pagination/sorting behavior.
      */
+
     var dataSourceMetadata = {};
     var OptionKey = 'paginateDataSourceKey';
     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 = (0, getSorting_1.getSortingParams)({
         requestParams: requestParams,
         meta: meta,
@@ -1066,103 +1232,120 @@ var withDashboardViz = function withDashboardViz(opts) {
         sortParams: sortParams,
         paginatorParams: paginatorParams
       };
-    }
-    // if were using webworkers and this is the first render we dont want to show a viz with missing data so we return null
+    } // if were using webworkers and this is the first render we dont want to show a viz with missing data so we return null
+
+
     if (useAsyncEvaluatedOptions && Object.keys(evaluatedOptionsToUse).length === 0) {
       return null;
     }
+
     return React.createElement(SanitizedReactViz, Object.assign({
       mode: mode,
       width: width,
       height: height
     }, evaluatedOptionsToUse, computedVizProps, eventCallbackProps, dataSourceMetadata));
   };
+
   DashboardViz.propTypes = Object.assign(Object.assign({}, SplunkVisualization_1.default.propTypes), ReactViz.propTypes);
   DashboardViz.defaultProps = Object.assign(Object.assign(Object.assign({}, SplunkVisualization_1.default.defaultProps), ReactViz.defaultProps), {
     // using withTheme requires component to receive theme prop. In case the consumer did not provide ThemeProvider, a default empty object will prevent warnings.
     theme: {}
-  });
-  // attach viz config
-  DashboardViz.config = vizConfig;
-  // @ts-ignore: TODO fix sc upgrade TS issues
+  }); // attach viz config
+
+  DashboardViz.config = vizConfig; // @ts-ignore: TODO fix sc upgrade TS issues
+
   return (0, styled_components_1.withTheme)((0, withPlaceholder_1.default)((0, withEditModeCover_1.default)(DashboardViz, disableEditModeCover), useIconPlaceholder));
 };
+
 exports.default = withDashboardViz;
 
 /***/ }),
-/* 37 */
+/* 38 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/getSettingsFromThemedProps");
 
 /***/ }),
-/* 38 */
+/* 39 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/SanitizeProps");
 
 /***/ }),
-/* 39 */
+/* 40 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/moment");
 
 /***/ }),
-/* 40 */
+/* 41 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/async-dynamic-options-evaluator");
 
 /***/ }),
-/* 41 */
+/* 42 */
 /***/ (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
+
+var VizActionHandler_1 = __webpack_require__(43); // 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.
    */
@@ -1171,6 +1354,7 @@ SplunkVisualization.propTypes = {
      * current request params
      */
     requestParams: T.object,
+
     /**
      * current dataset
      */
@@ -1178,6 +1362,7 @@ SplunkVisualization.propTypes = {
       fields: T.array,
       columns: T.array
     }),
+
     /**
      * error
      */
@@ -1185,29 +1370,35 @@ SplunkVisualization.propTypes = {
       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
    */
@@ -1216,6 +1407,7 @@ SplunkVisualization.propTypes = {
 /**
  *
  */
+
 SplunkVisualization.defaultProps = {
   // BaseVisualization in dashboard-visualizations uses 100% for width but 250 for height
   width: '100%',
@@ -1243,26 +1435,29 @@ SplunkVisualization.defaultProps = {
 exports.default = SplunkVisualization;
 
 /***/ }),
-/* 42 */
+/* 43 */
 /***/ (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
+    value: function focus() {// noop
     }
   }, {
     key: "snapshot",
@@ -1270,22 +1465,11 @@ var DefaultVizActionHandler = /*#__PURE__*/function () {
       return null; // noop
     }
   }]);
+
   return DefaultVizActionHandler;
 }();
-exports.DefaultVizActionHandler = DefaultVizActionHandler;
 
-/***/ }),
-/* 43 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.validSortDirs = void 0;
-exports.validSortDirs = ['asc', 'desc', 'none'];
+exports.DefaultVizActionHandler = DefaultVizActionHandler;
 
 /***/ }),
 /* 44 */
@@ -1298,7 +1482,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useDeepMemo = void 0;
+
 var react_1 = __webpack_require__(1);
+
 var lodash_1 = __webpack_require__(3);
 /**
  * This hook evaluates and stores the result of a passed function and only
@@ -1313,16 +1499,21 @@ var lodash_1 = __webpack_require__(3);
  * @param fn the function to be executed and
  * @param dependencies an array of dependencies
  */
+
+
 var useDeepMemo = function useDeepMemo(fn, dependencies) {
   var ref = (0, react_1.useRef)();
+
   if (!ref.current || !(0, lodash_1.isEqual)(dependencies, ref.current.dependencies)) {
     ref.current = {
       dependencies: dependencies,
       value: fn()
     };
   }
+
   return ref.current.value;
 };
+
 exports.useDeepMemo = useDeepMemo;
 
 /***/ }),
@@ -1336,19 +1527,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MissingPropsMessage = exports.missingKeys = exports.isMissing = void 0;
+
 var React = __webpack_require__(1);
+
 var T = __webpack_require__(0);
+
 var i18n_1 = __webpack_require__(2);
+
 var Message_1 = __webpack_require__(10);
+
 var FixedSizeContainer_1 = __webpack_require__(13);
 /**
  * @method isMissing
  * @param {any} v
  * @returns {boolean} true if the input value === null or undefined
  */
+
+
 var isMissing = function isMissing(v) {
   return v === null || v === undefined;
 };
+
 exports.isMissing = isMissing;
 /**
  * @method misskingKeys
@@ -1356,11 +1555,13 @@ exports.isMissing = isMissing;
  * @param {object} target
  * @returns {string[]} the keys of missing required props
  */
+
 var missingKeys = function missingKeys(keys, target) {
   return keys.filter(function (k) {
     return (0, exports.isMissing)(target[k]);
   });
 };
+
 exports.missingKeys = missingKeys;
 var propTypes = {
   width: T.oneOfType([T.string, T.number]),
@@ -1374,10 +1575,11 @@ var propTypes = {
  * @param {MissingPropsProps} props
  * @returns {React.ReactElement}
  */
+
 var MissingPropsMessage = function MissingPropsMessage(props) {
   var width = props.width,
-    height = props.height,
-    missingProps = props.missingProps;
+      height = props.height,
+      missingProps = props.missingProps;
   return React.createElement(Message_1.default, {
     "data-test": "message",
     width: width,
@@ -1385,6 +1587,7 @@ var MissingPropsMessage = function MissingPropsMessage(props) {
     message: (0, i18n_1._)("Missing property: ".concat(missingProps.join(', ')))
   });
 };
+
 exports.MissingPropsMessage = MissingPropsMessage;
 exports.MissingPropsMessage.propTypes = propTypes;
 exports.MissingPropsMessage.defaultProps = {
@@ -1403,15 +1606,19 @@ exports.default = (0, FixedSizeContainer_1.default)(exports.MissingPropsMessage)
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var React = __webpack_require__(1);
+
 var styled_components_1 = __webpack_require__(4);
+
 var hocUtils_1 = __webpack_require__(15);
+
 var Cover = styled_components_1.default.div.withConfig({
   displayName: "withEditModeCover__Cover",
   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': "26.0.0 - 2f7458907"
+  'data-splunk-visualization-version': "26.1.1 - b6df0a015"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
@@ -1422,6 +1629,7 @@ var Blocker = styled_components_1.default.div.attrs({
  * @param {ExtendedDashViz} Visualization
  * @returns {ExtendedDashViz} Wrapper
  */
+
 var withEditModeCover = function withEditModeCover(Visualization, disableEditModeCover) {
   var Wrapper = function Wrapper(props) {
     var mode = props.mode;
@@ -1430,12 +1638,14 @@ var withEditModeCover = function withEditModeCover(Visualization, disableEditMod
       "data-test": "edit-mode-cover"
     }));
   };
+
   (0, hocUtils_1.extendStaticWrapperProps)({
     Wrapper: Wrapper,
     Visualization: Visualization
   });
   return Wrapper;
 };
+
 exports.default = withEditModeCover;
 
 /***/ }),
@@ -1448,27 +1658,37 @@ exports.default = withEditModeCover;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var React = __webpack_require__(1);
+
 var colorUtils_1 = __webpack_require__(12);
+
 var variables_1 = __webpack_require__(11);
+
 var IconPlaceholder_1 = __webpack_require__(32);
+
 var VizBehavior_1 = __webpack_require__(6);
+
 var hocUtils_1 = __webpack_require__(15);
+
 var withPlaceholder = function withPlaceholder(Visualization) {
   var useIconPlaceholder = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : IconPlaceholder_1.shouldShowIconPlaceholder;
   var config = Visualization.config;
   var themes = config.themes;
+
   var Wrapper = function Wrapper(props) {
     var _a, _b;
+
     var dataSources = props.dataSources,
-      loading = props.loading,
-      options = props.options,
-      height = props.height,
-      width = props.width;
+        loading = props.loading,
+        options = props.options,
+        height = props.height,
+        width = props.width;
     var showPlaceholder = useIconPlaceholder(dataSources, loading, options);
     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) {
       return React.createElement(IconPlaceholder_1.default, {
         "data-test": "icon-placeholder",
@@ -1479,14 +1699,17 @@ var withPlaceholder = function withPlaceholder(Visualization) {
         iconColor: iconColor
       });
     }
+
     return React.createElement(Visualization, Object.assign({}, props));
   };
+
   (0, hocUtils_1.extendStaticWrapperProps)({
     Wrapper: Wrapper,
     Visualization: Visualization
   });
   return Wrapper;
 };
+
 exports.default = withPlaceholder;
 
 /***/ }),
@@ -1585,7 +1808,8 @@ VizStyleWrapper.displayName = 'VizStyleWrapper';
 /* 87 */,
 /* 88 */,
 /* 89 */,
-/* 90 */
+/* 90 */,
+/* 91 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1608,7 +1832,6 @@ var StaticBackgroundColorEditor = {
 /* harmony default export */ __webpack_exports__["default"] = (StaticBackgroundColorEditor);
 
 /***/ }),
-/* 91 */,
 /* 92 */,
 /* 93 */,
 /* 94 */,
@@ -1671,18 +1894,28 @@ var StaticBackgroundColorEditor = {
 
 
 var _classCallCheck = __webpack_require__(9);
+
 var _createClass = __webpack_require__(18);
+
 var _inherits = __webpack_require__(71);
+
 var _possibleConstructorReturn = __webpack_require__(72);
+
 var _getPrototypeOf = __webpack_require__(63);
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var React = __webpack_require__(1);
+
 var lodash_1 = __webpack_require__(3);
-var SvgMutator_1 = __webpack_require__(190);
+
+var SvgMutator_1 = __webpack_require__(191);
 /**
  * This react component simply take an SVG document, and mutates it by applying data to the document according to
  * dataBindings. The data (data prop) is processed by performing the mutation once for each 'row' of the data even though the data is formatted as columns.
@@ -1691,13 +1924,20 @@ var SvgMutator_1 = __webpack_require__(190);
  * The first mutation has $i=0, the second has $1=1, the third has $i=2.
  * This allows for JEXL expressions to access the data in a row-like fashion via expressions such as 'foo[$i] + bar[$i]' which will return "ax" for the first row mutation, "by" for the second, and "cz" for the third mutation
  */
+
+
 var SvgChoroplethDynamic = /*#__PURE__*/function (_React$Component) {
   _inherits(SvgChoroplethDynamic, _React$Component);
+
   var _super = _createSuper(SvgChoroplethDynamic);
+
   function SvgChoroplethDynamic(props, context) {
     var _this;
+
     _classCallCheck(this, SvgChoroplethDynamic);
+
     _this = _super.call(this, props, context);
+
     _this.handleAreaClick = function (ev) {
       if (typeof _this.props.onAreaClick === 'function') {
         _this.props.onAreaClick(Object.assign(Object.assign({}, ev), {
@@ -1705,21 +1945,25 @@ var SvgChoroplethDynamic = /*#__PURE__*/function (_React$Component) {
         }));
       }
     };
+
     _this.areaClickRef = function (node) {
       if (!node) {
         return;
       }
+
       node.addEventListener('areaClick', function (ev) {
         return _this.handleAreaClick(ev);
       });
       _this.node = node;
     };
+
     _this.state = {
       svgNode: null
     };
     _this.node = null;
     return _this;
   }
+
   _createClass(SvgChoroplethDynamic, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -1728,8 +1972,7 @@ var SvgChoroplethDynamic = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "shouldComponentUpdate",
     value: function shouldComponentUpdate(nextProps, nextState) {
-      return nextProps.svg !== this.props.svg || !(0, lodash_1.isEqual)(nextProps.data, this.props.data) ||
-      // must do deep equal on data because when no data is passed we do 'let data = { featureIDs: [], values: [], fill: [] };' in ChoroplethSVG which looks to react like different data every time
+      return nextProps.svg !== this.props.svg || !(0, lodash_1.isEqual)(nextProps.data, this.props.data) || // must do deep equal on data because when no data is passed we do 'let data = { featureIDs: [], values: [], fill: [] };' in ChoroplethSVG which looks to react like different data every time
       nextState.svgNode !== this.state.svgNode || !(0, lodash_1.isEqual)(nextProps.width, this.props.width) || !(0, lodash_1.isEqual)(nextProps.height, this.props.height);
     }
   }, {
@@ -1750,8 +1993,10 @@ var SvgChoroplethDynamic = /*#__PURE__*/function (_React$Component) {
     key: "mutate",
     value: function mutate() {
       var svg = this.props.svg;
+
       if (svg) {
         var m = new SvgMutator_1.SvgMutator(this.props);
+
         try {
           // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
           this.setState({
@@ -1766,11 +2011,12 @@ var SvgChoroplethDynamic = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-        _this$props$width = _this$props.width,
-        width = _this$props$width === void 0 ? '100%' : _this$props$width,
-        _this$props$height = _this$props.height,
-        height = _this$props$height === void 0 ? '100%' : _this$props$height;
+          _this$props$width = _this$props.width,
+          width = _this$props$width === void 0 ? '100%' : _this$props$width,
+          _this$props$height = _this$props.height,
+          height = _this$props$height === void 0 ? '100%' : _this$props$height;
       var svgNode = this.state.svgNode;
+
       if (svgNode) {
         return React.createElement("div", {
           style: {
@@ -1780,11 +2026,14 @@ var SvgChoroplethDynamic = /*#__PURE__*/function (_React$Component) {
           ref: this.areaClickRef
         }, svgNode);
       }
+
       return null;
     }
   }]);
+
   return SvgChoroplethDynamic;
 }(React.Component);
+
 exports.default = SvgChoroplethDynamic;
 SvgChoroplethDynamic.defaultProps = {
   svg: ''
@@ -1828,7 +2077,8 @@ SvgChoroplethDynamic.defaultProps = {
 /* 182 */,
 /* 183 */,
 /* 184 */,
-/* 185 */
+/* 185 */,
+/* 186 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1836,35 +2086,53 @@ SvgChoroplethDynamic.defaultProps = {
 
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
+
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
+
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useIconPlaceholder = exports.createProtocolHandlers = exports.PureSvgChoroplethDynamic = exports.PureChoroplethSvg = exports.config = void 0;
+
 var React = __webpack_require__(1);
+
 var T = __webpack_require__(0);
+
 var lodash_1 = __webpack_require__(3);
+
 var FeatureFlagContext_1 = __webpack_require__(21);
-var ImageContext_1 = __webpack_require__(186);
-var FileDownloader_1 = __webpack_require__(187);
-var Downloader_1 = __webpack_require__(188);
-var withDashboardViz_1 = __webpack_require__(36);
-var PureChoroplethSvg_1 = __webpack_require__(189);
+
+var ImageContext_1 = __webpack_require__(187);
+
+var FileDownloader_1 = __webpack_require__(188);
+
+var Downloader_1 = __webpack_require__(189);
+
+var withDashboardViz_1 = __webpack_require__(37);
+
+var PureChoroplethSvg_1 = __webpack_require__(190);
+
 var SvgChoroplethDynamic_1 = __webpack_require__(147);
-var config_1 = __webpack_require__(194);
+
+var config_1 = __webpack_require__(195);
+
 var IconPlaceholder_1 = __webpack_require__(32);
-var urlUtils_1 = __webpack_require__(195);
-var ErrorMessage_1 = __webpack_require__(196);
+
+var urlUtils_1 = __webpack_require__(196);
+
+var ErrorMessage_1 = __webpack_require__(197);
+
 exports.config = config_1.default;
-exports.PureChoroplethSvg = PureChoroplethSvg_1.default;
-// todo: need remove when deleting @splunk/react-visualizations package
+exports.PureChoroplethSvg = PureChoroplethSvg_1.default; // todo: need remove when deleting @splunk/react-visualizations package
+
 exports.PureSvgChoroplethDynamic = SvgChoroplethDynamic_1.default;
 /**
  * This function generates the protocol handlers
@@ -1874,44 +2142,56 @@ exports.PureSvgChoroplethDynamic = SvgChoroplethDynamic_1.default;
  * @param {ImageContext} imageContext
  * @returns {object}
  */
+
 var createProtocolHandlers = function createProtocolHandlers() {
   var featureFlagContext = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var imageContext = arguments.length > 1 ? arguments[1] : undefined;
   var handlers = {
     data: new Downloader_1.URLDownloader()
   };
+
   if (imageContext) {
     imageContext.listProviders().forEach(function (_ref) {
       var type = _ref.type;
       handlers[type] = new Downloader_1.ImageRegistryFetcher(imageContext);
     });
   }
+
   var enableSvgHttpDownloader = featureFlagContext.enableSvgHttpDownloader;
+
   if (enableSvgHttpDownloader) {
     handlers.http = new Downloader_1.URLDownloader();
     handlers.https = new Downloader_1.URLDownloader();
   }
+
   return handlers;
 };
+
 exports.createProtocolHandlers = createProtocolHandlers;
+
 var ChoroplethSvg = function ChoroplethSvg(_a) {
   var props = __rest(_a, []);
+
   var svg = props.svg;
   var url = React.useMemo(function () {
     if (!svg) {
       return svg;
     }
+
     var trimmed = svg.trim();
+
     if ((0, urlUtils_1.isValidUrl)(trimmed)) {
       return trimmed;
     }
+
     if (/.*<svg.*/i.test(trimmed)) {
       return trimmed;
     }
+
     return "".concat(window.location.origin, "/").concat(trimmed);
-  }, [svg]);
-  // note that the FileDownloader will just immediately pass through literal (non-url) content in the case that
+  }, [svg]); // note that the FileDownloader will just immediately pass through literal (non-url) content in the case that
   // the svg argument is not a url.
+
   return React.createElement(ImageContext_1.default.Consumer, null, function (imageContext) {
     return React.createElement(FeatureFlagContext_1.default.Consumer, null, function (featureFlagContext) {
       return React.createElement(FileDownloader_1.FileDownloader, {
@@ -1932,44 +2212,47 @@ var ChoroplethSvg = function ChoroplethSvg(_a) {
     });
   });
 };
+
 ChoroplethSvg.propTypes = {
   svg: T.string
 };
+
 function useIconPlaceholder(dataSources, loading, options) {
   var svg = (0, lodash_1.get)(options, 'svg');
   var missingData = (0, IconPlaceholder_1.shouldShowIconPlaceholder)(dataSources, loading);
   return missingData && !svg;
 }
+
 exports.useIconPlaceholder = useIconPlaceholder;
 var platformViz = (0, withDashboardViz_1.default)({
   ReactViz: ChoroplethSvg,
   vizConfig: config_1.default,
   useIconPlaceholder: useIconPlaceholder
-});
-// (platformViz as any).defaultProps.width = '100%';
+}); // (platformViz as any).defaultProps.width = '100%';
 // (platformViz as any).defaultProps.height = '100%';
+
 exports.default = platformViz;
 
 /***/ }),
-/* 186 */
+/* 187 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-context/ImageContext");
 
 /***/ }),
-/* 187 */
+/* 188 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/FileDownloader");
 
 /***/ }),
-/* 188 */
+/* 189 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/Downloader");
 
 /***/ }),
-/* 189 */
+/* 190 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1977,25 +2260,36 @@ module.exports = require("@splunk/visualizations-shared/Downloader");
 
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
+
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
+
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.computeSvgDynamicProps = void 0;
+
 var React = __webpack_require__(1);
+
 var styled_components_1 = __webpack_require__(4);
+
 var lodash_1 = __webpack_require__(3);
+
 var style_1 = __webpack_require__(14);
+
 var SizeAwareWrapper_1 = __webpack_require__(19);
+
 var SvgChoroplethDynamic_1 = __webpack_require__(147);
+
 var VizStyleWrapper_1 = __webpack_require__(73);
+
 var Container = styled_components_1.default.div.withConfig({
   displayName: "PureChoroplethSvg__Container",
   componentId: "m24jrf-0"
@@ -2006,14 +2300,16 @@ var ChoroplethSvgWrapper = styled_components_1.default.div.withConfig({
   displayName: "PureChoroplethSvg__ChoroplethSvgWrapper",
   componentId: "m24jrf-1"
 })(["min-height:0px;flex:1;position:relative;"]);
+
 var computeSvgDynamicProps = function computeSvgDynamicProps(_a) {
   var props = __rest(_a, []);
+
   var data = {
     featureIDs: props.areaIds || [],
     values: props.areaValues || [],
     fill: props.areaColors || []
-  };
-  // current implementation is limited to only setting the fill attribute
+  }; // current implementation is limited to only setting the fill attribute
+
   var dataBinding = [{
     xPath: "'//*[@id=\"'+featureIDs[$i]+'\"]/@fill'",
     value: 'fill[$i]'
@@ -2023,15 +2319,19 @@ var computeSvgDynamicProps = function computeSvgDynamicProps(_a) {
     dataBinding: dataBinding
   });
 };
+
 exports.computeSvgDynamicProps = computeSvgDynamicProps;
+
 var PureChoroplethSvg = function PureChoroplethSvg(_a) {
   var props = __rest(_a, []);
+
   var width = props.width,
-    height = props.height,
-    backgroundColor = props.backgroundColor;
+      height = props.height,
+      backgroundColor = props.backgroundColor;
+
   var renderVisualization = function renderVisualization(_ref) {
     var containerWidth = _ref.width,
-      containerHeight = _ref.height;
+        containerHeight = _ref.height;
     var svgProps = (0, exports.computeSvgDynamicProps)(Object.assign(Object.assign({}, props), {
       width: containerWidth,
       height: containerHeight
@@ -2041,6 +2341,7 @@ var PureChoroplethSvg = function PureChoroplethSvg(_a) {
       dataTestKey: "ChoroplethSvgWrapper"
     }, React.createElement(SvgChoroplethDynamic_1.default, Object.assign({}, svgProps)));
   };
+
   return React.createElement(Container, {
     width: width,
     height: height
@@ -2048,6 +2349,7 @@ var PureChoroplethSvg = function PureChoroplethSvg(_a) {
     return renderVisualization(containerDimension);
   })));
 };
+
 PureChoroplethSvg.defaultProps = {
   width: '100%',
   height: 250,
@@ -2056,27 +2358,35 @@ PureChoroplethSvg.defaultProps = {
 exports.default = (0, styled_components_1.withTheme)(PureChoroplethSvg);
 
 /***/ }),
-/* 190 */
+/* 191 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
 var _classCallCheck = __webpack_require__(9);
+
 var _createClass = __webpack_require__(18);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SvgMutator = exports.ERROR_NON_ATTRIBUTE_MUTATION = void 0;
 /* eslint-disable no-param-reassign */
+
 var React = __webpack_require__(1);
-var XPath = __webpack_require__(191);
-var xmldom_1 = __webpack_require__(192);
-var jexl = __webpack_require__(193);
+
+var XPath = __webpack_require__(192);
+
+var xmldom_1 = __webpack_require__(193);
+
+var jexl = __webpack_require__(194);
 /**
  * An error message indicating that a mutation has attempted to target anything other than SVG attribute(s)
  * @type {string}
  */
+
+
 exports.ERROR_NON_ATTRIBUTE_MUTATION = 'mutations only allowed on attribute nodes';
 /**
  * This class takes columnar data and mutates an SVG document by applying rules defined in DataBindings. This class
@@ -2084,6 +2394,7 @@ exports.ERROR_NON_ATTRIBUTE_MUTATION = 'mutations only allowed on attribute node
  * animation delays. This class parses an SVG document into an internal dom (NOT THE BROWSER DOM), which is then
  * converted into a ReactNode.
  */
+
 var SvgMutator = /*#__PURE__*/function () {
   /**
    * parses the svg and stores the parsed Document in a local field. Keeps a copy of the props.
@@ -2091,6 +2402,7 @@ var SvgMutator = /*#__PURE__*/function () {
    */
   function SvgMutator(props) {
     _classCallCheck(this, SvgMutator);
+
     var svg = props.svg;
     this.svgDoc = new xmldom_1.DOMParser().parseFromString(svg);
     this.props = Object.assign({}, props);
@@ -2102,6 +2414,8 @@ var SvgMutator = /*#__PURE__*/function () {
    * @param {(node: Node) => void} refCallback
    * @returns {React.ReactNode}
    */
+
+
   _createClass(SvgMutator, [{
     key: "mutate",
     value: function mutate() {
@@ -2118,6 +2432,7 @@ var SvgMutator = /*#__PURE__*/function () {
      * @param {number} i
      * @param {Node} target
      */
+
   }, {
     key: "applyMutations",
     value:
@@ -2128,22 +2443,26 @@ var SvgMutator = /*#__PURE__*/function () {
      */
     function applyMutations(prototypicalNode) {
       var _this$props = this.props,
-        dataBinding = _this$props.dataBinding,
-        data = _this$props.data;
+          dataBinding = _this$props.dataBinding,
+          data = _this$props.data;
       var target = prototypicalNode.cloneNode(true);
+
       if (data) {
         var anyKey = Object.keys(data)[0];
         var len = data[anyKey].length;
+
         var _loop = function _loop(i) {
           // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
           dataBinding.forEach(function (db) {
             return SvgMutator.applyMutation(db, data, i, target);
           });
         };
+
         for (var i = 0; i < len; i += 1) {
           _loop(i);
         }
       }
+
       return target;
     }
     /**
@@ -2154,26 +2473,29 @@ var SvgMutator = /*#__PURE__*/function () {
      * @param height
      * @returns {React.ReactElement}
      */
+
   }], [{
     key: "applyMutation",
     value: function applyMutation(dataBinding, data, i, target) {
       var xPath = dataBinding.xPath;
+
       if (!xPath) {
         throw new Error('xPath property not defined');
-      }
-      // use xpath expression to seek out places to make changes
+      } // use xpath expression to seek out places to make changes
+
+
       var hits = SvgMutator.evaluateXPath(xPath, target, Object.assign(Object.assign({}, data), {
         $i: i
       }));
       var hit;
+
       for (hit = hits.iterateNext(); hit; hit = hits.iterateNext()) {
         SvgMutator.mutateNode(hit, dataBinding, data, i);
       }
     }
   }, {
     key: "getSandboxedIframe",
-    value: function getSandboxedIframe(refCallback,
-    // fixme get rid of?
+    value: function getSandboxedIframe(refCallback, // fixme get rid of?
     node, currentProps) {
       var svgNode = SvgMutator.getSvgElementFromDoc(node);
       svgNode.setAttribute('width', currentProps.width || '100%');
@@ -2187,6 +2509,7 @@ var SvgMutator = /*#__PURE__*/function () {
        * Alternatively, Chrome has a higher size limit for Blobs (500Mib? - https://source.chromium.org/chromium/chromium/src/+/main:storage/browser/blob/README.md)
        * and we can create Blob URLs via URL.createObjectURL(), using the URL API together with blobs via the File API
        */
+
       var blob = new Blob([html], {
         type: 'text/html'
       });
@@ -2201,8 +2524,8 @@ var SvgMutator = /*#__PURE__*/function () {
           padding: '0',
           pointerEvents: 'auto',
           colorScheme: 'light' // iframe adds a white background when using 'dark' theme, hacking to set scheme to 'light'
-        },
 
+        },
         frameBorder: 0,
         sandbox: 'allow-scripts',
         id: 'svgChoroplethIframe'
@@ -2222,23 +2545,28 @@ var SvgMutator = /*#__PURE__*/function () {
           if (!div) {
             // called on unmount
             SvgMutator.removeIframeEventListener(div, messageListener, intervalID, refCallback);
+
             if (blobURL) {
               URL.revokeObjectURL(blobURL);
             }
+
             return;
           }
+
           messageListener = SvgMutator.createIframeMessageListener(NONCE, intervalID, div);
           window.addEventListener('message', messageListener);
+
           function sendSetupMessage() {
-            var svgIframe = div.querySelector('#svgChoroplethIframe');
-            // send single message to iframe content so that content can "learn" the targetOrigin for it's reply messages
+            var svgIframe = div.querySelector('#svgChoroplethIframe'); // send single message to iframe content so that content can "learn" the targetOrigin for it's reply messages
+
             if (svgIframe) {
               svgIframe.contentWindow.postMessage({
                 parentIdentity: PARENT_ID
               }, '*');
             }
-          }
-          // continuously send an initialization message to the iframe until it ack's back
+          } // continuously send an initialization message to the iframe until it ack's back
+
+
           intervalID = setInterval(sendSetupMessage, 500);
           refCallback(div);
         }
@@ -2250,18 +2578,21 @@ var SvgMutator = /*#__PURE__*/function () {
     value: function getSvgElementFromDoc(node) {
       if (node.nodeName === '#document') {
         var kids = node.childNodes;
+
         for (var i = 0; i < kids.length; i += 1) {
-          node = kids.item(i);
-          // re https://jira.splunk.com/browse/SPL-188348 DOCTYPE nodes that we want to skip would have
+          node = kids.item(i); // re https://jira.splunk.com/browse/SPL-188348 DOCTYPE nodes that we want to skip would have
           // nodeName 'svg', but only the actualy <svg> element has nodeType 1 (ELEMENT_NODE)
+
           if (node.nodeName === 'svg' && node.nodeType && node.nodeType === 1) {
             break;
           }
         }
       }
+
       if (node.nodeName !== 'svg') {
         throw new Error("Could not find an <svg> element");
       }
+
       return node;
     }
     /**
@@ -2272,6 +2603,7 @@ var SvgMutator = /*#__PURE__*/function () {
      * @param {object} context
      * @returns {XPathResult}
      */
+
   }, {
     key: "evaluateXPath",
     value: function evaluateXPath(xpathExpr, doc) {
@@ -2288,12 +2620,15 @@ var SvgMutator = /*#__PURE__*/function () {
     key: "getTitle",
     value: function getTitle(data, i) {
       var title = '';
+
       if (data.featureIDs && data.featureIDs[i]) {
         title += "name: ".concat(data.featureIDs[i]);
       }
+
       if (data.values && data.values[i] !== undefined) {
         title += "\nvalue: ".concat(data.values[i]);
       }
+
       return title;
     }
     /**
@@ -2308,6 +2643,7 @@ var SvgMutator = /*#__PURE__*/function () {
      * @param {number} i
      * @returns {any}
      */
+
   }, {
     key: "mutateNode",
     value: function mutateNode(n, dataBinding, data, i) {
@@ -2315,38 +2651,47 @@ var SvgMutator = /*#__PURE__*/function () {
       if (n.nodeType && n.nodeType != Node.ATTRIBUTE_NODE) {
         throw new Error(exports.ERROR_NON_ATTRIBUTE_MUTATION);
       }
+
       var context = Object.assign(Object.assign({
         $oldValue: n.nodeValue
       }, data), {
         $i: i
       });
       var computed;
+
       try {
         computed = jexl.evalSync(dataBinding.value, context);
       } catch (error) {
         return;
-      }
-      // this is the actual mutation: we change the attributes value
+      } // this is the actual mutation: we change the attributes value
+
+
       n.nodeValue = computed;
       n.value = computed; // So you may ask...why do we set BOTH the nodeValue and the Attr value. The nodeValue seems to be the one that "shows up" as reflecting the change. We use nodeValue down in addSubtree. Yet XMLSerializer will only see the changes from Attr.value. So what the heck, we use BOTH
       // we also add data-* attributes to the node and a title that behaves like a hover
+
       var parent = n.ownerElement;
       var title = SvgMutator.getTitle(data, i);
+
       if (data.featureIDs && data.featureIDs[i]) {
         parent.setAttribute('data-name', data.featureIDs[i]);
       }
+
       if (data.values && data.values[i] !== undefined) {
         parent.setAttribute('data-value', data.values[i]);
       }
+
       if (title !== '') {
         var titleElem = n.ownerDocument.createElementNS('http://www.w3.org/2000/svg', 'title');
         titleElem.textContent = title;
         parent.appendChild(titleElem);
       }
+
       if (data.featureIDs) {
         parent.setAttribute('data-name', data.featureIDs[i]);
-      }
-      // eslint-disable-next-line consistent-return
+      } // eslint-disable-next-line consistent-return
+
+
       return computed; // makes this method more testable to return the updated node value, though real callers don't need to use the returned value.
     }
   }, {
@@ -2370,12 +2715,13 @@ var SvgMutator = /*#__PURE__*/function () {
       var jsdom = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
       return function (m) {
         var _m$data = m.data,
-          nonce = _m$data.nonce,
-          eventType = _m$data.eventType,
-          clientX = _m$data.clientX,
-          clientY = _m$data.clientY,
-          value = _m$data.value,
-          name = _m$data.name;
+            nonce = _m$data.nonce,
+            eventType = _m$data.eventType,
+            clientX = _m$data.clientX,
+            clientY = _m$data.clientY,
+            value = _m$data.value,
+            name = _m$data.name;
+
         if (nonce !== expectedNonce || !jsdom && m.origin !== 'null') {
           // yes, m.origin IS actually supposed to be a string 'null'. That is origin for opaque URL
           return; // If message did not contain expected nonce, then ignore (comms will not be stablished).
@@ -2386,6 +2732,7 @@ var SvgMutator = /*#__PURE__*/function () {
         }
 
         var boundingRect = div.getBoundingClientRect();
+
         if (eventType && clientX && clientY) {
           var mEvent;
           var realClientX = Math.round(clientX + boundingRect.left);
@@ -2394,8 +2741,8 @@ var SvgMutator = /*#__PURE__*/function () {
             bubbles: true,
             cancelable: true,
             composed: true
-          };
-          // only dispatch customEvent for click because value and name are needed to bubble up
+          }; // only dispatch customEvent for click because value and name are needed to bubble up
+
           if (eventType === 'click') {
             mEvent = new CustomEvent('areaClick', Object.assign({
               detail: {
@@ -2411,6 +2758,7 @@ var SvgMutator = /*#__PURE__*/function () {
               clientY: realClientY
             }, eventSetting));
           }
+
           div.dispatchEvent(mEvent);
         }
       };
@@ -2421,6 +2769,7 @@ var SvgMutator = /*#__PURE__*/function () {
       if (messageListener) {
         window.removeEventListener('message', messageListener);
       }
+
       if (intervalID) {
         clearInterval(intervalID); // stop sending setup message
       }
@@ -2428,31 +2777,33 @@ var SvgMutator = /*#__PURE__*/function () {
       refCallback(element);
     }
   }]);
+
   return SvgMutator;
 }();
+
 exports.SvgMutator = SvgMutator;
 SvgMutator.serializer = new xmldom_1.XMLSerializer();
 
 /***/ }),
-/* 191 */
+/* 192 */
 /***/ (function(module, exports) {
 
 module.exports = require("xpath");
 
 /***/ }),
-/* 192 */
+/* 193 */
 /***/ (function(module, exports) {
 
 module.exports = require("@xmldom/xmldom");
 
 /***/ }),
-/* 193 */
+/* 194 */
 /***/ (function(module, exports) {
 
 module.exports = require("jexl");
 
 /***/ }),
-/* 194 */
+/* 195 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2461,17 +2812,29 @@ module.exports = require("jexl");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var i18n_1 = __webpack_require__(2);
+
 var pick_1 = __webpack_require__(23);
+
 var variables_1 = __webpack_require__(11);
+
 var schemaUtils_1 = __webpack_require__(16);
+
 var PresetPalettes_1 = __webpack_require__(61);
+
 var visualization_icons_1 = __webpack_require__(52);
+
 var placeholders_1 = __webpack_require__(50);
+
 var VizBehavior_1 = __webpack_require__(6);
+
 var configUtils_1 = __webpack_require__(20);
-var VizCategory_1 = __webpack_require__(35);
-var StaticBackgroundColorEditor_1 = __webpack_require__(90);
+
+var VizCategory_1 = __webpack_require__(36);
+
+var StaticBackgroundColorEditor_1 = __webpack_require__(91);
+
 var dataContract = {
   requiredDataSources: [],
   optionalDataSources: [{
@@ -2634,16 +2997,19 @@ var editorConfig = [{
 /**
  * visualization configuration
  */
+
 var config = {
   /**
    * unique viz key
    */
   key: 'splunk.choropleth.svg',
+
   /**
    * viz name
    */
   name: (0, i18n_1._)('Choropleth SVG'),
   category: VizCategory_1.VizCategory.SPATIAL,
+
   /**
    * viz icon
    */
@@ -2667,7 +3033,7 @@ var config = {
 exports.default = (0, configUtils_1.enhanceConfig)(config);
 
 /***/ }),
-/* 195 */
+/* 196 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2677,6 +3043,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isValidUrl = void 0;
+
 var isValidUrl = function isValidUrl(value) {
   try {
     var url = new URL(value);
@@ -2685,10 +3052,11 @@ var isValidUrl = function isValidUrl(value) {
     return false;
   }
 };
+
 exports.isValidUrl = isValidUrl;
 
 /***/ }),
-/* 196 */
+/* 197 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2696,20 +3064,27 @@ exports.isValidUrl = isValidUrl;
 
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
+
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
+
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var React = __webpack_require__(1);
+
 var styled_components_1 = __webpack_require__(4);
+
 var visualization_icons_1 = __webpack_require__(52);
+
 var Container = styled_components_1.default.div.withConfig({
   displayName: "ErrorMessage__Container",
   componentId: "sc-190iqnz-0"
@@ -2718,13 +3093,16 @@ var Message = styled_components_1.default.div.withConfig({
   displayName: "ErrorMessage__Message",
   componentId: "sc-190iqnz-1"
 })(["width:100%;word-break:break-all;"]);
+
 var ErrorMessage = function ErrorMessage(_a) {
   var props = __rest(_a, []);
+
   var error = props.error;
   return React.createElement(Container, null, React.createElement(visualization_icons_1.Image, {
     "data-testid": "image-icon"
   }), React.createElement(Message, null, error));
 };
+
 exports.default = (0, styled_components_1.withTheme)(ErrorMessage);
 
 /***/ })