@splunk/visualizations 26.2.1 → 26.3.0

package/Events.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 225);
+/******/ 	return __webpack_require__(__webpack_require__.s = 221);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -123,6 +123,18 @@ module.exports = require("styled-components");
 /***/ }),
 /* 5 */,
 /* 6 */
+/***/ (function(module, exports) {
+
+module.exports = require("@babel/runtime/helpers/slicedToArray");
+
+/***/ }),
+/* 7 */
+/***/ (function(module, exports) {
+
+module.exports = require("@babel/runtime/helpers/toConsumableArray");
+
+/***/ }),
+/* 8 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -160,29 +172,17 @@ var VizBehavior;
   VizBehavior["TRELLIS"] = "trellis";
 })(VizBehavior = exports.VizBehavior || (exports.VizBehavior = {}));
 
-/***/ }),
-/* 7 */
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/slicedToArray");
-
-/***/ }),
-/* 8 */
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/toConsumableArray");
-
 /***/ }),
 /* 9 */
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/defineProperty");
+module.exports = require("@babel/runtime/helpers/classCallCheck");
 
 /***/ }),
 /* 10 */
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/classCallCheck");
+module.exports = require("@splunk/visualization-schemas");
 
 /***/ }),
 /* 11 */
@@ -200,10 +200,16 @@ module.exports = require("@splunk/visualizations-shared/Message");
 /* 13 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/themes/variables");
+module.exports = require("@babel/runtime/helpers/defineProperty");
 
 /***/ }),
 /* 14 */
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/themes/variables");
+
+/***/ }),
+/* 15 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -500,6 +506,7 @@ var calculateDownsamplingThreshold = function calculateDownsamplingThreshold(_re
       });
     }
   } catch (e) {
+    // eslint-disable-next-line no-console
     console.error('Error occurred while setting downsample threshold on range select event', e);
   }
 
@@ -666,6 +673,7 @@ var downsampleDataSources = function downsampleDataSources(_ref4) {
         return downsampledIndices.add(downsampleIndex);
       });
     } catch (e) {
+      // eslint-disable-next-line no-console
       console.error("Error occurred while downsampling column ".concat(columnIndex), e);
     }
   }); // update data columns with downsampled columns
@@ -677,25 +685,25 @@ var downsampleDataSources = function downsampleDataSources(_ref4) {
 exports.downsampleDataSources = downsampleDataSources;
 
 /***/ }),
-/* 15 */
+/* 16 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/colorUtils");
 
 /***/ }),
-/* 16 */
+/* 17 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-encoding/Options");
 
 /***/ }),
-/* 17 */
+/* 18 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _slicedToArray = __webpack_require__(7);
+var _slicedToArray = __webpack_require__(6);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -705,9 +713,9 @@ var React = __webpack_require__(0);
 
 var styled_components_1 = __webpack_require__(4);
 
-var style_1 = __webpack_require__(18);
+var style_1 = __webpack_require__(19);
 
-var colorUtils_1 = __webpack_require__(15);
+var colorUtils_1 = __webpack_require__(16);
 
 var SizeAwareWrapper_1 = __webpack_require__(26);
 
@@ -780,7 +788,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "26.2.1 - 714383dbb",
+      "data-splunk-visualization-version": "26.3.0 - a1ef240a6",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -801,13 +809,14 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 exports.default = withFixedSizeContainer;
 
 /***/ }),
-/* 18 */
+/* 19 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/style");
 
 /***/ }),
-/* 19 */
+/* 20 */,
+/* 21 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -816,20 +825,18 @@ module.exports = require("@splunk/visualizations-shared/style");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.validOutputModes = exports.validSegmentationModes = exports.validSortDirs = void 0;
+exports.validOutputModes = exports.validSortDirs = void 0;
 exports.validSortDirs = ['asc', 'desc', 'none'];
-exports.validSegmentationModes = ['none', 'inner'];
 exports.validOutputModes = ['json_cols', 'json'];
 
 /***/ }),
-/* 20 */,
-/* 21 */
+/* 22 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _classCallCheck = __webpack_require__(10);
+var _classCallCheck = __webpack_require__(9);
 
 var _createClass = __webpack_require__(25);
 
@@ -860,7 +867,7 @@ var DefaultVizActionHandler = /*#__PURE__*/function () {
 exports.DefaultVizActionHandler = DefaultVizActionHandler;
 
 /***/ }),
-/* 22 */
+/* 23 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -888,7 +895,7 @@ var VizCategory;
 })(VizCategory = exports.VizCategory || (exports.VizCategory = {}));
 
 /***/ }),
