@splunk/visualizations 25.7.1 → 25.8.0

package/Events.js

@@ -133,7 +133,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.VizBehavior = void 0;
 var VizBehavior;
-
 (function (VizBehavior) {
   /**
    * Dynamic Options Behavior.
@@ -153,7 +152,6 @@ var VizBehavior;
    * missing.
    * @type {string}
    */
-
   VizBehavior["PLACEHOLDER"] = "placeholder";
   VizBehavior["PAGE_AND_SORT"] = "page-and-sort";
   VizBehavior["TRELLIS"] = "trellis";
@@ -205,17 +203,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 {
@@ -228,11 +220,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)
@@ -254,13 +246,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",
@@ -268,27 +258,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;
 
 /***/ }),
@@ -314,10 +301,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]) {
@@ -326,7 +312,6 @@ var extendStaticWrapperProps = function extendStaticWrapperProps(_ref) {
     }
   });
 };
-
 exports.extendStaticWrapperProps = extendStaticWrapperProps;
 
 /***/ }),
@@ -355,33 +340,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
@@ -391,22 +367,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 && {
@@ -420,14 +394,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) {
@@ -445,7 +417,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
@@ -454,14 +425,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
@@ -469,7 +437,6 @@ function enhanceConfig(vizConfig) {
   });
   return enhancedConfig;
 }
-
 exports.enhanceConfig = enhanceConfig;
 /**
  * Helper function to uncollapse all editor panels by adding `open: true` to the editorConfig
@@ -477,7 +444,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) {
@@ -487,16 +453,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
@@ -505,7 +468,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) {
@@ -515,8 +477,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) {
@@ -531,21 +491,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
@@ -553,7 +510,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 {
@@ -562,7 +518,6 @@ function generatePrecisionValues(numPrecisionValues) {
     };
   });
 }
-
 exports.generatePrecisionValues = generatePrecisionValues;
 /**
  * insert layout in layout array, return a new layout array instead of updating the original
@@ -572,15 +527,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;
 
 /***/ }),
@@ -645,17 +597,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
@@ -663,8 +609,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);
@@ -673,7 +617,6 @@ var shouldShowIconPlaceholder = function shouldShowIconPlaceholder(dataSources)
   var noFields = fields === undefined;
   return loading || noData || noFields;
 };
-
 exports.shouldShowIconPlaceholder = shouldShowIconPlaceholder;
 var propTypes = {
   icon: T.func,
@@ -688,13 +631,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: {
@@ -709,7 +650,6 @@ var IconPlaceholder = function IconPlaceholder(props) {
       height: '50%'
     });
   }
-
   return React.createElement(Message_1.default, {
     width: width,
     height: height,
@@ -717,7 +657,6 @@ var IconPlaceholder = function IconPlaceholder(props) {
     message: i18n_1._('No DataSource Connected')
   });
 };
-
 IconPlaceholder.propTypes = propTypes;
 IconPlaceholder.defaultProps = {
   width: '100%',
@@ -739,27 +678,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 = {
@@ -768,18 +701,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), {
@@ -791,14 +721,12 @@ var getSortingParams = function getSortingParams(_ref) {
       }
     };
   }
-
   return {
     currentSortKey: currentSortKey,
     currentSortDir: currentSortDir,
     onSort: onSort
   };
 };
-
 exports.getSortingParams = getSortingParams;
 
 /***/ }),
@@ -812,49 +740,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,
@@ -862,7 +780,6 @@ var getPaginationParams = function getPaginationParams(_ref) {
     onChange: typeof onRequestParamsChange === 'function' ? onChangeHandler : lodash_1.noop
   };
 };
-
 exports.getPaginationParams = getPaginationParams;
 
 /***/ }),
@@ -877,7 +794,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.VizCategory = void 0;
 var VizCategory;
-
 (function (VizCategory) {
   VizCategory["SINGLE_VALUE"] = "Single Value";
   VizCategory["TRENDS"] = "Trends";
@@ -901,90 +817,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.
@@ -998,41 +884,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) {
@@ -1065,22 +940,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);
     });
@@ -1089,49 +963,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,
@@ -1139,9 +1008,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
     }));
@@ -1159,19 +1027,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,
@@ -1187,25 +1051,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;
 
 /***/ }),
@@ -1240,61 +1105,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.
    */
@@ -1303,7 +1155,6 @@ SplunkVisualization.propTypes = {
      * current request params
      */
     requestParams: T.object,
-
     /**
      * current dataset
      */
@@ -1311,7 +1162,6 @@ SplunkVisualization.propTypes = {
       fields: T.array,
       columns: T.array
     }),
-
     /**
      * error
      */
@@ -1319,35 +1169,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
    */
@@ -1356,7 +1200,6 @@ SplunkVisualization.propTypes = {
 /**
  *
  */
-
 SplunkVisualization.defaultProps = {
   // BaseVisualization in dashboard-visualizations uses 100% for width but 250 for height
   width: '100%',
@@ -1391,22 +1234,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",
@@ -1414,10 +1254,8 @@ var DefaultVizActionHandler = /*#__PURE__*/function () {
       return null; // noop
     }
   }]);
-
   return DefaultVizActionHandler;
 }();
-
 exports.DefaultVizActionHandler = DefaultVizActionHandler;
 
 /***/ }),
@@ -1444,9 +1282,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
@@ -1461,21 +1297,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;
 
 /***/ }),
@@ -1489,27 +1320,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
@@ -1517,13 +1340,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]),
@@ -1537,11 +1358,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,
@@ -1549,7 +1369,6 @@ var MissingPropsMessage = function MissingPropsMessage(props) {
     message: i18n_1._("Missing property: ".concat(missingProps.join(', ')))
   });
 };
-
 exports.MissingPropsMessage = MissingPropsMessage;
 exports.MissingPropsMessage.propTypes = propTypes;
 exports.MissingPropsMessage.defaultProps = {
@@ -1568,19 +1387,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"
@@ -1591,7 +1406,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;
@@ -1600,14 +1414,12 @@ var withEditModeCover = function withEditModeCover(Visualization, disableEditMod
       "data-test": "edit-mode-cover"
     }));
   };
-
   hocUtils_1.extendStaticWrapperProps({
     Wrapper: Wrapper,
     Visualization: Visualization
   });
   return Wrapper;
 };
-
 exports.default = withEditModeCover;
 
 /***/ }),
@@ -1620,37 +1432,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",
@@ -1661,17 +1463,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;
 
 /***/ }),
@@ -1699,13 +1498,11 @@ module.exports = require("@splunk/visualization-icons");
 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',
