@splunk/visualizations 25.7.1 → 25.8.0

package/Pie.js

@@ -143,17 +143,11 @@ module.exports = require("@splunk/visualizations-shared/colorUtils");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var React = __webpack_require__(0);
-
 var styled_components_1 = __webpack_require__(4);
-
 var SizeAwareWrapper_1 = __webpack_require__(18);
-
 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 {
@@ -166,11 +160,11 @@ var Item = styled_components_1.default.div.attrs(function (_ref) {
   componentId: "sc-1yhgpod-0"
 })(["position:relative;background-color:", "};"], function (props) {
   return 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: style_1.toPx(width)
@@ -192,13 +186,11 @@ 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",
@@ -206,27 +198,24 @@ 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": "25.7.1 - 6a77c5530",
+      "data-splunk-visualization-version": "25.8.0 - 65f56b99e",
       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;
 
 /***/ }),
@@ -254,10 +243,9 @@ 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]) {
@@ -266,7 +254,6 @@ var extendStaticWrapperProps = function extendStaticWrapperProps(_ref) {
     }
   });
 };
-
 exports.extendStaticWrapperProps = extendStaticWrapperProps;
 
 /***/ }),
@@ -286,63 +273,46 @@ module.exports = require("@splunk/visualizations-shared/schemaUtils");
 
 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.config = exports.themes = exports.showPlaceHolderIcon = exports.computeVizProps = exports.PieInnerSize = void 0;
-
-var lodash_1 = __webpack_require__(3); // Charting imports i18n which needs to be run to instantiate window globals in the
+var lodash_1 = __webpack_require__(3);
+// Charting imports i18n which needs to be run to instantiate window globals in the
 // eslint-disable-next-line import/order
-
-
 var Charting_1 = __webpack_require__(62);
-
 var charting_bundle_1 = __webpack_require__(56);
-
 var simpleXMLOptions_1 = __webpack_require__(67);
-
 var config_1 = __webpack_require__(437);
-
 exports.config = config_1.default;
-
 var withDashboardViz_1 = __webpack_require__(36);
-
 var pieUtils_1 = __webpack_require__(439);
-
 var chartingUtils_1 = __webpack_require__(55);
-
 var IconPlaceholder_1 = __webpack_require__(31);
-
 var validOptions = Object.keys(config_1.default.optionsSchema);
 exports.PieInnerSize = 0.7;
-
 var computeVizProps = function computeVizProps(_a) {
   var dataSources = _a.dataSources,
-      onEventTrigger = _a.onEventTrigger,
-      label = _a.label,
-      value = _a.value,
-      showDonutHole = _a.showDonutHole,
-      visualizationApiRef = _a.visualizationApiRef,
-      otherOptions = __rest(_a, ["dataSources", "onEventTrigger", "label", "value", "showDonutHole", "visualizationApiRef"]); // options to be passed as props
-
-
+    onEventTrigger = _a.onEventTrigger,
+    label = _a.label,
+    value = _a.value,
+    showDonutHole = _a.showDonutHole,
+    visualizationApiRef = _a.visualizationApiRef,
+    otherOptions = __rest(_a, ["dataSources", "onEventTrigger", "label", "value", "showDonutHole", "visualizationApiRef"]); // options to be passed as props
   var computedProps = {
     visualizationApiRef: visualizationApiRef
   };
   var labelField = otherOptions.labelField,
-      valueField = otherOptions.valueField,
-      hasEventHandlers = otherOptions.hasEventHandlers;
+    valueField = otherOptions.valueField,
+    hasEventHandlers = otherOptions.hasEventHandlers;
   computedProps.options = lodash_1.chain(otherOptions).pick(validOptions).thru(pieUtils_1.convertToPieSCProperties).thru(function (options) {
     return Object.assign(Object.assign({}, simpleXMLOptions_1.getSimpleXMLOptionsForProps(options)), {
       chart: 'pie'
@@ -357,42 +327,33 @@ var computeVizProps = function computeVizProps(_a) {
   }, {
     name: valueField
   }];
-
   if (!value) {
     primaryData.columns = [label, []];
   }
-
   primaryData.columns.forEach(function (column, index) {
     if (column) {
       primaryData.columns[index] = column.map(String);
     }
   });
-
   if (truncationLimit) {
     primaryData = chartingUtils_1.truncateData(primaryData, truncationLimit);
   }
-
   computedProps.chartData = charting_bundle_1.default.extractChartReadyData(Object.assign({}, primaryData));
-
   if (showDonutHole) {
     computedProps.options['chart.pieInnerSize'] = exports.PieInnerSize;
   } else {
     computedProps.options['chart.pieInnerSize'] = 0;
   }
-
   if (hasEventHandlers) {
     computedProps.onClick = onEventTrigger;
   }
-
   return computedProps;
 };
-
-exports.computeVizProps = computeVizProps; // Returns true to display the placeholder icon, if invalid datasource condition or invalid data value/labels condition is met
-
+exports.computeVizProps = computeVizProps;
+// Returns true to display the placeholder icon, if invalid datasource condition or invalid data value/labels condition is met
 var showPlaceHolderIcon = function showPlaceHolderIcon(dataSources, loading, options) {
   return IconPlaceholder_1.shouldShowIconPlaceholder(dataSources, loading) || pieUtils_1.invalidOptionField('value', dataSources, options, config_1.default) || pieUtils_1.invalidOptionField('label', dataSources, options, config_1.default) || pieUtils_1.allInvalidDataValues(dataSources, options, config_1.default);
 };
-
 exports.showPlaceHolderIcon = showPlaceHolderIcon;
 var Pie = withDashboardViz_1.default({
   ReactViz: Charting_1.default,
@@ -429,33 +390,24 @@ module.exports = require("@splunk/visualizations-shared/SizeAwareWrapper");
 
 
 var _toConsumableArray = __webpack_require__(7);
-
 var _defineProperty = __webpack_require__(8);
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
-
   if (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
@@ -465,22 +417,20 @@ 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 && {
@@ -494,14 +444,12 @@ 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) {
@@ -519,7 +467,6 @@ function enhanceOptionsSchemaWithDynamicOptions(optionsSchema) {
   });
   return enhancedOptionsSchema;
 }
-
 exports.enhanceOptionsSchemaWithDynamicOptions = enhanceOptionsSchemaWithDynamicOptions;
 /**
  * Helper function to enhance a Visualization Config as needed based on behaviors specified in supports block
@@ -528,14 +475,11 @@ 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
@@ -543,7 +487,6 @@ function enhanceConfig(vizConfig) {
   });
   return enhancedConfig;
 }
-
 exports.enhanceConfig = enhanceConfig;
 /**
  * Helper function to uncollapse all editor panels by adding `open: true` to the editorConfig
@@ -551,7 +494,6 @@ 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) {
@@ -561,16 +503,13 @@ 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
@@ -579,7 +518,6 @@ exports.isDynamicOption = isDynamicOption; // private helpers to improve readabi
  *
  * 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) {
@@ -589,8 +527,6 @@ 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) {
@@ -605,21 +541,18 @@ 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 = lodash_1.get(preset, ['value', 'context'], {});
     var presetOptions = 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
@@ -627,7 +560,6 @@ 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 lodash_1.range(0, numPrecisionValues + 1).map(function (i) {
     return {
@@ -636,7 +568,6 @@ function generatePrecisionValues(numPrecisionValues) {
     };
   });
 }
-
 exports.generatePrecisionValues = generatePrecisionValues;
 /**
  * insert layout in layout array, return a new layout array instead of updating the original
@@ -646,15 +577,12 @@ 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;
 
 /***/ }),
@@ -739,17 +667,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.shouldShowIconPlaceholder = void 0;
-
 var React = __webpack_require__(0);
-
 var T = __webpack_require__(1);
-
 var lodash_1 = __webpack_require__(3);
-
 var i18n_1 = __webpack_require__(2);
-
 var Message_1 = __webpack_require__(9);
-
 var FixedSizeContainer_1 = __webpack_require__(13);
 /**
  * @method shouldShowIconPlaceholder
@@ -757,8 +679,6 @@ 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 = lodash_1.get(dataSources, 'primary.data.columns[0]', undefined);
@@ -767,7 +687,6 @@ var shouldShowIconPlaceholder = function shouldShowIconPlaceholder(dataSources)
   var noFields = fields === undefined;
   return loading || noData || noFields;
 };
-
 exports.shouldShowIconPlaceholder = shouldShowIconPlaceholder;
 var propTypes = {
   icon: T.func,
@@ -782,13 +701,11 @@ 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: {
@@ -803,7 +720,6 @@ var IconPlaceholder = function IconPlaceholder(props) {
       height: '50%'
     });
   }
-
   return React.createElement(Message_1.default, {
     width: width,
     height: height,
@@ -811,7 +727,6 @@ var IconPlaceholder = function IconPlaceholder(props) {
     message: i18n_1._('No DataSource Connected')
   });
 };
-
 IconPlaceholder.propTypes = propTypes;
 IconPlaceholder.defaultProps = {
   width: '100%',
@@ -835,27 +750,21 @@ module.exports = require("@splunk/ui-utils/id");
 
 
 var _defineProperty = __webpack_require__(8);
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getSortingParams = exports.SortParamsPropTypes = void 0;
-
 var T = __webpack_require__(1);
-
 var lodash_1 = __webpack_require__(3);
-
 var DataSource_1 = __webpack_require__(43);
-
 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 = {
@@ -864,18 +773,15 @@ var getSortingParams = function getSortingParams(_ref) {
     none: 'asc'
   };
   var onSort;
-
   if (typeof onRequestParamsChange === 'function') {
     if (requestParams && 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 = lodash_1.has(nextSortDirMap, sortDir) ? nextSortDirMap[sortDir] : 'none';
         onRequestParamsChange(Object.assign(Object.assign({}, requestParams), {
@@ -887,14 +793,12 @@ var getSortingParams = function getSortingParams(_ref) {
       }
     };
   }
-
   return {
     currentSortKey: currentSortKey,
     currentSortDir: currentSortDir,
     onSort: onSort
   };
 };
-
 exports.getSortingParams = getSortingParams;
 
 /***/ }),
@@ -909,49 +813,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getPaginationParams = exports.PaginatorParamsPropTypes = void 0;
-
 var T = __webpack_require__(1);
-
 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 = 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,
@@ -959,7 +853,6 @@ var getPaginationParams = function getPaginationParams(_ref) {
     onChange: typeof onRequestParamsChange === 'function' ? onChangeHandler : lodash_1.noop
   };
 };