-/* 23 */
+/* 24 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -919,12 +926,6 @@ var extendStaticWrapperProps = function extendStaticWrapperProps(_ref) {
 
 exports.extendStaticWrapperProps = extendStaticWrapperProps;
 
-/***/ }),
-/* 24 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/visualizations-shared/schemaUtils");
-
 /***/ }),
 /* 25 */
 /***/ (function(module, exports) {
@@ -944,99 +945,24 @@ module.exports = require("@splunk/visualizations-shared/SizeAwareWrapper");
 "use strict";
 
 
-var _toConsumableArray = __webpack_require__(8);
-
-var _defineProperty = __webpack_require__(9);
-
-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;
-};
+var _toConsumableArray = __webpack_require__(7);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.insertLayout = exports.isDynamicOption = exports.uncollapseEditorConfig = exports.generatePrecisionValues = exports.getInitialPreset = exports.enhanceOptionsSchemaWithDynamicOptions = exports.enhanceConfig = void 0;
+exports.insertLayout = exports.isDynamicOption = exports.uncollapseEditorConfig = exports.generatePrecisionValues = exports.getInitialPreset = exports.enhanceConfig = exports.enhanceOptionsSchemaWithDynamicOptions = void 0;
 
-var lodash_1 = __webpack_require__(3);
+var lodash_1 = __webpack_require__(3); // included for backwards compatibility
 
-var schemaUtils_1 = __webpack_require__(24);
 
-var VizBehavior_1 = __webpack_require__(6);
+var visualization_schemas_1 = __webpack_require__(10);
 
-var dynamicOptionsDSLType = {
-  type: 'string',
-  pattern: schemaUtils_1.DYNAMIC_OPTIONS_DSL_PATTERN
-};
-/**
- * Helper function to extend an options schema with dynamic options DSL
- * @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"]);
-
-    var annotations = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, title !== undefined && {
-      title: title
-    }), description !== undefined && {
-      description: description
-    }), readOnly !== undefined && {
-      readOnly: readOnly
-    }), writeOnly !== undefined && {
-      writeOnly: writeOnly
-    }), examples !== undefined && {
-      examples: examples
-    }), 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) {
-          enhancedPatternProperties = Object.assign(Object.assign({}, enhancedPatternProperties), enhanceOptionsSchemaWithDynamicOptions(_defineProperty({}, opt, patternProperties[opt])));
-        });
-        enhancedOptionsSchema[key].patternProperties = enhancedPatternProperties;
-      }
-    } else {
-      enhancedOptionsSchema[key] = Object.assign(Object.assign({}, annotations), {
-        anyOf: [Object.assign(Object.assign({}, type !== undefined && {
-          type: type
-        }), remainingSchemaEntry), dynamicOptionsDSLType]
-      });
-    }
-  });
-  return enhancedOptionsSchema;
-}
-
-exports.enhanceOptionsSchemaWithDynamicOptions = enhanceOptionsSchemaWithDynamicOptions;
+Object.defineProperty(exports, "enhanceOptionsSchemaWithDynamicOptions", {
+  enumerable: true,
+  get: function get() {
+    return visualization_schemas_1.enhanceOptionsSchemaWithDynamicOptions;
+  }
+});
 /**
  * Helper function to enhance a Visualization Config as needed based on behaviors specified in supports block
  * this function also collapse all editor panels
@@ -1047,11 +973,6 @@ exports.enhanceOptionsSchemaWithDynamicOptions = enhanceOptionsSchemaWithDynamic
 
 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
@@ -1256,7 +1177,7 @@ var i18n_1 = __webpack_require__(2);
 
 var Message_1 = __webpack_require__(12);
 
-var FixedSizeContainer_1 = __webpack_require__(17);
+var FixedSizeContainer_1 = __webpack_require__(18);
 /**
  * @method shouldShowIconPlaceholder
  * @param {object} dataSources
@@ -1333,7 +1254,7 @@ exports.default = (0, FixedSizeContainer_1.default)(IconPlaceholder);
 "use strict";
 
 
-var _defineProperty = __webpack_require__(9);
+var _defineProperty = __webpack_require__(13);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -1344,7 +1265,7 @@ var T = __webpack_require__(1);
 
 var lodash_1 = __webpack_require__(3);
 
-var DataSource_1 = __webpack_require__(19);
+var DataSource_1 = __webpack_require__(21);
 
 exports.SortParamsPropTypes = T.shape({
   currentSortKey: T.string,
@@ -1500,7 +1421,7 @@ __exportStar(__webpack_require__(41), exports);
 
 __exportStar(__webpack_require__(42), exports);
 
-__exportStar(__webpack_require__(19), exports);
+__exportStar(__webpack_require__(21), exports);
 
 __exportStar(__webpack_require__(43), exports);
 
@@ -1514,13 +1435,13 @@ __exportStar(__webpack_require__(47), exports);
 
 __exportStar(__webpack_require__(48), exports);
 
-__exportStar(__webpack_require__(49), exports);
+__exportStar(__webpack_require__(22), exports);
 
-__exportStar(__webpack_require__(21), exports);
+__exportStar(__webpack_require__(8), exports);
 
-__exportStar(__webpack_require__(6), exports);
+__exportStar(__webpack_require__(23), exports);
 
-__exportStar(__webpack_require__(22), exports);
+__exportStar(__webpack_require__(49), exports);
 
 __exportStar(__webpack_require__(50), exports);
 
@@ -1532,8 +1453,6 @@ __exportStar(__webpack_require__(53), exports);
 
 __exportStar(__webpack_require__(54), exports);
 
-__exportStar(__webpack_require__(55), exports);
-
 /***/ }),
 /* 41 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -1698,18 +1617,7 @@ Object.defineProperty(exports, "__esModule", {
 "use strict";
 
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-/***/ }),
-/* 56 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _slicedToArray = __webpack_require__(7);
+var _slicedToArray = __webpack_require__(6);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -1719,15 +1627,15 @@ var React = __webpack_require__(0);
 
 var lodash_1 = __webpack_require__(3);
 
-var getSettingsFromThemedProps_1 = __webpack_require__(57);
+var getSettingsFromThemedProps_1 = __webpack_require__(56);
 
-var Options_1 = __webpack_require__(16);
+var Options_1 = __webpack_require__(17);
 
-var SanitizeProps_1 = __webpack_require__(58);
+var SanitizeProps_1 = __webpack_require__(57);
 
 var TimezoneContext_1 = __webpack_require__(32);
 
-var moment_1 = __webpack_require__(59);
+var moment_1 = __webpack_require__(58);
 
 var FeatureFlagContext_1 = __webpack_require__(28);
 
@@ -1737,31 +1645,31 @@ var hocUtils_1 = __webpack_require__(34);
 
 var JSONSchemaUtils_1 = __webpack_require__(35);
 
-var async_dynamic_options_evaluator_1 = __webpack_require__(60);
+var async_dynamic_options_evaluator_1 = __webpack_require__(59);
 
 var id_1 = __webpack_require__(31);
 
-var SplunkVisualization_1 = __webpack_require__(61);
+var SplunkVisualization_1 = __webpack_require__(60);
 
-var VizBehavior_1 = __webpack_require__(6);
+var VizBehavior_1 = __webpack_require__(8);
 
 var getSorting_1 = __webpack_require__(38);
 
 var getPagination_1 = __webpack_require__(39);
 
-var useDeepMemo_1 = __webpack_require__(62);
+var useDeepMemo_1 = __webpack_require__(61);
 
-var MissingPropsMessage_1 = __webpack_require__(63);
+var MissingPropsMessage_1 = __webpack_require__(62);
 
-var withEditModeCover_1 = __webpack_require__(64);
+var withEditModeCover_1 = __webpack_require__(63);
 
-var withPlaceholder_1 = __webpack_require__(65);
+var withPlaceholder_1 = __webpack_require__(64);
 
-var useDownsampleDataSources_1 = __webpack_require__(66);
+var useDownsampleDataSources_1 = __webpack_require__(65);
 
-var dataUtils_1 = __webpack_require__(14);
+var dataUtils_1 = __webpack_require__(15);
 
-var featureFlagUtils_1 = __webpack_require__(68);
+var featureFlagUtils_1 = __webpack_require__(67);
 /**
  * hoc that wraps a pure react visualization in a Dashboard visualization
  * @param {DashboardVizOpts} opts
@@ -2093,37 +2001,37 @@ var withDashboardViz = function withDashboardViz(opts) {
 exports.default = withDashboardViz;
 
 /***/ }),
