@splunk/visualizations 25.13.1 → 26.0.0

package/Events.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 199);
+/******/ 	return __webpack_require__(__webpack_require__.s = 202);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -212,14 +212,14 @@ var Item = styled_components_1.default.div.attrs(function (_ref) {
   var width = _ref.width;
   return {
     style: {
-      width: style_1.toPx(width)
+      width: (0, style_1.toPx)(width)
     }
   };
 }).withConfig({
   displayName: "FixedSizeContainer__Item",
   componentId: "sc-1yhgpod-0"
 })(["position:relative;background-color:", "};"], function (props) {
-  return colorUtils_1.isColor(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor;
+  return (0, colorUtils_1.isColor)(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor;
 });
 // Use `.attrs()` for highly dynamic styles. Ref: https://github.com/styled-components/styled-components/issues/134#issuecomment-312415291
 var FixSizeItem = styled_components_1.default.div.attrs(function (_ref2) {
@@ -227,16 +227,16 @@ var FixSizeItem = styled_components_1.default.div.attrs(function (_ref2) {
     height = _ref2.height;
   return {
     style: Object.assign(Object.assign({}, width && {
-      width: style_1.toPx(width)
+      width: (0, style_1.toPx)(width)
     }), height && {
-      height: style_1.toPx(height)
+      height: (0, style_1.toPx)(height)
     })
   };
 }).withConfig({
   displayName: "FixedSizeContainer__FixSizeItem",
   componentId: "sc-1yhgpod-1"
 })(["position:relative;flex-direction:column;flex:1;display:flex;background-color:", "};"], function (props) {
-  return colorUtils_1.isColor(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor;
+  return (0, colorUtils_1.isColor)(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor;
 });
 var ItemContent = styled_components_1.default.div.withConfig({
   displayName: "FixedSizeContainer__ItemContent",
@@ -260,7 +260,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
     }
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "25.13.1 - ea48ec41e",
+      "data-splunk-visualization-version": "26.0.0 - 2f7458907",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -499,8 +499,8 @@ function hasCompatibleOptions(vizOptions, presetOptions) {
  */
 function getInitialPreset(vizContext, vizOptions, presets) {
   return presets.find(function (preset) {
-    var presetContext = lodash_1.get(preset, ['value', 'context'], {});
-    var presetOptions = lodash_1.get(preset, ['value', 'options'], {});
+    var presetContext = (0, lodash_1.get)(preset, ['value', 'context'], {});
+    var presetOptions = (0, lodash_1.get)(preset, ['value', 'options'], {});
     var presetContextKeys = Object.keys(presetContext);
     var presetOptionKeys = Object.keys(presetOptions);
     // all presets have to explicitly specify which options to reset (i.e. need explicitly undefined keys)
@@ -517,7 +517,7 @@ exports.getInitialPreset = getInitialPreset;
  * @returns {{ label: string; value; string  }[]} array of { label, value } tuples
  */
 function generatePrecisionValues(numPrecisionValues) {
-  return lodash_1.range(0, numPrecisionValues + 1).map(function (i) {
+  return (0, lodash_1.range)(0, numPrecisionValues + 1).map(function (i) {
     return {
       label: "".concat(i, " (0").concat(i > 0 ? '.' : '').concat('0'.repeat(i), ")"),
       value: i
@@ -559,35 +559,41 @@ module.exports = require("@splunk/themes/pick");
 /* 25 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualization-context/TimezoneContext");
+module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 /* 26 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/hocUtils");
+module.exports = require("@splunk/visualization-context/TimezoneContext");
 
 /***/ }),
 /* 27 */
 /***/ (function(module, exports) {
 
+module.exports = require("@splunk/visualizations-shared/hocUtils");
+
+/***/ }),
+/* 28 */
+/***/ (function(module, exports) {
+
 module.exports = require("@splunk/visualizations-shared/JSONSchemaUtils");
 
 /***/ }),
-/* 28 */,
-/* 29 */
+/* 29 */,
+/* 30 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-encoding/Options");
 
 /***/ }),
-/* 30 */
+/* 31 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/numberUtils");
 
 /***/ }),
-/* 31 */
+/* 32 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -611,9 +617,9 @@ var FixedSizeContainer_1 = __webpack_require__(13);
  */
 var shouldShowIconPlaceholder = function shouldShowIconPlaceholder(dataSources) {
   var loading = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var data = lodash_1.get(dataSources, 'primary.data.columns[0]', undefined);
+  var data = (0, lodash_1.get)(dataSources, 'primary.data.columns[0]', undefined);
   var noData = data === undefined;
-  var fields = lodash_1.get(dataSources, 'primary.data.fields[0]', undefined);
+  var fields = (0, lodash_1.get)(dataSources, 'primary.data.fields[0]', undefined);
   var noFields = fields === undefined;
   return loading || noData || noFields;
 };
@@ -654,7 +660,7 @@ var IconPlaceholder = function IconPlaceholder(props) {
     width: width,
     height: height,
     level: "warning",
-    message: i18n_1._('No DataSource Connected')
+    message: (0, i18n_1._)('No DataSource Connected')
   });
 };
 IconPlaceholder.propTypes = propTypes;
@@ -662,13 +668,7 @@ IconPlaceholder.defaultProps = {
   width: '100%',
   height: 250
 };
-exports.default = FixedSizeContainer_1.default(IconPlaceholder);
-
-/***/ }),
-/* 32 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/id");
+exports.default = (0, FixedSizeContainer_1.default)(IconPlaceholder);
 
 /***/ }),
 /* 33 */
@@ -702,7 +702,7 @@ var getSortingParams = function getSortingParams(_ref) {
   };
   var onSort;
   if (typeof onRequestParamsChange === 'function') {
-    if (requestParams && lodash_1.has(requestParams, 'sort')) {
+    if (requestParams && (0, lodash_1.has)(requestParams, 'sort')) {
       currentSortKey = Object.keys(requestParams.sort).shift();
       currentSortDir = requestParams.sort[currentSortKey];
     }
@@ -711,7 +711,7 @@ var getSortingParams = function getSortingParams(_ref) {
       var sortKey = _ref2.sortKey,
         sortDir = _ref2.sortDir;
       if (typeof sortKey === 'string') {
-        var nextSortDir = lodash_1.has(nextSortDirMap, sortDir) ? nextSortDirMap[sortDir] : 'none';
+        var nextSortDir = (0, lodash_1.has)(nextSortDirMap, sortDir) ? nextSortDirMap[sortDir] : 'none';
         onRequestParamsChange(Object.assign(Object.assign({}, requestParams), {
           offset: 0,
           sort: _defineProperty({}, sortKey, nextSortDir)
@@ -761,7 +761,7 @@ var getPaginationParams = function getPaginationParams(_ref) {
   var onChangeHandler = function onChangeHandler(e, _ref2) {
     var page = _ref2.page,
       countArg = _ref2.count;
-    var newParams = lodash_1.cloneDeep(requestParams);
+    var newParams = (0, lodash_1.cloneDeep)(requestParams);
     if (typeof countArg === 'number') {
       newParams.count = countArg;
       newParams.offset = 0;
@@ -823,16 +823,16 @@ Object.defineProperty(exports, "__esModule", {
 var React = __webpack_require__(1);
 var lodash_1 = __webpack_require__(3);
 var getSettingsFromThemedProps_1 = __webpack_require__(37);
-var Options_1 = __webpack_require__(29);
+var Options_1 = __webpack_require__(30);
 var SanitizeProps_1 = __webpack_require__(38);
-var TimezoneContext_1 = __webpack_require__(25);
+var TimezoneContext_1 = __webpack_require__(26);
 var moment_1 = __webpack_require__(39);
 var FeatureFlagContext_1 = __webpack_require__(21);
 var styled_components_1 = __webpack_require__(4);
-var hocUtils_1 = __webpack_require__(26);
-var JSONSchemaUtils_1 = __webpack_require__(27);
+var hocUtils_1 = __webpack_require__(27);
+var JSONSchemaUtils_1 = __webpack_require__(28);
 var async_dynamic_options_evaluator_1 = __webpack_require__(40);
-var id_1 = __webpack_require__(32);
+var id_1 = __webpack_require__(25);
 var SplunkVisualization_1 = __webpack_require__(41);
 var VizBehavior_1 = __webpack_require__(6);
 var getSorting_1 = __webpack_require__(33);
@@ -853,8 +853,8 @@ var withDashboardViz = function withDashboardViz(opts) {
     computeVizProps = _opts$computeVizProps === void 0 ? function () {} : _opts$computeVizProps,
     disableEditModeCover = opts.disableEditModeCover,
     useIconPlaceholder = opts.useIconPlaceholder; // sanitizing props before sending them to reactviz.
-  var SanitizedReactViz = SanitizeProps_1.withSanitizedProps(ReactViz);
-  var defaultOptions = JSONSchemaUtils_1.pickFieldFromJSONSchema(vizConfig.optionsSchema, 'default');
+  var SanitizedReactViz = (0, SanitizeProps_1.withSanitizedProps)(ReactViz);
+  var defaultOptions = (0, JSONSchemaUtils_1.pickFieldFromJSONSchema)(vizConfig.optionsSchema, 'default');
   var DashboardViz = function DashboardViz(props) {
     var _a;
     var mode = props.mode,
@@ -889,19 +889,19 @@ var withDashboardViz = function withDashboardViz(opts) {
       return (_b = (_a = vizConfig.themes)[themeVar]) === null || _b === void 0 ? void 0 : _b.call(_a, props);
     };
     var bgColorFromTheme = themeFunc('defaultBackgroundColor');
-    var _getSettingsFromTheme = getSettingsFromThemedProps_1.default({
+    var _ref = (0, getSettingsFromThemedProps_1.default)({
         theme: theme
       }),
-      currentThemeFamily = _getSettingsFromTheme.family,
-      currentThemeColorScheme = _getSettingsFromTheme.colorScheme,
-      currentThemeDensity = _getSettingsFromTheme.density;
+      currentThemeFamily = _ref.family,
+      currentThemeColorScheme = _ref.colorScheme,
+      currentThemeDensity = _ref.density;
     var evaluatedOptions = {}; // evaluatedOptions need to be initialized as an empty object
     var _React$useState = React.useState({}),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       evaluatedOptionsAsync = _React$useState2[0],
       setEvaluatedOptionsAsync = _React$useState2[1]; // evaluatedOptions need to be initialized as an empty object
     var featureFlagContext = React.useContext(FeatureFlagContext_1.default);
-    var _React$useState3 = React.useState("".concat(vizConfig.name, " - ").concat(id_1.createGUID())),
+    var _React$useState3 = React.useState("".concat(vizConfig.name, " - ").concat((0, id_1.createGUID)())),
       _React$useState4 = _slicedToArray(_React$useState3, 1),
       visualizationID = _React$useState4[0];
     var _React$useState5 = React.useState({}),
@@ -912,16 +912,17 @@ var withDashboardViz = function withDashboardViz(opts) {
       _React$useState8 = _slicedToArray(_React$useState7, 2),
       dataFramesInState = _React$useState8[0],
       setDataFramesInState = _React$useState8[1];
-    var _React$useState9 = React.useState(Boolean(featureFlagContext && featureFlagContext.visualizations_useWebWorkersForDSL && typeof Worker !== 'undefined')),
+    var _React$useState9 = React.useState(Boolean(featureFlagContext === null || featureFlagContext === void 0 ? void 0 : featureFlagContext.visualizations_useWebWorkersForDSL)),
       _React$useState10 = _slicedToArray(_React$useState9, 2),
       useAsyncEvaluatedOptions = _React$useState10[0],
       setUseAsyncEvaluatedOptions = _React$useState10[1];
-    evaluatedOptions = useDeepMemo_1.useDeepMemo(function () {
+    var isMounted = React.useRef(true);
+    evaluatedOptions = (0, useDeepMemo_1.useDeepMemo)(function () {
       try {
         if (useAsyncEvaluatedOptions) {
           var optionsToEvaluate = {
-            context: lodash_1.defaultsDeep({}, context, vizConfig.defaultContext),
-            options: hocUtils_1.deepMergeWithArrayPrimitiveOverrides({}, options, defaultOptions)
+            context: (0, lodash_1.defaultsDeep)({}, context, vizConfig.defaultContext),
+            options: (0, hocUtils_1.deepMergeWithArrayPrimitiveOverrides)({}, options, defaultOptions)
           };
           var asyncDynamicOptionsEvaluatorParams = {
             visualizationID: visualizationID,
@@ -932,10 +933,10 @@ var withDashboardViz = function withDashboardViz(opts) {
           };
           async_dynamic_options_evaluator_1.default.evaluate(asyncDynamicOptionsEvaluatorParams).then(function (results) {
             setEvaluatedOptionsAsync(results.results);
-          }).catch(function (e) {
-            // eslint-disable-next-line no-console
-            console.error("unexpected error evaluating options - async: ".concat(e.message));
-            setUseAsyncEvaluatedOptions(false);
+          }).catch(function () {
+            if (isMounted.current) {
+              setUseAsyncEvaluatedOptions(false);
+            }
           });
         } else {
           var dataFrames = dataFramesInState;
@@ -945,8 +946,8 @@ var withDashboardViz = function withDashboardViz(opts) {
             setDataFramesInState(dataFrames);
           }
           return Options_1.Options.evaluate({
-            context: lodash_1.defaultsDeep({}, context, vizConfig.defaultContext),
-            options: hocUtils_1.deepMergeWithArrayPrimitiveOverrides({}, options, defaultOptions)
+            context: (0, lodash_1.defaultsDeep)({}, context, vizConfig.defaultContext),
+            options: (0, hocUtils_1.deepMergeWithArrayPrimitiveOverrides)({}, options, defaultOptions)
           }, dataSources, themeFunc, dataFrames);
         }
       } catch (e) {
@@ -975,6 +976,7 @@ var withDashboardViz = function withDashboardViz(opts) {
     React.useEffect(function () {
       return function () {
         if (useAsyncEvaluatedOptions) {
+          isMounted.current = false;
           async_dynamic_options_evaluator_1.default.reset(visualizationID);
         }
       };
@@ -984,7 +986,7 @@ var withDashboardViz = function withDashboardViz(opts) {
     var _vizConfig$requiredPr = vizConfig.requiredProps,
       requiredProps = _vizConfig$requiredPr === void 0 ? [] : _vizConfig$requiredPr,
       supports = vizConfig.supports;
-    var missing = MissingPropsMessage_1.missingKeys(requiredProps, evaluatedOptionsToUse);
+    var missing = (0, MissingPropsMessage_1.missingKeys)(requiredProps, evaluatedOptionsToUse);
     if (missing.length > 0 && supports.includes(VizBehavior_1.VizBehavior.PLACEHOLDER) && vizConfig.key !== 'splunk.singlevalue' // For SV missing props msg is not displayed if required props majorValue is missing, instead this will be handled from the component, instead handled within component
     ) {
       return React.createElement(MissingPropsMessage_1.default, {
@@ -1000,7 +1002,7 @@ var withDashboardViz = function withDashboardViz(opts) {
     if (hasEventHandlers && mode === 'view' && vizConfig.supports.indexOf(VizBehavior_1.VizBehavior.EVENTS) > -1) {
       var supportedEvents = vizConfig.events;
       Object.keys(supportedEvents).forEach(function (eventName) {
-        var eventCallbackPropName = lodash_1.camelCase("on.".concat(eventName));
+        var eventCallbackPropName = (0, lodash_1.camelCase)("on.".concat(eventName));
         eventCallbackProps[eventCallbackPropName] = null;
         // todo: refactor single value and single value icon to send payload from viz
         // then remove these lines
@@ -1043,19 +1045,19 @@ var withDashboardViz = function withDashboardViz(opts) {
      */
     var dataSourceMetadata = {};
     var OptionKey = 'paginateDataSourceKey';
-    var paginateDataSourceKey = lodash_1.has(evaluatedOptionsToUse, OptionKey) && evaluatedOptionsToUse[OptionKey] || 'primary';
-    if (vizConfig.supports.indexOf(VizBehavior_1.VizBehavior.PAGE_AND_SORT) > -1 && lodash_1.has(dataSources, paginateDataSourceKey)) {
-      var requestParams = lodash_1.get(dataSources, [paginateDataSourceKey, 'requestParams'], {});
-      var meta = lodash_1.get(dataSources, [paginateDataSourceKey, 'meta'], {});
+    var paginateDataSourceKey = (0, lodash_1.has)(evaluatedOptionsToUse, OptionKey) && evaluatedOptionsToUse[OptionKey] || 'primary';
+    if (vizConfig.supports.indexOf(VizBehavior_1.VizBehavior.PAGE_AND_SORT) > -1 && (0, lodash_1.has)(dataSources, paginateDataSourceKey)) {
+      var requestParams = (0, lodash_1.get)(dataSources, [paginateDataSourceKey, 'requestParams'], {});
+      var meta = (0, lodash_1.get)(dataSources, [paginateDataSourceKey, 'meta'], {});
       var handleRequestParamsChange = function handleRequestParamsChange(payload) {
         return onRequestParamsChange(paginateDataSourceKey, payload);
       };
-      var sortParams = getSorting_1.getSortingParams({
+      var sortParams = (0, getSorting_1.getSortingParams)({
         requestParams: requestParams,
         meta: meta,
         onRequestParamsChange: handleRequestParamsChange
       });
-      var paginatorParams = getPagination_1.getPaginationParams({
+      var paginatorParams = (0, getPagination_1.getPaginationParams)({
         requestParams: requestParams,
         meta: meta,
         onRequestParamsChange: handleRequestParamsChange
@@ -1083,7 +1085,7 @@ var withDashboardViz = function withDashboardViz(opts) {
   // attach viz config
   DashboardViz.config = vizConfig;
   // @ts-ignore: TODO fix sc upgrade TS issues
-  return styled_components_1.withTheme(withPlaceholder_1.default(withEditModeCover_1.default(DashboardViz, disableEditModeCover), useIconPlaceholder));
+  return (0, styled_components_1.withTheme)((0, withPlaceholder_1.default)((0, withEditModeCover_1.default)(DashboardViz, disableEditModeCover), useIconPlaceholder));
 };
 exports.default = withDashboardViz;
 
@@ -1312,8 +1314,8 @@ var lodash_1 = __webpack_require__(3);
  * @param dependencies an array of dependencies
  */
 var useDeepMemo = function useDeepMemo(fn, dependencies) {
-  var ref = react_1.useRef();
-  if (!ref.current || !lodash_1.isEqual(dependencies, ref.current.dependencies)) {
+  var ref = (0, react_1.useRef)();
+  if (!ref.current || !(0, lodash_1.isEqual)(dependencies, ref.current.dependencies)) {
     ref.current = {
       dependencies: dependencies,
       value: fn()
@@ -1356,7 +1358,7 @@ exports.isMissing = isMissing;
  */
 var missingKeys = function missingKeys(keys, target) {
   return keys.filter(function (k) {
-    return exports.isMissing(target[k]);
+    return (0, exports.isMissing)(target[k]);
   });
 };
 exports.missingKeys = missingKeys;
@@ -1380,7 +1382,7 @@ var MissingPropsMessage = function MissingPropsMessage(props) {
     "data-test": "message",
     width: width,
     height: height,
-    message: i18n_1._("Missing property: ".concat(missingProps.join(', ')))
+    message: (0, i18n_1._)("Missing property: ".concat(missingProps.join(', ')))
   });
 };
 exports.MissingPropsMessage = MissingPropsMessage;
@@ -1389,7 +1391,7 @@ exports.MissingPropsMessage.defaultProps = {
   width: '100%',
   height: 250
 };
-exports.default = FixedSizeContainer_1.default(exports.MissingPropsMessage);
+exports.default = (0, FixedSizeContainer_1.default)(exports.MissingPropsMessage);
 
 /***/ }),
 /* 46 */
@@ -1409,7 +1411,7 @@ var Cover = styled_components_1.default.div.withConfig({
   componentId: "sc-1gsbnxb-0"
 })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
 var Blocker = styled_components_1.default.div.attrs({
-  'data-splunk-visualization-version': "25.13.1 - ea48ec41e"
+  'data-splunk-visualization-version': "26.0.0 - 2f7458907"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
@@ -1428,7 +1430,7 @@ var withEditModeCover = function withEditModeCover(Visualization, disableEditMod
       "data-test": "edit-mode-cover"
     }));
   };
-  hocUtils_1.extendStaticWrapperProps({
+  (0, hocUtils_1.extendStaticWrapperProps)({
     Wrapper: Wrapper,
     Visualization: Visualization
   });
@@ -1449,7 +1451,7 @@ Object.defineProperty(exports, "__esModule", {
 var React = __webpack_require__(1);
 var colorUtils_1 = __webpack_require__(12);
 var variables_1 = __webpack_require__(11);
-var IconPlaceholder_1 = __webpack_require__(31);
+var IconPlaceholder_1 = __webpack_require__(32);
 var VizBehavior_1 = __webpack_require__(6);
 var hocUtils_1 = __webpack_require__(15);
 var withPlaceholder = function withPlaceholder(Visualization) {
@@ -1464,7 +1466,7 @@ var withPlaceholder = function withPlaceholder(Visualization) {
       height = props.height,
       width = props.width;
     var showPlaceholder = useIconPlaceholder(dataSources, loading, options);
-    var bgColorFromTheme = colorUtils_1.isColor(options === null || options === void 0 ? void 0 : options.backgroundColor) ? options === null || options === void 0 ? void 0 : options.backgroundColor : (_a = themes === null || themes === void 0 ? void 0 : themes.defaultBackgroundColor) === null || _a === void 0 ? void 0 : _a.call(themes, props);
+    var bgColorFromTheme = (0, colorUtils_1.isColor)(options === null || options === void 0 ? void 0 : options.backgroundColor) ? options === null || options === void 0 ? void 0 : options.backgroundColor : (_a = themes === null || themes === void 0 ? void 0 : themes.defaultBackgroundColor) === null || _a === void 0 ? void 0 : _a.call(themes, props);
     var icon = (_b = config.placeholderIcon) !== null && _b !== void 0 ? _b : config.icon;
     var iconColor = variables_1.default.contentColorActive(props);
     if (config.supports.includes(VizBehavior_1.VizBehavior.PLACEHOLDER) && showPlaceholder) {
@@ -1479,7 +1481,7 @@ var withPlaceholder = function withPlaceholder(Visualization) {
     }
     return React.createElement(Visualization, Object.assign({}, props));
   };
-  hocUtils_1.extendStaticWrapperProps({
+  (0, hocUtils_1.extendStaticWrapperProps)({
     Wrapper: Wrapper,
     Visualization: Visualization
   });
@@ -1489,13 +1491,13 @@ exports.default = withPlaceholder;
 
 /***/ }),
 /* 48 */,
-/* 49 */
+/* 49 */,
+/* 50 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-icons/placeholders");
 
 /***/ }),
-/* 50 */,
 /* 51 */,
 /* 52 */
 /***/ (function(module, exports) {
@@ -1518,7 +1520,7 @@ var background = function background(_ref) {
     themes = _ref.themes,
     labelPosition = _ref.labelPosition;
   return [{
-    label: i18n_1._(label || 'Background'),
+    label: (0, i18n_1._)(label || 'Background'),
     option: 'backgroundColor',
     editor: 'editor.color',
     editorProps: {
@@ -1538,17 +1540,22 @@ exports.default = background;
 /* 59 */
 /***/ (function(module, exports) {
 
+module.exports = require("@babel/runtime/helpers/taggedTemplateLiteral");
+
+/***/ }),
+/* 60 */
+/***/ (function(module, exports) {
+
 module.exports = require("@splunk/themes");
 
 /***/ }),
-/* 60 */,
-/* 61 */
+/* 61 */,
+/* 62 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Popover");
 
 /***/ }),
-/* 62 */,
 /* 63 */,
 /* 64 */,
 /* 65 */,
@@ -1568,7 +1575,12 @@ module.exports = require("@splunk/react-ui/Popover");
 /* 79 */,
 /* 80 */,
 /* 81 */,
-/* 82 */,
+/* 82 */
+/***/ (function(module, exports) {
+
+module.exports = require("@babel/runtime/helpers/typeof");
+
+/***/ }),
 /* 83 */,
 /* 84 */,
 /* 85 */,
@@ -1579,21 +1591,16 @@ module.exports = require("@splunk/react-ui/Popover");
 /* 90 */,
 /* 91 */,
 /* 92 */,
-/* 93 */
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/typeof");
-
-/***/ }),
+/* 93 */,
 /* 94 */,
 /* 95 */,
-/* 96 */
+/* 96 */,
+/* 97 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/dataSourceUtils");
 
 /***/ }),
-/* 97 */,
 /* 98 */,
 /* 99 */,
 /* 100 */,
@@ -1614,19 +1621,20 @@ module.exports = require("@splunk/visualizations-shared/dataSourceUtils");
 /* 115 */,
 /* 116 */,
 /* 117 */,
-/* 118 */
+/* 118 */,
+/* 119 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Menu");
 
 /***/ }),
-/* 119 */
+/* 120 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _typeof = __webpack_require__(93);
+var _typeof = __webpack_require__(82);
 var _slicedToArray = __webpack_require__(17);
 var _toConsumableArray = __webpack_require__(8);
 var _defineProperty = __webpack_require__(7);
@@ -1634,9 +1642,9 @@ 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__(203);
+var time_1 = __webpack_require__(206);
 var lodash_1 = __webpack_require__(3);
-var dataUtils_1 = __webpack_require__(120);
+var dataUtils_1 = __webpack_require__(121);
 // 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] : {};
@@ -1649,7 +1657,7 @@ var convertToPayloadFormat = function convertToPayloadFormat(obj) {
 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);
+  var arr = (0, 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 {
@@ -1706,8 +1714,8 @@ var mergeFieldActions = function mergeFieldActions(fieldActions1, fieldActions2)
     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;
+  return (0, lodash_1.mergeWith)(fieldActions1WithoutDefault, fieldActions2WithoutDefault, function (fieldAction1value, fieldAction2value) {
+    return Array.isArray(fieldAction1value) && Array.isArray(fieldAction2value) ? (0, lodash_1.union)(fieldAction1value, fieldAction2value) : undefined;
   });
 };
 exports.mergeFieldActions = mergeFieldActions;
@@ -1796,8 +1804,8 @@ var generateTokenReplacementMap = function generateTokenReplacementMap(_ref6) {
     // 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);
+      var splunkTime = (0, time_1.getISOWithTimeZone)(fieldValue);
+      var epochTime = (0, exports.getEpochTime)(splunkTime);
       replacedValue = Math.floor(epochTime).toString();
     } else if (fieldName === '_raw' && _typeof(fieldValue) === 'object') {
       var rawFieldValue = Array.isArray(fieldValue) ? fieldValue[0] : fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.value;
@@ -1813,7 +1821,7 @@ 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)) {
+  if (!(0, time_1.isISO)(time)) {
     console.error("'".concat(time, "' is not a valid time string."));
     return NaN;
   }
@@ -1835,7 +1843,7 @@ exports.getEpochTime = getEpochTime;
 var getPredefinedTimeInterval = function getPredefinedTimeInterval(_ref9) {
   var time = _ref9.time,
     when = _ref9.when;
-  var epochTime = exports.getEpochTime(time);
+  var epochTime = (0, exports.getEpochTime)(time);
   switch (when) {
     case 'before':
       return {
@@ -1878,7 +1886,7 @@ var getCustomTimeInterval = function getCustomTimeInterval(_ref10) {
     rangeType = _ref10.rangeType,
     rangeAmount = _ref10.rangeAmount,
     rangeUnit = _ref10.rangeUnit;
-  var timeRange = time_1.getAcceleratedTimeRange(time, rangeAmount, rangeUnit);
+  var timeRange = (0, time_1.getAcceleratedTimeRange)(time, rangeAmount, rangeUnit);
   var timeInterval;
   if (rangeType === 'plusminus') {
     timeInterval = Object.assign({}, timeRange);
@@ -1893,8 +1901,8 @@ var getCustomTimeInterval = function getCustomTimeInterval(_ref10) {
   }
   // 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
+    earliest: (0, exports.getEpochTime)(timeInterval.earliest),
+    latest: (0, exports.getEpochTime)(timeInterval.latest) + 0.001
   };
 };
 exports.getCustomTimeInterval = getCustomTimeInterval;
@@ -1917,7 +1925,7 @@ var truncateString = function truncateString(stringToTruncate) {
 exports.truncateString = truncateString;
 
 /***/ }),
-/* 120 */
+/* 121 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1951,31 +1959,30 @@ var convertToArrOfObjects = function convertToArrOfObjects(columns, fields) {
 exports.convertToArrOfObjects = convertToArrOfObjects;
 
 /***/ }),
-/* 121 */
+/* 122 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Markdown");
 
 /***/ }),
-/* 122 */
+/* 123 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Button");
 
 /***/ }),
-/* 123 */
+/* 124 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Message");
 
 /***/ }),
-/* 124 */
+/* 125 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Heading");
 
 /***/ }),
-/* 125 */,
 /* 126 */,
 /* 127 */,
 /* 128 */,
@@ -1997,7 +2004,10 @@ module.exports = require("@splunk/react-ui/Heading");
 /* 144 */,
 /* 145 */,
 /* 146 */,
-/* 147 */
+/* 147 */,
+/* 148 */,
+/* 149 */,
+/* 150 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2018,14 +2028,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 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__(96);
+var dataSourceUtils_1 = __webpack_require__(97);
 var withDashboardViz_1 = __webpack_require__(36);
-var constants_1 = __webpack_require__(148);
-var config_1 = __webpack_require__(200);
+var constants_1 = __webpack_require__(151);
+var config_1 = __webpack_require__(203);
 exports.config = config_1.default;
-var PureEvents_1 = __webpack_require__(201);
+var PureEvents_1 = __webpack_require__(204);
 exports.PureEvents = PureEvents_1.default;
-var EventUtils_1 = __webpack_require__(119);
+var EventUtils_1 = __webpack_require__(120);
 Object.defineProperty(exports, "replaceTokens", {
   enumerable: true,
   get: function get() {
@@ -2038,9 +2048,9 @@ Object.defineProperty(exports, "replaceTokens", {
  * @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 columns = (0, lodash_1.get)(dataSources, 'primary.data.columns', undefined);
   var noColumns = columns === undefined;
-  var dataSourceState = dataSourceUtils_1.getDataSourceStateInfo(dataSources);
+  var dataSourceState = (0, dataSourceUtils_1.getDataSourceStateInfo)(dataSources);
   return dataSourceState === dataSourceUtils_1.DataSourceState.ERROR || dataSourceState === dataSourceUtils_1.DataSourceState.LOADING || dataSourceState === dataSourceUtils_1.DataSourceState.NONEXISTENT || noColumns;
 };
 exports.showPlaceHolderIcon = showPlaceHolderIcon;
@@ -2055,13 +2065,13 @@ var computeVizProps = function computeVizProps(_a) {
   });
 };
 exports.computeVizProps = computeVizProps;
-var Events = withDashboardViz_1.default({
+var Events = (0, withDashboardViz_1.default)({
   ReactViz: PureEvents_1.default,
   vizConfig: config_1.default,
   computeVizProps: exports.computeVizProps,
   disableEditModeCover: true,
   useIconPlaceholder: function useIconPlaceholder(dataSources) {
-    return exports.showPlaceHolderIcon(dataSources);
+    return (0, exports.showPlaceHolderIcon)(dataSources);
   }
 });
 var themes = config_1.default.themes;
@@ -2069,7 +2079,7 @@ exports.themes = themes;
 exports.default = Events;
 
 /***/ }),
-/* 148 */
+/* 151 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -2081,7 +2091,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EMPTY_DATASOURCE", function() { return EMPTY_DATASOURCE; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FIELDSUMMARY_DS_STORYBOOK", function() { return FIELDSUMMARY_DS_STORYBOOK; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FIELDSUMMARY_DS_DOC_HUB", function() { return FIELDSUMMARY_DS_DOC_HUB; });
-/* harmony import */ var _splunk_datasource_utils_DataSet__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(166);
+/* harmony import */ var _splunk_datasource_utils_DataSet__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(169);
 /* harmony import */ var _splunk_datasource_utils_DataSet__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_splunk_datasource_utils_DataSet__WEBPACK_IMPORTED_MODULE_0__);
 // TODO: convert this file to .ts - created as .js as copied from SUI EventsViewer repo
 
@@ -2565,15 +2575,12 @@ var FIELDSUMMARY_DS_DOC_HUB = {
 };
 
 /***/ }),
-/* 149 */
+/* 152 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-context/EventsContext");
 
 /***/ }),
-/* 150 */,
-/* 151 */,
-/* 152 */,
 /* 153 */,
 /* 154 */,
 /* 155 */,
@@ -2587,15 +2594,15 @@ module.exports = require("@splunk/visualization-context/EventsContext");
 /* 163 */,
 /* 164 */,
 /* 165 */,
-/* 166 */
+/* 166 */,
+/* 167 */,
+/* 168 */,
+/* 169 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/datasource-utils/DataSet");
 
 /***/ }),
-/* 167 */,
-/* 168 */,
-/* 169 */,
 /* 170 */,
 /* 171 */,
 /* 172 */,
@@ -2625,7 +2632,10 @@ module.exports = require("@splunk/datasource-utils/DataSet");
 /* 196 */,
 /* 197 */,
 /* 198 */,
-/* 199 */
+/* 199 */,
+/* 200 */,
+/* 201 */,
+/* 202 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2633,12 +2643,16 @@ module.exports = require("@splunk/datasource-utils/DataSet");
 
 var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
   if (k2 === undefined) k2 = k;
-  Object.defineProperty(o, k2, {
-    enumerable: true,
-    get: function get() {
-      return m[k];
-    }
-  });
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function get() {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
 } : function (o, m, k, k2) {
   if (k2 === undefined) k2 = k;
   o[k2] = m[k];
@@ -2652,8 +2666,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-__exportStar(__webpack_require__(147), exports);
-var Events_1 = __webpack_require__(147);
+__exportStar(__webpack_require__(150), exports);
+var Events_1 = __webpack_require__(150);
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
@@ -2662,7 +2676,7 @@ Object.defineProperty(exports, "default", {
 });
 
 /***/ }),
-/* 200 */
+/* 203 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2672,9 +2686,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var visualization_icons_1 = __webpack_require__(52);
-var placeholders_1 = __webpack_require__(49);
+var placeholders_1 = __webpack_require__(50);
 var schemaUtils_1 = __webpack_require__(16);
-var themes_1 = __webpack_require__(59);
+var themes_1 = __webpack_require__(60);
 var i18n_1 = __webpack_require__(2);
 var VizBehavior_1 = __webpack_require__(6);
 var VizCategory_1 = __webpack_require__(35);
@@ -2817,7 +2831,7 @@ var optionsSchema = {
 };
 var themes = {
   defaultBackgroundColor: function defaultBackgroundColor(props) {
-    return themes_1.pick({
+    return (0, themes_1.pick)({
       enterprise: {
         dark: themes_1.variables.black(props),
         light: themes_1.variables.backgroundColor(props)
@@ -2827,9 +2841,9 @@ var themes = {
   }
 };
 var editorConfig = [{
-  label: i18n_1._('Data display'),
+  label: (0, i18n_1._)('Data display'),
   layout: [[{
-    label: i18n_1._('Show field summary'),
+    label: (0, i18n_1._)('Show field summary'),
     option: 'showFieldSummary',
     editor: 'editor.checkbox',
     editorProps: {
@@ -2837,8 +2851,8 @@ var editorConfig = [{
     }
   }]]
 }, {
-  label: i18n_1._('Color and style'),
-  layout: [BackgroundColor_1.default({
+  label: (0, i18n_1._)('Color and style'),
+  layout: [(0, BackgroundColor_1.default)({
     themes: themes
   })]
 }];
@@ -2853,7 +2867,7 @@ var config = {
   /**
    * viz name
    */
-  name: i18n_1._('Events'),
+  name: (0, i18n_1._)('Events'),
   category: VizCategory_1.VizCategory.TABLE,
   status: 'preview',
   /**
@@ -2887,16 +2901,16 @@ var config = {
   themes: themes,
   requiredProps: []
 };
-exports.default = configUtils_1.enhanceConfig(config);
+exports.default = (0, configUtils_1.enhanceConfig)(config);
 
 /***/ }),
-/* 201 */
+/* 204 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _typeof = __webpack_require__(93);
+var _typeof = __webpack_require__(82);
 var _slicedToArray = __webpack_require__(17);
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -2904,34 +2918,34 @@ Object.defineProperty(exports, "__esModule", {
 var React = __webpack_require__(1);
 var react_1 = __webpack_require__(1);
 var T = __webpack_require__(0);
-var EventsViewer_1 = __webpack_require__(202);
+var EventsViewer_1 = __webpack_require__(205);
 var styled_components_1 = __webpack_require__(4);
 var pick_1 = __webpack_require__(23);
 var variables_1 = __webpack_require__(11);
 var colorUtils_1 = __webpack_require__(12);
 var style_1 = __webpack_require__(14);
-var EventsContext_1 = __webpack_require__(149);
+var EventsContext_1 = __webpack_require__(152);
 var lodash_1 = __webpack_require__(3);
-var Menu_1 = __webpack_require__(118);
-var constants_1 = __webpack_require__(148);
+var Menu_1 = __webpack_require__(119);
+var constants_1 = __webpack_require__(151);
 var FixedSizeContainer_1 = __webpack_require__(13);
-var EventUtils_1 = __webpack_require__(119);
-var FieldSummaryTooltip_1 = __webpack_require__(204);
-var TimeControlsPopover_1 = __webpack_require__(206);
+var EventUtils_1 = __webpack_require__(120);
+var FieldSummaryTooltip_1 = __webpack_require__(207);
+var TimeControlsPopover_1 = __webpack_require__(209);
 // Inspired by VizTableContainer in PureTable.tsx
 var EventsContainer = styled_components_1.default.div.withConfig({
   displayName: "PureEvents__EventsContainer",
   componentId: "iniqvm-0"
-})(["width:", ";height:", ";box-sizing:border-box;padding:", ";display:flex;flex-flow:column nowrap;overflow:hidden;background-color:", ";table[data-test='main-table']{background-color:", ";}table[data-test='main-table']{td:nth-child(3){word-break:break-word;white-space:pre-line;}}"], function (props) {
-  return lodash_1.isNumber(props.width) ? "".concat(props.width, "px") : props.width;
+})(["width:", ";height:", ";box-sizing:border-box;padding:", ";display:flex;flex-flow:column nowrap;overflow:hidden;background-color:", ";table[data-test='main-table']{background-color:", ";}table[data-test='main-table']{td:nth-child(3){word-break:break-word;white-space:pre-wrap;}}"], function (props) {
+  return (0, lodash_1.isNumber)(props.width) ? "".concat(props.width, "px") : props.width;
 }, function (props) {
-  return lodash_1.isNumber(props.height) ? "".concat(props.height, "px") : props.height;
-}, pick_1.default({
+  return (0, lodash_1.isNumber)(props.height) ? "".concat(props.height, "px") : props.height;
+}, (0, pick_1.default)({
   enterprise: variables_1.default.spacingHalf,
   prisma: variables_1.default.spacingSmall
 }), function (props) {
-  return colorUtils_1.isColor(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor;
-}, pick_1.default({
+  return (0, colorUtils_1.isColor)(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor;
+}, (0, pick_1.default)({
   enterprise: variables_1.default.backgroundColorPage,
   prisma: variables_1.default.backgroundColorPage
 }));
@@ -2943,7 +2957,7 @@ var SUIEventsViewerContainer = styled_components_1.default.div.withConfig({
   var width = _ref.width,
     height = _ref.height,
     theme = _ref.theme;
-  var padding = pick_1.default({
+  var padding = (0, pick_1.default)({
     enterprise: variables_1.default.spacingHalf({
       theme: theme
     }),
@@ -2954,7 +2968,7 @@ var SUIEventsViewerContainer = styled_components_1.default.div.withConfig({
     theme: theme
   });
   var paddingOffset = parseInt(padding, 10) * 2;
-  return style_1.toDimension({
+  return (0, style_1.toDimension)({
     width: width - paddingOffset,
     height: height - paddingOffset
   });
@@ -2979,24 +2993,24 @@ var PureEvents = function PureEvents(props) {
   var fieldSummaryMap = React.useMemo(function () {
     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')) {
+    if (!showFieldSummary || !(0, 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);
+      var fieldSummaryMapping = (0, 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;
     } catch (e) {
       console.error("Unexpected error parsing fieldsummary datasource:  + ".concat(e.message));
       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;
-  var eventActions = EventUtils_1.mergeEventActions(eventActionsProps, eventActionsContext);
-  var fieldActions = EventUtils_1.mergeFieldActions(fieldActionsProps, fieldActionsContext);
+  var _ref2 = (0, react_1.useContext)(EventsContext_1.default),
+    _ref2$eventActions = _ref2.eventActions,
+    eventActionsContext = _ref2$eventActions === void 0 ? [] : _ref2$eventActions,
+    _ref2$fieldActions = _ref2.fieldActions,
+    fieldActionsContext = _ref2$fieldActions === void 0 ? {} : _ref2$fieldActions;
+  var eventActions = (0, EventUtils_1.mergeEventActions)(eventActionsProps, eventActionsContext);
+  var fieldActions = (0, EventUtils_1.mergeFieldActions)(fieldActionsProps, fieldActionsContext);
   var _React$useState = React.useState(null),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     fieldSummaryField = _React$useState2[0],
@@ -3016,15 +3030,15 @@ var PureEvents = function PureEvents(props) {
   // 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;
+    return !Array.isArray(eventActions) ? [] : eventActions.map(function (_ref3) {
+      var eventType = _ref3.eventType,
+        label = _ref3.label,
+        _ref3$eventtypeValues = _ref3.eventtypeValues,
+        eventtypeValues = _ref3$eventtypeValues === void 0 ? [] : _ref3$eventtypeValues,
+        _ref3$fieldFilters = _ref3.fieldFilters,
+        fieldFilters = _ref3$fieldFilters === void 0 ? [] : _ref3$fieldFilters;
       var onMenuItemClick = function onMenuItemClick(e, eventActionProps, tokenReplacementMap) {
-        var payload = EventUtils_1.convertToPayloadFormat(eventActionProps.event, {
+        var payload = (0, EventUtils_1.convertToPayloadFormat)(eventActionProps.event, {
           tokenReplacementMap: tokenReplacementMap
         });
         onEventTrigger({
@@ -3037,19 +3051,19 @@ var PureEvents = function PureEvents(props) {
         var rowIndex = eventActionProps.rowIndex,
           pageNumber = eventActionProps.pageNumber,
           event = eventActionProps.event;
-        var tokenReplacementMap = EventUtils_1.generateTokenReplacementMap({
+        var tokenReplacementMap = (0, EventUtils_1.generateTokenReplacementMap)({
           dataSources: dataSources,
           rowIndex: rowIndex,
           pageNumber: pageNumber,
           event: event
         });
-        var replacedLabel = EventUtils_1.replaceTokens({
+        var replacedLabel = (0, EventUtils_1.replaceTokens)({
           text: label,
           tokenReplacementMap: tokenReplacementMap,
           allowSpecialParametersEscape: false,
           allowFieldValuesEscape: false
         });
-        var truncatedLabel = EventUtils_1.truncateString(replacedLabel);
+        var truncatedLabel = (0, EventUtils_1.truncateString)(replacedLabel);
         return React.createElement(Menu_1.default.Item, {
           key: "event-action-".concat(truncatedLabel),
           onClick: function onClick(e) {
@@ -3070,17 +3084,17 @@ var PureEvents = function PureEvents(props) {
   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];
-      fieldActionsMap[currentFieldName] = currentFieldActions.map(function (_ref5) {
-        var eventType = _ref5.eventType,
-          label = _ref5.label,
-          _ref5$eventtypeValues = _ref5.eventtypeValues,
-          eventtypeValues = _ref5$eventtypeValues === void 0 ? [] : _ref5$eventtypeValues;
+    Object.entries(fieldActions).forEach(function (_ref4) {
+      var _ref5 = _slicedToArray(_ref4, 2),
+        currentFieldName = _ref5[0],
+        currentFieldActions = _ref5[1];
+      fieldActionsMap[currentFieldName] = currentFieldActions.map(function (_ref6) {
+        var eventType = _ref6.eventType,
+          label = _ref6.label,
+          _ref6$eventtypeValues = _ref6.eventtypeValues,
+          eventtypeValues = _ref6$eventtypeValues === void 0 ? [] : _ref6$eventtypeValues;
         var onMenuItemClick = function onMenuItemClick(e, fieldActionProps, tokenReplacementMap) {
-          var payload = EventUtils_1.convertToPayloadFormat(fieldActionProps.event, {
+          var payload = (0, EventUtils_1.convertToPayloadFormat)(fieldActionProps.event, {
             name: fieldActionProps.field,
             value: fieldActionProps.value,
             tokenReplacementMap: tokenReplacementMap
@@ -3097,7 +3111,7 @@ var PureEvents = function PureEvents(props) {
             rowIndex = fieldActionProps.rowIndex,
             pageNumber = fieldActionProps.pageNumber,
             event = fieldActionProps.event;
-          var tokenReplacementMap = EventUtils_1.generateTokenReplacementMap({
+          var tokenReplacementMap = (0, EventUtils_1.generateTokenReplacementMap)({
             dataSources: dataSources,
             rowIndex: rowIndex,
             pageNumber: pageNumber,
@@ -3105,13 +3119,13 @@ var PureEvents = function PureEvents(props) {
             value: value,
             event: event
           });
-          var replacedLabel = EventUtils_1.replaceTokens({
+          var replacedLabel = (0, EventUtils_1.replaceTokens)({
             text: label,
             tokenReplacementMap: tokenReplacementMap,
             allowSpecialParametersEscape: false,
             allowFieldValuesEscape: false
           });
-          var truncatedLabel = EventUtils_1.truncateString(replacedLabel);
+          var truncatedLabel = (0, EventUtils_1.truncateString)(replacedLabel);
           return React.createElement(Menu_1.default.Item, {
             key: "".concat(currentFieldName, "-field-action-").concat(truncatedLabel),
             onClick: function onClick(e) {
@@ -3134,19 +3148,19 @@ var PureEvents = function PureEvents(props) {
     footerFields: footerFields,
     fieldValueHighlightMap: highlightValuesByField
   };
-  var handleFieldClicked = showFieldSummary && function (e, _ref6) {
-    var field = _ref6.field;
+  var handleFieldClicked = showFieldSummary && function (e, _ref7) {
+    var field = _ref7.field;
     setFieldSummaryField(field);
     setFieldSummaryAnchor(e.currentTarget.parentElement);
   };
-  var handleTimeClicked = function handleTimeClicked(e, _ref7) {
-    var time = _ref7.time;
+  var handleTimeClicked = function handleTimeClicked(e, _ref8) {
+    var time = _ref8.time;
     setTimeValue(time);
     setTimeFieldAnchor(e.currentTarget);
   };
-  var handleValueClicked = function handleValueClicked(e, _ref8) {
-    var field = _ref8.field,
-      value = _ref8.value;
+  var handleValueClicked = function handleValueClicked(e, _ref9) {
+    var field = _ref9.field,
+      value = _ref9.value;
     onEventTrigger({
       originalEvent: e,
       type: 'value.click',
@@ -3156,9 +3170,9 @@ var PureEvents = function PureEvents(props) {
       }
     });
   };
-  var handleTagClicked = function handleTagClicked(e, _ref9) {
-    var field = _ref9.field,
-      value = _ref9.value;
+  var handleTagClicked = function handleTagClicked(e, _ref10) {
+    var field = _ref10.field,
+      value = _ref10.value;
     onEventTrigger({
       originalEvent: e,
       type: 'tag.click',
@@ -3175,7 +3189,7 @@ var PureEvents = function PureEvents(props) {
       payload: {
         name: '_time',
         value: timeValue,
-        epochTime: EventUtils_1.getEpochTime(timeValue),
+        epochTime: (0, EventUtils_1.getEpochTime)(timeValue),
         window: timeInterval
       }
     });
@@ -3273,79 +3287,78 @@ PureEvents.defaultProps = {
   onRequestParamsChange: lodash_1.noop,
   onEventTrigger: lodash_1.noop
 };
-exports.default = FixedSizeContainer_1.default(PureEvents);
+exports.default = (0, FixedSizeContainer_1.default)(PureEvents);
 
 /***/ }),
-/* 202 */
+/* 205 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-events-viewer/components/EventsViewer");
 
 /***/ }),
-/* 203 */
+/* 206 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/time-range-utils/time");
 
 /***/ }),
-/* 204 */
+/* 207 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
+var _taggedTemplateLiteral = __webpack_require__(59);
+var _templateObject;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var React = __webpack_require__(1);
 var react_1 = __webpack_require__(1);
-var Popover_1 = __webpack_require__(61);
-var Markdown_1 = __webpack_require__(121);
-var FieldSummary_1 = __webpack_require__(205);
+var Popover_1 = __webpack_require__(62);
+var Markdown_1 = __webpack_require__(122);
+var FieldSummary_1 = __webpack_require__(208);
 var lodash_1 = __webpack_require__(3);
 var i18n_1 = __webpack_require__(2);
 var styled_components_1 = __webpack_require__(4);
-var EventsContext_1 = __webpack_require__(149);
+var EventsContext_1 = __webpack_require__(152);
 var popoverContainerStyle = {
   padding: '20px',
   width: 500
 };
-var StyledMarkdown = styled_components_1.default(Markdown_1.default).withConfig({
-  displayName: "FieldSummaryTooltip__StyledMarkdown",
-  componentId: "sc-1k26kpm-0"
-})(["p{margin:0;}"]);
+var StyledMarkdown = (0, styled_components_1.default)(Markdown_1.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    /* removes unnecessary margin on the internal paragraph component */\n    p {\n        margin: 0;\n    }\n"])));
 var actionsForField = function actionsForField(field) {
   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',
-      label: i18n_1._('Average over time')
+      label: (0, i18n_1._)('Average over time')
     });
     actions.push({
       name: 'maxByTime',
-      label: i18n_1._('Max value over time')
+      label: (0, i18n_1._)('Max value over time')
     });
     actions.push({
       name: 'minByTime',
-      label: i18n_1._('Min value over time')
+      label: (0, i18n_1._)('Min value over time')
     });
   }
   actions.push({
     name: 'topValues',
-    label: i18n_1._('Top values')
+    label: (0, i18n_1._)('Top values')
   });
   actions.push({
     name: 'topValuesByTime',
-    label: i18n_1._('Top values by time')
+    label: (0, i18n_1._)('Top values by time')
   });
   actions.push({
     name: 'rareValues',
-    label: i18n_1._('Rare values')
+    label: (0, i18n_1._)('Rare values')
   });
   actions.push({
     name: 'allValues',
-    label: i18n_1._('Events with this field')
+    label: (0, i18n_1._)('Events with this field')
   });
   return actions;
 };
@@ -3357,9 +3370,9 @@ var FieldSummaryTooltip = function FieldSummaryTooltip(props) {
     fieldSummaryMap = props.fieldSummaryMap,
     onActionClicked = props.onActionClicked,
     onFieldValueClicked = props.onFieldValueClicked;
-  var _react_1$useContext = react_1.useContext(EventsContext_1.default),
-    isSplunkWebAvailable = _react_1$useContext.isSplunkWebAvailable;
-  var getActionsForField = react_1.useCallback(function (field) {
+  var _ref = (0, react_1.useContext)(EventsContext_1.default),
+    isSplunkWebAvailable = _ref.isSplunkWebAvailable;
+  var getActionsForField = (0, 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
@@ -3367,7 +3380,7 @@ var FieldSummaryTooltip = function FieldSummaryTooltip(props) {
   // 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.");
+  var fallbackText = (0, 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",
@@ -3398,48 +3411,50 @@ FieldSummaryTooltip.defaultProps = {
 exports.default = FieldSummaryTooltip;
 
 /***/ }),
-/* 205 */
+/* 208 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-field-summary/components/FieldSummary");
 
 /***/ }),
-/* 206 */
+/* 209 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
 var _slicedToArray = __webpack_require__(17);
+var _taggedTemplateLiteral = __webpack_require__(59);
+var _templateObject;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var React = __webpack_require__(1);
-var Popover_1 = __webpack_require__(61);
-var ControlGroup_1 = __webpack_require__(207);
-var Button_1 = __webpack_require__(122);
-var Text_1 = __webpack_require__(208);
-var Message_1 = __webpack_require__(123);
-var Select_1 = __webpack_require__(209);
-var Link_1 = __webpack_require__(210);
-var Heading_1 = __webpack_require__(124);
+var Popover_1 = __webpack_require__(62);
+var ControlGroup_1 = __webpack_require__(210);
+var Button_1 = __webpack_require__(123);
+var Text_1 = __webpack_require__(211);
+var Message_1 = __webpack_require__(124);
+var Select_1 = __webpack_require__(212);
+var Link_1 = __webpack_require__(213);
+var Heading_1 = __webpack_require__(125);
 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 numberUtils_1 = __webpack_require__(31);
 var pick_1 = __webpack_require__(23);
-var EventUtils_1 = __webpack_require__(119);
+var EventUtils_1 = __webpack_require__(120);
 // 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"
 })(["padding:20px;width:", ";.time-drilldown-header{margin:0px;}[data-test='nearby-controls']{margin:0px;width:", ";}"], function (props) {
-  return pick_1.default({
+  return (0, pick_1.default)({
     enterprise: '372px',
     prisma: '422px'
   })(props);
 }, function (props) {
-  return pick_1.default({
+  return (0, pick_1.default)({
     enterprise: '289.75px',
     prisma: '329.75px'
   })(props);
@@ -3452,10 +3467,7 @@ var NearbyValueRow = styled_components_1.default.div.withConfig({
   displayName: "TimeControlsPopover__NearbyValueRow",
   componentId: "fj32ze-2"
 })(["display:flex;align-items:flex-start;justify-content:center;"]);
-var SectionHeading = styled_components_1.default(Heading_1.default).withConfig({
-  displayName: "TimeControlsPopover__SectionHeading",
-  componentId: "fj32ze-3"
-})(["margin-top:20px;"]);
+var SectionHeading = (0, styled_components_1.default)(Heading_1.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    margin-top: 20px;\n"])));
 var rangeTypeInputStyle = {
   minWidth: 80
 };
@@ -3492,7 +3504,7 @@ var TimeControlsPopover = function TimeControlsPopover(props) {
     _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 errorMessage = (0, i18n_1._)('Value must be an integer greater than 0');
   var handleRangeTypeChange = function handleRangeTypeChange(e, _ref) {
     var value = _ref.value;
     setRangeType(value);
@@ -3507,13 +3519,13 @@ var TimeControlsPopover = function TimeControlsPopover(props) {
   };
   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);
+    var parsedIntervalAmount = (0, numberUtils_1.parseNumber)(rangeAmount);
     if (Number.isNaN(parsedIntervalAmount) || parsedIntervalAmount <= 0 || !Number.isInteger(parsedIntervalAmount)) {
       setInvalidInput(true);
       return;
     }
     setInvalidInput(false);
-    var timeInterval = EventUtils_1.getCustomTimeInterval({
+    var timeInterval = (0, EventUtils_1.getCustomTimeInterval)({
       time: time,
       rangeType: rangeType,
       rangeAmount: rangeAmount,
@@ -3523,7 +3535,7 @@ var TimeControlsPopover = function TimeControlsPopover(props) {
   };
   var handleEventIntervalClick = function handleEventIntervalClick(e, when) {
     e.preventDefault();
-    var timeInterval = EventUtils_1.getPredefinedTimeInterval({
+    var timeInterval = (0, EventUtils_1.getPredefinedTimeInterval)({
       time: time,
       when: when
     });
@@ -3545,7 +3557,7 @@ var TimeControlsPopover = function TimeControlsPopover(props) {
     "data-test": "invalid-time-input-message"
   }, errorMessage), React.createElement(SectionHeading, {
     level: 4
-  }, i18n_1._('Events Before or After')), React.createElement(TimeTable, null, React.createElement("tbody", null, React.createElement("tr", {
+  }, (0, i18n_1._)('Events Before or After')), React.createElement(TimeTable, null, React.createElement("tbody", null, React.createElement("tr", {
     className: "before-after-values"
   }, React.createElement("td", null, React.createElement(Link_1.default, {
     "data-test": "before-time",
@@ -3553,22 +3565,22 @@ var TimeControlsPopover = function TimeControlsPopover(props) {
     onClick: function onClick(e) {
       handleEventIntervalClick(e, 'before');
     }
-  }, i18n_1._('Before this time'))), React.createElement("td", null, React.createElement(Link_1.default, {
+  }, (0, i18n_1._)('Before this time'))), React.createElement("td", null, React.createElement(Link_1.default, {
     "data-test": "after-time",
     to: "#",
     onClick: function onClick(e) {
       handleEventIntervalClick(e, 'after');
     }
-  }, i18n_1._('After this time'))), React.createElement("td", null, React.createElement(Link_1.default, {
+  }, (0, i18n_1._)('After this time'))), React.createElement("td", null, React.createElement(Link_1.default, {
     "data-test": "at-time",
     to: "#",
     onClick: function onClick(e) {
       handleEventIntervalClick(e, 'at');
     }
-  }, i18n_1._('At this time')))))), React.createElement(SectionHeading, {
+  }, (0, i18n_1._)('At this time')))))), React.createElement(SectionHeading, {
     level: 4,
     className: "nearby-header"
-  }, i18n_1._('Nearby Events')), React.createElement(NearbyValueRow, {
+  }, (0, i18n_1._)('Nearby Events')), React.createElement(NearbyValueRow, {
     className: "nearby-value"
   }, React.createElement(ControlGroup_1.default, {
     "data-test": "nearby-controls",
@@ -3625,7 +3637,7 @@ var TimeControlsPopover = function TimeControlsPopover(props) {
     label: "millisecond(s)",
     value: "ms"
   }))), React.createElement(Button_1.default, {
-    label: i18n_1._('Apply'),
+    label: (0, i18n_1._)('Apply'),
     onClick: handleSubmit,
     style: applyButtonStyle,
     "data-test": "apply-custom-time"
@@ -3641,25 +3653,25 @@ TimeControlsPopover.defaultProps = {
 exports.default = TimeControlsPopover;
 
 /***/ }),
-/* 207 */
+/* 210 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ControlGroup");
 
 /***/ }),
-/* 208 */
+/* 211 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Text");
 
 /***/ }),
-/* 209 */
+/* 212 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Select");
 
 /***/ }),
-/* 210 */
+/* 213 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Link");