-
 exports.getPaginationParams = getPaginationParams;
 
 /***/ }),
@@ -975,7 +868,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.VizCategory = void 0;
 var VizCategory;
-
 (function (VizCategory) {
   VizCategory["SINGLE_VALUE"] = "Single Value";
   VizCategory["TRENDS"] = "Trends";
@@ -1000,90 +892,60 @@ var VizCategory;
 
 
 var _slicedToArray = __webpack_require__(17);
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var React = __webpack_require__(0);
-
 var lodash_1 = __webpack_require__(3);
-
 var getSettingsFromThemedProps_1 = __webpack_require__(37);
-
 var Options_1 = __webpack_require__(29);
-
 var SanitizeProps_1 = __webpack_require__(38);
-
 var TimezoneContext_1 = __webpack_require__(25);
-
 var moment_1 = __webpack_require__(39);
-
 var FeatureFlagContext_1 = __webpack_require__(20);
-
 var styled_components_1 = __webpack_require__(4);
-
 var hocUtils_1 = __webpack_require__(26);
-
 var JSONSchemaUtils_1 = __webpack_require__(27);
-
 var async_dynamic_options_evaluator_1 = __webpack_require__(40);
-
 var id_1 = __webpack_require__(32);
-
 var SplunkVisualization_1 = __webpack_require__(41);
-
 var VizBehavior_1 = __webpack_require__(6);
-
 var getSorting_1 = __webpack_require__(33);
-
 var getPagination_1 = __webpack_require__(34);
-
 var useDeepMemo_1 = __webpack_require__(44);
-
 var MissingPropsMessage_1 = __webpack_require__(45);
-
 var withEditModeCover_1 = __webpack_require__(46);
-
 var withPlaceholder_1 = __webpack_require__(47);
-
-var UUID = id_1.createGUID();
 /**
  * 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 = SanitizeProps_1.withSanitizedProps(ReactViz);
   var defaultOptions = 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.
@@ -1097,41 +959,30 @@ 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 _getSettingsFromTheme = getSettingsFromThemedProps_1.default({
-      theme: theme
-    }),
-        currentThemeFamily = _getSettingsFromTheme.family,
-        currentThemeColorScheme = _getSettingsFromTheme.colorScheme,
-        currentThemeDensity = _getSettingsFromTheme.density;
-
+        theme: theme
+      }),
+      currentThemeFamily = _getSettingsFromTheme.family,
+      currentThemeColorScheme = _getSettingsFromTheme.colorScheme,
+      currentThemeDensity = _getSettingsFromTheme.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(UUID)),
-        _React$useState4 = _slicedToArray(_React$useState3, 1),
-        visualizationID = _React$useState4[0];
-
+    var _React$useState3 = React.useState("".concat(vizConfig.name, " - ").concat(id_1.createGUID())),
+      _React$useState4 = _slicedToArray(_React$useState3, 1),
+      visualizationID = _React$useState4[0];
     var _React$useState5 = React.useState(Boolean(featureFlagContext && featureFlagContext.visualizations_useWebWorkersForDSL && typeof Worker !== 'undefined')),
-        _React$useState6 = _slicedToArray(_React$useState5, 2),
-        useAsyncEvaluatedOptions = _React$useState6[0],
-        setUseAsyncEvaluatedOptions = _React$useState6[1];
-
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      useAsyncEvaluatedOptions = _React$useState6[0],
+      setUseAsyncEvaluatedOptions = _React$useState6[1];
     evaluatedOptions = useDeepMemo_1.useDeepMemo(function () {
       try {
         if (useAsyncEvaluatedOptions) {
@@ -1164,22 +1015,21 @@ 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 = lodash_1.cloneDeep(evaluatedOptionsToUse);
-
+    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.backgroundColor = clonedEvaluatedOptions === null || clonedEvaluatedOptions === void 0 ? void 0 : clonedEvaluatedOptions.trellisBackgroundColor;
-    } // useEffect hook needs to be initialized before any early returns
+      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
     // 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);
     });
@@ -1188,49 +1038,44 @@ var withDashboardViz = function withDashboardViz(opts) {
         if (useAsyncEvaluatedOptions) {
           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 = 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 = lodash_1.camelCase("on.".concat(eventName));
-        eventCallbackProps[eventCallbackPropName] = null; // todo: refactor single value and single value icon to send payload from viz
+        eventCallbackProps[eventCallbackPropName] = null;
+        // 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,
@@ -1238,9 +1083,8 @@ var withDashboardViz = function withDashboardViz(opts) {
           });
         };
       });
-    } // 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
     }));
@@ -1258,19 +1102,15 @@ 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 = 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 handleRequestParamsChange = function handleRequestParamsChange(payload) {
         return onRequestParamsChange(paginateDataSourceKey, payload);
       };
-
       var sortParams = getSorting_1.getSortingParams({
         requestParams: requestParams,
         meta: meta,
@@ -1286,25 +1126,26 @@ var withDashboardViz = function withDashboardViz(opts) {
         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 (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 styled_components_1.withTheme(withPlaceholder_1.default(withEditModeCover_1.default(DashboardViz, disableEditModeCover), useIconPlaceholder));
 };
-
 exports.default = withDashboardViz;
 
 /***/ }),