-/* 57 */
+/* 56 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/getSettingsFromThemedProps");
 
 /***/ }),
-/* 58 */
+/* 57 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/SanitizeProps");
 
 /***/ }),
-/* 59 */
+/* 58 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/moment");
 
 /***/ }),
-/* 60 */
+/* 59 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/async-dynamic-options-evaluator");
 
 /***/ }),
-/* 61 */
+/* 60 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _classCallCheck = __webpack_require__(10);
+var _classCallCheck = __webpack_require__(9);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -2135,7 +2043,7 @@ var T = __webpack_require__(1);
 
 var lodash_1 = __webpack_require__(3);
 
-var VizActionHandler_1 = __webpack_require__(21); // this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
+var VizActionHandler_1 = __webpack_require__(22); // this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
 
 
 exports.INITIAL_WIDTH = 250;
@@ -2268,7 +2176,7 @@ SplunkVisualization.defaultProps = {
 exports.default = SplunkVisualization;
 
 /***/ }),
-/* 62 */
+/* 61 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2313,7 +2221,7 @@ var useDeepMemo = function useDeepMemo(fn, dependencies) {
 exports.useDeepMemo = useDeepMemo;
 
 /***/ }),
-/* 63 */
+/* 62 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2332,7 +2240,7 @@ var i18n_1 = __webpack_require__(2);
 
 var Message_1 = __webpack_require__(12);
 
-var FixedSizeContainer_1 = __webpack_require__(17);
+var FixedSizeContainer_1 = __webpack_require__(18);
 /**
  * @method isMissing
  * @param {any} v
@@ -2393,7 +2301,7 @@ exports.MissingPropsMessage.defaultProps = {
 exports.default = (0, FixedSizeContainer_1.default)(exports.MissingPropsMessage);
 
 /***/ }),
-/* 64 */
+/* 63 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2407,14 +2315,14 @@ var React = __webpack_require__(0);
 
 var styled_components_1 = __webpack_require__(4);
 
-var hocUtils_1 = __webpack_require__(23);
+var hocUtils_1 = __webpack_require__(24);
 
 var Cover = styled_components_1.default.div.withConfig({
   displayName: "withEditModeCover__Cover",
   componentId: "sc-1gsbnxb-0"
 })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
 var Blocker = styled_components_1.default.div.attrs({
-  'data-splunk-visualization-version': "26.2.1 - 714383dbb"
+  'data-splunk-visualization-version': "26.3.0 - a1ef240a6"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
@@ -2445,7 +2353,7 @@ var withEditModeCover = function withEditModeCover(Visualization, disableEditMod
 exports.default = withEditModeCover;
 
 /***/ }),
-/* 65 */
+/* 64 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2457,15 +2365,15 @@ Object.defineProperty(exports, "__esModule", {
 
 var React = __webpack_require__(0);
 
-var colorUtils_1 = __webpack_require__(15);
+var colorUtils_1 = __webpack_require__(16);
 
-var variables_1 = __webpack_require__(13);
+var variables_1 = __webpack_require__(14);
 
 var IconPlaceholder_1 = __webpack_require__(37);
 
-var VizBehavior_1 = __webpack_require__(6);
+var VizBehavior_1 = __webpack_require__(8);
 
-var hocUtils_1 = __webpack_require__(23);
+var hocUtils_1 = __webpack_require__(24);
 
 var withPlaceholder = function withPlaceholder(Visualization) {
   var useIconPlaceholder = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : IconPlaceholder_1.shouldShowIconPlaceholder;
@@ -2509,13 +2417,13 @@ var withPlaceholder = function withPlaceholder(Visualization) {
 exports.default = withPlaceholder;
 
 /***/ }),