@@ -1716,7 +1513,6 @@ var background = function background(_ref) {
     }
   }];
 };
-
 exports.default = background;
 
 /***/ }),
@@ -1817,25 +1613,17 @@ module.exports = require("@splunk/react-ui/Menu");
 
 
 var _typeof = __webpack_require__(88);
-
 var _slicedToArray = __webpack_require__(17);
-
 var _toConsumableArray = __webpack_require__(7);
-
 var _defineProperty = __webpack_require__(8);
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.truncateString = exports.getCustomTimeInterval = exports.getPredefinedTimeInterval = exports.getEpochTime = exports.generateTokenReplacementMap = exports.replaceTokens = exports.mergeFieldActions = exports.mergeEventActions = exports.getFieldSummaryMapping = exports.convertToPayloadFormat = void 0;
-
 var time_1 = __webpack_require__(200);
-
 var lodash_1 = __webpack_require__(3);
-
-var dataUtils_1 = __webpack_require__(120); // util to convert a field-value map into an object with row.<fieldname>.value keys for payloads
-
-
+var dataUtils_1 = __webpack_require__(120);
+// util to convert a field-value map into an object with row.<fieldname>.value keys for payloads
 var convertToPayloadFormat = function convertToPayloadFormat(obj) {
   var initialValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   if (!obj) return {};
@@ -1844,13 +1632,11 @@ var convertToPayloadFormat = function convertToPayloadFormat(obj) {
     return Object.assign(Object.assign({}, acc), _defineProperty({}, key, obj[curr]));
   }, initialValue);
 };
-
 exports.convertToPayloadFormat = convertToPayloadFormat;
-
 var getFieldSummaryMapping = function getFieldSummaryMapping(columns, fields) {
   // convert the `fieldsummary` payload to an array of objects
-  var arr = dataUtils_1.convertToArrOfObjects(columns, fields); // forms an array of FieldData elements expected by the @splunk/react-field-summary component
-
+  var arr = dataUtils_1.convertToArrOfObjects(columns, fields);
+  // forms an array of FieldData elements expected by the @splunk/react-field-summary component
   var fieldSummaryData = arr.map(function (d) {
     return {
       name: d.field,
@@ -1863,14 +1649,13 @@ var getFieldSummaryMapping = function getFieldSummaryMapping(columns, fields) {
       stdev: d.stdev === null ? null : +d.stdev,
       modes: JSON.parse(d.values)
     };
-  }); // creates a map of field name to its data for O(1) retrieval in the tooltip component
-
+  });
+  // creates a map of field name to its data for O(1) retrieval in the tooltip component
   var fieldSummaryMapping = fieldSummaryData.reduce(function (map, fieldData) {
     return Object.assign(Object.assign({}, map), _defineProperty({}, fieldData.name, fieldData));
   }, {});
   return fieldSummaryMapping;
 };
-
 exports.getFieldSummaryMapping = getFieldSummaryMapping;
 /**
  * Helper to merge event actions into one array of event actions.
@@ -1879,11 +1664,9 @@ exports.getFieldSummaryMapping = getFieldSummaryMapping;
  * @param {EventAction[]} eventActions2
  * @returns {EventAction[]} merged event actions
  */
-
 var mergeEventActions = function mergeEventActions(eventActions1, eventActions2) {
   return eventActions1.concat(eventActions2);
 };
-
 exports.mergeEventActions = mergeEventActions;
 /**
  * Helper to merge field actions. If same key exists in both field actions,
@@ -1898,27 +1681,21 @@ exports.mergeEventActions = mergeEventActions;
  * @param {FieldActions} fieldActions2
  * @returns {FieldActions} merged field actions
  */
-
 var mergeFieldActions = function mergeFieldActions(fieldActions1, fieldActions2) {
   var fieldActions1WithoutDefault = Object.assign({}, fieldActions1);
-
   if ('default' in fieldActions1WithoutDefault) {
     fieldActions1WithoutDefault['*'] = '*' in fieldActions1WithoutDefault ? [].concat(_toConsumableArray(fieldActions1WithoutDefault['*']), _toConsumableArray(fieldActions1WithoutDefault.default)) : fieldActions1WithoutDefault.default;
     delete fieldActions1WithoutDefault.default;
   }
-
   var fieldActions2WithoutDefault = Object.assign({}, fieldActions2);
-
   if ('default' in fieldActions2WithoutDefault) {
     fieldActions2WithoutDefault['*'] = '*' in fieldActions2WithoutDefault ? [].concat(_toConsumableArray(fieldActions2WithoutDefault['*']), _toConsumableArray(fieldActions2WithoutDefault.default)) : fieldActions2WithoutDefault.default;
     delete fieldActions2WithoutDefault.default;
   }
-
   return lodash_1.mergeWith(fieldActions1WithoutDefault, fieldActions2WithoutDefault, function (fieldAction1value, fieldAction2value) {
     return Array.isArray(fieldAction1value) && Array.isArray(fieldAction2value) ? lodash_1.union(fieldAction1value, fieldAction2value) : undefined;
   });
 };
-
 exports.mergeFieldActions = mergeFieldActions;
 /**
  * Helper to replace all tokens from the tokenReplacementMap in text with their corresponding values.
@@ -1933,92 +1710,77 @@ exports.mergeFieldActions = mergeFieldActions;
  * @param {boolean} allowFieldValuesEscape
  * @returns {string} text with replaced tokens
  */