@@ -1351,61 +1192,48 @@ module.exports = require("@splunk/async-dynamic-options-evaluator");
 
 
 var _classCallCheck = __webpack_require__(11);
-
 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__(1);
-
 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__(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.
    */
@@ -1414,7 +1242,6 @@ SplunkVisualization.propTypes = {
      * current request params
      */
     requestParams: T.object,
-
     /**
      * current dataset
      */
@@ -1422,7 +1249,6 @@ SplunkVisualization.propTypes = {
       fields: T.array,
       columns: T.array
     }),
-
     /**
      * error
      */
@@ -1430,35 +1256,29 @@ 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
    */
@@ -1467,7 +1287,6 @@ SplunkVisualization.propTypes = {
 /**
  *
  */
-
 SplunkVisualization.defaultProps = {
   // BaseVisualization in dashboard-visualizations uses 100% for width but 250 for height
   width: '100%',
@@ -1503,22 +1322,19 @@ exports.default = SplunkVisualization;
 
 
 var _classCallCheck = __webpack_require__(11);
-
 var _createClass = __webpack_require__(22);
-
 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",
@@ -1526,10 +1342,8 @@ var DefaultVizActionHandler = /*#__PURE__*/function () {
       return null; // noop
     }
   }]);
-
   return DefaultVizActionHandler;
 }();
-
 exports.DefaultVizActionHandler = DefaultVizActionHandler;
 
 /***/ }),
@@ -1566,22 +1380,17 @@ var __createBinding = this && this.__createBinding || (Object.create ? function
   if (k2 === undefined) k2 = k;
   o[k2] = m[k];
 });
-
 var __exportStar = this && this.__exportStar || function (m, exports) {
   for (var p in m) {
     if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
   }
 };
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 __exportStar(__webpack_require__(160), exports);
-
 var Pie_1 = __webpack_require__(160);