-/* 66 */
+/* 65 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _slicedToArray = __webpack_require__(7);
+var _slicedToArray = __webpack_require__(6);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -2525,11 +2433,11 @@ var react_1 = __webpack_require__(0);
 
 var lodash_1 = __webpack_require__(3);
 
-var dataUtils_1 = __webpack_require__(14);
+var dataUtils_1 = __webpack_require__(15);
 
 var usePrevious_1 = __webpack_require__(33);
 
-var useGetXAndYFields_1 = __webpack_require__(67);
+var useGetXAndYFields_1 = __webpack_require__(66);
 
 var useDownsampleDataSources = function useDownsampleDataSources(_ref) {
   var dataSources = _ref.dataSources,
@@ -2598,13 +2506,13 @@ var useDownsampleDataSources = function useDownsampleDataSources(_ref) {
 exports.default = useDownsampleDataSources;
 
 /***/ }),
-/* 67 */
+/* 66 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _toConsumableArray = __webpack_require__(8);
+var _toConsumableArray = __webpack_require__(7);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -2612,7 +2520,7 @@ Object.defineProperty(exports, "__esModule", {
 
 var react_1 = __webpack_require__(0);
 
-var Options_1 = __webpack_require__(16);
+var Options_1 = __webpack_require__(17);
 /**
  * Hook that evaluates the DSL for subset of a viz's options needed to determine
  * its x and y fields as well as the types of all its fields.
@@ -2712,7 +2620,7 @@ var useGetXAndYFields = function useGetXAndYFields(_ref) {
 exports.default = useGetXAndYFields;
 
 /***/ }),
-/* 68 */
+/* 67 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2723,7 +2631,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getFeatureFlag = void 0;
 
-var FeatureFlags_1 = __webpack_require__(69);
+var FeatureFlags_1 = __webpack_require__(68);
 
 var getFeatureFlag = function getFeatureFlag(context, flagName) {
   // look for feature flag in context first
@@ -2747,28 +2655,27 @@ var getFeatureFlag = function getFeatureFlag(context, flagName) {
 exports.getFeatureFlag = getFeatureFlag;
 
 /***/ }),
-/* 69 */
+/* 68 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-context/FeatureFlags");
 
 /***/ }),
+/* 69 */,
 /* 70 */,
-/* 71 */,
-/* 72 */
+/* 71 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-icons/placeholders");
 
 /***/ }),
-/* 73 */,
-/* 74 */
+/* 72 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-icons");
 
 /***/ }),
-/* 75 */
+/* 73 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2798,30 +2705,32 @@ var background = function background(_ref) {
 exports.default = background;
 
 /***/ }),
+/* 74 */,
+/* 75 */,
 /* 76 */,
 /* 77 */,
 /* 78 */,
-/* 79 */,
-/* 80 */,
-/* 81 */
+/* 79 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/taggedTemplateLiteral");
 
 /***/ }),
-/* 82 */
+/* 80 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes");
 
 /***/ }),
-/* 83 */,
-/* 84 */
+/* 81 */,
+/* 82 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Popover");
 
 /***/ }),
+/* 83 */,
+/* 84 */,
 /* 85 */,
 /* 86 */,
 /* 87 */,
@@ -2840,14 +2749,14 @@ module.exports = require("@splunk/react-ui/Popover");
 /* 100 */,
 /* 101 */,
 /* 102 */,
-/* 103 */,
-/* 104 */,
-/* 105 */
+/* 103 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/typeof");
 
 /***/ }),
+/* 104 */,
+/* 105 */,
 /* 106 */,
 /* 107 */,
 /* 108 */,
@@ -2859,15 +2768,15 @@ module.exports = require("@babel/runtime/helpers/typeof");
 /* 114 */,
 /* 115 */,
 /* 116 */,
-/* 117 */,
-/* 118 */,
-/* 119 */,
-/* 120 */
+/* 117 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/dataSourceUtils");
 
 /***/ }),
+/* 118 */,
+/* 119 */,
+/* 120 */,
 /* 121 */,
 /* 122 */,
 /* 123 */,
@@ -2887,38 +2796,36 @@ module.exports = require("@splunk/visualizations-shared/dataSourceUtils");
 /* 137 */,
 /* 138 */,
 /* 139 */,
-/* 140 */,
-/* 141 */,
-/* 142 */
+/* 140 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Menu");
 
 /***/ }),
-/* 143 */
+/* 141 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _typeof = __webpack_require__(105);
+var _typeof = __webpack_require__(103);
 
-var _slicedToArray = __webpack_require__(7);
+var _slicedToArray = __webpack_require__(6);
 
-var _toConsumableArray = __webpack_require__(8);
+var _toConsumableArray = __webpack_require__(7);
 
-var _defineProperty = __webpack_require__(9);
+var _defineProperty = __webpack_require__(13);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.combineHighlighted = exports.convertToHighlightValuesByFieldMap = 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__(229);
+var time_1 = __webpack_require__(225);
 
 var lodash_1 = __webpack_require__(3);
 
-var dataUtils_1 = __webpack_require__(14); // util to convert a field-value map into an object with row.<fieldname>.value keys for payloads
+var dataUtils_1 = __webpack_require__(15); // util to convert a field-value map into an object with row.<fieldname>.value keys for payloads
 
 
 var convertToPayloadFormat = function convertToPayloadFormat(obj) {
@@ -3125,6 +3032,7 @@ exports.generateTokenReplacementMap = generateTokenReplacementMap; // return epo
 var getEpochTime = function getEpochTime(time) {
   // if not a valid time string, then indicate an error and return NaN.
   if (!(0, time_1.isISO)(time)) {
+    // eslint-disable-next-line no-console
     console.error("'".concat(time, "' is not a valid time string."));
     return NaN;
   } // retrieves the epoch time in milliseconds, and divides by 1000
@@ -3274,30 +3182,32 @@ var combineHighlighted = function combineHighlighted(highlightedSource, highligh
 exports.combineHighlighted = combineHighlighted;
 
 /***/ }),