-
 var replaceTokens = function replaceTokens(_ref) {
   var text = _ref.text,
-      tokenReplacementMap = _ref.tokenReplacementMap,
-      allowSpecialParametersEscape = _ref.allowSpecialParametersEscape,
-      allowFieldValuesEscape = _ref.allowFieldValuesEscape;
-  var replacedText = text; // replace special parameters
-
+    tokenReplacementMap = _ref.tokenReplacementMap,
+    allowSpecialParametersEscape = _ref.allowSpecialParametersEscape,
+    allowFieldValuesEscape = _ref.allowFieldValuesEscape;
+  var replacedText = text;
+  // replace special parameters
   Object.entries(tokenReplacementMap.specialParameters).forEach(function (_ref2) {
     var _ref3 = _slicedToArray(_ref2, 2),
-        tokenName = _ref3[0],
-        tokenValue = _ref3[1];
-
+      tokenName = _ref3[0],
+      tokenValue = _ref3[1];
     var maybeEscapedTokenValue = allowSpecialParametersEscape ? encodeURIComponent(tokenValue) : tokenValue;
     replacedText = replacedText.split("$".concat(tokenName, "$")).join(maybeEscapedTokenValue);
-  }); // replace field values
-
+  });
+  // replace field values
   Object.entries(tokenReplacementMap.fields).forEach(function (_ref4) {
     var _ref5 = _slicedToArray(_ref4, 2),
-        tokenName = _ref5[0],
-        tokenValue = _ref5[1];
-
+      tokenName = _ref5[0],
+      tokenValue = _ref5[1];
     // when allowFieldValuesEscape is true, replace field with escaped value
     var maybeEscapedTokenValue = allowFieldValuesEscape ? encodeURIComponent(tokenValue) : tokenValue;
-    replacedText = replacedText.split("$".concat(tokenName, "$")).join(maybeEscapedTokenValue); // If field starts with `!`, always replace with the unescaped value
-
+    replacedText = replacedText.split("$".concat(tokenName, "$")).join(maybeEscapedTokenValue);
+    // If field starts with `!`, always replace with the unescaped value
     replacedText = replacedText.split("$!".concat(tokenName, "$")).join(tokenValue);
   });
   return replacedText;
 };
-
 exports.replaceTokens = replaceTokens;
 /**
  * Generate a token replacement map taking into account Special Parameters and field replacements.
  */
-
 var generateTokenReplacementMap = function generateTokenReplacementMap(_ref6) {
   var dataSources = _ref6.dataSources,
-      rowIndex = _ref6.rowIndex,
-      pageNumber = _ref6.pageNumber,
-      field = _ref6.field,
-      value = _ref6.value,
-      _ref6$event = _ref6.event,
-      event = _ref6$event === void 0 ? {} : _ref6$event;
-
+    rowIndex = _ref6.rowIndex,
+    pageNumber = _ref6.pageNumber,
+    field = _ref6.field,
+    value = _ref6.value,
+    _ref6$event = _ref6.event,
+    event = _ref6$event === void 0 ? {} : _ref6$event;
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-
   var tokenReplacementMap = {
     specialParameters: {},
     fields: {}
-  }; // Map special parameters for workflow actions with values
+  };
+  // Map special parameters for workflow actions with values
   // Note that @latest_time will not be supported since it does not work in sxml
   // https://dev.splunk.com/enterprise/docs/devtools/customworkflowactions/#Special-parameters
-
   var count = (_b = (_a = dataSources === null || dataSources === void 0 ? void 0 : dataSources.primary) === null || _a === void 0 ? void 0 : _a.requestParams) === null || _b === void 0 ? void 0 : _b.count;
   var offset = rowIndex !== undefined && pageNumber !== undefined && count !== undefined ? rowIndex + count * (pageNumber - 1) : undefined;
-
   if (offset !== undefined) {
     tokenReplacementMap.specialParameters['@offset'] = String(offset);
   }
-
   if ((_d = (_c = dataSources === null || dataSources === void 0 ? void 0 : dataSources.primary) === null || _c === void 0 ? void 0 : _c.meta) === null || _d === void 0 ? void 0 : _d.sid) {
     tokenReplacementMap.specialParameters['@sid'] = (_f = (_e = dataSources === null || dataSources === void 0 ? void 0 : dataSources.primary) === null || _e === void 0 ? void 0 : _e.meta) === null || _f === void 0 ? void 0 : _f.sid;
   }
-
   if ((_h = (_g = dataSources === null || dataSources === void 0 ? void 0 : dataSources.primary) === null || _g === void 0 ? void 0 : _g.meta) === null || _h === void 0 ? void 0 : _h.app) {
     tokenReplacementMap.specialParameters['@namespace'] = (_k = (_j = dataSources === null || dataSources === void 0 ? void 0 : dataSources.primary) === null || _j === void 0 ? void 0 : _j.meta) === null || _k === void 0 ? void 0 : _k.app;
   }
-
   if (field) {
     tokenReplacementMap.specialParameters['@field_name'] = field;
   }
-
   if (value) {
     tokenReplacementMap.specialParameters['@field_value'] = value;
-  } // Map fields with field values
-
-
+  }
+  // Map fields with field values
   Object.entries(event).forEach(function (_ref7) {
     var _ref8 = _slicedToArray(_ref7, 2),
-        fieldName = _ref8[0],
-        fieldValue = _ref8[1];
-
+      fieldName = _ref8[0],
+      fieldValue = _ref8[1];
     // handling of _raw and _time fields matches SXML behaviour. Implementation is based on fieldSubstitute() from splunkcore-web-ui
     var replacedValue;
-
     if (fieldName === '_time' && typeof fieldValue === 'string') {
       var splunkTime = time_1.getISOWithTimeZone(fieldValue);
       var epochTime = exports.getEpochTime(splunkTime);
@@ -2029,25 +1791,21 @@ var generateTokenReplacementMap = function generateTokenReplacementMap(_ref6) {
     } else {
       replacedValue = typeof fieldValue === 'string' ? fieldValue : JSON.stringify(fieldValue);
     }
-
     tokenReplacementMap.fields["".concat(fieldName)] = replacedValue;
   });
   return tokenReplacementMap;
 };
-
-exports.generateTokenReplacementMap = generateTokenReplacementMap; // return epoch unix timestamp in seconds
-
+exports.generateTokenReplacementMap = generateTokenReplacementMap;
+// return epoch unix timestamp in seconds
 var getEpochTime = function getEpochTime(time) {
   // if not a valid time string, then indicate an error and return NaN.
   if (!time_1.isISO(time)) {
     console.error("'".concat(time, "' is not a valid time string."));
     return NaN;
-  } // retrieves the epoch time in milliseconds, and divides by 1000
-
-
+  }
+  // retrieves the epoch time in milliseconds, and divides by 1000
   return new Date(time).getTime() / 1000;
 };
-
 exports.getEpochTime = getEpochTime;
 /**
  * Helper to calculate the start (`earliest`) and end (`latest`) times when user clicks a predefined control in the Time Controls Popover
@@ -2060,30 +1818,25 @@ exports.getEpochTime = getEpochTime;
  * @param {('before'|'after'|'at')} when
  * @returns {TimeInterval} interval with `earliest` and `latest` defined in epoch time
  */