-
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
@@ -1600,35 +1409,24 @@ Object.defineProperty(exports, "default", {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var ChartPie_1 = __webpack_require__(438);
-
 var placeholders_1 = __webpack_require__(48);
-
 var i18n_1 = __webpack_require__(2);
-
 var schemaUtils_1 = __webpack_require__(16);
-
 var visualization_color_palettes_1 = __webpack_require__(50);
-
 var pick_1 = __webpack_require__(23);
-
 var variables_1 = __webpack_require__(10);
-
 var VizBehavior_1 = __webpack_require__(6);
-
 var VizCategory_1 = __webpack_require__(35);
-
 var configUtils_1 = __webpack_require__(19);
-
 var BackgroundColor_1 = __webpack_require__(53);
-
 var dataContract = {
   requiredDataSources: [{
     name: 'primary',
     description: 'DataSource that powers the visualization'
   }],
-  optionalDataSources: [// Note: SCP-14090 disable ui for optional datasources. We may need to add it back later
+  optionalDataSources: [
+    // Note: SCP-14090 disable ui for optional datasources. We may need to add it back later
     // {
     //     name: 'annotation',
     //     description: 'DataSource that populate event annotations',
@@ -1806,19 +1604,16 @@ var editorConfig = [{
 /**
  * visualization configuration
  */
-
 var config = {
   /**
    * unique viz key
    */
   key: 'splunk.pie',
-
   /**
    * viz name
    */
   name: 'Pie',
   category: VizCategory_1.VizCategory.COMPARISONS,
-
   /**
    * viz icon
    */
@@ -1856,34 +1651,25 @@ module.exports = require("@splunk/react-icons/ChartPie");
 
 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.allInvalidDataValues = exports.invalidOptionField = exports.getPieOptionFieldIndex = exports.getPieMergedOptions = exports.convertToPieSCProperties = exports.mapToOldKey = exports.mapLabelDisplay = exports.convertToStringValues = void 0;
-
 var lodash_1 = __webpack_require__(3);
-
 var propUtils_1 = __webpack_require__(28);
-
 var dsl_1 = __webpack_require__(105);
-
 var hocUtils_1 = __webpack_require__(26);
-
-var JSONSchemaUtils_1 = __webpack_require__(27); // CONVERT THIS TO PIE THEN ADD TO Pie.TSX
+var JSONSchemaUtils_1 = __webpack_require__(27);
+// CONVERT THIS TO PIE THEN ADD TO Pie.TSX
 // map for key names which are either new or not present in SimpleXML options mapping
-
-
 var pieOptionsSCMapping = {
   resultLimit: 'resultTruncationLimit',
   seriesColorsByField: 'fieldColors',
@@ -1897,7 +1683,6 @@ var pieOptionsSCMapping = {
  * @param {Object} options
  * @returns {Object}
  */
-
 var convertToStringValues = function convertToStringValues(options) {
   var updatedOptions = propUtils_1.convertPropsToString({
     vizProps: options,
@@ -1905,7 +1690,6 @@ var convertToStringValues = function convertToStringValues(options) {
   });
   return Object.assign(Object.assign({}, options), updatedOptions);
 };
-
 exports.convertToStringValues = convertToStringValues;
 /**
  * Helper method to map labelDisplay options to jsCharting options
@@ -1913,26 +1697,21 @@ exports.convertToStringValues = convertToStringValues;
  * @param {Object} options
  * @returns {Object}
  */
-
 var mapLabelDisplay = function mapLabelDisplay(_a) {
   var labelDisplay = _a.labelDisplay,
-      options = __rest(_a, ["labelDisplay"]);
-
+    options = __rest(_a, ["labelDisplay"]);
   var convertedOptions = Object.assign(Object.assign({}, options), {
     // default for labelDisplay option is 'values'
     'chart.showLabels': true,
     'chart.showPercent': false
   });
-
   if (labelDisplay === 'valuesAndPercentage') {
     convertedOptions['chart.showPercent'] = true;
   } else if (labelDisplay === 'off') {
     convertedOptions['chart.showLabels'] = false;
   }
-
   return convertedOptions;
 };
-
 exports.mapLabelDisplay = mapLabelDisplay;
 /**
  * Helper method to update the option names which can be mapped to SimpleXML options or
@@ -1941,13 +1720,11 @@ exports.mapLabelDisplay = mapLabelDisplay;
  * @param {Object} options
  * @returns {Object}
  */
-
 var mapToOldKey = function mapToOldKey(options) {
   return lodash_1.mapKeys(options, function (val, key) {
     return pieOptionsSCMapping[key] ? pieOptionsSCMapping[key] : key;
   });
 };
-
 exports.mapToOldKey = mapToOldKey;
 /**
  * Chained helper for mapping the option properties (and values) we expose in config.ts into property values that splunk-charting accepts
@@ -1957,11 +1734,9 @@ exports.mapToOldKey = mapToOldKey;
  * @param {Object} originalOptions
  * @returns {Object}
  */
-
 var convertToPieSCProperties = function convertToPieSCProperties(originalOptions) {
   return lodash_1.chain(exports.mapToOldKey(originalOptions)).thru(exports.convertToStringValues).thru(exports.mapLabelDisplay).value();
 };
-
 exports.convertToPieSCProperties = convertToPieSCProperties;
 /**
  * Return all merged options (default + config) using vizConfig and options
@@ -1969,11 +1744,9 @@ exports.convertToPieSCProperties = convertToPieSCProperties;
  * @param vizConfig
  * @returns
  */
-
 var getPieMergedOptions = function getPieMergedOptions(options, vizConfig) {
   return hocUtils_1.deepMergeWithArrayPrimitiveOverrides({}, options, JSONSchemaUtils_1.pickFieldFromJSONSchema(vizConfig.optionsSchema, 'default'));
 };
-
 exports.getPieMergedOptions = getPieMergedOptions;
 /**
  * Returns option's field index. If not found returns -1
@@ -1983,19 +1756,16 @@ exports.getPieMergedOptions = getPieMergedOptions;
  * @param vizConfig
  * @returns
  */
-
 var getPieOptionFieldIndex = function getPieOptionFieldIndex(optionName, dataSources, options, vizConfig) {
-  var mergedOptions = exports.getPieMergedOptions(options, vizConfig); // find the field name configured for pie "value"
-
+  var mergedOptions = exports.getPieMergedOptions(options, vizConfig);
+  // find the field name configured for pie "value"
   var fieldName = dsl_1.getFieldsFromDSL(mergedOptions[optionName], dataSources)[0];
   var fields = dataSources.primary.data.fields; // find the field index configured for pie "value"
-
   var fieldIndex = fields.findIndex(function (field) {
     return (typeof field === 'string' ? field : field.name.toString()) === fieldName;
   });
   return fieldIndex;
 };
-
 exports.getPieOptionFieldIndex = getPieOptionFieldIndex;
 /**
  * Returns true if columns data has invalid data format for specified option (label or value)
@@ -2005,37 +1775,29 @@ exports.getPieOptionFieldIndex = getPieOptionFieldIndex;
  * @param vizConfig
  * @returns
  */
-
 var invalidOptionField = function invalidOptionField(optionName, dataSources, options, vizConfig) {
   var columns = dataSources.primary.data.columns;
   var fieldIndex = exports.getPieOptionFieldIndex(optionName, dataSources, options, vizConfig);
-
   if (fieldIndex === -1 || !columns[fieldIndex] || !Array.isArray(columns[fieldIndex]) || Array.isArray(columns[fieldIndex]) && !columns[fieldIndex].length) {
     return true;
   }
-
   return false;
 };
-
 exports.invalidOptionField = invalidOptionField;
 /**
  * Helper function to evaluate if all data values are invalid (zero or negative)
  */
-
 var allInvalidDataValues = function allInvalidDataValues(dataSources, options, vizConfig) {
   var columns = dataSources.primary.data.columns; // find the field index configured for pie "value"
-
-  var valueFieldIndex = exports.getPieOptionFieldIndex('value', dataSources, options, vizConfig); // check if all values are invalid
-
+  var valueFieldIndex = exports.getPieOptionFieldIndex('value', dataSources, options, vizConfig);
+  // check if all values are invalid
   if (Array.isArray(columns) && columns[valueFieldIndex] && Array.isArray(columns[valueFieldIndex])) {
     return !columns[valueFieldIndex].some(function (value) {
       return +value > 0;
     });
   }
-
   return false;
 };
-
 exports.allInvalidDataValues = allInvalidDataValues;
 
 /***/ }),
@@ -2050,9 +1812,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useDeepMemo = void 0;
-
 var react_1 = __webpack_require__(0);
-
 var lodash_1 = __webpack_require__(3);
 /**
  * This hook evaluates and stores the result of a passed function and only
@@ -2067,21 +1827,16 @@ 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 = react_1.useRef();
-
   if (!ref.current || !lodash_1.isEqual(dependencies, ref.current.dependencies)) {
     ref.current = {
       dependencies: dependencies,
       value: fn()
     };
   }
-
   return ref.current.value;
 };
-
 exports.useDeepMemo = useDeepMemo;
 
 /***/ }),
@@ -2096,27 +1851,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MissingPropsMessage = exports.missingKeys = exports.isMissing = void 0;
-
 var React = __webpack_require__(0);
-
 var T = __webpack_require__(1);
-
 var i18n_1 = __webpack_require__(2);
-
 var Message_1 = __webpack_require__(9);
-
 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
@@ -2124,13 +1871,11 @@ 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 exports.isMissing(target[k]);
   });
 };
-
 exports.missingKeys = missingKeys;
 var propTypes = {
   width: T.oneOfType([T.string, T.number]),
@@ -2144,11 +1889,10 @@ 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,
@@ -2156,7 +1900,6 @@ var MissingPropsMessage = function MissingPropsMessage(props) {
     message: i18n_1._("Missing property: ".concat(missingProps.join(', ')))
   });
 };
-
 exports.MissingPropsMessage = MissingPropsMessage;
 exports.MissingPropsMessage.propTypes = propTypes;
 exports.MissingPropsMessage.defaultProps = {
@@ -2176,19 +1919,15 @@ exports.default = FixedSizeContainer_1.default(exports.MissingPropsMessage);
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var React = __webpack_require__(0);
-
 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': "25.7.1 - 6a77c5530"
+  'data-splunk-visualization-version': "25.8.0 - 65f56b99e"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
@@ -2199,7 +1938,6 @@ 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;
@@ -2208,14 +1946,12 @@ var withEditModeCover = function withEditModeCover(Visualization, disableEditMod
       "data-test": "edit-mode-cover"
     }));
   };
-
   hocUtils_1.extendStaticWrapperProps({
     Wrapper: Wrapper,
     Visualization: Visualization
   });
   return Wrapper;
 };