-/* 144 */
+/* 142 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Markdown");
 
 /***/ }),
-/* 145 */
+/* 143 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Button");
 
 /***/ }),
-/* 146 */
+/* 144 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Message");
 
 /***/ }),
-/* 147 */
+/* 145 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Heading");
 
 /***/ }),
+/* 146 */,
+/* 147 */,
 /* 148 */,
 /* 149 */,
 /* 150 */,
@@ -3319,10 +3229,7 @@ module.exports = require("@splunk/react-ui/Heading");
 /* 166 */,
 /* 167 */,
 /* 168 */,
-/* 169 */,
-/* 170 */,
-/* 171 */,
-/* 172 */
+/* 169 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3348,21 +3255,21 @@ exports.replaceTokens = exports.PureEvents = exports.config = exports.themes = e
 
 var lodash_1 = __webpack_require__(3);
 
-var dataSourceUtils_1 = __webpack_require__(120);
+var dataSourceUtils_1 = __webpack_require__(117);
 
-var withDashboardViz_1 = __webpack_require__(56);
+var withDashboardViz_1 = __webpack_require__(55);
 
-var constants_1 = __webpack_require__(173);
+var constants_1 = __webpack_require__(170);
 
-var config_1 = __webpack_require__(226);
+var config_1 = __webpack_require__(222);
 
 exports.config = config_1.default;
 
-var PureEvents_1 = __webpack_require__(227);
+var PureEvents_1 = __webpack_require__(223);
 
 exports.PureEvents = PureEvents_1.default;
 
-var EventUtils_1 = __webpack_require__(143);
+var EventUtils_1 = __webpack_require__(141);
 
 Object.defineProperty(exports, "replaceTokens", {
   enumerable: true,
@@ -3413,23 +3320,20 @@ exports.themes = themes;
 exports.default = Events;
 
 /***/ }),
-/* 173 */
+/* 170 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "rawEventPayload", function() { return rawEventPayload; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "rawMultiLineEvent", function() { return rawMultiLineEvent; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "originalDataSourceData", function() { return originalDataSourceData; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "originalDataSourceDataColumns", function() { return originalDataSourceDataColumns; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "dataSourceData", function() { return dataSourceData; });
 /* 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 export (binding) */ __webpack_require__.d(__webpack_exports__, "TAGS_DEFAULT", function() { return TAGS_DEFAULT; });
-/* harmony import */ var _splunk_datasource_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(192);
-/* harmony import */ var _splunk_datasource_utils__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_splunk_datasource_utils__WEBPACK_IMPORTED_MODULE_0__);
 // TODO: convert this file to .ts - created as .js as copied from SUI EventsViewer repo
-
 var rawEventPayload = {
   preview: false,
   init_offset: 0,
@@ -3815,11 +3719,24 @@ var rawEventPayload = {
     }
   }
 };
-var rawMultiLineEvent = "10/19/2023 10:29:00 -0700, search_name=KOM_Dashboard_Sear dropped_events=0, search_startup_time=48, dash_epoch=1697737969, search_spl=\"| rest splunk_server=local /services/server/status/installed-file-integrity\n| fields check_failures.*\n| untable splunk_server file_path check_result\n| replace \"check_failures.*\" WITH \"*\" IN file_path\n| fields file_path check_result\n| rename file_path AS \"File path\" check_result AS \"Check result\", shc_member=standalone, rawdata_cache_miss=0, matching_events=0, events_in_matching_bkts=0, total_run_time_sec=\"0.09\", scanned_events=0, bloomfilter_eliminated_bkts=0, sid_search_name=search2, slices_in_matching_bkts=0, savedsearch_name=search2, search_type=dashboard, search_user=gmattia"; // Datasource utilized in example on @splunk/react-events-viewer docs
+var rawMultiLineEvent = "10/19/2023 10:29:00 -0700, search_name=KOM_Dashboard_Sear dropped_events=0, search_startup_time=48, dash_epoch=1697737969, search_spl=\"| rest splunk_server=local /services/server/status/installed-file-integrity\n| fields check_failures.*\n| untable splunk_server file_path check_result\n| replace \"check_failures.*\" WITH \"*\" IN file_path\n| fields file_path check_result\n| rename file_path AS \"File path\" check_result AS \"Check result\", shc_member=standalone, rawdata_cache_miss=0, matching_events=0, events_in_matching_bkts=0, total_run_time_sec=\"0.09\", scanned_events=0, bloomfilter_eliminated_bkts=0, sid_search_name=search2, slices_in_matching_bkts=0, savedsearch_name=search2, search_type=dashboard, search_user=gmattia";
+
+var columnsFromJSONArray = function columnsFromJSONArray(fields, results) {
+  var columns = fields.map(function (_ref) {
+    var name = _ref.name;
+    return results.reduce(function (col, row) {
+      // if a field is not present on a result entry we set it to null
+      col.push(row[name] === undefined ? null : row[name]);
+      return col;
+    }, []);
+  });
+  return columns;
+}; // Datasource utilized in example on @splunk/react-events-viewer docs
 