-
 var getPredefinedTimeInterval = function getPredefinedTimeInterval(_ref9) {
   var time = _ref9.time,
-      when = _ref9.when;
+    when = _ref9.when;
   var epochTime = exports.getEpochTime(time);
-
   switch (when) {
     case 'before':
       return {
         latest: epochTime + 0.001
       };
-
     case 'after':
       return {
         earliest: epochTime,
         latest: 'now'
       };
-
     case 'at':
       return {
         earliest: epochTime,
         latest: epochTime + 0.001
       };
-
     default:
       // returns 'at' interval by default
       return {
@@ -2092,7 +1845,6 @@ var getPredefinedTimeInterval = function getPredefinedTimeInterval(_ref9) {
       };
   }
 };
-
 exports.getPredefinedTimeInterval = getPredefinedTimeInterval;
 /**
  * Helper to calculate the start (`earliest`) and end (`latest`) times when user clicks `Apply` in the Time Controls Popover.
@@ -2107,15 +1859,13 @@ exports.getPredefinedTimeInterval = getPredefinedTimeInterval;
  * @param {string} rangeUnit
  * @returns {TimeInterval} interval with `earliest` and `latest` defined in epoch time
  */
-
 var getCustomTimeInterval = function getCustomTimeInterval(_ref10) {
   var time = _ref10.time,
-      rangeType = _ref10.rangeType,
-      rangeAmount = _ref10.rangeAmount,
-      rangeUnit = _ref10.rangeUnit;
+    rangeType = _ref10.rangeType,
+    rangeAmount = _ref10.rangeAmount,
+    rangeUnit = _ref10.rangeUnit;
   var timeRange = time_1.getAcceleratedTimeRange(time, rangeAmount, rangeUnit);
   var timeInterval;
-
   if (rangeType === 'plusminus') {
     timeInterval = Object.assign({}, timeRange);
   } else if (rangeType === 'plus') {
@@ -2126,15 +1876,13 @@ var getCustomTimeInterval = function getCustomTimeInterval(_ref10) {
     timeInterval = Object.assign(Object.assign({}, timeRange), {
       latest: time
     });
-  } // converts to use epoch time in the interval, and adds 0.001 to `latest` per spec
-
-
+  }
+  // converts to use epoch time in the interval, and adds 0.001 to `latest` per spec
   return {
     earliest: exports.getEpochTime(timeInterval.earliest),
     latest: exports.getEpochTime(timeInterval.latest) + 0.001
   };
 };
-
 exports.getCustomTimeInterval = getCustomTimeInterval;
 /**
  * Helper to truncate strings to a maximum length.
@@ -2143,19 +1891,15 @@ exports.getCustomTimeInterval = getCustomTimeInterval;
  * @param {string} stringToTruncate
  * @returns {string} truncated string
  */
-
 var truncateString = function truncateString(stringToTruncate) {
   var MAX_LENGTH = 100;
   var LEAD_AND_TRAIL_LENGTH = 50;
   var truncatedString = stringToTruncate;
-
   if (truncatedString.length > MAX_LENGTH) {
     truncatedString = "".concat(truncatedString.substring(0, LEAD_AND_TRAIL_LENGTH), "...").concat(truncatedString.substring(truncatedString.length - LEAD_AND_TRAIL_LENGTH));
   }
-
   return truncatedString;
 };
-
 exports.truncateString = truncateString;
 
 /***/ }),
@@ -2168,17 +1912,15 @@ exports.truncateString = truncateString;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.convertToArrOfObjects = void 0; // TODO: utilize this fn in ParallelCoordinates
-
+exports.convertToArrOfObjects = void 0;
+// TODO: utilize this fn in ParallelCoordinates
 var convertToArrOfObjects = function convertToArrOfObjects(columns, fields) {
   if (!columns || !columns[0].length) return [];
   var data = [];
-
   var _loop = function _loop(i) {
     var newObj = {};
     fields.forEach(function (field, index) {
       var fieldName = typeof field === 'string' ? field : field.name;
-
       if (columns[index][i] === '') {
         newObj[fieldName] = null;
       } else {
@@ -2187,14 +1929,11 @@ var convertToArrOfObjects = function convertToArrOfObjects(columns, fields) {
     });
     data.push(newObj);
   };
-
   for (var i = 0; i < columns[0].length; i += 1) {
     _loop(i);
   }
-
   return data;
 };
-
 exports.convertToArrOfObjects = convertToArrOfObjects;
 
 /***/ }),
@@ -2251,40 +1990,27 @@ module.exports = require("@splunk/react-ui/Heading");
 
 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.replaceTokens = exports.PureEvents = exports.config = exports.themes = exports.computeVizProps = exports.showPlaceHolderIcon = void 0;
-
 var lodash_1 = __webpack_require__(3);
-
 var dataSourceUtils_1 = __webpack_require__(91);
-
 var withDashboardViz_1 = __webpack_require__(36);
-
 var constants_1 = __webpack_require__(147);
-
 var config_1 = __webpack_require__(197);
-
 exports.config = config_1.default;
-
 var PureEvents_1 = __webpack_require__(198);
-
 exports.PureEvents = PureEvents_1.default;
-
 var EventUtils_1 = __webpack_require__(119);