-
 exports.default = withEditModeCover;
 
 /***/ }),
@@ -2229,37 +1965,27 @@ exports.default = withEditModeCover;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var React = __webpack_require__(0);
-
 var colorUtils_1 = __webpack_require__(12);
-
 var variables_1 = __webpack_require__(10);
-
 var IconPlaceholder_1 = __webpack_require__(31);
-
 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 = 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",
@@ -2270,17 +1996,14 @@ var withPlaceholder = function withPlaceholder(Visualization) {
         iconColor: iconColor
       });
     }
-
     return React.createElement(Visualization, Object.assign({}, props));
   };
-
   hocUtils_1.extendStaticWrapperProps({
     Wrapper: Wrapper,
     Visualization: Visualization
   });
   return Wrapper;
 };
-
 exports.default = withPlaceholder;
 
 /***/ }),
@@ -2308,13 +2031,11 @@ module.exports = require("@splunk/visualization-color-palettes");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var i18n_1 = __webpack_require__(2);
-
 var background = function background(_ref) {
   var label = _ref.label,
-      themes = _ref.themes,
-      labelPosition = _ref.labelPosition;
+    themes = _ref.themes,
+    labelPosition = _ref.labelPosition;
   return [{
     label: i18n_1._(label || 'Background'),
     option: 'backgroundColor',
@@ -2325,7 +2046,6 @@ var background = function background(_ref) {
     }
   }];
 };
-
 exports.default = background;
 
 /***/ }),
@@ -2337,25 +2057,20 @@ exports.default = background;
 
 
 var _toConsumableArray = __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.constructFieldsAndColumns = exports.toArrayForSeries = exports.isMultiSeriesData = exports.convertOverlayFields = exports.convertY2AxisOptions = exports.mapToValues = exports.truncateData = exports.getAnnotations = void 0;
-
 var lodash_1 = __webpack_require__(3);
 /**
  * Get formatted annotations
@@ -2366,12 +2081,10 @@ var lodash_1 = __webpack_require__(3);
  * @param {Array} options.annotationLabel
  * @returns {Array}
  */