-var originalDataSourceData = _splunk_datasource_utils__WEBPACK_IMPORTED_MODULE_0__["DataSet"].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) {
+var originalDataSourceDataColumns = columnsFromJSONArray(rawEventPayload.fields, rawEventPayload.results); // Replaces _raw object with the value of the `value` key - this is the string expected in Dashboard Studio payload
+
+originalDataSourceDataColumns[5] = originalDataSourceDataColumns[5].map(function (_raw) {
   return _raw.value;
 }); // 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
@@ -3828,7 +3745,7 @@ originalDataSourceData.columns[5] = originalDataSourceData.columns[5].map(functi
 
 var dataSourceData = {
   fields: rawEventPayload.fields,
-  columns: originalDataSourceData.columns
+  columns: originalDataSourceDataColumns
 };
 var EMPTY_DATASOURCE = {
   primary: {
@@ -3915,12 +3832,15 @@ var TAGS_DEFAULT = {
 };
 
 /***/ }),
-/* 174 */
+/* 171 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-context/EventsContext");
 
 /***/ }),
+/* 172 */,
+/* 173 */,
+/* 174 */,
 /* 175 */,
 /* 176 */,
 /* 177 */,
@@ -3938,12 +3858,7 @@ module.exports = require("@splunk/visualization-context/EventsContext");
 /* 189 */,
 /* 190 */,
 /* 191 */,
-/* 192 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/datasource-utils");
-
-/***/ }),
+/* 192 */,
 /* 193 */,
 /* 194 */,
 /* 195 */,
@@ -3972,11 +3887,7 @@ module.exports = require("@splunk/datasource-utils");
 /* 218 */,
 /* 219 */,
 /* 220 */,
-/* 221 */,
-/* 222 */,
-/* 223 */,
-/* 224 */,
-/* 225 */
+/* 221 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4012,9 +3923,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-__exportStar(__webpack_require__(172), exports);
+__exportStar(__webpack_require__(169), exports);
 
-var Events_1 = __webpack_require__(172);
+var Events_1 = __webpack_require__(169);
 
 Object.defineProperty(exports, "default", {
   enumerable: true,
@@ -4024,7 +3935,7 @@ Object.defineProperty(exports, "default", {
 });
 
 /***/ }),
-/* 226 */
+/* 222 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4034,25 +3945,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var visualization_icons_1 = __webpack_require__(74);
+var visualization_icons_1 = __webpack_require__(72);
 
-var placeholders_1 = __webpack_require__(72);
+var placeholders_1 = __webpack_require__(71);
 
-var schemaUtils_1 = __webpack_require__(24);
+var visualization_schemas_1 = __webpack_require__(10);
 
-var themes_1 = __webpack_require__(82);
+var themes_1 = __webpack_require__(80);
 
 var i18n_1 = __webpack_require__(2);
 
-var DataSource_1 = __webpack_require__(19);
-
-var VizBehavior_1 = __webpack_require__(6);
+var VizBehavior_1 = __webpack_require__(8);
 
-var VizCategory_1 = __webpack_require__(22);
+var VizCategory_1 = __webpack_require__(23);
 
 var configUtils_1 = __webpack_require__(27);
 
-var BackgroundColor_1 = __webpack_require__(75);
+var BackgroundColor_1 = __webpack_require__(73);
 
 var defaultContext = {};
 var dataContract = {
@@ -4085,122 +3994,6 @@ var size = {
   initialWidth: 800,
   initialHeight: 500
 };
-var optionsSchema = {
-  backgroundColor: {
-    default: '> themes.defaultBackgroundColor',
-    description: 'Specify the color used for the background by using a hexadecimal code. For example, #0000FF.',
-    pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA,
-    type: 'string'
-  },
-  eventActions: {
-    default: [],
-    description: 'Specify the available actions to take for an event. For example, `[{ "eventType": "eventAction.buildEventType.click", "label": "Build Event Type" }]`. Event types should end in `.click` if utilizing event handlers. Note that both `eventtypeValues` and `fieldFilters` keys support wildcard values.',
-    type: 'array',
-    items: {
-      anyOf: [{
-        type: 'object',
-        properties: {
-          eventType: {
-            description: 'The distinct type for the event emitted upon event action click.',
-            type: 'string',
-            pattern: '.click$',
-            default: ''
-          },
-          label: {
-            description: 'The label for the event action.',
-            type: 'string',
-            default: ''
-          },
-          eventtypeValues: {
-            description: 'An array of string values that all need to match against the value(s) of the `eventtype` field if it exists in the event in order to be shown.',
-            items: {
-              type: 'string'
-            },
-            type: 'array',
-            default: []
-          },
-          fieldFilters: {
-            description: 'An array of string values for fields that need to exist in the event in order for the given event action in order to be shown.',
-            items: {
-              type: 'string'
-            },
-            type: 'array',
-            default: []
-          }
-        },
-        required: ['eventType', 'label']
-      }]
-    }
-  },
-  fieldActions: {
-    description: 'Specify the available actions for this field. For example, `{ *: [{ "eventType": "fieldAction.sharedAction1.click", "label": "Shared Action 1", "eventtypeValues": ["*"], "fieldFilters": ["*"] }] }`. Event types should end in `.click` if utilizing event handlers. Actions under the `*` key are shared across all field dropdowns. Note that both `eventtypeValues` and `fieldFilters` keys, as well as the field names, support wildcard values.',
-    type: 'object',
-    patternProperties: {
-      '.*': {
-        description: 'Specify the available actions for this field.',
-        type: 'array',
-        items: {
-          anyOf: [{
-            type: 'object',
-            properties: {
-              eventType: {
-                description: 'The distinct type for the event emitted upon event action click.',
-                type: 'string',
-                pattern: '.click$',
-                default: ''
-              },
-              label: {
-                description: 'The label for the event action.',
-                type: 'string',
-                default: ''
-              },
-              eventtypeValues: {
-                description: 'An array of string values that all need to match against the value(s) of the `eventtype` field if it exists in the event in order to be shown.',
-                items: {
-                  type: 'string'
-                },
-                type: 'array',
-                default: []
-              },
-              fieldFilters: {
-                description: 'An array of string values for fields that need to exist in the event in order for the given event action in order to be shown.',
-                items: {
-                  type: 'string'
-                },
-                type: 'array',
-                default: []
-              }
-            },
-            required: ['eventType', 'label']
-          }]
-        }
-      }
-    }
-  },
-  footerFields: {
-    description: 'Specify field(s) that should be displayed in the footer component. Specify one or more fields to display in the footer component. For example, specify ["source", "dest"] to display the source and destination fields.',
-    type: 'array',
-    items: {
-      type: 'string'
-    },
-    default: []
-  },
-  highlightValuesByField: {
-    description: 'Specify the field and value pairs for manual highlighting. For example, `{"source": "$srcToken$", "dest": "12.21.1.11", "tag": ["tag1", "tag2"]}`.',
-    type: 'object'
-  },
-  highlightFromSource: {
-    description: 'Specify a segmentation mode to use for search based highlighting. Specifying "none" will turn search based highlighting off. For more about segmentation, search for "event segmentation" in the Getting Data In manual in the Splunk Docs.',
-    type: 'string',
-    pattern: (0, schemaUtils_1.getPattern)(DataSource_1.validSegmentationModes),
-    default: 'none'
-  },
-  showFieldSummary: {
-    description: 'Specify that a field summary popup appears when a field is selected. To show field summaries for a search, configure an additional datasource called `fieldsummary` using the original search followed by the `... | fieldsummary maxvals=10` SPL command.',
-    type: 'boolean',
-    default: true
-  }
-};
 var themes = {
   defaultBackgroundColor: function defaultBackgroundColor(props) {
     return (0, themes_1.pick)({
@@ -4253,7 +4046,7 @@ var config = {
   dataContract: dataContract,
   size: size,
   defaultContext: defaultContext,
-  optionsSchema: optionsSchema,
+  optionsSchema: visualization_schemas_1.eventsOptionsSchema,
   editorConfig: editorConfig,
   events: {
     'eventAction.<actionName>.click': {
@@ -4282,15 +4075,15 @@ var config = {
 exports.default = (0, configUtils_1.enhanceConfig)(config);
 
 /***/ }),
