@splunk/visualizations 26.0.0 → 26.1.1

package/Table.js

@@ -1,5 +1,5 @@
 /*!
- * Copyright © 2018 Splunk Inc.
+ * Copyright © 2024 Splunk Inc.
  * SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
  * in part without a valid written license from Splunk Inc. is PROHIBITED.
  */
@@ -150,11 +150,17 @@ module.exports = require("@splunk/react-ui/Message");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var React = __webpack_require__(1);
+
 var styled_components_1 = __webpack_require__(4);
+
 var SizeAwareWrapper_1 = __webpack_require__(19);
+
 var style_1 = __webpack_require__(14);
+
 var colorUtils_1 = __webpack_require__(12);
+
 var Item = styled_components_1.default.div.attrs(function (_ref) {
   var width = _ref.width;
   return {
@@ -167,11 +173,11 @@ var Item = styled_components_1.default.div.attrs(function (_ref) {
   componentId: "sc-1yhgpod-0"
 })(["position:relative;background-color:", "};"], function (props) {
   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
+}); // Use `.attrs()` for highly dynamic styles. Ref: https://github.com/styled-components/styled-components/issues/134#issuecomment-312415291
+
 var FixSizeItem = styled_components_1.default.div.attrs(function (_ref2) {
   var width = _ref2.width,
-    height = _ref2.height;
+      height = _ref2.height;
   return {
     style: Object.assign(Object.assign({}, width && {
       width: (0, style_1.toPx)(width)
@@ -193,11 +199,13 @@ var FixSizeItemContent = styled_components_1.default.div.withConfig({
   displayName: "FixedSizeContainer__FixSizeItemContent",
   componentId: "sc-1yhgpod-3"
 })(["min-height:0px;flex:1;position:relative;box-sizing:border-box;"]);
+
 var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
   var FixedSizeContainer = function FixedSizeContainer(props) {
     var width = props.width,
-      height = props.height,
-      backgroundColor = props.backgroundColor;
+        height = props.height,
+        backgroundColor = props.backgroundColor;
+
     if (!height) {
       return React.createElement(Item, {
         "data-test": "item",
@@ -205,24 +213,27 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
         backgroundColor: backgroundColor
       }, React.createElement(ItemContent, null, React.createElement(Viz, Object.assign({}, props))));
     }
+
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "26.0.0 - 2f7458907",
+      "data-splunk-visualization-version": "26.1.1 - b6df0a015",
       width: width,
       height: height,
       backgroundColor: backgroundColor
     }, React.createElement(FixSizeItemContent, null, React.createElement(SizeAwareWrapper_1.default, null, function (_ref3) {
       var newWidth = _ref3.width,
-        newHeight = _ref3.height;
+          newHeight = _ref3.height;
       return React.createElement(Viz, Object.assign({}, props, {
         width: newWidth,
         height: newHeight
       }));
     })));
   };
+
   FixedSizeContainer.displayName = 'withFixedSizeContainer';
   return FixedSizeContainer;
 };
+
 exports.default = withFixedSizeContainer;
 
 /***/ }),
@@ -269,9 +280,10 @@ exports.extendStaticWrapperProps = void 0;
  * @param {DashboardVizType} props.Wrapper
  * @param {DashboardVizType} props.Visualization
  */
+
 var extendStaticWrapperProps = function extendStaticWrapperProps(_ref) {
   var Wrapper = _ref.Wrapper,
-    Visualization = _ref.Visualization;
+      Visualization = _ref.Visualization;
   var extendProperties = ['propTypes', 'defaultProps', 'config'];
   extendProperties.forEach(function (prop) {
     if (Visualization[prop]) {
@@ -280,6 +292,7 @@ var extendStaticWrapperProps = function extendStaticWrapperProps(_ref) {
     }
   });
 };
+
 exports.extendStaticWrapperProps = extendStaticWrapperProps;
 
 /***/ }),
@@ -291,64 +304,80 @@ module.exports = require("@splunk/visualizations-shared/schemaUtils");
 
 /***/ }),
 
-/***/ 168:
+/***/ 169:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
 var _slicedToArray = __webpack_require__(17);
+
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
+
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
+
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.config = exports.PureTable = exports.themes = exports.computeVizProps = void 0;
+
 var lodash_1 = __webpack_require__(3);
+
 var colorUtils_1 = __webpack_require__(12);
+
 var config_1 = __webpack_require__(480);
+
 exports.config = config_1.default;
-var withDashboardViz_1 = __webpack_require__(36);
+
+var withDashboardViz_1 = __webpack_require__(37);
+
 var PureTable_1 = __webpack_require__(481);
+
 exports.PureTable = PureTable_1.default;
+
 var computeVizProps = function computeVizProps(_a) {
   var props = __rest(_a, []);
+
   var vizProps = Object.assign({}, props);
+
   if (vizProps.columnFormat) {
     var columns = vizProps.columnFormat;
     var themeRowBackgroundColorOdd = vizProps.themeFunc('rowBackgroundColorOdd');
     var themeRowBackgroundColorEven = vizProps.themeFunc('rowBackgroundColorEven');
-    var themeTextColor = vizProps.themeFunc('textColor');
-    // `columns` looks like { `column title`: { rowBackgroundColors, rowColors... }}
+    var themeTextColor = vizProps.themeFunc('textColor'); // `columns` looks like { `column title`: { rowBackgroundColors, rowColors... }}
+
     Object.entries(columns).forEach(function (_ref) {
       var _ref2 = _slicedToArray(_ref, 2),
-        columnKey = _ref2[0],
-        columnProperties = _ref2[1];
+          columnKey = _ref2[0],
+          columnProperties = _ref2[1];
+
       var rowBackgroundColors;
-      var rowColors;
-      // If columns have `rowBackgroundColors` or `rowColors` arrays defined, sanitize them. If there are undefined values after sanitization, these
+      var rowColors; // If columns have `rowBackgroundColors` or `rowColors` arrays defined, sanitize them. If there are undefined values after sanitization, these
       //  elements are populated with the default values provided by the theme.
+
       if (columnProperties.rowBackgroundColors) {
         rowBackgroundColors = (0, colorUtils_1.sanitizeArrayOfColors)(columnProperties.rowBackgroundColors).map(function (color, i) {
-          return (
-            // using (i + 1) % 2 because 'odd' refers to row number, so index 0 -> row 1 -> odd colored
+          return (// using (i + 1) % 2 because 'odd' refers to row number, so index 0 -> row 1 -> odd colored
             color || ((i + 1) % 2 === 0 ? themeRowBackgroundColorEven : themeRowBackgroundColorOdd)
           );
         });
       }
+
       if (columnProperties.rowColors) {
         rowColors = (0, colorUtils_1.sanitizeArrayOfColors)(columnProperties.rowColors).map(function (color) {
           return color || themeTextColor;
         });
       }
+
       vizProps.columnFormat[columnKey] = Object.assign(Object.assign(Object.assign({}, vizProps.columnFormat[columnKey]), columnProperties.rowBackgroundColors && {
         rowBackgroundColors: rowBackgroundColors
       }), columnProperties.rowColors && {
@@ -356,9 +385,11 @@ var computeVizProps = function computeVizProps(_a) {
       });
     });
   }
+
   if (vizProps.onOptionsChange) {
     var handleColumnFormatChange = function handleColumnFormatChange(updatedColumnFormat) {
       var _a, _b;
+
       var cloneOfExistingColumnFormat = (_b = Object.assign({}, (_a = vizProps === null || vizProps === void 0 ? void 0 : vizProps.options) === null || _a === void 0 ? void 0 : _a.columnFormat)) !== null && _b !== void 0 ? _b : {};
       var keys = Object.keys(updatedColumnFormat);
       var values = Object.values(updatedColumnFormat);
@@ -366,6 +397,7 @@ var computeVizProps = function computeVizProps(_a) {
         if (!cloneOfExistingColumnFormat[key]) {
           cloneOfExistingColumnFormat[key] = {};
         }
+
         var newWidth = (0, lodash_1.get)(values[index], 'width');
         cloneOfExistingColumnFormat[key] = Object.assign(Object.assign({}, cloneOfExistingColumnFormat[key]), {
           width: newWidth
@@ -375,10 +407,13 @@ var computeVizProps = function computeVizProps(_a) {
         columnFormat: cloneOfExistingColumnFormat
       });
     };
+
     vizProps.onColumnFormatChange = handleColumnFormatChange;
   }
+
   return vizProps;
 };
+
 exports.computeVizProps = computeVizProps;
 var Table = (0, withDashboardViz_1.default)({
   ReactViz: PureTable_1.default,
@@ -427,24 +462,33 @@ module.exports = require("@splunk/ui-utils/i18n");
 
 
 var _toConsumableArray = __webpack_require__(8);
+
 var _defineProperty = __webpack_require__(7);
+
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
+
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
+
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.insertLayout = exports.isDynamicOption = exports.uncollapseEditorConfig = exports.generatePrecisionValues = exports.getInitialPreset = exports.enhanceOptionsSchemaWithDynamicOptions = exports.enhanceConfig = void 0;
+
 var lodash_1 = __webpack_require__(3);
+
 var schemaUtils_1 = __webpack_require__(16);
+
 var VizBehavior_1 = __webpack_require__(6);
+
 var dynamicOptionsDSLType = {
   type: 'string',
   pattern: schemaUtils_1.DYNAMIC_OPTIONS_DSL_PATTERN
@@ -454,20 +498,22 @@ var dynamicOptionsDSLType = {
  * @param optionsSchema a visualization's options schema
  * @returns an updated options schema that additionally allows strings starting with > for each option
  */
+
 function enhanceOptionsSchemaWithDynamicOptions(optionsSchema) {
   var enhancedOptionsSchema = {};
   Object.keys(optionsSchema).forEach(function (key) {
     var _a = optionsSchema[key],
-      title = _a.title,
-      description = _a.description,
-      readOnly = _a.readOnly,
-      writeOnly = _a.writeOnly,
-      examples = _a.examples,
-      defaultValue = _a.default,
-      type = _a.type,
-      properties = _a.properties,
-      patternProperties = _a.patternProperties,
-      remainingSchemaEntry = __rest(_a, ["title", "description", "readOnly", "writeOnly", "examples", "default", "type", "properties", "patternProperties"]);
+        title = _a.title,
+        description = _a.description,
+        readOnly = _a.readOnly,
+        writeOnly = _a.writeOnly,
+        examples = _a.examples,
+        defaultValue = _a.default,
+        type = _a.type,
+        properties = _a.properties,
+        patternProperties = _a.patternProperties,
+        remainingSchemaEntry = __rest(_a, ["title", "description", "readOnly", "writeOnly", "examples", "default", "type", "properties", "patternProperties"]);
+
     var annotations = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, title !== undefined && {
       title: title
     }), description !== undefined && {
@@ -481,12 +527,14 @@ function enhanceOptionsSchemaWithDynamicOptions(optionsSchema) {
     }), defaultValue !== undefined && {
       default: defaultValue
     });
+
     if (type === 'object') {
       enhancedOptionsSchema[key] = Object.assign(Object.assign(Object.assign(Object.assign({}, remainingSchemaEntry), annotations), {
         type: type
       }), properties && {
         properties: enhanceOptionsSchemaWithDynamicOptions(properties)
       });
+
       if (patternProperties) {
         var enhancedPatternProperties = {};
         Object.keys(patternProperties).forEach(function (opt) {
@@ -504,6 +552,7 @@ function enhanceOptionsSchemaWithDynamicOptions(optionsSchema) {
   });
   return enhancedOptionsSchema;
 }
+
 exports.enhanceOptionsSchemaWithDynamicOptions = enhanceOptionsSchemaWithDynamicOptions;
 /**
  * Helper function to enhance a Visualization Config as needed based on behaviors specified in supports block
@@ -512,11 +561,14 @@ exports.enhanceOptionsSchemaWithDynamicOptions = enhanceOptionsSchemaWithDynamic
  * @returns an enhanced Visualization Config containing updated config entries based on behaviors it supports
  * and containing `open: false` for all editor panels in editorConfig
  */
+
 function enhanceConfig(vizConfig) {
   var enhancedConfig = Object.assign({}, vizConfig);
+
   if (vizConfig.supports.indexOf(VizBehavior_1.VizBehavior.DYNAMIC_OPTIONS) !== -1) {
     enhancedConfig.optionsSchema = enhanceOptionsSchemaWithDynamicOptions(vizConfig.optionsSchema);
   }
+
   enhancedConfig.editorConfig = vizConfig.editorConfig.map(function (config) {
     return Object.assign(Object.assign({}, config), {
       open: config.open || false
@@ -524,6 +576,7 @@ function enhanceConfig(vizConfig) {
   });
   return enhancedConfig;
 }
+
 exports.enhanceConfig = enhanceConfig;
 /**
  * Helper function to uncollapse all editor panels by adding `open: true` to the editorConfig
@@ -531,6 +584,7 @@ exports.enhanceConfig = enhanceConfig;
  * @param vizConfig a Visualization Config
  * @returns a Visualization Config containing `open: true` for all editor panels in editorConfig
  */
+
 function uncollapseEditorConfig(vizConfig) {
   var editorPanelUncollapsedConfig = Object.assign({}, vizConfig);
   editorPanelUncollapsedConfig.editorConfig = vizConfig.editorConfig.map(function (config) {
@@ -540,13 +594,16 @@ function uncollapseEditorConfig(vizConfig) {
   });
   return editorPanelUncollapsedConfig;
 }
+
 exports.uncollapseEditorConfig = uncollapseEditorConfig;
+
 function isDynamicOption(option) {
   return option && typeof option === 'string' && option.trim().startsWith('>') || false;
 }
-exports.isDynamicOption = isDynamicOption;
-// private helpers to improve readability of getInitialPreset
+
+exports.isDynamicOption = isDynamicOption; // private helpers to improve readability of getInitialPreset
 // this shouldn't be tested since this util isn't something that we expect to use outside of getInitialPreset
+
 /**
  * this checks to make sure that all values within vizContext are compatible with the given preset's context to determine the initialPreset
  * if a preset has explicitly specified a key as being undefined, the vizContext must also has that key as undefined, or else this CANNOT be the initialPreset
@@ -555,6 +612,7 @@ exports.isDynamicOption = isDynamicOption;
  *
  * Since the presetConfigs have explicit undefined keys to override the existing config, we need to explicitly check the undefined values
  */
+
 function hasCompatibleContexts(vizContext, presetContext) {
   var presetContextKeys = Object.keys(presetContext);
   return presetContextKeys.every(function (contextKey) {
@@ -564,6 +622,8 @@ function hasCompatibleContexts(vizContext, presetContext) {
 /**
  * Checks to make sure that dynamic (non-dynamic) options in a given preset are also dynamic (non-dynamic) in the vizOptions
  */
+
+
 function hasCompatibleOptions(vizOptions, presetOptions) {
   var presetOptionKeys = Object.keys(presetOptions);
   return presetOptionKeys.every(function (optionKey) {
@@ -578,18 +638,21 @@ function hasCompatibleOptions(vizOptions, presetOptions) {
  * @param {Object} vizOptions - the current vizOptions definition
  * @param {PresetEntry[]} presets - the list of presets, one of which can be considered an initialPreset
  */
+
+
 function getInitialPreset(vizContext, vizOptions, presets) {
   return presets.find(function (preset) {
     var presetContext = (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)
+    var presetOptionKeys = Object.keys(presetOptions); // all presets have to explicitly specify which options to reset (i.e. need explicitly undefined keys)
     // if not, then the preset is invalid in config.ts
+
     if (presetContextKeys.length === 0 || presetOptionKeys.length === 0) return false;
     return hasCompatibleContexts(vizContext, presetContext) && hasCompatibleOptions(vizOptions, presetOptions);
   });
 }
+
 exports.getInitialPreset = getInitialPreset;
 /**
  * generates number precision values for a Select editor
@@ -597,6 +660,7 @@ exports.getInitialPreset = getInitialPreset;
  * @param {Number} numPrecisionValues - number of integer precision values to generate
  * @returns {{ label: string; value; string  }[]} array of { label, value } tuples
  */
+
 function generatePrecisionValues(numPrecisionValues) {
   return (0, lodash_1.range)(0, numPrecisionValues + 1).map(function (i) {
     return {
@@ -605,6 +669,7 @@ function generatePrecisionValues(numPrecisionValues) {
     };
   });
 }
+
 exports.generatePrecisionValues = generatePrecisionValues;
 /**
  * insert layout in layout array, return a new layout array instead of updating the original
@@ -614,12 +679,15 @@ exports.generatePrecisionValues = generatePrecisionValues;
  * @param {EditorLayoutConfig[][]} layoutItems - the item(s) to insert
  * @returns {EditorLayoutConfig[][]} new editor layout with insertion
  */
+
 var insertLayout = function insertLayout(layout, index) {
   for (var _len = arguments.length, layoutItems = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
     layoutItems[_key - 2] = arguments[_key];
   }
+
   return [].concat(_toConsumableArray(layout.slice(0, index)), layoutItems, _toConsumableArray(layout.slice(index)));
 };
+
 exports.insertLayout = insertLayout;
 
 /***/ }),
@@ -690,11 +758,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.shouldShowIconPlaceholder = void 0;
+
 var React = __webpack_require__(1);
+
 var T = __webpack_require__(0);
+
 var lodash_1 = __webpack_require__(3);
+
 var i18n_1 = __webpack_require__(2);
+
 var Message_1 = __webpack_require__(10);
+
 var FixedSizeContainer_1 = __webpack_require__(13);
 /**
  * @method shouldShowIconPlaceholder
@@ -702,6 +776,8 @@ var FixedSizeContainer_1 = __webpack_require__(13);
  * @param {boolean} loading
  * @returns {boolean}
  */
+
+
 var shouldShowIconPlaceholder = function shouldShowIconPlaceholder(dataSources) {
   var loading = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   var data = (0, lodash_1.get)(dataSources, 'primary.data.columns[0]', undefined);
@@ -710,6 +786,7 @@ var shouldShowIconPlaceholder = function shouldShowIconPlaceholder(dataSources)
   var noFields = fields === undefined;
   return loading || noData || noFields;
 };
+
 exports.shouldShowIconPlaceholder = shouldShowIconPlaceholder;
 var propTypes = {
   icon: T.func,
@@ -724,11 +801,13 @@ var propTypes = {
  * @param {IconPlaceholderProps} props
  * @returns {React.ReactElement}
  */
+
 var IconPlaceholder = function IconPlaceholder(props) {
   var width = props.width,
-    height = props.height,
-    icon = props.icon,
-    iconColor = props.iconColor;
+      height = props.height,
+      icon = props.icon,
+      iconColor = props.iconColor;
+
   if (icon) {
     return React.createElement(icon, {
       style: {
@@ -740,9 +819,11 @@ var IconPlaceholder = function IconPlaceholder(props) {
         transform: 'translate(-50%, -50%)'
       },
       width: '50%',
-      height: '50%'
+      height: '50%',
+      'data-test': 'icon-placeholder'
     });
   }
+
   return React.createElement(Message_1.default, {
     width: width,
     height: height,
@@ -750,6 +831,7 @@ var IconPlaceholder = function IconPlaceholder(props) {
     message: (0, i18n_1._)('No DataSource Connected')
   });
 };
+
 IconPlaceholder.propTypes = propTypes;
 IconPlaceholder.defaultProps = {
   width: '100%',
@@ -766,21 +848,27 @@ exports.default = (0, FixedSizeContainer_1.default)(IconPlaceholder);
 
 
 var _defineProperty = __webpack_require__(7);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getSortingParams = exports.SortParamsPropTypes = void 0;
+
 var T = __webpack_require__(0);
+
 var lodash_1 = __webpack_require__(3);
-var DataSource_1 = __webpack_require__(43);
+
+var DataSource_1 = __webpack_require__(34);
+
 exports.SortParamsPropTypes = T.shape({
   currentSortKey: T.string,
   currentSortDir: T.oneOf(DataSource_1.validSortDirs),
   onSort: T.func
 });
+
 var getSortingParams = function getSortingParams(_ref) {
   var requestParams = _ref.requestParams,
-    onRequestParamsChange = _ref.onRequestParamsChange;
+      onRequestParamsChange = _ref.onRequestParamsChange;
   var currentSortKey;
   var currentSortDir;
   var nextSortDirMap = {
@@ -789,15 +877,18 @@ var getSortingParams = function getSortingParams(_ref) {
     none: 'asc'
   };
   var onSort;
+
   if (typeof onRequestParamsChange === 'function') {
     if (requestParams && (0, lodash_1.has)(requestParams, 'sort')) {
       currentSortKey = Object.keys(requestParams.sort).shift();
       currentSortDir = requestParams.sort[currentSortKey];
-    }
-    // undid memoization since there is a dependency on requestParams, which is a deeply nested object
+    } // undid memoization since there is a dependency on requestParams, which is a deeply nested object
+
+
     onSort = function onSort(e, _ref2) {
       var sortKey = _ref2.sortKey,
-        sortDir = _ref2.sortDir;
+          sortDir = _ref2.sortDir;
+
       if (typeof sortKey === 'string') {
         var nextSortDir = (0, lodash_1.has)(nextSortDirMap, sortDir) ? nextSortDirMap[sortDir] : 'none';
         onRequestParamsChange(Object.assign(Object.assign({}, requestParams), {
@@ -809,12 +900,14 @@ var getSortingParams = function getSortingParams(_ref) {
       }
     };
   }
+
   return {
     currentSortKey: currentSortKey,
     currentSortDir: currentSortDir,
     onSort: onSort
   };
 };
+
 exports.getSortingParams = getSortingParams;
 
 /***/ }),
@@ -825,43 +918,69 @@ exports.getSortingParams = getSortingParams;
 "use strict";
 
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validOutputModes = exports.validSegmentationModes = exports.validSortDirs = void 0;
+exports.validSortDirs = ['asc', 'desc', 'none'];
+exports.validSegmentationModes = ['none', 'inner'];
+exports.validOutputModes = ['json_cols', 'json'];
+
+/***/ }),
+
+/***/ 35:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getPaginationParams = exports.PaginatorParamsPropTypes = void 0;
+
 var T = __webpack_require__(0);
+
 var lodash_1 = __webpack_require__(3);
+
 exports.PaginatorParamsPropTypes = T.shape({
   isPaging: T.bool,
   current: T.number,
   totalPages: T.number,
   onChange: T.func
 });
+
 var getPaginationParams = function getPaginationParams(_ref) {
   var requestParams = _ref.requestParams,
-    meta = _ref.meta,
-    onRequestParamsChange = _ref.onRequestParamsChange;
+      meta = _ref.meta,
+      onRequestParamsChange = _ref.onRequestParamsChange;
   var totalCount = meta && meta.totalCount || 0;
   var offset = requestParams && requestParams.offset || 0;
   var count = requestParams && requestParams.count;
   var totalPages = typeof count === 'number' && count > 0 ? Math.ceil(totalCount / count) : 0;
   var current = typeof count === 'number' && count > 0 ? Math.floor(offset / count) + 1 : 0;
   var isPaging = totalPages > 1 && typeof onRequestParamsChange === 'function';
+
   var onChangeHandler = function onChangeHandler(e, _ref2) {
     var page = _ref2.page,
-      countArg = _ref2.count;
+        countArg = _ref2.count;
     var newParams = (0, lodash_1.cloneDeep)(requestParams);
+
     if (typeof countArg === 'number') {
       newParams.count = countArg;
       newParams.offset = 0;
     }
+
     var pageCount = typeof newParams.count === 'number' ? newParams.count : 10;
+
     if (typeof page === 'number' && page > 0) {
       newParams.count = pageCount;
       newParams.offset = (page - 1) * pageCount;
     }
+
     onRequestParamsChange(newParams);
   };
+
   return {
     isPaging: isPaging,
     current: current,
@@ -869,11 +988,12 @@ var getPaginationParams = function getPaginationParams(_ref) {
     onChange: typeof onRequestParamsChange === 'function' ? onChangeHandler : lodash_1.noop
   };
 };
+
 exports.getPaginationParams = getPaginationParams;
 
 /***/ }),
 
-/***/ 35:
+/***/ 36:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -884,6 +1004,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.VizCategory = void 0;
 var VizCategory;
+
 (function (VizCategory) {
   VizCategory["SINGLE_VALUE"] = "Single Value";
   VizCategory["TRENDS"] = "Trends";
@@ -901,67 +1022,96 @@ var VizCategory;
 
 /***/ }),
 
-/***/ 36:
+/***/ 37:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
 var _slicedToArray = __webpack_require__(17);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var React = __webpack_require__(1);
+
 var lodash_1 = __webpack_require__(3);
-var getSettingsFromThemedProps_1 = __webpack_require__(37);
+
+var getSettingsFromThemedProps_1 = __webpack_require__(38);
+
 var Options_1 = __webpack_require__(30);
-var SanitizeProps_1 = __webpack_require__(38);
+
+var SanitizeProps_1 = __webpack_require__(39);
+
 var TimezoneContext_1 = __webpack_require__(26);
-var moment_1 = __webpack_require__(39);
+
+var moment_1 = __webpack_require__(40);
+
 var FeatureFlagContext_1 = __webpack_require__(21);
+
 var styled_components_1 = __webpack_require__(4);
+
 var hocUtils_1 = __webpack_require__(27);
+
 var JSONSchemaUtils_1 = __webpack_require__(28);
-var async_dynamic_options_evaluator_1 = __webpack_require__(40);
+
+var async_dynamic_options_evaluator_1 = __webpack_require__(41);
+
 var id_1 = __webpack_require__(25);
-var SplunkVisualization_1 = __webpack_require__(41);
+
+var SplunkVisualization_1 = __webpack_require__(42);
+
 var VizBehavior_1 = __webpack_require__(6);
+
 var getSorting_1 = __webpack_require__(33);
-var getPagination_1 = __webpack_require__(34);
+
+var getPagination_1 = __webpack_require__(35);
+
 var useDeepMemo_1 = __webpack_require__(44);
+
 var MissingPropsMessage_1 = __webpack_require__(45);
+
 var withEditModeCover_1 = __webpack_require__(46);
+
 var withPlaceholder_1 = __webpack_require__(47);
 /**
  * hoc that wraps a pure react visualization in a Dashboard visualization
  * @param {DashboardVizOpts} opts
  * @returns {HOC}
  */
+
+
 var withDashboardViz = function withDashboardViz(opts) {
   var ReactViz = opts.ReactViz,
-    vizConfig = opts.vizConfig,
-    _opts$computeVizProps = opts.computeVizProps,
-    computeVizProps = _opts$computeVizProps === void 0 ? function () {} : _opts$computeVizProps,
-    disableEditModeCover = opts.disableEditModeCover,
-    useIconPlaceholder = opts.useIconPlaceholder; // sanitizing props before sending them to reactviz.
+      vizConfig = opts.vizConfig,
+      _opts$computeVizProps = opts.computeVizProps,
+      computeVizProps = _opts$computeVizProps === void 0 ? function () {} : _opts$computeVizProps,
+      disableEditModeCover = opts.disableEditModeCover,
+      useIconPlaceholder = opts.useIconPlaceholder; // sanitizing props before sending them to reactviz.
+
   var SanitizedReactViz = (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,
-      hasEventHandlers = props.hasEventHandlers,
-      dataSources = props.dataSources,
-      options = props.options,
-      _props$context = props.context,
-      context = _props$context === void 0 ? {} : _props$context,
-      width = props.width,
-      height = props.height,
-      onComputedProps = props.onComputedProps,
-      onEventTrigger = props.onEventTrigger,
-      theme = props.theme,
-      onRequestParamsChange = props.onRequestParamsChange;
+        hasEventHandlers = props.hasEventHandlers,
+        dataSources = props.dataSources,
+        options = props.options,
+        _props$context = props.context,
+        context = _props$context === void 0 ? {} : _props$context,
+        width = props.width,
+        height = props.height,
+        onComputedProps = props.onComputedProps,
+        onEventTrigger = props.onEventTrigger,
+        theme = props.theme,
+        onRequestParamsChange = props.onRequestParamsChange;
+
     var _React$useContext = React.useContext(TimezoneContext_1.default),
-      serializedTimezone = _React$useContext.serializedTimezone;
+        serializedTimezone = _React$useContext.serializedTimezone;
+
     if (serializedTimezone) {
       /*
           @splunk/moment currently does not allow us to customize the timezone on a per visualization basis.
@@ -975,38 +1125,51 @@ var withDashboardViz = function withDashboardViz(opts) {
         moment_1.default.setDefaultSplunkTimezone(serializedTimezone);
       }
     }
+
     var themeFunc = function themeFunc(themeVar) {
       var _a, _b;
+
       return (_b = (_a = vizConfig.themes)[themeVar]) === null || _b === void 0 ? void 0 : _b.call(_a, props);
     };
+
     var bgColorFromTheme = themeFunc('defaultBackgroundColor');
+
     var _ref = (0, getSettingsFromThemedProps_1.default)({
-        theme: theme
-      }),
-      currentThemeFamily = _ref.family,
-      currentThemeColorScheme = _ref.colorScheme,
-      currentThemeDensity = _ref.density;
+      theme: theme
+    }),
+        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
+        _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((0, id_1.createGUID)())),
-      _React$useState4 = _slicedToArray(_React$useState3, 1),
-      visualizationID = _React$useState4[0];
+        _React$useState4 = _slicedToArray(_React$useState3, 1),
+        visualizationID = _React$useState4[0];
+
     var _React$useState5 = React.useState({}),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      dataSourcesInState = _React$useState6[0],
-      setDataSourcesInState = _React$useState6[1];
+        _React$useState6 = _slicedToArray(_React$useState5, 2),
+        dataSourcesInState = _React$useState6[0],
+        setDataSourcesInState = _React$useState6[1];
+
     var _React$useState7 = React.useState(),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      dataFramesInState = _React$useState8[0],
-      setDataFramesInState = _React$useState8[1];
+        _React$useState8 = _slicedToArray(_React$useState7, 2),
+        dataFramesInState = _React$useState8[0],
+        setDataFramesInState = _React$useState8[1];
+
     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];
+        _React$useState10 = _slicedToArray(_React$useState9, 2),
+        useAsyncEvaluatedOptions = _React$useState10[0],
+        setUseAsyncEvaluatedOptions = _React$useState10[1];
+
     var isMounted = React.useRef(true);
     evaluatedOptions = (0, useDeepMemo_1.useDeepMemo)(function () {
       try {
@@ -1031,11 +1194,13 @@ var withDashboardViz = function withDashboardViz(opts) {
           });
         } else {
           var dataFrames = dataFramesInState;
+
           if (dataSources !== dataSourcesInState) {
             setDataSourcesInState(dataSources);
             dataFrames = Options_1.Options.dataFrameFromDataSource(dataSources);
             setDataFramesInState(dataFrames);
           }
+
           return Options_1.Options.evaluate({
             context: (0, lodash_1.defaultsDeep)({}, context, vizConfig.defaultContext),
             options: (0, hocUtils_1.deepMergeWithArrayPrimitiveOverrides)({}, options, defaultOptions)
@@ -1046,21 +1211,24 @@ var withDashboardViz = function withDashboardViz(opts) {
         console.error("unexpected error evaluating options: ".concat(e.message));
         return {};
       }
+
       return {};
     }, [currentThemeFamily, currentThemeColorScheme, currentThemeDensity, options, context, dataSources, serializedTimezone, useAsyncEvaluatedOptions]);
-    var evaluatedOptionsToUse = !useAsyncEvaluatedOptions ? evaluatedOptions : evaluatedOptionsAsync;
-    // trellis specific backgroundColor update for onComputedProps
+    var evaluatedOptionsToUse = !useAsyncEvaluatedOptions ? evaluatedOptions : evaluatedOptionsAsync; // trellis specific backgroundColor update for onComputedProps
     // if trellis is enabled following these three criteria - 1) trellis feature flag is enabled 2) vizConfig supports array has 'trellis' 3)  option 'splitByLayout' is set to 'trellis
     // onComputedProps api should return back trellisBackgroundColor value for backgroundColor option to support coloring of sibling panels (for eg:- title/ description on UDF side)
+
     var isTrellisFeatureFlagOn = Boolean(featureFlagContext && featureFlagContext.visualizations_enableTrellis);
     var clonedEvaluatedOptions = evaluatedOptionsToUse;
+
     if (isTrellisFeatureFlagOn && ((_a = vizConfig === null || vizConfig === void 0 ? void 0 : vizConfig.supports) === null || _a === void 0 ? void 0 : _a.includes(VizBehavior_1.VizBehavior.TRELLIS)) && (clonedEvaluatedOptions === null || clonedEvaluatedOptions === void 0 ? void 0 : clonedEvaluatedOptions.splitByLayout) === VizBehavior_1.VizBehavior.TRELLIS) {
       clonedEvaluatedOptions = Object.assign(Object.assign({}, evaluatedOptionsToUse), {
         backgroundColor: clonedEvaluatedOptions === null || clonedEvaluatedOptions === void 0 ? void 0 : clonedEvaluatedOptions.trellisBackgroundColor
       });
-    }
-    // useEffect hook needs to be initialized before any early returns
+    } // useEffect hook needs to be initialized before any early returns
     // this is in accordance with the order of hook calls being the same on each render https://reactjs.org/docs/hooks-rules.html#explanation
+
+
     React.useEffect(function () {
       onComputedProps(clonedEvaluatedOptions);
     });
@@ -1070,53 +1238,68 @@ var withDashboardViz = function withDashboardViz(opts) {
           isMounted.current = false;
           async_dynamic_options_evaluator_1.default.reset(visualizationID);
         }
-      };
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    // present warning message if any required props are missing
+      }; // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []); // present warning message if any required props are missing
+
     var _vizConfig$requiredPr = vizConfig.requiredProps,
-      requiredProps = _vizConfig$requiredPr === void 0 ? [] : _vizConfig$requiredPr,
-      supports = vizConfig.supports;
+        requiredProps = _vizConfig$requiredPr === void 0 ? [] : _vizConfig$requiredPr,
+        supports = vizConfig.supports;
     var missing = (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, {
-        "data-test": "missing-props-message",
-        width: width,
-        height: height,
-        missingProps: missing,
-        backgroundColor: bgColorFromTheme
-      });
-    }
-    // events
+        return React.createElement(MissingPropsMessage_1.default, {
+          "data-test": "missing-props-message",
+          width: width,
+          height: height,
+          missingProps: missing,
+          backgroundColor: bgColorFromTheme
+        });
+      } // events
+
+
     var eventCallbackProps = {};
+
     if (hasEventHandlers && mode === 'view' && vizConfig.supports.indexOf(VizBehavior_1.VizBehavior.EVENTS) > -1) {
       var supportedEvents = vizConfig.events;
       Object.keys(supportedEvents).forEach(function (eventName) {
-        var eventCallbackPropName = (0, lodash_1.camelCase)("on.".concat(eventName));
-        eventCallbackProps[eventCallbackPropName] = null;
-        // todo: refactor single value and single value icon to send payload from viz
+        var _supportedEvents$even = supportedEvents[eventName],
+            parentKeys = _supportedEvents$even.parentKeys,
+            payloadKeys = _supportedEvents$even.payloadKeys;
+        var eventCallbackPropName = (0, lodash_1.camelCase)("on.".concat(eventName)); // todo: refactor single value and single value icon to send payload from viz
         // then remove these lines
-        var payloadKeys = supportedEvents[eventName].payloadKeys;
+
         var payload = {};
+
         if (Array.isArray(payloadKeys) && payloadKeys.length) {
           payloadKeys.forEach(function (p) {
             payload[p] = evaluatedOptionsToUse[p];
           });
         }
+
         eventCallbackProps[eventCallbackPropName] = function (ev) {
           if (ev && ev.payload) {
             payload = ev.payload;
           }
+
           return onEventTrigger({
             originalEvent: ev,
             payload: payload,
             type: eventName
           });
         };
+
+        if (parentKeys) {
+          for (var i = parentKeys.length - 1; i >= 0; i -= 1) {
+            var newObject = {};
+            newObject[parentKeys[i]] = eventCallbackProps[eventCallbackPropName];
+            eventCallbackProps[eventCallbackPropName] = newObject;
+          }
+        }
       });
-    }
-    // compute pure viz props which are not from options
+    } // compute pure viz props which are not from options
+
+
     var computedVizProps = computeVizProps(Object.assign(Object.assign(Object.assign(Object.assign({}, props), evaluatedOptionsToUse), eventCallbackProps), {
       themeFunc: themeFunc
     }));
@@ -1134,15 +1317,19 @@ var withDashboardViz = function withDashboardViz(opts) {
      * In future, we could automatically detect which all datasources are being used
      * and bind those magically to pagination/sorting behavior.
      */
+
     var dataSourceMetadata = {};
     var OptionKey = 'paginateDataSourceKey';
     var paginateDataSourceKey = (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 = (0, getSorting_1.getSortingParams)({
         requestParams: requestParams,
         meta: meta,
@@ -1157,115 +1344,132 @@ var withDashboardViz = function withDashboardViz(opts) {
         sortParams: sortParams,
         paginatorParams: paginatorParams
       };
-    }
-    // if were using webworkers and this is the first render we dont want to show a viz with missing data so we return null
+    } // if were using webworkers and this is the first render we dont want to show a viz with missing data so we return null
+
+
     if (useAsyncEvaluatedOptions && Object.keys(evaluatedOptionsToUse).length === 0) {
       return null;
     }
+
     return React.createElement(SanitizedReactViz, Object.assign({
       mode: mode,
       width: width,
       height: height
     }, evaluatedOptionsToUse, computedVizProps, eventCallbackProps, dataSourceMetadata));
   };
+
   DashboardViz.propTypes = Object.assign(Object.assign({}, SplunkVisualization_1.default.propTypes), ReactViz.propTypes);
   DashboardViz.defaultProps = Object.assign(Object.assign(Object.assign({}, SplunkVisualization_1.default.defaultProps), ReactViz.defaultProps), {
     // using withTheme requires component to receive theme prop. In case the consumer did not provide ThemeProvider, a default empty object will prevent warnings.
     theme: {}
-  });
-  // attach viz config
-  DashboardViz.config = vizConfig;
-  // @ts-ignore: TODO fix sc upgrade TS issues
+  }); // attach viz config
+
+  DashboardViz.config = vizConfig; // @ts-ignore: TODO fix sc upgrade TS issues
+
   return (0, styled_components_1.withTheme)((0, withPlaceholder_1.default)((0, withEditModeCover_1.default)(DashboardViz, disableEditModeCover), useIconPlaceholder));
 };
+
 exports.default = withDashboardViz;
 
 /***/ }),
 
-/***/ 37:
+/***/ 38:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/getSettingsFromThemedProps");
 
 /***/ }),
 
-/***/ 38:
+/***/ 39:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/SanitizeProps");
 
 /***/ }),
 
-/***/ 39:
+/***/ 4:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/moment");
+module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 4:
+/***/ 40:
 /***/ (function(module, exports) {
 
-module.exports = require("styled-components");
+module.exports = require("@splunk/moment");
 
 /***/ }),
 
-/***/ 40:
+/***/ 41:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/async-dynamic-options-evaluator");
 
 /***/ }),
 
-/***/ 41:
+/***/ 42:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
 var _classCallCheck = __webpack_require__(9);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.INITIAL_HEIGHT = exports.INITIAL_WIDTH = void 0;
 /* eslint-disable react/no-unused-prop-types,react/prefer-stateless-function */
+
 var T = __webpack_require__(0);
+
 var lodash_1 = __webpack_require__(3);
-var VizActionHandler_1 = __webpack_require__(42);
-// this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
+
+var VizActionHandler_1 = __webpack_require__(43); // this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
+
+
 exports.INITIAL_WIDTH = 250;
 exports.INITIAL_HEIGHT = 250;
 /**
  * A Splunk visualization
  */
+
 var SplunkVisualization = function SplunkVisualization() {
   _classCallCheck(this, SplunkVisualization);
 };
+
 SplunkVisualization.propTypes = {
   /**
    * display mode
    */
   mode: T.oneOf(['view', 'edit', 'export']).isRequired,
+
   /**
    * width in pixel or string, defaults to 100%
    */
   width: T.oneOfType([T.string, T.number]).isRequired,
+
   /**
    * height in pixel or string
    */
   height: T.oneOfType([T.string, T.number]).isRequired,
+
   /**
    * visualization context used for dynamic option evaluation
    */
   context: T.object,
+
   /**
    * visualization formatting options
    */
   options: T.object,
+
   /**
    * A callback to update formatting options
    */
   onOptionsChange: T.func,
+
   /**
    * datasource state which include data and request params, object key indicate the datasource type.
    */
@@ -1274,6 +1478,7 @@ SplunkVisualization.propTypes = {
      * current request params
      */
     requestParams: T.object,
+
     /**
      * current dataset
      */
@@ -1281,6 +1486,7 @@ SplunkVisualization.propTypes = {
       fields: T.array,
       columns: T.array
     }),
+
     /**
      * error
      */
@@ -1288,29 +1494,35 @@ SplunkVisualization.propTypes = {
       level: T.string,
       message: T.string
     }),
+
     /**
      * meta data that came with the dataset
      */
     meta: T.object
   })),
+
   /**
    * A callback to trigger event
    */
   onEventTrigger: T.func,
+
   /**
    * Inform viz if there are handlers listening to events
    */
   hasEventHandlers: T.bool,
+
   /**
    * A callback to communicate computed props to a consumer
    */
   onComputedProps: T.func,
+
   /**
    * A callback to obtain visualization api
    */
   vizActionHandlerRef: T.func,
   loading: T.bool,
   theme: T.object,
+
   /**
    * A callback to request new data with updated request params
    */
@@ -1319,6 +1531,7 @@ SplunkVisualization.propTypes = {
 /**
  *
  */
+
 SplunkVisualization.defaultProps = {
   // BaseVisualization in dashboard-visualizations uses 100% for width but 250 for height
   width: '100%',
@@ -1347,26 +1560,29 @@ exports.default = SplunkVisualization;
 
 /***/ }),
 
-/***/ 42:
+/***/ 43:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
 var _classCallCheck = __webpack_require__(9);
+
 var _createClass = __webpack_require__(18);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DefaultVizActionHandler = void 0;
+
 var DefaultVizActionHandler = /*#__PURE__*/function () {
   function DefaultVizActionHandler() {
     _classCallCheck(this, DefaultVizActionHandler);
   }
+
   _createClass(DefaultVizActionHandler, [{
     key: "focus",
-    value: function focus() {
-      // noop
+    value: function focus() {// noop
     }
   }, {
     key: "snapshot",
@@ -1374,23 +1590,11 @@ var DefaultVizActionHandler = /*#__PURE__*/function () {
       return null; // noop
     }
   }]);
+
   return DefaultVizActionHandler;
 }();
-exports.DefaultVizActionHandler = DefaultVizActionHandler;
-
-/***/ }),
-
-/***/ 43:
-/***/ (function(module, exports, __webpack_require__) {
 
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.validSortDirs = void 0;
-exports.validSortDirs = ['asc', 'desc', 'none'];
+exports.DefaultVizActionHandler = DefaultVizActionHandler;
 
 /***/ }),
 
@@ -1404,7 +1608,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useDeepMemo = void 0;
+
 var react_1 = __webpack_require__(1);
+
 var lodash_1 = __webpack_require__(3);
 /**
  * This hook evaluates and stores the result of a passed function and only
@@ -1419,16 +1625,21 @@ var lodash_1 = __webpack_require__(3);
  * @param fn the function to be executed and
  * @param dependencies an array of dependencies
  */
+
+
 var useDeepMemo = function useDeepMemo(fn, dependencies) {
   var ref = (0, react_1.useRef)();
+
   if (!ref.current || !(0, lodash_1.isEqual)(dependencies, ref.current.dependencies)) {
     ref.current = {
       dependencies: dependencies,
       value: fn()
     };
   }
+
   return ref.current.value;
 };
+
 exports.useDeepMemo = useDeepMemo;
 
 /***/ }),
@@ -1443,19 +1654,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MissingPropsMessage = exports.missingKeys = exports.isMissing = void 0;
+
 var React = __webpack_require__(1);
+
 var T = __webpack_require__(0);
+
 var i18n_1 = __webpack_require__(2);
+
 var Message_1 = __webpack_require__(10);
+
 var FixedSizeContainer_1 = __webpack_require__(13);
 /**
  * @method isMissing
  * @param {any} v
  * @returns {boolean} true if the input value === null or undefined
  */
+
+
 var isMissing = function isMissing(v) {
   return v === null || v === undefined;
 };
+
 exports.isMissing = isMissing;
 /**
  * @method misskingKeys
@@ -1463,11 +1682,13 @@ exports.isMissing = isMissing;
  * @param {object} target
  * @returns {string[]} the keys of missing required props
  */
+
 var missingKeys = function missingKeys(keys, target) {
   return keys.filter(function (k) {
     return (0, exports.isMissing)(target[k]);
   });
 };
+
 exports.missingKeys = missingKeys;
 var propTypes = {
   width: T.oneOfType([T.string, T.number]),
@@ -1481,10 +1702,11 @@ var propTypes = {
  * @param {MissingPropsProps} props
  * @returns {React.ReactElement}
  */
+
 var MissingPropsMessage = function MissingPropsMessage(props) {
   var width = props.width,
-    height = props.height,
-    missingProps = props.missingProps;
+      height = props.height,
+      missingProps = props.missingProps;
   return React.createElement(Message_1.default, {
     "data-test": "message",
     width: width,
@@ -1492,6 +1714,7 @@ var MissingPropsMessage = function MissingPropsMessage(props) {
     message: (0, i18n_1._)("Missing property: ".concat(missingProps.join(', ')))
   });
 };
+
 exports.MissingPropsMessage = MissingPropsMessage;
 exports.MissingPropsMessage.propTypes = propTypes;
 exports.MissingPropsMessage.defaultProps = {
@@ -1511,15 +1734,19 @@ exports.default = (0, FixedSizeContainer_1.default)(exports.MissingPropsMessage)
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var React = __webpack_require__(1);
+
 var styled_components_1 = __webpack_require__(4);
+
 var hocUtils_1 = __webpack_require__(15);
+
 var Cover = styled_components_1.default.div.withConfig({
   displayName: "withEditModeCover__Cover",
   componentId: "sc-1gsbnxb-0"
 })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
 var Blocker = styled_components_1.default.div.attrs({
-  'data-splunk-visualization-version': "26.0.0 - 2f7458907"
+  'data-splunk-visualization-version': "26.1.1 - b6df0a015"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
@@ -1530,6 +1757,7 @@ var Blocker = styled_components_1.default.div.attrs({
  * @param {ExtendedDashViz} Visualization
  * @returns {ExtendedDashViz} Wrapper
  */
+
 var withEditModeCover = function withEditModeCover(Visualization, disableEditModeCover) {
   var Wrapper = function Wrapper(props) {
     var mode = props.mode;
@@ -1538,12 +1766,14 @@ var withEditModeCover = function withEditModeCover(Visualization, disableEditMod
       "data-test": "edit-mode-cover"
     }));
   };
+
   (0, hocUtils_1.extendStaticWrapperProps)({
     Wrapper: Wrapper,
     Visualization: Visualization
   });
   return Wrapper;
 };
+
 exports.default = withEditModeCover;
 
 /***/ }),
@@ -1557,27 +1787,37 @@ exports.default = withEditModeCover;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var React = __webpack_require__(1);
+
 var colorUtils_1 = __webpack_require__(12);
+
 var variables_1 = __webpack_require__(11);
+
 var IconPlaceholder_1 = __webpack_require__(32);
+
 var VizBehavior_1 = __webpack_require__(6);
+
 var hocUtils_1 = __webpack_require__(15);
+
 var withPlaceholder = function withPlaceholder(Visualization) {
   var useIconPlaceholder = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : IconPlaceholder_1.shouldShowIconPlaceholder;
   var config = Visualization.config;
   var themes = config.themes;
+
   var Wrapper = function Wrapper(props) {
     var _a, _b;
+
     var dataSources = props.dataSources,
-      loading = props.loading,
-      options = props.options,
-      height = props.height,
-      width = props.width;
+        loading = props.loading,
+        options = props.options,
+        height = props.height,
+        width = props.width;
     var showPlaceholder = useIconPlaceholder(dataSources, loading, options);
     var bgColorFromTheme = (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) {
       return React.createElement(IconPlaceholder_1.default, {
         "data-test": "icon-placeholder",
@@ -1588,14 +1828,17 @@ var withPlaceholder = function withPlaceholder(Visualization) {
         iconColor: iconColor
       });
     }
+
     return React.createElement(Visualization, Object.assign({}, props));
   };
+
   (0, hocUtils_1.extendStaticWrapperProps)({
     Wrapper: Wrapper,
     Visualization: Visualization
   });
   return Wrapper;
 };
+
 exports.default = withPlaceholder;
 
 /***/ }),
@@ -1609,6 +1852,7 @@ exports.default = withPlaceholder;
 var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
   if (k2 === undefined) k2 = k;
   var desc = Object.getOwnPropertyDescriptor(m, k);
+
   if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
     desc = {
       enumerable: true,
@@ -1617,25 +1861,30 @@ var __createBinding = this && this.__createBinding || (Object.create ? function
       }
     };
   }
+
   Object.defineProperty(o, k2, desc);
 } : function (o, m, k, k2) {
   if (k2 === undefined) k2 = k;
   o[k2] = m[k];
 });
+
 var __exportStar = this && this.__exportStar || function (m, exports) {
   for (var p in m) {
     if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
   }
 };
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-// NOTE: wildcard syntax only works for named exports
+exports.default = void 0; // NOTE: wildcard syntax only works for named exports
 // for some reason, omitting the default export worked before TS v4
 // see: https://stackoverflow.com/a/34445175
-__exportStar(__webpack_require__(168), exports);
-var Table_1 = __webpack_require__(168);
+
+__exportStar(__webpack_require__(169), exports);
+
+var Table_1 = __webpack_require__(169);
+
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
@@ -1659,21 +1908,35 @@ module.exports = require("@babel/runtime/helpers/extends");
 
 
 var _toConsumableArray = __webpack_require__(8);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var i18n_1 = __webpack_require__(2);
+
 var lodash_1 = __webpack_require__(3);
+
 var schemaUtils_1 = __webpack_require__(16);
+
 var colorConstants_1 = __webpack_require__(49);
+
 var visualization_icons_1 = __webpack_require__(52);
+
 var placeholders_1 = __webpack_require__(50);
+
 var variables_1 = __webpack_require__(11);
+
 var pick_1 = __webpack_require__(23);
+
 var configUtils_1 = __webpack_require__(20);
+
 var VizBehavior_1 = __webpack_require__(6);
+
 var consts_1 = __webpack_require__(137);
-var VizCategory_1 = __webpack_require__(35);
+
+var VizCategory_1 = __webpack_require__(36);
+
 var dataContract = {
   requiredDataSources: [{
     name: 'primary',
@@ -2150,8 +2413,8 @@ var themes = {
       enterprise: {
         dark: variables_1.default.contentColorInverted(props),
         light: variables_1.default.white(props) // equal to textColor in enterpriseDark
-      },
 
+      },
       prisma: variables_1.default.contentColorInverted(props)
     })(props);
   }
@@ -2318,7 +2581,7 @@ var editorConfig = [{
       },
       value: function value(_ref) {
         var context = _ref.context,
-          options = _ref.options;
+            options = _ref.options;
         return {
           context: context,
           columnFormat: options.columnFormat,
@@ -2332,16 +2595,19 @@ var editorConfig = [{
 /**
  * visualization configuration
  */
+
 var config = {
   /**
    * unique viz key
    */
   key: 'splunk.table',
+
   /**
    * viz name
    */
   name: (0, i18n_1._)('Table'),
   category: VizCategory_1.VizCategory.TABLE,
+
   /**
    * viz icon
    */
@@ -2371,43 +2637,69 @@ exports.default = (0, configUtils_1.enhanceConfig)(config);
 
 
 var _slicedToArray = __webpack_require__(17);
+
 var _taggedTemplateLiteral = __webpack_require__(59);
+
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
+
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
+
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.INITIAL_UNSET_COLUMN_WIDTH = exports.MINIMUM_COLUMN_SIZE = void 0;
+
 var React = __webpack_require__(1);
+
 var T = __webpack_require__(0);
+
 var lodash_1 = __webpack_require__(3);
+
 var styled_components_1 = __webpack_require__(4);
+
 var i18n_1 = __webpack_require__(2);
+
 var Table_1 = __webpack_require__(112);
-var Paginator_1 = __webpack_require__(93);
+
+var Paginator_1 = __webpack_require__(94);
+
 var Message_1 = __webpack_require__(124);
+
 var colorUtils_1 = __webpack_require__(12);
+
 var style_1 = __webpack_require__(14);
+
 var pick_1 = __webpack_require__(23);
+
 var variables_1 = __webpack_require__(11);
+
 var hooks_1 = __webpack_require__(482);
+
 var consts_1 = __webpack_require__(137);
+
 var cells_1 = __webpack_require__(483);
-var getPagination_1 = __webpack_require__(34);
+
+var getPagination_1 = __webpack_require__(35);
+
 var getSorting_1 = __webpack_require__(33);
-var FixedSizeContainer_1 = __webpack_require__(13);
-// debounce was imported this way due to typing
+
+var FixedSizeContainer_1 = __webpack_require__(13); // debounce was imported this way due to typing
 // eslint-disable-next-line import/order
+
+
 var debounce = __webpack_require__(488);
+
 exports.MINIMUM_COLUMN_SIZE = 30;
 exports.INITIAL_UNSET_COLUMN_WIDTH = 90;
 var NonVisibleTableHead = (0, styled_components_1.default)(Table_1.default.Head)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    pointer-events: none;\n    & [data-test='head-cell'] > div {\n        height: 0;\n        padding: 0;\n        margin: 0;\n    }\n"])));
@@ -2442,9 +2734,9 @@ var SUITableContainer = styled_components_1.default.div.withConfig({
   return props.lineHeight;
 }, function (_ref3) {
   var width = _ref3.width,
-    height = _ref3.height,
-    isPaging = _ref3.isPaging,
-    theme = _ref3.theme;
+      height = _ref3.height,
+      isPaging = _ref3.isPaging,
+      theme = _ref3.theme;
   var padding = (0, pick_1.default)({
     enterprise: variables_1.default.spacingHalf({
       theme: theme
@@ -2478,69 +2770,79 @@ var PaginatorContainer = styled_components_1.default.div.withConfig({
   displayName: "PureTable__PaginatorContainer",
   componentId: "tovzjg-2"
 })(["position:relative;text-align:right;height:", "px;"], PAGINATOR_CONTAINER_HEIGHT);
-PaginatorContainer.displayName = 'PaginatorContainer';
-// allow for early return in case of empty tableBody while still following hook rules
+PaginatorContainer.displayName = 'PaginatorContainer'; // allow for early return in case of empty tableBody while still following hook rules
+
 var withEmptyTableMessage = function withEmptyTableMessage(Viz) {
   // TODO(fkurniawan): add omit type to differentiate WrapperProps from PureTableProps
   var Wrapper = function Wrapper(props) {
     var headers = props.headers,
-      table = props.table,
-      headerVisibility = props.headerVisibility,
-      showRowNumbers = props.showRowNumbers,
-      showInternalFields = props.showInternalFields,
-      tableFormat = props.tableFormat,
-      columnFormat = props.columnFormat,
-      paginatorParams = props.paginatorParams,
-      count = props.count;
+        table = props.table,
+        headerVisibility = props.headerVisibility,
+        showRowNumbers = props.showRowNumbers,
+        showInternalFields = props.showInternalFields,
+        tableFormat = props.tableFormat,
+        columnFormat = props.columnFormat,
+        paginatorParams = props.paginatorParams,
+        count = props.count;
+
     var _ref8 = (0, hooks_1.useTable)({
-        headers: headers,
-        table: table,
-        headerVisibility: headerVisibility,
-        showRowNumbers: showRowNumbers,
-        showInternalFields: showInternalFields,
-        tableFormat: Object.assign(Object.assign(Object.assign(Object.assign({}, tableFormat), (tableFormat === null || tableFormat === void 0 ? void 0 : tableFormat.align) && {
-          align: (0, lodash_1.cloneDeep)(tableFormat.align)
-        }), (tableFormat === null || tableFormat === void 0 ? void 0 : tableFormat.cellTypes) && {
-          cellTypes: (0, lodash_1.cloneDeep)(tableFormat.cellTypes)
-        }), (tableFormat === null || tableFormat === void 0 ? void 0 : tableFormat.data) && {
-          data: (0, lodash_1.cloneDeep)(tableFormat.data)
-        }),
-        columnFormat: columnFormat,
-        paginationOffset: paginatorParams === null || paginatorParams === void 0 ? void 0 : paginatorParams.current,
-        count: count
+      headers: headers,
+      table: table,
+      headerVisibility: headerVisibility,
+      showRowNumbers: showRowNumbers,
+      showInternalFields: showInternalFields,
+      tableFormat: Object.assign(Object.assign(Object.assign(Object.assign({}, tableFormat), (tableFormat === null || tableFormat === void 0 ? void 0 : tableFormat.align) && {
+        align: (0, lodash_1.cloneDeep)(tableFormat.align)
+      }), (tableFormat === null || tableFormat === void 0 ? void 0 : tableFormat.cellTypes) && {
+        cellTypes: (0, lodash_1.cloneDeep)(tableFormat.cellTypes)
+      }), (tableFormat === null || tableFormat === void 0 ? void 0 : tableFormat.data) && {
+        data: (0, lodash_1.cloneDeep)(tableFormat.data)
       }),
-      tableHeader = _ref8.tableHeader,
-      tableBody = _ref8.tableBody;
+      columnFormat: columnFormat,
+      paginationOffset: paginatorParams === null || paginatorParams === void 0 ? void 0 : paginatorParams.current,
+      count: count
+    }),
+        tableHeader = _ref8.tableHeader,
+        tableBody = _ref8.tableBody;
+
     if (tableBody.rows.length === 0) {
       return React.createElement(Message_1.default, {
         type: "warning"
       }, (0, i18n_1._)('No data!'));
     }
+
     return React.createElement(Viz, Object.assign({}, props, {
       tableHeader: tableHeader,
       tableBody: tableBody
     }));
   };
+
   Wrapper.displayName = 'PureTableWrapper';
   return Wrapper;
 };
+
 var useTableHead = function useTableHead(visibility) {
   if (visibility === 'none') {
     return NonVisibleTableHead;
   }
+
   if (visibility === 'fixed') {
     return FixedTableHead;
   }
+
   return Table_1.default.Head;
 };
+
 var HeadCell = function HeadCell(_a) {
   var value = _a.value,
-    props = __rest(_a, ["value"]);
+      props = __rest(_a, ["value"]);
+
   var cellRef = React.useRef(null);
   return React.createElement(TableHeadCell, Object.assign({
     elementRef: cellRef
   }, props), value);
 };
+
 var fontMap = {
   proportional: 'Splunk Platform Sans',
   monospace: 'Splunk Platform Mono'
@@ -2560,40 +2862,44 @@ var rowHeightMap = {
 var tableInnerStyle = {
   height: '100%'
 };
+
 var PureTable = function PureTable(props) {
   var count = props.count,
-    width = props.width,
-    height = props.height,
-    backgroundColor = props.backgroundColor,
-    tableHeader = props.tableHeader,
-    tableBody = props.tableBody,
-    showRowNumbers = props.showRowNumbers,
-    _props$sortParams = props.sortParams,
-    currentSortKey = _props$sortParams.currentSortKey,
-    currentSortDir = _props$sortParams.currentSortDir,
-    onSort = _props$sortParams.onSort,
-    _a = props.paginatorParams,
-    isPaging = _a.isPaging,
-    paginatorOnChange = _a.onChange,
-    paginatorProps = __rest(_a, ["isPaging", "onChange"]),
-    onCellClick = props.onCellClick,
-    onColumnFormatChange = props.onColumnFormatChange,
-    columnFormat = props.columnFormat,
-    mode = props.mode,
-    headerVisibility = props.headerVisibility,
-    font = props.font,
-    fontSize = props.fontSize;
+      width = props.width,
+      height = props.height,
+      backgroundColor = props.backgroundColor,
+      tableHeader = props.tableHeader,
+      tableBody = props.tableBody,
+      showRowNumbers = props.showRowNumbers,
+      _props$sortParams = props.sortParams,
+      currentSortKey = _props$sortParams.currentSortKey,
+      currentSortDir = _props$sortParams.currentSortDir,
+      onSort = _props$sortParams.onSort,
+      _a = props.paginatorParams,
+      isPaging = _a.isPaging,
+      paginatorOnChange = _a.onChange,
+      paginatorProps = __rest(_a, ["isPaging", "onChange"]),
+      onCellClick = props.onCellClick,
+      onColumnFormatChange = props.onColumnFormatChange,
+      columnFormat = props.columnFormat,
+      mode = props.mode,
+      headerVisibility = props.headerVisibility,
+      font = props.font,
+      fontSize = props.fontSize;
+
   var _React$useState = React.useState(columnFormat),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    columns = _React$useState2[0],
-    setColumns = _React$useState2[1];
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      columns = _React$useState2[0],
+      setColumns = _React$useState2[1];
+
   var containerRef = React.useRef(null);
-  var containerRefInner = React.useRef(null);
-  // this state avoids unncessary column sorting when column resize ends
+  var containerRefInner = React.useRef(null); // this state avoids unncessary column sorting when column resize ends
+
   var _React$useState3 = React.useState(false),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    isResizing = _React$useState4[0],
-    setResizing = _React$useState4[1];
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      isResizing = _React$useState4[0],
+      setResizing = _React$useState4[1];
+
   var firstRenderCount = React.useRef(count);
   React.useEffect(function () {
     if (firstRenderCount.current !== count) {
@@ -2616,6 +2922,7 @@ var PureTable = function PureTable(props) {
   var TableHead = useTableHead(headerVisibility);
   var tableCellClickHandler = React.useCallback(function (e) {
     setResizing(false); // The resizing state will be set back to false on any cell click
+
     return onCellClick ? drilldownHandler(e) : lodash_1.noop;
   }, [onCellClick, showRowNumbers, tableHeader, tableBody]);
   var debouncedDrilldown = debounce(function (e, payload) {
@@ -2628,11 +2935,13 @@ var PureTable = function PureTable(props) {
       }
     }
   }, 200);
+
   var drilldownHandler = function drilldownHandler(e) {
     var element = e.target;
     var row = element.getAttribute('data-row-index');
     var col = element.getAttribute('data-col-index');
     var arrayIndex = element.getAttribute('data-array-index') || -1;
+
     if (row && col) {
       var cellRefIndex = +col;
       var cellIndex = cellRefIndex;
@@ -2640,16 +2949,18 @@ var PureTable = function PureTable(props) {
       var fieldValue = tableHeader.cells[cellRefIndex].value;
       var cellValue = tableBody.rows[rowIndex].cells[cellRefIndex].value;
       var cellRawValue = tableBody.rows[rowIndex].cells[cellRefIndex].value;
-      var value = arrayIndex === -1 ? cellValue : cellRawValue[+arrayIndex];
-      // Wish we did not have these if statements for
+      var value = arrayIndex === -1 ? cellValue : cellRawValue[+arrayIndex]; // Wish we did not have these if statements for
       // showRowNumbers
+
       if (showRowNumbers === true) {
         if (cellIndex === 0) {
           // no click event for row numbers
           return;
         }
+
         cellIndex -= 1;
       }
+
       var payload = {
         cellIndex: cellIndex,
         rowIndex: rowIndex,
@@ -2666,23 +2977,28 @@ var PureTable = function PureTable(props) {
       debouncedDrilldown(e.nativeEvent, payload);
     }
   };
+
   var debouncedOnColumnFormatChange = React.useMemo(function () {
     return debounce(function (newFormat) {
       onColumnFormatChange(newFormat);
     }, 300);
   }, [onColumnFormatChange]);
+
   var handleEventClick = function handleEventClick(e) {
     // Hack to target the resize handlers, since the only button within a HeadCell is the resize handlers
     if (e.target.tagName.toLowerCase() === 'button') {
       e.stopPropagation();
     }
   };
+
   var handleKeyDown = function handleKeyDown(e) {
     if (e.keyCode !== 13) {
       return;
     }
+
     drilldownHandler(e);
   };
+
   var handleResizeColumn = function handleResizeColumn(_event, payload) {
     setResizing(true);
     var updatedCF = columns;
@@ -2690,12 +3006,13 @@ var PureTable = function PureTable(props) {
     updatedCF[field] = Object.assign(Object.assign({}, updatedCF[field]), {
       width: Math.max(payload.width, exports.MINIMUM_COLUMN_SIZE)
     });
-    setColumns(Object.assign({}, updatedCF));
-    // Updates column json in edit mode
+    setColumns(Object.assign({}, updatedCF)); // Updates column json in edit mode
+
     if (mode === 'edit') {
       debouncedOnColumnFormatChange(updatedCF);
     }
   };
+
   var fontMapped = fontMap[font] || fontMap.proportional;
   var fontSizeMapped = fontSizeMap[fontSize] || fontSizeMap.default;
   var rowHeightMapped = rowHeightMap[fontSize] || rowHeightMap.default;
@@ -2710,7 +3027,9 @@ var PureTable = function PureTable(props) {
   });
   var numberOfFixedHeaders = visibleHeaderCells.filter(function (_ref9) {
     var value = _ref9.value;
+
     var _a, _b;
+
     return ((_a = columns[value]) === null || _a === void 0 ? void 0 : _a.width) && ((_b = columns[value]) === null || _b === void 0 ? void 0 : _b.width) !== 'auto';
   }).length;
   var isFullyFixed = visibleHeaderCells.length === numberOfFixedHeaders;
@@ -2718,7 +3037,8 @@ var PureTable = function PureTable(props) {
   return React.createElement(VizTableContainer, {
     isCellClickable: Boolean(onCellClick),
     backgroundColor: backgroundColor,
-    ref: containerRef
+    ref: containerRef,
+    "data-test": "table-container"
   }, React.createElement(SUITableContainer, {
     ref: containerRefInner,
     width: width,
@@ -2739,11 +3059,13 @@ var PureTable = function PureTable(props) {
     onRequestResizeColumn: handleResizeColumn
   }, React.createElement(TableHead, null, visibleHeaderCells.map(function (_a) {
     var _b, _c;
+
     var key = _a.key,
-      value = _a.value,
-      sortKey = _a.sortKey,
-      style = _a.style,
-      rest = __rest(_a, ["key", "value", "sortKey", "style"]);
+        value = _a.value,
+        sortKey = _a.sortKey,
+        style = _a.style,
+        rest = __rest(_a, ["key", "value", "sortKey", "style"]);
+
     return React.createElement(HeadCell, Object.assign({
       key: key,
       columnId: value,
@@ -2767,6 +3089,7 @@ var PureTable = function PureTable(props) {
       return c.showCell;
     }).map(function (cell) {
       var _a, _b;
+
       return React.createElement(cells_1.SwitchTableCell, {
         key: cell.key,
         type: cell.cellType
@@ -2786,6 +3109,7 @@ var PureTable = function PureTable(props) {
     onChange: paginatorOnChange
   }, paginatorProps))) : null);
 };
+
 var cellDataType = T.oneOfType([T.string, T.number, T.arrayOf(T.oneOfType([T.string, T.number]))]);
 PureTable.propTypes = {
   backgroundColor: T.string,
@@ -2862,17 +3186,24 @@ exports.default = withEmptyTableMessage((0, FixedSizeContainer_1.default)(PureTa
 
 
 var _toConsumableArray = __webpack_require__(8);
+
 var _typeof = __webpack_require__(82);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useTable = exports.getTextOverflowType = exports.getOverflowStyles = void 0;
+
 var lodash_1 = __webpack_require__(3);
+
 var colorUtils_1 = __webpack_require__(12);
+
 var consts_1 = __webpack_require__(137);
+
 var isArray = function isArray(v) {
   return Array.isArray(v);
 };
+
 var textOverflowStyles = {
   anywhere: {
     wordBreak: 'break-all'
@@ -2889,20 +3220,26 @@ var textOverflowStyles = {
   }
 };
 var empty = {};
+
 var getOverflowStyles = function getOverflowStyles(_ref) {
   var textOverflow = _ref.textOverflow;
   return textOverflowStyles[textOverflow] || empty;
 };
+
 exports.getOverflowStyles = getOverflowStyles;
+
 var generateKey = function generateKey() {
   var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   var i = arguments.length > 1 ? arguments[1] : undefined;
   return "".concat(i, "-").concat(value);
 };
+
 var getTextOverflowType = function getTextOverflowType(columnFormat, currentColumn) {
   return (0, lodash_1.get)(columnFormat, ["".concat(currentColumn), 'textOverflow']);
 };
+
 exports.getTextOverflowType = getTextOverflowType;
+
 var generateHeader = function generateHeader(value, i, columnFormat, showInternalFields) {
   var ret = {
     key: generateKey(value, i),
@@ -2910,9 +3247,11 @@ var generateHeader = function generateHeader(value, i, columnFormat, showInterna
     sortKey: value,
     showCell: true
   };
+
   if (!showInternalFields && value.charAt(0) === '_' && value !== '_time') {
     ret.showCell = false;
   }
+
   var textOverflowType = (0, exports.getTextOverflowType)(columnFormat, value);
   var textOverflowStyle = (0, exports.getOverflowStyles)({
     textOverflow: textOverflowType
@@ -2922,101 +3261,131 @@ var generateHeader = function generateHeader(value, i, columnFormat, showInterna
   ret.style = textOverflowStyle;
   return ret;
 };
+
 var getColumnFormatAlign = function getColumnFormatAlign(columnFormat, currentColumn, currentRow) {
   var alignOption = (0, lodash_1.get)(columnFormat, [currentColumn.value, 'align']);
   var align;
+
   if (isArray(alignOption) && (0, lodash_1.includes)(consts_1.validAlignments, alignOption[currentRow])) {
     align = alignOption[currentRow];
   } else if (typeof alignOption !== 'undefined') {
     console.warn("columnFormat.".concat(currentColumn.value, ".align should be an array containing (").concat(consts_1.validAlignments.join(' | '), "). ").concat(JSON.stringify(alignOption), " provided"));
   }
+
   return align;
 };
+
 var getColumnFormatCellType = function getColumnFormatCellType(columnFormat, currentColumn, currentRow) {
   var cellTypes = (0, lodash_1.get)(columnFormat, [currentColumn.value, 'cellTypes']);
   var cellType;
+
   if (isArray(cellTypes) && (0, lodash_1.includes)(consts_1.validCellRenderers, cellTypes[currentRow])) {
     cellType = cellTypes[currentRow];
   } else if (typeof cellTypes !== 'undefined') {
     console.warn("columnFormat.".concat(currentColumn.value, ".cellType should be an array containing (").concat(consts_1.validCellRenderers.join(' | '), "). ").concat(JSON.stringify(cellTypes), " provided"));
   }
+
   return cellType;
 };
+
 var getColumnFormatSparklineType = function getColumnFormatSparklineType(columnFormat, currentColumn, currentRow) {
   var types = (0, lodash_1.get)(columnFormat, [currentColumn.value, 'sparklineTypes']);
   var sparklineType;
+
   if (isArray(types) && (0, lodash_1.includes)(consts_1.validSparklineTypes, types[currentRow])) {
     sparklineType = types[currentRow];
   } else if (typeof types !== 'undefined') {
     console.warn("columnFormat.".concat(currentColumn.value, ".sparklineTypes should be one of (").concat(consts_1.validSparklineTypes.join(' | '), "). ").concat(JSON.stringify(types), " provided"));
   }
+
   return sparklineType;
 };
+
 var getColumnFormatData = function getColumnFormatData(columnFormat, currentColumn, currentRow) {
   var data = (0, lodash_1.get)(columnFormat, [currentColumn.value, 'data']);
   var datum;
+
   if (isArray(data)) {
     datum = data[currentRow];
   } else if (typeof data !== 'undefined') {
     console.warn("columnFormat.".concat(currentColumn.value, ".data should be an array containing formatted data. ").concat(_typeof(data), " provided"));
   }
+
   return datum;
 };
+
 var getColumnFormatColor = function getColumnFormatColor(columnFormat, currentColumn, currentRow, field) {
   var colors = (0, lodash_1.get)(columnFormat, [currentColumn.value, field]);
   var color;
+
   if (isArray(colors) && (0, colorUtils_1.isColor)(colors[currentRow])) {
     color = colors[currentRow];
   } else if (typeof colors !== 'undefined') {
     console.warn("columnFormat.".concat(currentColumn.value, ".").concat(field, " should be an array containing valid colors. ").concat(JSON.stringify(colors), " provided"));
   }
+
   return color;
 };
+
 var getColumnFormatRowColor = function getColumnFormatRowColor(columnFormat, currentColumn, currentRow) {
   return getColumnFormatColor(columnFormat, currentColumn, currentRow, 'rowColors');
 };
+
 var getColumnFormatRowBgColor = function getColumnFormatRowBgColor(columnFormat, currentColumn, currentRow) {
   return getColumnFormatColor(columnFormat, currentColumn, currentRow, 'rowBackgroundColors');
 };
+
 var getColumnFormatSparklineColor = function getColumnFormatSparklineColor(columnFormat, currentColumn, currentRow) {
   return getColumnFormatColor(columnFormat, currentColumn, currentRow, 'sparklineColors');
 };
+
 var getColumnFormatSparklineAreaColor = function getColumnFormatSparklineAreaColor(columnFormat, currentColumn, currentRow) {
   return getColumnFormatColor(columnFormat, currentColumn, currentRow, 'sparklineAreaColors');
 };
+
 var getTableFormatAlign = function getTableFormatAlign(tableFormat, currentColumn, currentRow) {
   var alignOption = (0, lodash_1.get)(tableFormat, 'align');
   var align;
+
   if (isArray(alignOption) && isArray(alignOption[currentColumn]) && (0, lodash_1.includes)(consts_1.validAlignments, alignOption[currentColumn][currentRow])) {
     align = alignOption[currentColumn][currentRow];
   } else if (typeof alignOption !== 'undefined') {
     console.warn("tableFormat.align should be a 2 dimensional array containing (".concat(consts_1.validAlignments.join(' | '), "). ").concat(JSON.stringify(alignOption), " provided"));
   }
+
   return align;
 };
+
 var getTableFormatCellType = function getTableFormatCellType(tableFormat, currentColumn, currentRow) {
   var cellTypes = (0, lodash_1.get)(tableFormat, 'cellTypes');
   var cellType;
+
   if (isArray(cellTypes) && isArray(cellTypes[currentColumn]) && (0, lodash_1.includes)(consts_1.validCellRenderers, cellTypes[currentColumn][currentRow])) {
     cellType = cellTypes[currentColumn][currentRow];
   } else if (typeof cellTypes !== 'undefined') {
     console.warn("tableFormat.cellType should be a 2 dimensional array containing (".concat(consts_1.validCellRenderers.join(' | '), "). ").concat(JSON.stringify(cellTypes), " provided"));
   }
+
   return cellType;
 };
+
 var getTableFormatSparklineType = function getTableFormatSparklineType(tableFormat, currentColumn, currentRow) {
   var types = (0, lodash_1.get)(tableFormat, 'sparklineTypes');
   var sparklineType;
+
   if (isArray(types) && isArray(types[currentColumn]) && (0, lodash_1.includes)(consts_1.validSparklineTypes, types[currentColumn][currentRow])) {
     sparklineType = types[currentColumn][currentRow];
   } else if (typeof types !== 'undefined') {
     console.warn("tableFormat.sparklineTypes should be a 2 dimensional array containing one of (".concat(consts_1.validSparklineTypes.join(' | '), "). ").concat(JSON.stringify(types), " provided"));
   }
+
   return sparklineType;
 };
+
 var getTableFormatColor = function getTableFormatColor(tableFormat, currentColumn, currentRow, field) {
   var colors = (0, lodash_1.get)(tableFormat, field);
   var color;
+
   if (isArray(colors) && isArray(colors[currentColumn]) && (0, colorUtils_1.isColor)(colors[currentColumn][currentRow])) {
     color = colors[currentColumn][currentRow];
   } else if (isArray(colors) && (0, colorUtils_1.isColor)(colors[currentRow])) {
@@ -3024,66 +3393,81 @@ var getTableFormatColor = function getTableFormatColor(tableFormat, currentColum
   } else if (typeof colors !== 'undefined' && isArray(colors) && isArray(colors[currentColumn]) && colors[currentColumn][currentRow] !== undefined) {
     console.warn("tableFormat.".concat(field, " needs to be an array of colors, provided ").concat(JSON.stringify(colors), ". Current value at [").concat(currentColumn, "][").concat(currentRow, "] is ").concat(JSON.stringify(colors[currentRow])));
   }
+
   return color;
 };
+
 var getTableFormatRowColor = function getTableFormatRowColor(tableFormat, currentCol, currentRow) {
   return getTableFormatColor(tableFormat, currentCol, currentRow, 'rowColors');
 };
+
 var getTableFormatRowBgColor = function getTableFormatRowBgColor(tableFormat, currentCol, currentRow) {
   return getTableFormatColor(tableFormat, currentCol, currentRow, 'rowBackgroundColors');
 };
+
 var getTableFormatSparklineColor = function getTableFormatSparklineColor(tableFormat, currentCol, currentRow) {
   return getTableFormatColor(tableFormat, currentCol, currentRow, 'sparklineColors');
 };
+
 var getTableFormatSparklineAreaColor = function getTableFormatSparklineAreaColor(tableFormat, currentCol, currentRow) {
   return getTableFormatColor(tableFormat, currentCol, currentRow, 'sparklineAreaColors');
 };
+
 var getTableFormatData = function getTableFormatData(tableFormat, currentCol, currentRow) {
   var data = (0, lodash_1.get)(tableFormat, 'data');
   var datum;
+
   if (isArray(data) && isArray(data[currentCol])) {
     datum = data[currentCol][currentRow];
   } else if (typeof data !== 'undefined') {
     console.warn("tableFormat.data should be a 2 dimensional array containing formatted data to be displayed. ".concat(_typeof(data), " provided"));
   }
+
   return datum;
 };
+
 var validValueSelector = function validValueSelector(v1, v2, v3, defaultValue) {
   var validTypes = ['string', 'number'];
+
   if (validTypes.includes(_typeof(v1)) || isArray(v1)) {
     return v1;
   }
+
   if (validTypes.includes(_typeof(v2)) || isArray(v2)) {
     return v2;
   }
+
   if (validTypes.includes(_typeof(v3)) || isArray(v3)) {
     return v3;
   }
+
   return defaultValue;
 };
+
 var useTable = function useTable() {
   var tableArgs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var _tableArgs$table = tableArgs.table,
-    table = _tableArgs$table === void 0 ? [] : _tableArgs$table,
-    _tableArgs$headers = tableArgs.headers,
-    headers = _tableArgs$headers === void 0 ? [] : _tableArgs$headers;
+      table = _tableArgs$table === void 0 ? [] : _tableArgs$table,
+      _tableArgs$headers = tableArgs.headers,
+      headers = _tableArgs$headers === void 0 ? [] : _tableArgs$headers;
   var _tableArgs$headerVisi = tableArgs.headerVisibility,
-    headerVisibility = _tableArgs$headerVisi === void 0 ? 'inline' : _tableArgs$headerVisi,
-    _tableArgs$showRowNum = tableArgs.showRowNumbers,
-    showRowNumbers = _tableArgs$showRowNum === void 0 ? false : _tableArgs$showRowNum,
-    _tableArgs$showIntern = tableArgs.showInternalFields,
-    showInternalFields = _tableArgs$showIntern === void 0 ? true : _tableArgs$showIntern,
-    _tableArgs$tableForma = tableArgs.tableFormat,
-    tableFormat = _tableArgs$tableForma === void 0 ? {} : _tableArgs$tableForma,
-    _tableArgs$columnForm = tableArgs.columnFormat,
-    columnFormat = _tableArgs$columnForm === void 0 ? {} : _tableArgs$columnForm,
-    _tableArgs$pagination = tableArgs.paginationOffset,
-    paginationOffset = _tableArgs$pagination === void 0 ? 0 : _tableArgs$pagination,
-    _tableArgs$count = tableArgs.count,
-    count = _tableArgs$count === void 0 ? 0 : _tableArgs$count;
+      headerVisibility = _tableArgs$headerVisi === void 0 ? 'inline' : _tableArgs$headerVisi,
+      _tableArgs$showRowNum = tableArgs.showRowNumbers,
+      showRowNumbers = _tableArgs$showRowNum === void 0 ? false : _tableArgs$showRowNum,
+      _tableArgs$showIntern = tableArgs.showInternalFields,
+      showInternalFields = _tableArgs$showIntern === void 0 ? true : _tableArgs$showIntern,
+      _tableArgs$tableForma = tableArgs.tableFormat,
+      tableFormat = _tableArgs$tableForma === void 0 ? {} : _tableArgs$tableForma,
+      _tableArgs$columnForm = tableArgs.columnFormat,
+      columnFormat = _tableArgs$columnForm === void 0 ? {} : _tableArgs$columnForm,
+      _tableArgs$pagination = tableArgs.paginationOffset,
+      paginationOffset = _tableArgs$pagination === void 0 ? 0 : _tableArgs$pagination,
+      _tableArgs$count = tableArgs.count,
+      count = _tableArgs$count === void 0 ? 0 : _tableArgs$count;
   var longestColumnLength = Math.max.apply(Math, _toConsumableArray(table.map(function (column) {
     return column.length;
   })));
+
   if (showRowNumbers) {
     var correctedPaginationOffset = Math.max(0, (paginationOffset - 1) * count);
     headers = ['#'].concat(_toConsumableArray(headers));
@@ -3092,12 +3476,15 @@ var useTable = function useTable() {
     }, function (v, i) {
       return correctedPaginationOffset + i + 1;
     })].concat(_toConsumableArray(table));
+
     if (isArray(tableFormat.align)) {
       tableFormat.align = [new Array(longestColumnLength).fill('left')].concat(_toConsumableArray(tableFormat.align));
     }
+
     if (isArray(tableFormat.cellTypes)) {
       tableFormat.cellTypes = [new Array(longestColumnLength).fill('TextCell')].concat(_toConsumableArray(tableFormat.cellTypes));
     }
+
     if (isArray(tableFormat.data)) {
       tableFormat.data = [Array.from({
         length: longestColumnLength
@@ -3105,32 +3492,39 @@ var useTable = function useTable() {
         return "".concat(i + 1);
       })].concat(_toConsumableArray(tableFormat.data));
     }
+
     if (isArray(tableFormat.rowBackgroundColors)) {
       if (tableFormat.rowBackgroundColors.length > 0 && isArray(tableFormat.rowBackgroundColors[0])) {
         tableFormat.rowBackgroundColors = [new Array(longestColumnLength)].concat(_toConsumableArray(tableFormat.rowBackgroundColors));
       }
     }
+
     if (isArray(tableFormat.rowColors)) {
       if (tableFormat.rowColors.length > 0 && isArray(tableFormat.rowColors[0])) {
         tableFormat.rowColors = [new Array(longestColumnLength)].concat(_toConsumableArray(tableFormat.rowColors));
       }
     }
+
     if (isArray(tableFormat.sparklineColors)) {
       tableFormat.sparklineColors = [new Array(longestColumnLength)].concat(_toConsumableArray(tableFormat.sparklineColors));
     }
+
     if (isArray(tableFormat.sparklineAreaColors)) {
       tableFormat.sparklineAreaColors = [new Array(longestColumnLength)].concat(_toConsumableArray(tableFormat.sparklineAreaColors));
     }
+
     if (isArray(tableFormat.sparklineTypes)) {
       tableFormat.sparklineTypes = [new Array(longestColumnLength).fill('area')].concat(_toConsumableArray(tableFormat.sparklineTypes));
     }
   }
+
   var tableHeader = {
     visibility: consts_1.validHeaderVisibilities.indexOf(headerVisibility) >= 0 ? headerVisibility : 'inline',
     cells: table.map(function (f, i) {
       if (i < headers.length) {
         return generateHeader(headers[i], i, columnFormat, showInternalFields);
       }
+
       return generateHeader('', i, columnFormat, showInternalFields);
     }),
     style: {
@@ -3141,6 +3535,7 @@ var useTable = function useTable() {
   var tableBody = {
     rows: []
   };
+
   var _loop = function _loop(currentRow) {
     var row = {
       key: "row-".concat(currentRow),
@@ -3166,9 +3561,11 @@ var useTable = function useTable() {
       });
       additionalStyles = Object.assign(Object.assign({}, additionalStyles), textOverflowStyle);
       var showCell = true;
+
       if (!showInternalFields && currentHeader.value.charAt(0) === '_' && currentHeader.value !== '_time') {
         showCell = false;
       }
+
       row.cells.push({
         key: key,
         value: value,
@@ -3190,14 +3587,17 @@ var useTable = function useTable() {
     });
     tableBody.rows.push(row);
   };
+
   for (var currentRow = 0; currentRow < longestColumnLength; currentRow += 1) {
     _loop(currentRow);
   }
+
   return {
     tableHeader: tableHeader,
     tableBody: tableBody
   };
 };
+
 exports.useTable = useTable;
 
 /***/ }),
@@ -3211,6 +3611,7 @@ exports.useTable = useTable;
 var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
   if (k2 === undefined) k2 = k;
   var desc = Object.getOwnPropertyDescriptor(m, k);
+
   if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
     desc = {
       enumerable: true,
@@ -3219,22 +3620,29 @@ var __createBinding = this && this.__createBinding || (Object.create ? function
       }
     };
   }
+
   Object.defineProperty(o, k2, desc);
 } : function (o, m, k, k2) {
   if (k2 === undefined) k2 = k;
   o[k2] = m[k];
 });
+
 var __exportStar = this && this.__exportStar || function (m, exports) {
   for (var p in m) {
     if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
   }
 };
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 __exportStar(__webpack_require__(484), exports);
+
 __exportStar(__webpack_require__(485), exports);
+
 __exportStar(__webpack_require__(486), exports);
+
 __exportStar(__webpack_require__(487), exports);
 
 /***/ }),
@@ -3249,13 +3657,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SwitchTableCell = void 0;
+
 var SwitchTableCell = function SwitchTableCell(_ref) {
   var type = _ref.type,
-    children = _ref.children;
+      children = _ref.children;
   return children.filter(function (child) {
     return child.type.displayName === type;
   });
 };
+
 exports.SwitchTableCell = SwitchTableCell;
 
 /***/ }),
@@ -3270,14 +3680,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TextCell = void 0;
+
 var React = __webpack_require__(1);
+
 var Table_1 = __webpack_require__(112);
+
 var noop = function noop() {
   return undefined;
 };
+
 var TextCell = function TextCell(_ref) {
   var cell = _ref.cell,
-    useMouseOverEffect = _ref.useMouseOverEffect;
+      useMouseOverEffect = _ref.useMouseOverEffect;
   var cellStyle = React.useMemo(function () {
     return Object.assign({}, cell.style);
   }, [cell.style]);
@@ -3290,6 +3704,7 @@ var TextCell = function TextCell(_ref) {
     onClick: useMouseOverEffect ? noop : undefined
   }, cell.value.toString());
 };
+
 exports.TextCell = TextCell;
 exports.TextCell.displayName = 'TextCell';
 
@@ -3305,14 +3720,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ArrayCell = void 0;
+
 var React = __webpack_require__(1);
+
 var Table_1 = __webpack_require__(112);
+
 var noop = function noop() {
   return undefined;
 };
+
 var ArrayCell = function ArrayCell(_ref) {
   var cell = _ref.cell,
-    useMouseOverEffect = _ref.useMouseOverEffect;
+      useMouseOverEffect = _ref.useMouseOverEffect;
   var value = React.useMemo(function () {
     return Array.isArray(cell.value) ? cell.value : [cell.value];
   }, [cell.value]);
@@ -3333,6 +3752,7 @@ var ArrayCell = function ArrayCell(_ref) {
     }, v.toString());
   }));
 };
+
 exports.ArrayCell = ArrayCell;
 exports.ArrayCell.displayName = 'ArrayCell';
 
@@ -3345,15 +3765,21 @@ exports.ArrayCell.displayName = 'ArrayCell';
 
 
 var _slicedToArray = __webpack_require__(17);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SparklineCell = exports.validSparklineTypes = void 0;
+
 var React = __webpack_require__(1);
+
 var Table_1 = __webpack_require__(112);
+
 var SparkLine_1 = __webpack_require__(95);
+
 var paddingLeftRight = 5;
 var paddingTopBottom = 3;
+
 var parseSparklineData = function parseSparklineData(data) {
   return (Array.isArray(data) ? data : [data]).map(function (d) {
     return parseInt(d.toString(), 10);
@@ -3361,34 +3787,44 @@ var parseSparklineData = function parseSparklineData(data) {
     return isNaN(d) ? null : d;
   });
 }; // eslint-disable-line no-restricted-globals
+
+
 exports.validSparklineTypes = ['line', 'area'];
+
 var noop = function noop() {
   return undefined;
 };
+
 var svgStyle = {
   height: 0
 };
 var dummySVG = React.createElement("svg", {
   style: svgStyle
 });
+
 var SparklineCell = function SparklineCell(_ref) {
   var cell = _ref.cell,
-    useMouseOverEffect = _ref.useMouseOverEffect,
-    width = _ref.width;
+      useMouseOverEffect = _ref.useMouseOverEffect,
+      width = _ref.width;
+
   var _React$useState = React.useState(),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    cellEl = _React$useState2[0],
-    setEl = _React$useState2[1];
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      cellEl = _React$useState2[0],
+      setEl = _React$useState2[1];
+
   var _React$useState3 = React.useState(),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    height = _React$useState4[0],
-    setHeight = _React$useState4[1];
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      height = _React$useState4[0],
+      setHeight = _React$useState4[1];
+
   var data = React.useMemo(function () {
     return parseSparklineData(cell.value);
   }, [cell.value]);
+
   if (cell.value[0] === '##__SPARKLINE__##') {
     data = data.slice(1);
   }
+
   React.useLayoutEffect(function () {
     setHeight(cellEl === null || cellEl === void 0 ? void 0 : cellEl.offsetHeight);
   }, [cellEl]);
@@ -3427,6 +3863,7 @@ var SparklineCell = function SparklineCell(_ref) {
     fillColor: cell.sparklineAreaColor
   }) : dummySVG);
 };
+
 exports.SparklineCell = SparklineCell;
 exports.SparklineCell.displayName = 'SparklineCell';
 
@@ -3478,6 +3915,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.VizBehavior = void 0;
 var VizBehavior;
+
 (function (VizBehavior) {
   /**
    * Dynamic Options Behavior.
@@ -3497,6 +3935,7 @@ var VizBehavior;
    * missing.
    * @type {string}
    */
+
   VizBehavior["PLACEHOLDER"] = "placeholder";
   VizBehavior["PAGE_AND_SORT"] = "page-and-sort";
   VizBehavior["TRELLIS"] = "trellis";
@@ -3553,7 +3992,7 @@ module.exports = require("@babel/runtime/helpers/typeof");
 
 /***/ }),
 
-/***/ 87:
+/***/ 88:
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/assertThisInitialized");
@@ -3567,7 +4006,7 @@ module.exports = require("@babel/runtime/helpers/classCallCheck");
 
 /***/ }),
 
-/***/ 93:
+/***/ 94:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Paginator");
@@ -3585,7 +4024,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(18);
 /* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(87);
+/* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(88);
 /* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(71);
 /* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__);
@@ -3617,24 +4056,31 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 function _createSuper(Derived) {
   var hasNativeReflectConstruct = _isNativeReflectConstruct();
+
   return function _createSuperInternal() {
     var Super = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6___default()(Derived),
-      result;
+        result;
+
     if (hasNativeReflectConstruct) {
       var NewTarget = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6___default()(this).constructor;
+
       result = Reflect.construct(Super, arguments, NewTarget);
     } else {
       result = Super.apply(this, arguments);
     }
+
     return _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_5___default()(this, result);
   };
 }
+
 function _isNativeReflectConstruct() {
   if (typeof Reflect === "undefined" || !Reflect.construct) return false;
   if (Reflect.construct.sham) return false;
   if (typeof Proxy === "function") return true;
+
   try {
     Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
     return true;
@@ -3649,6 +4095,7 @@ function _isNativeReflectConstruct() {
 
 
 
+
 var StyledSvg = styled_components__WEBPACK_IMPORTED_MODULE_11___default.a.svg.withConfig({
   displayName: "SparkLine__StyledSvg",
   componentId: "sc-5oplra-0"
@@ -3657,21 +4104,29 @@ var StyledTooltip = styled_components__WEBPACK_IMPORTED_MODULE_11___default.a.di
   displayName: "SparkLine__StyledTooltip",
   componentId: "sc-5oplra-1"
 })(["padding:3px 8px;font-size:12px;"]);
+
 var SparkLine = /*#__PURE__*/function (_Component) {
   _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default()(SparkLine, _Component);
+
   var _super = _createSuper(SparkLine);
+
   function SparkLine(props) {
     var _this;
+
     _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1___default()(this, SparkLine);
+
     for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
       rest[_key - 1] = arguments[_key];
     }
+
     _this = _super.call.apply(_super, [this, props].concat(rest));
+
     _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3___default()(_this), "handleCursorMount", function (el) {
       _this.setState({
         anchor: el
       });
     });
+
     _this.state = {
       anchor: null,
       currentPointX: null,
@@ -3682,69 +4137,75 @@ var SparkLine = /*#__PURE__*/function (_Component) {
     _this.titleId = Object(_splunk_ui_utils_id__WEBPACK_IMPORTED_MODULE_14__["createDOMID"])();
     return _this;
   }
+
   _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2___default()(SparkLine, [{
     key: "getMax",
     value: function getMax() {
       var _this2 = this;
+
       var _this$props = this.props,
-        data = _this$props.data,
-        acceptNull = _this$props.acceptNull,
-        yMax = _this$props.yMax;
+          data = _this$props.data,
+          acceptNull = _this$props.acceptNull,
+          yMax = _this$props.yMax;
+
       var dataMax = function dataMax() {
         return acceptNull ? Object(lodash__WEBPACK_IMPORTED_MODULE_10__["max"])(_this2.fillNull(data)) : Object(lodash__WEBPACK_IMPORTED_MODULE_10__["max"])(data);
       };
+
       return yMax !== undefined ? yMax : dataMax();
     }
   }, {
     key: "getMin",
     value: function getMin() {
       var _this3 = this;
+
       var _this$props2 = this.props,
-        data = _this$props2.data,
-        acceptNull = _this$props2.acceptNull,
-        yMin = _this$props2.yMin;
+          data = _this$props2.data,
+          acceptNull = _this$props2.acceptNull,
+          yMin = _this$props2.yMin;
+
       var dataMin = function dataMin() {
         return acceptNull ? Object(lodash__WEBPACK_IMPORTED_MODULE_10__["min"])(_this3.fillNull(data)) : Object(lodash__WEBPACK_IMPORTED_MODULE_10__["min"])(data);
       };
+
       return yMin !== undefined ? yMin : dataMin();
     }
-
     /**
      * Gets unit value of x axis.
      * @param {Number} xMargin - margin of x axis.
      * @return {Number} unit value of x axis.
      * @private
      */
+
   }, {
     key: "getXUnit",
     value: function getXUnit(xMargin) {
       var _this$props3 = this.props,
-        data = _this$props3.data,
-        width = _this$props3.width; // Calculate xUnit. Width substract the left margin and right margin, then divide by data length.
+          data = _this$props3.data,
+          width = _this$props3.width; // Calculate xUnit. Width substract the left margin and right margin, then divide by data length.
+
       var xUnit = (width - xMargin * 2) / (data.length > 1 ? data.length - 1 : 1);
       return Math.max(0, xUnit);
     }
-
     /**
      * Gets unit value of y axis.
      * @param {String} yMargin - margin of y axis.
      * @return {Number} unit value of y axis.
      * @private
      */
+
   }, {
     key: "getYUnit",
     value: function getYUnit(yMargin) {
       var height = this.props.height;
       var maxValue = this.getMax();
-      var minValue = this.getMin();
-
-      // Calculate yUnit. Height substract the upper margin and bottom margin, then divide by value range of values in data.
+      var minValue = this.getMin(); // Calculate yUnit. Height substract the upper margin and bottom margin, then divide by value range of values in data.
       // if the maxValue equals minValue, means all values in data are the same, then, we need to set the YUnit at the mid value of Height.
       // So, draws sparkline right in the mid of the container.
+
       var yUnit = (height - yMargin * 2) / (maxValue - minValue || 2);
       return Math.max(0, yUnit);
     }
-
     /**
      * Get a list of arrays of points for drawing lines, based on acceptNull property
      * @method getSegmentSets
@@ -3752,6 +4213,7 @@ var SparkLine = /*#__PURE__*/function (_Component) {
      * @param {Array} points
      * @returns {Array} List of datapoint sets used for drawing lines
      */
+
   }, {
     key: "getSegmentSets",
     value: function getSegmentSets(data, points) {
@@ -3764,19 +4226,20 @@ var SparkLine = /*#__PURE__*/function (_Component) {
           // need at least 2 points to draw a segment
           if (currentLine.length > 1) {
             lines.push(currentLine);
-          }
-          // reset for the next segment
+          } // reset for the next segment
+
+
           currentLine = [];
         } else {
           // data is good, add point data
           currentLine.push(points[idx]);
         }
-      });
+      }); // Add the last line
 
-      // Add the last line
       if (currentLine.length > 1) {
         lines.push(currentLine);
       }
+
       return lines;
     }
   }, {
@@ -3792,7 +4255,6 @@ var SparkLine = /*#__PURE__*/function (_Component) {
         return value === null ? 0 : value;
       });
     }
-
     /**
      * Converts data to points in svg
      * @param {Number} xMargin - margin of x axis.
@@ -3800,6 +4262,7 @@ var SparkLine = /*#__PURE__*/function (_Component) {
      * @return {Array} points coordination.
      * @private
      */
+
   }, {
     key: "dataToPoints",
     value: function dataToPoints(xMargin, yMargin) {
@@ -3817,7 +4280,6 @@ var SparkLine = /*#__PURE__*/function (_Component) {
         return [p.x, p.y];
       });
     }
-
     /**
      * Renders rect area for helping figure out which is the nearest point so that
      * render related cursor and tooltip.
@@ -3826,16 +4288,20 @@ var SparkLine = /*#__PURE__*/function (_Component) {
      * @return {Array} array of svg rect objects
      * @private
      */
+
   }, {
     key: "renderRect",
     value: function renderRect(points, xMargin) {
       var _this4 = this;
+
       var _this$props4 = this.props,
-        data = _this$props4.data,
-        height = _this$props4.height;
+          data = _this$props4.data,
+          height = _this$props4.height;
       var xUnit = this.getXUnit(xMargin);
       return points.map(function (p, i) {
-        return /*#__PURE__*/(
+        return (
+          /*#__PURE__*/
+
           /* eslint-disable react/no-array-index-key */
           react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("rect", {
             // eslint-disable-line jsx-a11y/mouse-events-have-key-events
@@ -3858,33 +4324,32 @@ var SparkLine = /*#__PURE__*/function (_Component) {
             }
           })
           /* eslint-enable react/no-array-index-key */
+
         );
       });
-    }
+    } // Renders area chart
 
-    // Renders area chart
   }, {
     key: "renderArea",
     value: function renderArea(points) {
       var _this$props5 = this.props,
-        data = _this$props5.data,
-        fillColor = _this$props5.fillColor,
-        fillOpacity = _this$props5.fillOpacity,
-        height = _this$props5.height,
-        isArea = _this$props5.isArea;
+          data = _this$props5.data,
+          fillColor = _this$props5.fillColor,
+          fillOpacity = _this$props5.fillOpacity,
+          height = _this$props5.height,
+          isArea = _this$props5.isArea;
+
       if (!isArea || points.length === 0) {
         return null;
       }
+
       var segments = this.getSegmentSets(data, points);
       segments = segments.map(function (s) {
-        return s.concat([[s[s.length - 1][0], height],
-        // down to bottom of graph
-        [s[0][0], height],
-        // over to below first data point
+        return s.concat([[s[s.length - 1][0], height], // down to bottom of graph
+        [s[0][0], height], // over to below first data point
         s[0] // up to first data point to close the box
         ]);
       });
-
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("g", {
         "data-test": "area"
       }, segments.map(function (s) {
@@ -3904,11 +4369,11 @@ var SparkLine = /*#__PURE__*/function (_Component) {
     key: "renderCursor",
     value: function renderCursor() {
       var _this$props6 = this.props,
-        cursorStroke = _this$props6.cursorStroke,
-        cursorStrokeWidth = _this$props6.cursorStrokeWidth,
-        cursorStrokeLinecap = _this$props6.cursorStrokeLinecap,
-        cursorStrokeDasharray = _this$props6.cursorStrokeDasharray,
-        height = _this$props6.height;
+          cursorStroke = _this$props6.cursorStroke,
+          cursorStrokeWidth = _this$props6.cursorStrokeWidth,
+          cursorStrokeLinecap = _this$props6.cursorStrokeLinecap,
+          cursorStrokeDasharray = _this$props6.cursorStrokeDasharray,
+          height = _this$props6.height;
       return this.state.rectArea !== null && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("line", {
         "data-test": "cursor",
         ref: this.handleCursorMount,
@@ -3937,7 +4402,6 @@ var SparkLine = /*#__PURE__*/function (_Component) {
         animation: false
       }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement(StyledTooltip, null, this.state.anchor !== null ? this.state.tooltip : undefined));
     }
-
     /**
      * Renders one or more svg circles to highlight values on the sparkline
      * @method renderEndDots
@@ -3947,14 +4411,15 @@ var SparkLine = /*#__PURE__*/function (_Component) {
      * @returns {Object} React representation of SVG group
      * @private
      */
+
   }, {
     key: "renderEndDots",
     value: function renderEndDots(points, dotsToShow, xMargin) {
       var _this$props7 = this.props,
-        endDotFillColor = _this$props7.endDotFillColor,
-        endDotRadius = _this$props7.endDotRadius,
-        endDotStroke = _this$props7.endDotStroke,
-        endDotStrokeWidth = _this$props7.endDotStrokeWidth;
+          endDotFillColor = _this$props7.endDotFillColor,
+          endDotRadius = _this$props7.endDotRadius,
+          endDotStroke = _this$props7.endDotStroke,
+          endDotStrokeWidth = _this$props7.endDotStrokeWidth;
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("g", null, points.slice(-dotsToShow).map(function (point) {
         return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("circle", {
           key: "end-dot".concat(point[0]).concat(point[1]),
@@ -3970,21 +4435,21 @@ var SparkLine = /*#__PURE__*/function (_Component) {
         });
       }));
     }
-
     /**
      * Renders the line(s) above the area graph
      * @method renderPolyline
      * @param {Array} points
      * @returns {Object} SVG Group of polylines
      */
+
   }, {
     key: "renderPolyline",
     value: function renderPolyline(points) {
       var _this$props8 = this.props,
-        data = _this$props8.data,
-        lineColor = _this$props8.lineColor,
-        lineLength = _this$props8.lineLength,
-        lineStrokeWidth = _this$props8.lineStrokeWidth;
+          data = _this$props8.data,
+          lineColor = _this$props8.lineColor,
+          lineLength = _this$props8.lineLength,
+          lineStrokeWidth = _this$props8.lineStrokeWidth;
       var linePoints = Object(lodash__WEBPACK_IMPORTED_MODULE_10__["isFinite"])(lineLength) && lineLength > 0 ? lineLength : points.length;
       var lines = this.getSegmentSets(data.slice(-linePoints), points.slice(-linePoints));
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("g", {
@@ -4008,24 +4473,26 @@ var SparkLine = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this5 = this;
+
       var _this$props9 = this.props,
-        data = _this$props9.data,
-        elementRef = _this$props9.elementRef,
-        showTooltip = _this$props9.showTooltip,
-        showEndDot = _this$props9.showEndDot,
-        endDotRadius = _this$props9.endDotRadius,
-        endDotStrokeWidth = _this$props9.endDotStrokeWidth,
-        endDotCount = _this$props9.endDotCount,
-        height = _this$props9.height,
-        isArea = _this$props9.isArea,
-        lineStrokeWidth = _this$props9.lineStrokeWidth,
-        width = _this$props9.width,
-        title = _this$props9.title;
+          data = _this$props9.data,
+          elementRef = _this$props9.elementRef,
+          showTooltip = _this$props9.showTooltip,
+          showEndDot = _this$props9.showEndDot,
+          endDotRadius = _this$props9.endDotRadius,
+          endDotStrokeWidth = _this$props9.endDotStrokeWidth,
+          endDotCount = _this$props9.endDotCount,
+          height = _this$props9.height,
+          isArea = _this$props9.isArea,
+          lineStrokeWidth = _this$props9.lineStrokeWidth,
+          width = _this$props9.width,
+          title = _this$props9.title;
+
       if (data.length === 0) {
         return null;
-      }
+      } // Calculate horizontal and vertical margin so that fit line or end dot.
+
 
-      // Calculate horizontal and vertical margin so that fit line or end dot.
       var xMargin = endDotRadius + endDotStrokeWidth / 2;
       var yMargin = Math.max(lineStrokeWidth / 2, endDotRadius + endDotStrokeWidth / 2);
       var points = this.dataToPoints(xMargin, yMargin);
@@ -4055,84 +4522,114 @@ var SparkLine = /*#__PURE__*/function (_Component) {
       }, title || Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_13__["_"])('Source count over time sparkline trend')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("g", null, this.renderCursor(), this.renderPolyline(points), this.renderArea(points), dotsToShow ? this.renderEndDots(points, dotsToShow, xMargin) : null, showTooltip ? this.renderRect(points, xMargin) : null, showTooltip ? this.renderTooltip() : null)));
     }
   }]);
+
   return SparkLine;
 }(react__WEBPACK_IMPORTED_MODULE_9__["Component"]);
+
 _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(SparkLine, "propTypes", {
   /**
    * If true, data can contain `null` as a value and is treated as `0`. If false, this throws error when data contains `null`.
    */
   acceptNull: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.bool,
+
   /** Array of numbers. These data numbers are converted to points and show on sparkline. */
   data: function data(props) {
     if (!Object(lodash__WEBPACK_IMPORTED_MODULE_10__["isArray"])(props.data)) {
       return new Error('Data provided to Sparkline must be an array.');
     }
+
     if (props.acceptNull && !props.data.every(function (value) {
       return Object(lodash__WEBPACK_IMPORTED_MODULE_10__["isNull"])(value) || Object(lodash__WEBPACK_IMPORTED_MODULE_10__["isFinite"])(value);
     })) {
       return new Error('Data provided to Sparkline must be finite numbers or null.');
     }
+
     if (!props.acceptNull && !props.data.every(function (value) {
       return Object(lodash__WEBPACK_IMPORTED_MODULE_10__["isFinite"])(value);
     })) {
       return new Error('Data provided to Sparkline must be finite numbers.');
     }
+
     return null;
   },
+
   /** A React ref which is set to the DOM element when the component mounts and `null` when it unmounts. */
   elementRef: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.func, prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.object]),
+
   /** Sets the number of end dots to display. When showEndDot is set to `true`, endDotCount is at least 1. If set to a positive value, this overrides showEndDot. */
   endDotCount: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.number,
+
   /** Fills color to the end dot. */
   endDotFillColor: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.string,
+
   /**
    * Sets end dot radius. End dot radius must be less than or equal to the margin. By default, its value equals the margin.
    */
   endDotRadius: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.number,
+
   /** Sets end dot circle stroke color. */
   endDotStroke: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.string,
+
   /** Sets end dot circle stroke width in pixels. */
   endDotStrokeWidth: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.number,
+
   /** Fills color to area. */
   fillColor: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.string,
+
   /** Fills opacity to area. Value must be in 0 ~ 1. */
   fillOpacity: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.string,
+
   /** Sets cursor stroke color. */
   cursorStroke: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.string,
+
   /** Sets cursor stroke width in pixels. */
   cursorStrokeWidth: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.number,
+
   /** Sets cursor line cap style. */
   cursorStrokeLinecap: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.oneOf(['butt', 'round', 'square']),
+
   /** Sets cursor dash array style. */
   cursorStrokeDasharray: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.string,
+
   /**
    * Container height. If this value is specified, sparkline calculates the size using this height. If height isn't specified,
    * sparkline figures out the container height by itself.
    */
   height: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.number.isRequired,
+
   /** When set to `true`, sparkline shows as area. */
   isArea: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.bool,
+
   /** The sparkline line color. */
   lineColor: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.string,
+
   /** Allows user to draw only the last data points for the line. */
   lineLength: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.number,
+
   /** The sparkline line stroke width in pixels. */
   lineStrokeWidth: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.number,
+
   /** Enable to show end dot. */
   showEndDot: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.bool,
+
   /** Enable to show tooltip. */
   showTooltip: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.bool,
+
   /** Sets the data value range and maximum value shown on sparkline. */
   yMax: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.number,
+
   /** Sets the data value range and minimum value shown on sparkline. */
   yMin: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.number,
+
   /**
    * The width of the container.
    */
   width: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.number.isRequired,
+
   /** Sets the a11y title text on sparkline. */
   title: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.string
 });
+
 _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(SparkLine, "defaultProps", {
   acceptNull: false,
   data: [],
@@ -4153,6 +4650,7 @@ _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(Spa
   lineColor: '#65a637',
   lineStrokeWidth: 1
 });
+
 /* harmony default export */ __webpack_exports__["default"] = (SparkLine);
 
 /***/ })