-
-
 var getAnnotations = function getAnnotations(_ref) {
   var annotationX = _ref.annotationX,
-      annotationColor = _ref.annotationColor,
-      annotationLabel = _ref.annotationLabel;
+    annotationColor = _ref.annotationColor,
+    annotationLabel = _ref.annotationLabel;
   return annotationX && annotationX.length ? annotationX.map(function (timestamp, i) {
     return {
       color: annotationColor && annotationColor[i],
@@ -2380,7 +2093,6 @@ var getAnnotations = function getAnnotations(_ref) {
     };
   }) : [];
 };
-
 exports.getAnnotations = getAnnotations;
 /**
  * Truncate the result set to given limit
@@ -2389,25 +2101,20 @@ exports.getAnnotations = getAnnotations;
  * @param {Number|String} truncationLimit - options['chart.resultTruncationLimit']
  * @returns {Object}
  */
-
 var truncateData = function truncateData(dataSet, truncationLimit) {
   if (!dataSet) {
     return null;
   }
-
   var limit = parseInt(truncationLimit, 10);
-
   if (!limit || limit <= 0) {
     return dataSet;
   }
-
   var truncatedData = Object.assign({}, dataSet);
   truncatedData.columns = truncatedData.columns.map(function (columnData) {
     return columnData && Array.isArray(columnData) ? columnData.slice(0, limit) : columnData;
   });
   return truncatedData;
 };
-
 exports.truncateData = truncateData;
 /**
  * Helper method to update the option values into the values that SC accepts
@@ -2415,14 +2122,12 @@ exports.truncateData = truncateData;
  * @param {Object} options
  * @returns {Object}
  */
-
 var mapToValues = function mapToValues(optionValuesSCMapping) {
   return function (options) {
     var convertedOptions = Object.assign({}, options);
     Object.keys(optionValuesSCMapping).forEach(function (key) {
       if (lodash_1.has(options, key)) {
         var updatedValue = optionValuesSCMapping[key][options[key]];
-
         if (!lodash_1.isUndefined(updatedValue)) {
           convertedOptions[key] = updatedValue;
         }
@@ -2431,7 +2136,6 @@ var mapToValues = function mapToValues(optionValuesSCMapping) {
     return convertedOptions;
   };
 };
-
 exports.mapToValues = mapToValues;
 /**
  * Helper method to process options related to y2Fields
@@ -2439,23 +2143,18 @@ exports.mapToValues = mapToValues;
  * @param {Object} originalOptions
  * @returns {Object}
  */
-
 var convertY2AxisOptions = function convertY2AxisOptions(_a) {
   var y2Fields = _a.y2Fields,
-      originalOptions = __rest(_a, ["y2Fields"]);
-
+    originalOptions = __rest(_a, ["y2Fields"]);
   var convertedOptions = Object.assign({}, originalOptions);
-
   if (y2Fields) {
     convertedOptions['axisY2.enabled'] = true;
     convertedOptions['axisY2.fields'] = lodash_1.isArray(y2Fields) ? y2Fields.filter(function (name) {
       return name;
     }).join(',') : y2Fields;
   }
-
   return convertedOptions;
 };
-
 exports.convertY2AxisOptions = convertY2AxisOptions;
 /**
  * Helper method to format value for overlayFields
@@ -2463,11 +2162,9 @@ exports.convertY2AxisOptions = convertY2AxisOptions;
  * @param {Object} originalOptions
  * @returns {Object}
  */
-
 var convertOverlayFields = function convertOverlayFields(originalOptions) {
   var convertedOptions = Object.assign({}, originalOptions);
   var overlayFields = originalOptions.overlayFields;
-
   if (overlayFields) {
     convertedOptions.overlayFields = Array.isArray(overlayFields) ? overlayFields.filter(function (field) {
       return field;
@@ -2475,21 +2172,17 @@ var convertOverlayFields = function convertOverlayFields(originalOptions) {
       return field.trim();
     }).join(',') : overlayFields;
   }
-
   return convertedOptions;
 };
-
 exports.convertOverlayFields = convertOverlayFields;
 /**
  * checks whether data is multi series data
  * @param {array} data array
  * @return {Boolean}
  */
-
 var isMultiSeriesData = function isMultiSeriesData(data) {
   return Array.isArray(data) && Array.isArray(data[0]);
 };
-
 exports.isMultiSeriesData = isMultiSeriesData;
 /**
  * checks whether data is multi series data and returns value as array
@@ -2497,22 +2190,19 @@ exports.isMultiSeriesData = isMultiSeriesData;
  * @param {*} value to return as array
  * @return {array}
  */
-
 var toArrayForSeries = function toArrayForSeries(data, value) {
   return exports.isMultiSeriesData(data) ? value : [value];
 };
-
 exports.toArrayForSeries = toArrayForSeries;
-
 var constructFieldsAndColumns = function constructFieldsAndColumns(_ref2) {
   var _ref2$x = _ref2.x,
-      x = _ref2$x === void 0 ? [] : _ref2$x,
-      _ref2$y = _ref2.y,
-      y = _ref2$y === void 0 ? [] : _ref2$y,
-      xField = _ref2.xField,
-      yFields = _ref2.yFields,
-      y2 = _ref2.y2,
-      y2Fields = _ref2.y2Fields;
+    x = _ref2$x === void 0 ? [] : _ref2$x,
+    _ref2$y = _ref2.y,
+    y = _ref2$y === void 0 ? [] : _ref2$y,
+    xField = _ref2.xField,
+    yFields = _ref2.yFields,
+    y2 = _ref2.y2,
+    y2Fields = _ref2.y2Fields;
   var columns = [x.map(String)].concat(_toConsumableArray(exports.toArrayForSeries(y, y).map(function (series) {
     return series.map(String);
   })));
@@ -2523,10 +2213,10 @@ var constructFieldsAndColumns = function constructFieldsAndColumns(_ref2) {
     return {
       name: field
     };
-  }))); // splunk-charting requires y2 to be part of columns
+  })));
+  // splunk-charting requires y2 to be part of columns
   // when y & y2 options are configured with different (mutually exclusive) series
   // y2 columns need to be added to columns
-
   if (y2Fields) {
     var y2FieldsArray = exports.toArrayForSeries(y2, y2Fields);
     var y2AsArray = exports.toArrayForSeries(y2, y2).map(function (series) {
@@ -2541,13 +2231,11 @@ var constructFieldsAndColumns = function constructFieldsAndColumns(_ref2) {
       }
     });
   }
-
   return {
     columns: columns,
     fields: fields
   };
 };
-
 exports.constructFieldsAndColumns = constructFieldsAndColumns;
 
 /***/ }),
@@ -2577,7 +2265,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.VizBehavior = void 0;
 var VizBehavior;