-/* 227 */
+/* 223 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _typeof = __webpack_require__(105);
+var _typeof = __webpack_require__(103);
 
-var _slicedToArray = __webpack_require__(7);
+var _slicedToArray = __webpack_require__(6);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -4302,38 +4095,38 @@ var react_1 = __webpack_require__(0);
 
 var T = __webpack_require__(1);
 
-var EventsViewer_1 = __webpack_require__(228);
+var EventsViewer_1 = __webpack_require__(224);
 
 var styled_components_1 = __webpack_require__(4);
 
 var pick_1 = __webpack_require__(30);
 
-var variables_1 = __webpack_require__(13);
+var variables_1 = __webpack_require__(14);
 
-var colorUtils_1 = __webpack_require__(15);
+var colorUtils_1 = __webpack_require__(16);
 
-var style_1 = __webpack_require__(18);
+var style_1 = __webpack_require__(19);
 
-var EventsContext_1 = __webpack_require__(174);
+var EventsContext_1 = __webpack_require__(171);
 
 var lodash_1 = __webpack_require__(3);
 
-var Menu_1 = __webpack_require__(142);
+var Menu_1 = __webpack_require__(140);
 
-var constants_1 = __webpack_require__(173);
+var constants_1 = __webpack_require__(170);
 
-var FixedSizeContainer_1 = __webpack_require__(17);
+var FixedSizeContainer_1 = __webpack_require__(18);
 
-var EventUtils_1 = __webpack_require__(143);
+var EventUtils_1 = __webpack_require__(141);
 
-var FieldSummaryTooltip_1 = __webpack_require__(230);
+var FieldSummaryTooltip_1 = __webpack_require__(226);
 
-var TimeControlsPopover_1 = __webpack_require__(232); // Inspired by VizTableContainer in PureTable.tsx
+var TimeControlsPopover_1 = __webpack_require__(228); // Inspired by VizTableContainer in PureTable.tsx
 
 
 var EventsContainer = styled_components_1.default.div.withConfig({
   displayName: "PureEvents__EventsContainer",
-  componentId: "iniqvm-0"
+  componentId: "sc-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-wrap;}}"], function (props) {
   return (0, lodash_1.isNumber)(props.width) ? "".concat(props.width, "px") : props.width;
 }, function (props) {
@@ -4350,7 +4143,7 @@ var EventsContainer = styled_components_1.default.div.withConfig({
 
 var SUIEventsViewerContainer = styled_components_1.default.div.withConfig({
   displayName: "PureEvents__SUIEventsViewerContainer",
-  componentId: "iniqvm-1"
+  componentId: "sc-iniqvm-1"
 })(["box-sizing:border-box;flex-grow:1;overflow:hidden;", ";"], function (_ref) {
   var width = _ref.width,
       height = _ref.height,
@@ -4636,6 +4429,7 @@ var PureEvents = function PureEvents(props) {
   };
 
   return React.createElement(EventsContainer, {
+    "data-test": "events-container",
     backgroundColor: backgroundColor,
     width: width,
     height: height
@@ -4721,25 +4515,25 @@ PureEvents.defaultProps = {
 exports.default = (0, FixedSizeContainer_1.default)(PureEvents);
 
 /***/ }),