-
 Object.defineProperty(exports, "replaceTokens", {
   enumerable: true,
   get: function get() {
@@ -2296,29 +2022,23 @@ Object.defineProperty(exports, "replaceTokens", {
  * @param {Object} dataSources
  * @returns {Boolean} return true if loading, error, non existent state or without columns in dataSources
  */
-
 var showPlaceHolderIcon = function showPlaceHolderIcon(dataSources) {
   var columns = lodash_1.get(dataSources, 'primary.data.columns', undefined);
   var noColumns = columns === undefined;
   var dataSourceState = dataSourceUtils_1.getDataSourceStateInfo(dataSources);
   return dataSourceState === dataSourceUtils_1.DataSourceState.ERROR || dataSourceState === dataSourceUtils_1.DataSourceState.LOADING || dataSourceState === dataSourceUtils_1.DataSourceState.NONEXISTENT || noColumns;
 };
-
 exports.showPlaceHolderIcon = showPlaceHolderIcon;
-
 var computeVizProps = function computeVizProps(_a) {
   // for specific changes to view type (List -> Raw, etc.), can create handling function here that calls onOptionsChange
   var _b;
-
-  var props = __rest(_a, []); // defaults to an empty datasource if one isn't provided, which shows the No Results Found UI:
-
-
+  var props = __rest(_a, []);
+  // defaults to an empty datasource if one isn't provided, which shows the No Results Found UI:
   var dataSources = (_b = props === null || props === void 0 ? void 0 : props.dataSources) !== null && _b !== void 0 ? _b : constants_1.EMPTY_DATASOURCE;
   return Object.assign(Object.assign({}, props), {
     dataSources: dataSources
   });
 };
-
 exports.computeVizProps = computeVizProps;
 var Events = withDashboardViz_1.default({
   ReactViz: PureEvents_1.default,
@@ -2702,17 +2422,20 @@ var rawEventPayload = {
       _internal: true
     }
   }
-}; // Datasource utilized in example on @splunk/react-events-viewer docs
+};
 
-var originalDataSourceData = _splunk_datasource_utils_DataSet__WEBPACK_IMPORTED_MODULE_0___default.a.fromJSONArray(rawEventPayload.fields, rawEventPayload.results); // Replaces _raw object with the value of the `value` key - this is the string expected in Dashboard Studio payload
+// Datasource utilized in example on @splunk/react-events-viewer docs
+var originalDataSourceData = _splunk_datasource_utils_DataSet__WEBPACK_IMPORTED_MODULE_0___default.a.fromJSONArray(rawEventPayload.fields, rawEventPayload.results);
 
+// Replaces _raw object with the value of the `value` key - this is the string expected in Dashboard Studio payload
 originalDataSourceData.columns[5] = originalDataSourceData.columns[5].map(function (_raw) {
   return _raw.value;
-}); // Exports payload with expected shape of Dashboard Studio payload - fields as an array of strings, and columns
+});
+
+// Exports payload with expected shape of Dashboard Studio payload - fields as an array of strings, and columns
 //  as arrays of data primitives like strings and numbers
 // Component works with either [{ name: `field` }, ...] or [`field`,...] format - leaving as array as objects as
 //  expected in Dashboard Studio payload
-
 var dataSourceData = {
   fields: rawEventPayload.fields,
   columns: originalDataSourceData.columns
@@ -2870,22 +2593,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__(146), exports);
-
 var Events_1 = __webpack_require__(146);
-
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
@@ -2903,25 +2621,15 @@ Object.defineProperty(exports, "default", {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var visualization_icons_1 = __webpack_require__(51);
-
 var placeholders_1 = __webpack_require__(48);
-
 var schemaUtils_1 = __webpack_require__(16);
-
 var themes_1 = __webpack_require__(59);
-
 var i18n_1 = __webpack_require__(2);
-
 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 defaultContext = {};
 var dataContract = {
   requiredDataSources: [{
@@ -3087,20 +2795,17 @@ var editorConfig = [{
 /**
  * visualization configuration
  */
-
 var config = {
   /**
    * unique viz key
    */
   key: 'splunk.events',
-
   /**
    * viz name
    */
   name: 'Events',
   category: VizCategory_1.VizCategory.TABLE,
   status: 'preview',
-
   /**
    * viz icon
    */
@@ -3142,48 +2847,28 @@ exports.default = configUtils_1.enhanceConfig(config);
 
 
 var _typeof = __webpack_require__(88);
-
 var _slicedToArray = __webpack_require__(17);
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var React = __webpack_require__(0);
-
 var react_1 = __webpack_require__(0);
-
 var T = __webpack_require__(1);
-
 var EventsViewer_1 = __webpack_require__(199);
-
 var styled_components_1 = __webpack_require__(4);
-
 var pick_1 = __webpack_require__(23);
-
 var variables_1 = __webpack_require__(10);
-
 var colorUtils_1 = __webpack_require__(12);
-
 var style_1 = __webpack_require__(14);
-
 var EventsContext_1 = __webpack_require__(148);
-
 var lodash_1 = __webpack_require__(3);
-
 var Menu_1 = __webpack_require__(118);
-
 var constants_1 = __webpack_require__(147);
-
 var FixedSizeContainer_1 = __webpack_require__(13);
-
 var EventUtils_1 = __webpack_require__(119);
-
 var FieldSummaryTooltip_1 = __webpack_require__(201);
-
-var TimeControlsPopover_1 = __webpack_require__(203); // Inspired by VizTableContainer in PureTable.tsx
-
-
+var TimeControlsPopover_1 = __webpack_require__(203);
+// Inspired by VizTableContainer in PureTable.tsx
 var EventsContainer = styled_components_1.default.div.withConfig({
   displayName: "PureEvents__EventsContainer",
   componentId: "iniqvm-0"
@@ -3199,15 +2884,15 @@ var EventsContainer = styled_components_1.default.div.withConfig({
 }, pick_1.default({
   enterprise: variables_1.default.backgroundColorPage,
   prisma: variables_1.default.backgroundColorPage
-})); // Inspired by SUITableContainer in PureTable.tsx
-
+}));
+// Inspired by SUITableContainer in PureTable.tsx
 var SUIEventsViewerContainer = styled_components_1.default.div.withConfig({
   displayName: "PureEvents__SUIEventsViewerContainer",
   componentId: "iniqvm-1"
 })(["box-sizing:border-box;flex-grow:1;overflow:hidden;", ";"], function (_ref) {
   var width = _ref.width,
-      height = _ref.height,
-      theme = _ref.theme;
+    height = _ref.height,
+    theme = _ref.theme;
   var padding = pick_1.default({
     enterprise: variables_1.default.spacingHalf({
       theme: theme
@@ -3223,32 +2908,30 @@ var SUIEventsViewerContainer = styled_components_1.default.div.withConfig({
     width: width - paddingOffset,
     height: height - paddingOffset
   });
-}); // Effectively the pure visualization component for Events, passing through the necessary state and callbacks.
-
+});
+// Effectively the pure visualization component for Events, passing through the necessary state and callbacks.
 var PureEvents = function PureEvents(props) {
   var width = props.width,
-      height = props.height,
-      backgroundColor = props.backgroundColor,
-      _props$dataSources = props.dataSources,
-      dataSources = _props$dataSources === void 0 ? {} : _props$dataSources,
-      _props$eventActions = props.eventActions,
-      eventActionsProps = _props$eventActions === void 0 ? [] : _props$eventActions,
-      _props$fieldActions = props.fieldActions,
-      fieldActionsProps = _props$fieldActions === void 0 ? {} : _props$fieldActions,
-      showFieldSummary = props.showFieldSummary,
-      footerFields = props.footerFields,
-      highlightValuesByField = props.highlightValuesByField,
-      onOptionsChange = props.onOptionsChange,
-      onRequestParamsChange = props.onRequestParamsChange,
-      onEventTrigger = props.onEventTrigger;
+    height = props.height,
+    backgroundColor = props.backgroundColor,
+    _props$dataSources = props.dataSources,
+    dataSources = _props$dataSources === void 0 ? {} : _props$dataSources,
+    _props$eventActions = props.eventActions,
+    eventActionsProps = _props$eventActions === void 0 ? [] : _props$eventActions,
+    _props$fieldActions = props.fieldActions,
+    fieldActionsProps = _props$fieldActions === void 0 ? {} : _props$fieldActions,
+    showFieldSummary = props.showFieldSummary,
+    footerFields = props.footerFields,
+    highlightValuesByField = props.highlightValuesByField,
+    onOptionsChange = props.onOptionsChange,
+    onRequestParamsChange = props.onRequestParamsChange,
+    onEventTrigger = props.onEventTrigger;
   var fieldSummaryMap = React.useMemo(function () {
-    var _a, _b, _c, _d; // if the `fieldsummary` datasource isn't configured, no field summary can be shown
-
-
+    var _a, _b, _c, _d;
+    // if the `fieldsummary` datasource isn't configured, no field summary can be shown
     if (!showFieldSummary || !lodash_1.get(dataSources, 'fieldsummary')) {
       return {};
     }
-
     try {
       var fieldSummaryMapping = EventUtils_1.getFieldSummaryMapping((_b = (_a = dataSources.fieldsummary) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.columns, (_d = (_c = dataSources.fieldsummary) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.fields);
       return fieldSummaryMapping;
@@ -3257,48 +2940,39 @@ var PureEvents = function PureEvents(props) {
       return {};
     }
   }, [dataSources, showFieldSummary]);
-
   var _react_1$useContext = react_1.useContext(EventsContext_1.default),
-      _react_1$useContext$e = _react_1$useContext.eventActions,
-      eventActionsContext = _react_1$useContext$e === void 0 ? [] : _react_1$useContext$e,
-      _react_1$useContext$f = _react_1$useContext.fieldActions,
-      fieldActionsContext = _react_1$useContext$f === void 0 ? {} : _react_1$useContext$f;
-
+    _react_1$useContext$e = _react_1$useContext.eventActions,
+    eventActionsContext = _react_1$useContext$e === void 0 ? [] : _react_1$useContext$e,
+    _react_1$useContext$f = _react_1$useContext.fieldActions,
+    fieldActionsContext = _react_1$useContext$f === void 0 ? {} : _react_1$useContext$f;
   var eventActions = EventUtils_1.mergeEventActions(eventActionsProps, eventActionsContext);
   var fieldActions = EventUtils_1.mergeFieldActions(fieldActionsProps, fieldActionsContext);
-
   var _React$useState = React.useState(null),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      fieldSummaryField = _React$useState2[0],
-      setFieldSummaryField = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    fieldSummaryField = _React$useState2[0],
+    setFieldSummaryField = _React$useState2[1];
   var _React$useState3 = React.useState(null),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      fieldSummaryAnchor = _React$useState4[0],
-      setFieldSummaryAnchor = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    fieldSummaryAnchor = _React$useState4[0],
+    setFieldSummaryAnchor = _React$useState4[1];
   var _React$useState5 = React.useState(null),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      timeValue = _React$useState6[0],
-      setTimeValue = _React$useState6[1];
-
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    timeValue = _React$useState6[0],
+    setTimeValue = _React$useState6[1];
   var _React$useState7 = React.useState(null),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      timeFieldAnchor = _React$useState8[0],
-      setTimeFieldAnchor = _React$useState8[1]; // An array of objects with eventtypeValues for filtering by eventtype, fieldFilters for filtering by fields,
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    timeFieldAnchor = _React$useState8[0],
+    setTimeFieldAnchor = _React$useState8[1]; // An array of objects with eventtypeValues for filtering by eventtype, fieldFilters for filtering by fields,
   // and eventActionComponent (needs to be Menu.Item and will be rendered inside a Menu component)
   // to display in the Event Actions dropdown
-
-
   var renderEventActions = React.useMemo(function () {
     return !Array.isArray(eventActions) ? [] : eventActions.map(function (_ref2) {
       var eventType = _ref2.eventType,
-          label = _ref2.label,
-          _ref2$eventtypeValues = _ref2.eventtypeValues,
-          eventtypeValues = _ref2$eventtypeValues === void 0 ? [] : _ref2$eventtypeValues,
-          _ref2$fieldFilters = _ref2.fieldFilters,
-          fieldFilters = _ref2$fieldFilters === void 0 ? [] : _ref2$fieldFilters;
-
+        label = _ref2.label,
+        _ref2$eventtypeValues = _ref2.eventtypeValues,
+        eventtypeValues = _ref2$eventtypeValues === void 0 ? [] : _ref2$eventtypeValues,
+        _ref2$fieldFilters = _ref2.fieldFilters,
+        fieldFilters = _ref2$fieldFilters === void 0 ? [] : _ref2$fieldFilters;
       var onMenuItemClick = function onMenuItemClick(e, eventActionProps, tokenReplacementMap) {
         var payload = EventUtils_1.convertToPayloadFormat(eventActionProps.event, {
           tokenReplacementMap: tokenReplacementMap
@@ -3309,11 +2983,10 @@ var PureEvents = function PureEvents(props) {
           payload: payload
         });
       };
-
       var eventActionComponent = function eventActionComponent(eventActionProps) {
         var rowIndex = eventActionProps.rowIndex,
-            pageNumber = eventActionProps.pageNumber,
-            event = eventActionProps.event;
+          pageNumber = eventActionProps.pageNumber,
+          event = eventActionProps.event;
         var tokenReplacementMap = EventUtils_1.generateTokenReplacementMap({
           dataSources: dataSources,
           rowIndex: rowIndex,
@@ -3334,31 +3007,28 @@ var PureEvents = function PureEvents(props) {
           }
         }, truncatedLabel);
       };
-
       return {
         eventtypeValues: eventtypeValues,
         fieldFilters: fieldFilters,
         eventActionComponent: eventActionComponent
       };
     });
-  }, [eventActions]); // A map of fields, each associated with an array of objects with eventtypeValues for filtering by eventtype,
+  }, [eventActions]);
+  // A map of fields, each associated with an array of objects with eventtypeValues for filtering by eventtype,
   // and fieldActionComponent (needs to be Menu.Item and will be rendered inside a Menu component)
   // to display in its respective dropdown in the Actions column
-
   var renderFieldActions = React.useMemo(function () {
     if (_typeof(fieldActions) !== 'object') return {};
     var fieldActionsMap = {};
     Object.entries(fieldActions).forEach(function (_ref3) {
       var _ref4 = _slicedToArray(_ref3, 2),
-          currentFieldName = _ref4[0],
-          currentFieldActions = _ref4[1];
-
+        currentFieldName = _ref4[0],
+        currentFieldActions = _ref4[1];
       fieldActionsMap[currentFieldName] = currentFieldActions.map(function (_ref5) {
         var eventType = _ref5.eventType,
-            label = _ref5.label,
-            _ref5$eventtypeValues = _ref5.eventtypeValues,
-            eventtypeValues = _ref5$eventtypeValues === void 0 ? [] : _ref5$eventtypeValues;
-
+          label = _ref5.label,
+          _ref5$eventtypeValues = _ref5.eventtypeValues,
+          eventtypeValues = _ref5$eventtypeValues === void 0 ? [] : _ref5$eventtypeValues;
         var onMenuItemClick = function onMenuItemClick(e, fieldActionProps, tokenReplacementMap) {
           var payload = EventUtils_1.convertToPayloadFormat(fieldActionProps.event, {
             name: fieldActionProps.field,
@@ -3371,13 +3041,12 @@ var PureEvents = function PureEvents(props) {
             payload: payload
           });
         };
-
         var fieldActionComponent = function fieldActionComponent(fieldActionProps) {
           var field = fieldActionProps.field,
-              value = fieldActionProps.value,
-              rowIndex = fieldActionProps.rowIndex,
-              pageNumber = fieldActionProps.pageNumber,
-              event = fieldActionProps.event;
+            value = fieldActionProps.value,
+            rowIndex = fieldActionProps.rowIndex,
+            pageNumber = fieldActionProps.pageNumber,
+            event = fieldActionProps.event;
           var tokenReplacementMap = EventUtils_1.generateTokenReplacementMap({
             dataSources: dataSources,
             rowIndex: rowIndex,
@@ -3400,7 +3069,6 @@ var PureEvents = function PureEvents(props) {
             }
           }, truncatedLabel);
         };
-
         return {
           eventtypeValues: eventtypeValues,
           fieldActionComponent: fieldActionComponent
@@ -3408,30 +3076,27 @@ var PureEvents = function PureEvents(props) {
       });
     });
     return fieldActionsMap;
-  }, [fieldActions]); // formulate the options object required by the SUI EventsViewer component
-
+  }, [fieldActions]);
+  // formulate the options object required by the SUI EventsViewer component
   var suiEventsViewerOptions = {
     renderEventActions: renderEventActions,
     renderFieldActions: renderFieldActions,
     footerFields: footerFields,
     fieldValueHighlightMap: highlightValuesByField
   };
-
   var handleFieldClicked = showFieldSummary && function (e, _ref6) {
     var field = _ref6.field;
     setFieldSummaryField(field);
     setFieldSummaryAnchor(e.currentTarget.parentElement);
   };
-
   var handleTimeClicked = function handleTimeClicked(e, _ref7) {
     var time = _ref7.time;
     setTimeValue(time);
     setTimeFieldAnchor(e.currentTarget);
   };
-
   var handleValueClicked = function handleValueClicked(e, _ref8) {
     var field = _ref8.field,
-        value = _ref8.value;
+      value = _ref8.value;
     onEventTrigger({
       originalEvent: e,
       type: 'value.click',
@@ -3441,7 +3106,6 @@ var PureEvents = function PureEvents(props) {
       }
     });
   };
-
   var handleTimeDrilldown = function handleTimeDrilldown(e, timeInterval) {
     onEventTrigger({
       originalEvent: e,
@@ -3454,10 +3118,9 @@ var PureEvents = function PureEvents(props) {
       }
     });
   };
-
   var handleActionClicked = function handleActionClicked(event, data) {
     var actionType = data.action,
-        field = data.field;
+      field = data.field;
     onEventTrigger({
       originalEvent: event,
       type: "events.search.".concat(actionType),
@@ -3466,7 +3129,6 @@ var PureEvents = function PureEvents(props) {
       }
     });
   };
-
   return React.createElement(EventsContainer, {
     backgroundColor: backgroundColor,
     width: width,
@@ -3504,7 +3166,6 @@ var PureEvents = function PureEvents(props) {
     }
   })));
 };
-
 PureEvents.propTypes = {
   width: T.oneOfType([T.string, T.number]),
   height: T.oneOfType([T.string, T.number]),
@@ -3573,25 +3234,15 @@ module.exports = require("@splunk/time-range-utils/time");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var React = __webpack_require__(0);
-
 var react_1 = __webpack_require__(0);
-
 var Popover_1 = __webpack_require__(89);
-
 var Markdown_1 = __webpack_require__(121);
-
 var FieldSummary_1 = __webpack_require__(202);
-
 var lodash_1 = __webpack_require__(3);
-
 var i18n_1 = __webpack_require__(2);
-
 var styled_components_1 = __webpack_require__(4);
-
 var EventsContext_1 = __webpack_require__(148);
-
 var popoverContainerStyle = {
   padding: '20px',
   width: 500
@@ -3600,10 +3251,9 @@ var StyledMarkdown = styled_components_1.default(Markdown_1.default).withConfig(
   displayName: "FieldSummaryTooltip__StyledMarkdown",
   componentId: "sc-1k26kpm-0"
 })(["p{margin:0;}"]);
-
 var actionsForField = function actionsForField(field) {
-  var actions = []; // this logic is used in determining whether to display numeric stats in ui-platform (FieldStats.tsx)
-
+  var actions = [];
+  // this logic is used in determining whether to display numeric stats in ui-platform (FieldStats.tsx)
   if (typeof field.mean === 'number') {
     actions.push({
       name: 'avgByTime',
@@ -3618,7 +3268,6 @@ var actionsForField = function actionsForField(field) {
       label: i18n_1._('Min value over time')
     });
   }
-
   actions.push({
     name: 'topValues',
     label: i18n_1._('Top values')
@@ -3637,30 +3286,25 @@ var actionsForField = function actionsForField(field) {
   });
   return actions;
 };
-
 var FieldSummaryTooltip = function FieldSummaryTooltip(props) {
   var open = props.open,
-      anchor = props.anchor,
-      handleTooltipClose = props.handleTooltipClose,
-      fieldName = props.fieldName,
-      fieldSummaryMap = props.fieldSummaryMap,
-      onActionClicked = props.onActionClicked,
-      onFieldValueClicked = props.onFieldValueClicked;
-
+    anchor = props.anchor,
+    handleTooltipClose = props.handleTooltipClose,
+    fieldName = props.fieldName,
+    fieldSummaryMap = props.fieldSummaryMap,
+    onActionClicked = props.onActionClicked,
+    onFieldValueClicked = props.onFieldValueClicked;
   var _react_1$useContext = react_1.useContext(EventsContext_1.default),
-      isSplunkWebAvailable = _react_1$useContext.isSplunkWebAvailable;
-
+    isSplunkWebAvailable = _react_1$useContext.isSplunkWebAvailable;
   var getActionsForField = react_1.useCallback(function (field) {
     return isSplunkWebAvailable ? actionsForField(field) : [];
-  }, [isSplunkWebAvailable]); // if the anchor is null or no field has been clicked, do not render the tooltip
-
-  if (!open) return null; // retrieve the field summary for this field. if there is no field data, show fallback messaging
-
+  }, [isSplunkWebAvailable]);
+  // if the anchor is null or no field has been clicked, do not render the tooltip
+  if (!open) return null;
+  // retrieve the field summary for this field. if there is no field data, show fallback messaging
   var field = fieldSummaryMap[fieldName];
   var fieldSummaryExists = !!field;
-
   var fallbackText = i18n_1._("Please configure an additional datasource called `fieldsummary` using the `... | fieldsummary maxvals=10` SPL command for field summaries to be shown.");
-
   return React.createElement(Popover_1.default, {
     open: open,
     defaultPlacement: "below",
@@ -3679,7 +3323,6 @@ var FieldSummaryTooltip = function FieldSummaryTooltip(props) {
     text: fallbackText
   })));
 };
-
 FieldSummaryTooltip.defaultProps = {
   open: false,
   anchor: null,
@@ -3705,42 +3348,25 @@ module.exports = require("@splunk/react-field-summary/components/FieldSummary");
 
 
 var _slicedToArray = __webpack_require__(17);
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var React = __webpack_require__(0);
-
 var Popover_1 = __webpack_require__(89);
-
 var ControlGroup_1 = __webpack_require__(204);
-
 var Button_1 = __webpack_require__(122);
-
 var Text_1 = __webpack_require__(205);
-
 var Message_1 = __webpack_require__(123);
-
 var Select_1 = __webpack_require__(206);
-
 var Link_1 = __webpack_require__(207);
-
 var Heading_1 = __webpack_require__(124);
-
 var lodash_1 = __webpack_require__(3);
-
 var i18n_1 = __webpack_require__(2);
-
 var styled_components_1 = __webpack_require__(4);
-
 var numberUtils_1 = __webpack_require__(30);
-
 var pick_1 = __webpack_require__(23);
-
-var EventUtils_1 = __webpack_require__(119); // custom popover sizing for Enterprise vs. Prisma themes - additional px for Prisma theme to fit controls
-
-
+var EventUtils_1 = __webpack_require__(119);
+// custom popover sizing for Enterprise vs. Prisma themes - additional px for Prisma theme to fit controls
 var TimePopoverContainer = styled_components_1.default.div.withConfig({
   displayName: "TimeControlsPopover__TimePopoverContainer",
   componentId: "fj32ze-0"
@@ -3781,61 +3407,48 @@ var rangeUnitInputStyle = {
 var applyButtonStyle = {
   marginLeft: 10
 };
-
 var TimeControlsPopover = function TimeControlsPopover(props) {
   var open = props.open,
-      anchor = props.anchor,
-      time = props.time,
-      handleTooltipClose = props.handleTooltipClose,
-      onTimeDrilldown = props.onTimeDrilldown; // nearby events controls default to +/- 5 second(s)
-
+    anchor = props.anchor,
+    time = props.time,
+    handleTooltipClose = props.handleTooltipClose,
+    onTimeDrilldown = props.onTimeDrilldown; // nearby events controls default to +/- 5 second(s)
   var _React$useState = React.useState('plusminus'),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      rangeType = _React$useState2[0],
-      setRangeType = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    rangeType = _React$useState2[0],
+    setRangeType = _React$useState2[1];
   var _React$useState3 = React.useState('5'),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      rangeAmount = _React$useState4[0],
-      setRangeAmount = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    rangeAmount = _React$useState4[0],
+    setRangeAmount = _React$useState4[1];
   var _React$useState5 = React.useState('s'),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      rangeUnit = _React$useState6[0],
-      setRangeUnit = _React$useState6[1]; // if validation fails, this triggers the error state on the controls to show
-
-
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    rangeUnit = _React$useState6[0],
+    setRangeUnit = _React$useState6[1]; // if validation fails, this triggers the error state on the controls to show
   var _React$useState7 = React.useState(false),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      isInvalidInput = _React$useState8[0],
-      setInvalidInput = _React$useState8[1];
-
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    isInvalidInput = _React$useState8[0],
+    setInvalidInput = _React$useState8[1];
   var errorMessage = i18n_1._('Value must be an integer greater than 0');
-
   var handleRangeTypeChange = function handleRangeTypeChange(e, _ref) {
     var value = _ref.value;
     setRangeType(value);
   };
-
   var handleRangeAmountChange = function handleRangeAmountChange(e, _ref2) {
     var value = _ref2.value;
     setRangeAmount(value);
   };
-
   var handleRangeUnitChange = function handleRangeUnitChange(e, _ref3) {
     var value = _ref3.value;
     setRangeUnit(value);
   };
-
   var handleSubmit = function handleSubmit(e) {
     // if the entered range amount is not a number, is not greater than 0, or is not an integer, then it is invalid
     var parsedIntervalAmount = numberUtils_1.parseNumber(rangeAmount);
-
     if (Number.isNaN(parsedIntervalAmount) || parsedIntervalAmount <= 0 || !Number.isInteger(parsedIntervalAmount)) {
       setInvalidInput(true);
       return;
     }
-
     setInvalidInput(false);
     var timeInterval = EventUtils_1.getCustomTimeInterval({
       time: time,
@@ -3845,7 +3458,6 @@ var TimeControlsPopover = function TimeControlsPopover(props) {
     });
     onTimeDrilldown(e, timeInterval);
   };
-
   var handleEventIntervalClick = function handleEventIntervalClick(e, when) {
     e.preventDefault();
     var timeInterval = EventUtils_1.getPredefinedTimeInterval({
@@ -3854,7 +3466,6 @@ var TimeControlsPopover = function TimeControlsPopover(props) {
     });
     onTimeDrilldown(e, timeInterval);
   };
-
   return React.createElement(Popover_1.default, {
     open: open,
     defaultPlacement: "below",
@@ -3957,7 +3568,6 @@ var TimeControlsPopover = function TimeControlsPopover(props) {
     "data-test": "apply-custom-time"
   }))));
 };
-
 TimeControlsPopover.defaultProps = {
   open: false,
   anchor: null,