-
 (function (VizBehavior) {
   /**
    * Dynamic Options Behavior.
@@ -2597,7 +2284,6 @@ var VizBehavior;
    * missing.
    * @type {string}
    */
-
   VizBehavior["PLACEHOLDER"] = "placeholder";
   VizBehavior["PAGE_AND_SORT"] = "page-and-sort";
   VizBehavior["TRELLIS"] = "trellis";
@@ -2616,42 +2302,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.updateRowPayload = exports.canUpdateInPlace = exports.changedOptions = exports.NO_INPLACE_PROPS = void 0;
 /* eslint-disable react/no-unused-prop-types */
-
 var lodash_1 = __webpack_require__(3);
-
 var i18n_1 = __webpack_require__(2);
-
 var visualization_color_palettes_1 = __webpack_require__(50);
-
 var react_1 = __webpack_require__(0);
-
 var React = __webpack_require__(0);
-
 var T = __webpack_require__(1);
-
 var react_event_listener_1 = __webpack_require__(63);
-
 __webpack_require__(64); // fixme, @splunk/charting should be refactor to use locale & timezone instead of i18n functions
-
-
 var charting_bundle_1 = __webpack_require__(56);
-
 var TimezoneContext_1 = __webpack_require__(25);
-
 var style_1 = __webpack_require__(14);
-
 var styled_components_1 = __webpack_require__(4);
-
 var Message_1 = __webpack_require__(9);
-
 var useSplunkTheme_1 = __webpack_require__(57);
-
 var themeUtils_1 = __webpack_require__(65);
-
 var ChartingApi_1 = __webpack_require__(66);
-
 exports.NO_INPLACE_PROPS = ['chart', 'chart.orientation', 'layout.splitSeries', 'chart.style', 'legend.placement'];
-
 var changedOptions = function changedOptions(curOptions, nextOptions) {
   return Object.keys(curOptions).filter(function (key) {
     return !(key in nextOptions);
@@ -2659,10 +2326,8 @@ var changedOptions = function changedOptions(curOptions, nextOptions) {
     return !(key in curOptions) || curOptions[key] !== nextOptions[key];
   }));
 };
-
 exports.changedOptions = changedOptions;
 charting_bundle_1.default.enableScaledEvents();
-
 function usePrevious(value) {
   var ref = react_1.useRef();
   react_1.useEffect(function () {
@@ -2670,24 +2335,21 @@ function usePrevious(value) {
   });
   return ref.current;
 }
-
 var canUpdateInPlace = function canUpdateInPlace(curOptions, nextOptions) {
   // if either of the options are undefined
   // it cannot update in place.
   if (!curOptions || !nextOptions) {
     return false;
   }
-
   return !exports.NO_INPLACE_PROPS.some(function (p) {
     return curOptions[p] !== nextOptions[p];
   }) && !exports.changedOptions(curOptions, nextOptions).some(function (p) {
     return p.toLowerCase().endsWith('color');
   });
 };
-
-exports.canUpdateInPlace = canUpdateInPlace; // create 'row' payloads from 'rowContext' in the flattened format:
+exports.canUpdateInPlace = canUpdateInPlace;
+// create 'row' payloads from 'rowContext' in the flattened format:
 // row.<fieldname>.value
-
 var updateRowPayload = function updateRowPayload(chartEventRowContext, payload) {
   Object.keys(chartEventRowContext || {}).forEach(function (key) {
     // eslint-disable-next-line no-param-reassign
@@ -2695,21 +2357,18 @@ var updateRowPayload = function updateRowPayload(chartEventRowContext, payload)
   });
   return payload;
 };
-
 exports.updateRowPayload = updateRowPayload;
 var VizChartEventType;
-
 (function (VizChartEventType) {
   VizChartEventType["POINT_CLICK"] = "point.click";
   VizChartEventType["POINT_MOUSE_OUT"] = "point.mouseout";
   VizChartEventType["POINT_MOUSE_OVER"] = "point.mouseover";
   VizChartEventType["LEGEND_CLICK"] = "legend.click";
-})(VizChartEventType || (VizChartEventType = {})); // @TODO(pwied): remove after HC upgrade to 8+
+})(VizChartEventType || (VizChartEventType = {}));
+// @TODO(pwied): remove after HC upgrade to 8+
 // .highcharts-a11y-proxy-container rule addresses a HighCharts < 8 bug
 // caused by the accessibility plugin
 // https://github.com/highcharts/highcharts/issues/12883
-
-
 var ChartingContainer = styled_components_1.default.div.attrs(function (props) {
   return {
     'data-test': 'charting-container',
@@ -2737,7 +2396,6 @@ var propTypes = {
   visualizationApiRef: T.func,
   themeKey: T.string
 };
-
 var Charting = function Charting(props) {
   var container = react_1.useRef(null);
   var needsInit = react_1.useRef(true);
@@ -2745,7 +2403,6 @@ var Charting = function Charting(props) {
   var needsRedraw = react_1.useRef(true);
   var api = react_1.useRef(new ChartingApi_1.ChartingApiFunctional(chart));
   var timezone = react_1.useContext(TimezoneContext_1.default);
-
   var computeChartingSize = function computeChartingSize() {
     if (container.current) {
       var rect = container.current.getBoundingClientRect();
@@ -2754,56 +2411,48 @@ var Charting = function Charting(props) {
         width: rect.width
       };
     }
-
     return {};
   };
-
   var splunkTheme = useSplunkTheme_1.default();
   var themeKey = props.themeKey ? props.themeKey : themeUtils_1.getChartingThemeKey({
     splunkThemeV1: splunkTheme
   });
   var width = props.width,
-      height = props.height,
-      style = props.style,
-      chartData = props.chartData,
-      options = props.options,
-      colorPalette = props.colorPalette,
-      onClick = props.onClick,
-      onSelect = props.onSelect,
-      onPointMouseOut = props.onPointMouseOut,
-      onPointMouseOver = props.onPointMouseOver,
-      onEventTrigger = props.onEventTrigger;
+    height = props.height,
+    style = props.style,
+    chartData = props.chartData,
+    options = props.options,
+    colorPalette = props.colorPalette,
+    onClick = props.onClick,
+    onSelect = props.onSelect,
+    onPointMouseOut = props.onPointMouseOut,
+    onPointMouseOver = props.onPointMouseOver,
+    onEventTrigger = props.onEventTrigger;
   var prevOptions = usePrevious(options);
   var prevTimezone = usePrevious(timezone);
-
   var handleClick = function handleClick(chartEvent, type) {
     var payload = lodash_1.pick(chartEvent, 'name2', 'value2', '_span', 'modifierKey');
     payload.name = payload.name2;
     delete payload.name2;
-
     if (type === VizChartEventType.POINT_CLICK) {
       payload.value = payload.value2;
       delete payload.value2;
       payload = exports.updateRowPayload(chartEvent.rowContext, payload);
     }
-
     onClick({
       type: type,
       originalEvent: chartEvent,
       payload: payload
     });
   };
-
   var destroyChart = function destroyChart() {
     if (chart.current) {
       chart.current.destroy();
       chart.current = null;
     }
-
     needsRedraw.current = true;
     needsInit.current = true;
   };
-
   var handleSelect = function handleSelect(chartEvent) {
     // todo: need change this after breaking all visualizations
     if (onSelect && typeof onSelect === 'function') {
@@ -2813,16 +2462,14 @@ var Charting = function Charting(props) {
         payload: lodash_1.pick(chartEvent, 'startXIndex', 'endXIndex', 'startXValue', 'endXValue')
       });
       return;
-    } // the chartEvent here is a jQuery event
-
-
+    }
+    // the chartEvent here is a jQuery event
     onEventTrigger({
       type: 'range.select',
       originalEvent: chartEvent,
       payload: lodash_1.pick(chartEvent, 'startXIndex', 'endXIndex', 'startXValue', 'endXValue')
     });
   };
-
   var handlePointMouseOut = function handlePointMouseOut(chartEvent, type) {
     var payload = lodash_1.pick(chartEvent, 'name2', 'value2', '_span', 'modifierKey', 'tooltipContext');
     payload.name = payload.name2;
@@ -2836,7 +2483,6 @@ var Charting = function Charting(props) {
       payload: payload
     });
   };
-
   var handlePointMouseOver = function handlePointMouseOver(chartEvent, type) {
     var payload = lodash_1.pick(chartEvent, 'name2', 'value2', '_span', 'modifierKey', 'tooltipContext');
     payload.name = payload.name2;
@@ -2850,7 +2496,6 @@ var Charting = function Charting(props) {
       payload: payload
     });
   };
-
   var drawChart = function drawChart() {
     var updatedOptions = Object.assign(Object.assign({}, options), {
       shouldColorizeTooltipData: false
@@ -2861,18 +2506,15 @@ var Charting = function Charting(props) {
     var serializedTimezone = timezone === null || timezone === void 0 ? void 0 : timezone.serializedTimezone;
     var ianaTimezone = timezone === null || timezone === void 0 ? void 0 : timezone.ianaTimezone;
     var utcOffset = timezone === null || timezone === void 0 ? void 0 : timezone.utcOffset;
-
     if (!computedWidth || !computedHeight) {
       return;
     }
-
     if (!chartData || !Object.keys(chartData).length) {
       return;
-    } // splunk-charting layers configuration option updates.
+    }
+    // splunk-charting layers configuration option updates.
     // when an option is removed it needs to be set to an empty string
     // to override the previous configuration
-
-
     if (prevOptions) {
       Object.keys(prevOptions).forEach(function (key) {
         if (updatedOptions[key] === undefined) {
@@ -2880,16 +2522,13 @@ var Charting = function Charting(props) {
         }
       });
     }
-
     try {
       if (needsInit.current) {
         destroyChart();
         charting_bundle_1.default.setTheme(themeKey);
-
         if (colorPalette.length > 0) {
           charting_bundle_1.default.setColorPalette(colorPalette);
         }
-
         chart.current = charting_bundle_1.default.createChart(container.current, Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, updatedOptions), {
           drilldown: 'all'
         }), typeof serializedTimezone === 'string' && {
@@ -2898,8 +2537,8 @@ var Charting = function Charting(props) {
           'time.ianaTimezone': ianaTimezone
         }), typeof utcOffset === 'number' && {
           'time.timezoneOffset': utcOffset
-        })); // bind event handlers
-
+        }));
+        // bind event handlers
         chart.current.on('pointClick', function (e) {
           handleClick(e, VizChartEventType.POINT_CLICK);
         });
@@ -2914,35 +2553,27 @@ var Charting = function Charting(props) {
         });
         chart.current.on('chartRangeSelect', handleSelect);
       }