-/* 228 */
+/* 224 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-events-viewer/components/EventsViewer");
 
 /***/ }),
-/* 229 */
+/* 225 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/time-range-utils/time");
 
 /***/ }),
-/* 230 */
+/* 226 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _taggedTemplateLiteral = __webpack_require__(81);
+var _taggedTemplateLiteral = __webpack_require__(79);
 
 var _templateObject;
 
@@ -4751,11 +4545,11 @@ var React = __webpack_require__(0);
 
 var react_1 = __webpack_require__(0);
 
-var Popover_1 = __webpack_require__(84);
+var Popover_1 = __webpack_require__(82);
 
-var Markdown_1 = __webpack_require__(144);
+var Markdown_1 = __webpack_require__(142);
 
-var FieldSummary_1 = __webpack_require__(231);
+var FieldSummary_1 = __webpack_require__(227);
 
 var lodash_1 = __webpack_require__(3);
 
@@ -4763,7 +4557,7 @@ var i18n_1 = __webpack_require__(2);
 
 var styled_components_1 = __webpack_require__(4);
 
-var EventsContext_1 = __webpack_require__(174);
+var EventsContext_1 = __webpack_require__(171);
 
 var popoverContainerStyle = {
   padding: '20px',
@@ -4860,21 +4654,21 @@ FieldSummaryTooltip.defaultProps = {
 exports.default = FieldSummaryTooltip;
 
 /***/ }),
-/* 231 */
+/* 227 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-field-summary/components/FieldSummary");
 
 /***/ }),
-/* 232 */
+/* 228 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _slicedToArray = __webpack_require__(7);
+var _slicedToArray = __webpack_require__(6);
 
-var _taggedTemplateLiteral = __webpack_require__(81);
+var _taggedTemplateLiteral = __webpack_require__(79);
 
 var _templateObject;
 
@@ -4884,21 +4678,21 @@ Object.defineProperty(exports, "__esModule", {
 
 var React = __webpack_require__(0);
 
-var Popover_1 = __webpack_require__(84);
+var Popover_1 = __webpack_require__(82);
 
-var ControlGroup_1 = __webpack_require__(233);
+var ControlGroup_1 = __webpack_require__(229);
 
-var Button_1 = __webpack_require__(145);
+var Button_1 = __webpack_require__(143);
 
-var Text_1 = __webpack_require__(234);
+var Text_1 = __webpack_require__(230);
 
-var Message_1 = __webpack_require__(146);
+var Message_1 = __webpack_require__(144);
 
-var Select_1 = __webpack_require__(235);
+var Select_1 = __webpack_require__(231);
 
-var Link_1 = __webpack_require__(236);
+var Link_1 = __webpack_require__(232);
 
-var Heading_1 = __webpack_require__(147);
+var Heading_1 = __webpack_require__(145);
 
 var lodash_1 = __webpack_require__(3);
 
@@ -4910,12 +4704,12 @@ var numberUtils_1 = __webpack_require__(11);
 
 var pick_1 = __webpack_require__(30);
 
-var EventUtils_1 = __webpack_require__(143); // custom popover sizing for Enterprise vs. Prisma themes - additional px for Prisma theme to fit controls
+var EventUtils_1 = __webpack_require__(141); // 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"
+  componentId: "sc-fj32ze-0"
 })(["padding:20px;width:", ";.time-drilldown-header{margin:0px;}[data-test='nearby-controls']{margin:0px;width:", ";}"], function (props) {
   return (0, pick_1.default)({
     enterprise: '372px',
@@ -4929,11 +4723,11 @@ var TimePopoverContainer = styled_components_1.default.div.withConfig({
 });
 var TimeTable = styled_components_1.default.table.withConfig({
   displayName: "TimeControlsPopover__TimeTable",
-  componentId: "fj32ze-1"
+  componentId: "sc-fj32ze-1"
 })(["width:100%;display:table;border-collapse:separate;box-sizing:border-box;text-indent:initial;border-spacing:2px;border-color:grey;"]);
 var NearbyValueRow = styled_components_1.default.div.withConfig({
   displayName: "TimeControlsPopover__NearbyValueRow",
-  componentId: "fj32ze-2"
+  componentId: "sc-fj32ze-2"
 })(["display:flex;align-items:flex-start;justify-content:center;"]);
 var SectionHeading = (0, styled_components_1.default)(Heading_1.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    margin-top: 20px;\n"])));
 var rangeTypeInputStyle = {
@@ -5137,25 +4931,25 @@ TimeControlsPopover.defaultProps = {
 exports.default = TimeControlsPopover;
 
 /***/ }),
-/* 233 */
+/* 229 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ControlGroup");
 
 /***/ }),
-/* 234 */
+/* 230 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Text");
 
 /***/ }),
-/* 235 */
+/* 231 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Select");
 
 /***/ }),
-/* 236 */
+/* 232 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Link");