npm - @splunk/visualizations - Versions diffs - 25.7.2 → 25.8.1 - Mend

@splunk/visualizations 25.7.2 → 25.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1314) hide show

package/Pie.js CHANGED Viewed

@@ -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.2 - a2ded8142",
+      "data-splunk-visualization-version": "25.8.1 - 742d5fb96",
       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.2 - a2ded8142"
+  'data-splunk-visualization-version': "25.8.1 - 742d5fb96"
 }).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;
 /***/ }),