-
       if (needsRedraw.current) {
         charting_bundle_1.default.setTheme(themeKey);
-
         if (colorPalette.length > 0) {
           charting_bundle_1.default.setColorPalette(colorPalette);
         }
-
         chart.current.prepareAndDraw(chartData, updatedOptions, function () {});
       }
-
       if (chart.current) {
         chart.current.resize(computedWidth, computedHeight);
       }
-
       needsInit.current = false;
       needsRedraw.current = false;
     } catch (e) {
       window.console.error('Caught error rendering chart:', e);
     }
   };
-
   var debouncedDrawChart = lodash_1.debounce(drawChart, 5);
-
   var onContainerMount = function onContainerMount(chartingContainer) {
     container.current = chartingContainer;
     debouncedDrawChart();
   };
-
   var prevTheme = usePrevious(themeKey);
   var prevOnClick = usePrevious(onClick);
   react_1.useEffect(function () {
@@ -2956,14 +2587,14 @@ var Charting = function Charting(props) {
   react_1.useEffect(function () {
     // TODO: figure out why re-init is needed for functional components (i.e. PlatformViz) when changing theme
     // seems like redraw doesn't suffice to update the background colors
-    if (!chart.current || !exports.canUpdateInPlace(prevOptions, options) || // timezone is a simple object so this comparison should be fast
+    if (!chart.current || !exports.canUpdateInPlace(prevOptions, options) ||
+    // timezone is a simple object so this comparison should be fast
     JSON.stringify(prevTimezone) !== JSON.stringify(timezone) || !props.themeKey && prevTheme !== themeKey || prevOnClick !== onClick) {
       needsInit.current = true;
     }
-
-    needsRedraw.current = true; // need to immediately call drawChart upon an option or chartData change
+    needsRedraw.current = true;
+    // need to immediately call drawChart upon an option or chartData change
     // otherwise a noop would occur if the onContainerMount drawChart is re-invoked when dimensions change
-
     drawChart();
   }, [JSON.stringify(options), JSON.stringify(chartData.toJSON()), JSON.stringify(chartData.annotations), timezone === null || timezone === void 0 ? void 0 : timezone.ianaTimezone, timezone === null || timezone === void 0 ? void 0 : timezone.utcOffset, timezone === null || timezone === void 0 ? void 0 : timezone.serializedTimezone, themeKey, onClick]);
   return React.createElement(ChartingContainer, {
@@ -2976,7 +2607,6 @@ var Charting = function Charting(props) {
     onResize: debouncedDrawChart
   }));
 };
-
 var defaultProps = {
   width: '100%',
   height: 250,
@@ -2994,36 +2624,31 @@ var defaultProps = {
   themeKey: null
 };
 Charting.propTypes = propTypes;
-Charting.defaultProps = defaultProps; // allow for early return in case of empty chartData while still following hook rules
-
+Charting.defaultProps = defaultProps;
+// allow for early return in case of empty chartData while still following hook rules
 var withEmptyChartMessage = function withEmptyChartMessage(Chart) {
   var Wrapper = function Wrapper(props) {
     var chartData = props.chartData;
-
     if (!chartData) {
       return React.createElement(Message_1.default, {
         message: i18n_1._('No DataSource'),
         level: "warning"
       });
     }
-
     if (chartData && !Object.keys(chartData).length) {
       return React.createElement(Message_1.default, {
         message: i18n_1._('No Result'),
         level: "info"
       });
     }
-
     return React.createElement(Chart, Object.assign({}, props));
   };
-
   Wrapper.displayName = 'ChartingWrapper';
   Wrapper.propTypes = propTypes;
   Wrapper.defaultProps = defaultProps;
   return Wrapper;
-}; // export default Charting;
-
-
+};
+// export default Charting;
 exports.default = withEmptyChartMessage(Charting);
 
 /***/ }),
@@ -3056,19 +2681,15 @@ module.exports = require("@splunk/visualizations-shared/themeUtils");
 
 
 var _classCallCheck = __webpack_require__(11);
-
 var _createClass = __webpack_require__(22);
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ChartingApiFunctional = void 0;
-
 var ChartingApiFunctional = /*#__PURE__*/function () {
   // eslint-disable-next-line no-useless-constructor
   function ChartingApiFunctional(chartRef) {
     _classCallCheck(this, ChartingApiFunctional);
-
     this.chartRef = chartRef;
   }
   /**
@@ -3076,18 +2697,15 @@ var ChartingApiFunctional = /*#__PURE__*/function () {
    *
    * @memberof ChartingApiFunctional
    */
-
-
   _createClass(ChartingApiFunctional, [{
     key: "highlight",
     value: function highlight() {
       var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-        xValue: '',
-        seriesName: ''
-      },
-          xValue = _ref.xValue,
-          seriesName = _ref.seriesName;
-
+          xValue: '',
+          seriesName: ''
+        },
+        xValue = _ref.xValue,
+        seriesName = _ref.seriesName;
       this.getChart().highlight(xValue, seriesName);
     }
     /**
@@ -3095,25 +2713,21 @@ var ChartingApiFunctional = /*#__PURE__*/function () {
      *
      * @memberof ChartingApiFunctional
      */
-
   }, {
     key: "unHighlight",
     value: function unHighlight() {
       this.getChart().unHighlight();
-    } // returns chart object
-
+    }
+    // returns chart object
   }, {
     key: "getChart",
     value: function getChart() {
       var _a;
-
       return (_a = this.chartRef) === null || _a === void 0 ? void 0 : _a.current;
     }
   }]);
-
   return ChartingApiFunctional;
 }();
-
 exports.ChartingApiFunctional = ChartingApiFunctional;
 
 /***/ }),