@splunk/visualizations 25.13.1 → 26.1.0

package/LinkGraph.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 223);
+/******/ 	return __webpack_require__(__webpack_require__.s = 226);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -138,6 +138,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.VizBehavior = void 0;
 var VizBehavior;
+
 (function (VizBehavior) {
   /**
    * Dynamic Options Behavior.
@@ -157,6 +158,7 @@ var VizBehavior;
    * missing.
    * @type {string}
    */
+
   VizBehavior["PLACEHOLDER"] = "placeholder";
   VizBehavior["PAGE_AND_SORT"] = "page-and-sort";
   VizBehavior["TRELLIS"] = "trellis";
@@ -208,40 +210,46 @@ module.exports = require("@splunk/visualizations-shared/colorUtils");
 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 {
     style: {
-      width: style_1.toPx(width)
+      width: (0, style_1.toPx)(width)
     }
   };
 }).withConfig({
   displayName: "FixedSizeContainer__Item",
   componentId: "sc-1yhgpod-0"
 })(["position:relative;background-color:", "};"], function (props) {
-  return colorUtils_1.isColor(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor;
-});
-// Use `.attrs()` for highly dynamic styles. Ref: https://github.com/styled-components/styled-components/issues/134#issuecomment-312415291
+  return (0, colorUtils_1.isColor)(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor;
+}); // Use `.attrs()` for highly dynamic styles. Ref: https://github.com/styled-components/styled-components/issues/134#issuecomment-312415291
+
 var FixSizeItem = styled_components_1.default.div.attrs(function (_ref2) {
   var width = _ref2.width,
-    height = _ref2.height;
+      height = _ref2.height;
   return {
     style: Object.assign(Object.assign({}, width && {
-      width: style_1.toPx(width)
+      width: (0, style_1.toPx)(width)
     }), height && {
-      height: style_1.toPx(height)
+      height: (0, style_1.toPx)(height)
     })
   };
 }).withConfig({
   displayName: "FixedSizeContainer__FixSizeItem",
   componentId: "sc-1yhgpod-1"
 })(["position:relative;flex-direction:column;flex:1;display:flex;background-color:", "};"], function (props) {
-  return colorUtils_1.isColor(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor;
+  return (0, colorUtils_1.isColor)(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor;
 });
 var ItemContent = styled_components_1.default.div.withConfig({
   displayName: "FixedSizeContainer__ItemContent",
@@ -251,11 +259,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",
@@ -263,24 +273,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": "25.13.1 - ea48ec41e",
+      "data-splunk-visualization-version": "26.1.0 - fc8bf8d77",
       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;
 
 /***/ }),
@@ -306,9 +319,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]) {
@@ -317,6 +331,7 @@ var extendStaticWrapperProps = function extendStaticWrapperProps(_ref) {
     }
   });
 };
+
 exports.extendStaticWrapperProps = extendStaticWrapperProps;
 
 /***/ }),
@@ -351,24 +366,33 @@ module.exports = require("@splunk/visualizations-shared/SizeAwareWrapper");
 
 
 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
@@ -378,20 +402,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 && {
@@ -405,12 +431,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) {
@@ -428,6 +456,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
@@ -436,11 +465,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
@@ -448,6 +480,7 @@ function enhanceConfig(vizConfig) {
   });
   return enhancedConfig;
 }
+
 exports.enhanceConfig = enhanceConfig;
 /**
  * Helper function to uncollapse all editor panels by adding `open: true` to the editorConfig
@@ -455,6 +488,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) {
@@ -464,13 +498,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
@@ -479,6 +516,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) {
@@ -488,6 +526,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) {
@@ -502,18 +542,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 = lodash_1.get(preset, ['value', 'context'], {});
-    var presetOptions = lodash_1.get(preset, ['value', 'options'], {});
+    var presetContext = (0, lodash_1.get)(preset, ['value', 'context'], {});
+    var presetOptions = (0, lodash_1.get)(preset, ['value', 'options'], {});
     var presetContextKeys = Object.keys(presetContext);
-    var presetOptionKeys = Object.keys(presetOptions);
-    // all presets have to explicitly specify which options to reset (i.e. need explicitly undefined keys)
+    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
@@ -521,14 +564,16 @@ exports.getInitialPreset = getInitialPreset;
  * @param {Number} numPrecisionValues - number of integer precision values to generate
  * @returns {{ label: string; value; string  }[]} array of { label, value } tuples
  */
+
 function generatePrecisionValues(numPrecisionValues) {
-  return lodash_1.range(0, numPrecisionValues + 1).map(function (i) {
+  return (0, lodash_1.range)(0, numPrecisionValues + 1).map(function (i) {
     return {
       label: "".concat(i, " (0").concat(i > 0 ? '.' : '').concat('0'.repeat(i), ")"),
       value: i
     };
   });
 }
+
 exports.generatePrecisionValues = generatePrecisionValues;
 /**
  * insert layout in layout array, return a new layout array instead of updating the original
@@ -538,12 +583,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;
 
 /***/ }),
@@ -564,30 +612,36 @@ module.exports = require("@splunk/themes/pick");
 /* 25 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualization-context/TimezoneContext");
+module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 /* 26 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/hocUtils");
+module.exports = require("@splunk/visualization-context/TimezoneContext");
 
 /***/ }),
 /* 27 */
 /***/ (function(module, exports) {
 
+module.exports = require("@splunk/visualizations-shared/hocUtils");
+
+/***/ }),
+/* 28 */
+/***/ (function(module, exports) {
+
 module.exports = require("@splunk/visualizations-shared/JSONSchemaUtils");
 
 /***/ }),
-/* 28 */,
-/* 29 */
+/* 29 */,
+/* 30 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-encoding/Options");
 
 /***/ }),
-/* 30 */,
-/* 31 */
+/* 31 */,
+/* 32 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -597,11 +651,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
@@ -609,14 +669,17 @@ var FixedSizeContainer_1 = __webpack_require__(13);
  * @param {boolean} loading
  * @returns {boolean}
  */
+
+
 var shouldShowIconPlaceholder = function shouldShowIconPlaceholder(dataSources) {
   var loading = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var data = lodash_1.get(dataSources, 'primary.data.columns[0]', undefined);
+  var data = (0, lodash_1.get)(dataSources, 'primary.data.columns[0]', undefined);
   var noData = data === undefined;
-  var fields = lodash_1.get(dataSources, 'primary.data.fields[0]', undefined);
+  var fields = (0, lodash_1.get)(dataSources, 'primary.data.fields[0]', undefined);
   var noFields = fields === undefined;
   return loading || noData || noFields;
 };
+
 exports.shouldShowIconPlaceholder = shouldShowIconPlaceholder;
 var propTypes = {
   icon: T.func,
@@ -631,11 +694,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: {
@@ -650,25 +715,21 @@ var IconPlaceholder = function IconPlaceholder(props) {
       height: '50%'
     });
   }
+
   return React.createElement(Message_1.default, {
     width: width,
     height: height,
     level: "warning",
-    message: i18n_1._('No DataSource Connected')
+    message: (0, i18n_1._)('No DataSource Connected')
   });
 };
+
 IconPlaceholder.propTypes = propTypes;
 IconPlaceholder.defaultProps = {
   width: '100%',
   height: 250
 };
-exports.default = FixedSizeContainer_1.default(IconPlaceholder);
-
-/***/ }),
-/* 32 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/id");
+exports.default = (0, FixedSizeContainer_1.default)(IconPlaceholder);
 
 /***/ }),
 /* 33 */
@@ -678,21 +739,27 @@ module.exports = require("@splunk/ui-utils/id");
 
 
 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 = {
@@ -701,17 +768,20 @@ var getSortingParams = function getSortingParams(_ref) {
     none: 'asc'
   };
   var onSort;
+
   if (typeof onRequestParamsChange === 'function') {
-    if (requestParams && lodash_1.has(requestParams, 'sort')) {
+    if (requestParams && (0, lodash_1.has)(requestParams, 'sort')) {
       currentSortKey = Object.keys(requestParams.sort).shift();
       currentSortDir = requestParams.sort[currentSortKey];
-    }
-    // undid memoization since there is a dependency on requestParams, which is a deeply nested object
+    } // undid memoization since there is a dependency on requestParams, which is a deeply nested object
+
+
     onSort = function onSort(e, _ref2) {
       var sortKey = _ref2.sortKey,
-        sortDir = _ref2.sortDir;
+          sortDir = _ref2.sortDir;
+
       if (typeof sortKey === 'string') {
-        var nextSortDir = lodash_1.has(nextSortDirMap, sortDir) ? nextSortDirMap[sortDir] : 'none';
+        var nextSortDir = (0, lodash_1.has)(nextSortDirMap, sortDir) ? nextSortDirMap[sortDir] : 'none';
         onRequestParamsChange(Object.assign(Object.assign({}, requestParams), {
           offset: 0,
           sort: _defineProperty({}, sortKey, nextSortDir)
@@ -721,12 +791,14 @@ var getSortingParams = function getSortingParams(_ref) {
       }
     };
   }
+
   return {
     currentSortKey: currentSortKey,
     currentSortDir: currentSortDir,
     onSort: onSort
   };
 };
+
 exports.getSortingParams = getSortingParams;
 
 /***/ }),
@@ -736,43 +808,68 @@ 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;
-    var newParams = lodash_1.cloneDeep(requestParams);
+        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,
@@ -780,10 +877,11 @@ 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";
@@ -794,6 +892,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.VizCategory = void 0;
 var VizCategory;
+
 (function (VizCategory) {
   VizCategory["SINGLE_VALUE"] = "Single Value";
   VizCategory["TRENDS"] = "Trends";
@@ -810,67 +909,96 @@ var VizCategory;
 })(VizCategory = exports.VizCategory || (exports.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 Options_1 = __webpack_require__(29);
-var SanitizeProps_1 = __webpack_require__(38);
-var TimezoneContext_1 = __webpack_require__(25);
-var moment_1 = __webpack_require__(39);
+
+var getSettingsFromThemedProps_1 = __webpack_require__(38);
+
+var Options_1 = __webpack_require__(30);
+
+var SanitizeProps_1 = __webpack_require__(39);
+
+var TimezoneContext_1 = __webpack_require__(26);
+
+var moment_1 = __webpack_require__(40);
+
 var FeatureFlagContext_1 = __webpack_require__(21);
+
 var styled_components_1 = __webpack_require__(4);
-var hocUtils_1 = __webpack_require__(26);
-var JSONSchemaUtils_1 = __webpack_require__(27);
-var async_dynamic_options_evaluator_1 = __webpack_require__(40);
-var id_1 = __webpack_require__(32);
-var SplunkVisualization_1 = __webpack_require__(41);
+
+var hocUtils_1 = __webpack_require__(27);
+
+var JSONSchemaUtils_1 = __webpack_require__(28);
+
+var async_dynamic_options_evaluator_1 = __webpack_require__(41);
+
+var id_1 = __webpack_require__(25);
+
+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.
-  var SanitizedReactViz = SanitizeProps_1.withSanitizedProps(ReactViz);
-  var defaultOptions = JSONSchemaUtils_1.pickFieldFromJSONSchema(vizConfig.optionsSchema, 'default');
+      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.
@@ -884,44 +1012,58 @@ var withDashboardViz = function withDashboardViz(opts) {
         moment_1.default.setDefaultSplunkTimezone(serializedTimezone);
       }
     }
+
     var themeFunc = function themeFunc(themeVar) {
       var _a, _b;
+
       return (_b = (_a = vizConfig.themes)[themeVar]) === null || _b === void 0 ? void 0 : _b.call(_a, props);
     };
+
     var bgColorFromTheme = themeFunc('defaultBackgroundColor');
-    var _getSettingsFromTheme = getSettingsFromThemedProps_1.default({
-        theme: theme
-      }),
-      currentThemeFamily = _getSettingsFromTheme.family,
-      currentThemeColorScheme = _getSettingsFromTheme.colorScheme,
-      currentThemeDensity = _getSettingsFromTheme.density;
+
+    var _ref = (0, getSettingsFromThemedProps_1.default)({
+      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(id_1.createGUID())),
-      _React$useState4 = _slicedToArray(_React$useState3, 1),
-      visualizationID = _React$useState4[0];
+
+    var _React$useState3 = React.useState("".concat(vizConfig.name, " - ").concat((0, id_1.createGUID)())),
+        _React$useState4 = _slicedToArray(_React$useState3, 1),
+        visualizationID = _React$useState4[0];
+
     var _React$useState5 = React.useState({}),
-      _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];
-    var _React$useState9 = React.useState(Boolean(featureFlagContext && featureFlagContext.visualizations_useWebWorkersForDSL && typeof Worker !== 'undefined')),
-      _React$useState10 = _slicedToArray(_React$useState9, 2),
-      useAsyncEvaluatedOptions = _React$useState10[0],
-      setUseAsyncEvaluatedOptions = _React$useState10[1];
-    evaluatedOptions = useDeepMemo_1.useDeepMemo(function () {
+        _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];
+
+    var isMounted = React.useRef(true);
+    evaluatedOptions = (0, useDeepMemo_1.useDeepMemo)(function () {
       try {
         if (useAsyncEvaluatedOptions) {
           var optionsToEvaluate = {
-            context: lodash_1.defaultsDeep({}, context, vizConfig.defaultContext),
-            options: hocUtils_1.deepMergeWithArrayPrimitiveOverrides({}, options, defaultOptions)
+            context: (0, lodash_1.defaultsDeep)({}, context, vizConfig.defaultContext),
+            options: (0, hocUtils_1.deepMergeWithArrayPrimitiveOverrides)({}, options, defaultOptions)
           };
           var asyncDynamicOptionsEvaluatorParams = {
             visualizationID: visualizationID,
@@ -932,21 +1074,23 @@ var withDashboardViz = function withDashboardViz(opts) {
           };
           async_dynamic_options_evaluator_1.default.evaluate(asyncDynamicOptionsEvaluatorParams).then(function (results) {
             setEvaluatedOptionsAsync(results.results);
-          }).catch(function (e) {
-            // eslint-disable-next-line no-console
-            console.error("unexpected error evaluating options - async: ".concat(e.message));
-            setUseAsyncEvaluatedOptions(false);
+          }).catch(function () {
+            if (isMounted.current) {
+              setUseAsyncEvaluatedOptions(false);
+            }
           });
         } else {
           var dataFrames = dataFramesInState;
+
           if (dataSources !== dataSourcesInState) {
             setDataSourcesInState(dataSources);
             dataFrames = Options_1.Options.dataFrameFromDataSource(dataSources);
             setDataFramesInState(dataFrames);
           }
+
           return Options_1.Options.evaluate({
-            context: lodash_1.defaultsDeep({}, context, vizConfig.defaultContext),
-            options: hocUtils_1.deepMergeWithArrayPrimitiveOverrides({}, options, defaultOptions)
+            context: (0, lodash_1.defaultsDeep)({}, context, vizConfig.defaultContext),
+            options: (0, hocUtils_1.deepMergeWithArrayPrimitiveOverrides)({}, options, defaultOptions)
           }, dataSources, themeFunc, dataFrames);
         }
       } catch (e) {
@@ -954,67 +1098,76 @@ 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);
     });
     React.useEffect(function () {
       return function () {
         if (useAsyncEvaluatedOptions) {
+          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;
-    var missing = MissingPropsMessage_1.missingKeys(requiredProps, evaluatedOptionsToUse);
+        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 = lodash_1.camelCase("on.".concat(eventName));
-        eventCallbackProps[eventCallbackPropName] = null;
-        // todo: refactor single value and single value icon to send payload from viz
+        var eventCallbackPropName = (0, lodash_1.camelCase)("on.".concat(eventName));
+        eventCallbackProps[eventCallbackPropName] = null; // todo: refactor single value and single value icon to send payload from viz
         // then remove these lines
+
         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,
@@ -1022,8 +1175,9 @@ var withDashboardViz = function withDashboardViz(opts) {
           });
         };
       });
-    }
-    // compute pure viz props which are not from options
+    } // compute pure viz props which are not from options
+
+
     var computedVizProps = computeVizProps(Object.assign(Object.assign(Object.assign(Object.assign({}, props), evaluatedOptionsToUse), eventCallbackProps), {
       themeFunc: themeFunc
     }));
@@ -1041,21 +1195,25 @@ var withDashboardViz = function withDashboardViz(opts) {
      * In future, we could automatically detect which all datasources are being used
      * and bind those magically to pagination/sorting behavior.
      */
+
     var dataSourceMetadata = {};
     var OptionKey = 'paginateDataSourceKey';
-    var paginateDataSourceKey = lodash_1.has(evaluatedOptionsToUse, OptionKey) && evaluatedOptionsToUse[OptionKey] || 'primary';
-    if (vizConfig.supports.indexOf(VizBehavior_1.VizBehavior.PAGE_AND_SORT) > -1 && lodash_1.has(dataSources, paginateDataSourceKey)) {
-      var requestParams = lodash_1.get(dataSources, [paginateDataSourceKey, 'requestParams'], {});
-      var meta = lodash_1.get(dataSources, [paginateDataSourceKey, 'meta'], {});
+    var paginateDataSourceKey = (0, lodash_1.has)(evaluatedOptionsToUse, OptionKey) && evaluatedOptionsToUse[OptionKey] || 'primary';
+
+    if (vizConfig.supports.indexOf(VizBehavior_1.VizBehavior.PAGE_AND_SORT) > -1 && (0, lodash_1.has)(dataSources, paginateDataSourceKey)) {
+      var requestParams = (0, lodash_1.get)(dataSources, [paginateDataSourceKey, 'requestParams'], {});
+      var meta = (0, lodash_1.get)(dataSources, [paginateDataSourceKey, 'meta'], {});
+
       var handleRequestParamsChange = function handleRequestParamsChange(payload) {
         return onRequestParamsChange(paginateDataSourceKey, payload);
       };
-      var sortParams = getSorting_1.getSortingParams({
+
+      var sortParams = (0, getSorting_1.getSortingParams)({
         requestParams: requestParams,
         meta: meta,
         onRequestParamsChange: handleRequestParamsChange
       });
-      var paginatorParams = getPagination_1.getPaginationParams({
+      var paginatorParams = (0, getPagination_1.getPaginationParams)({
         requestParams: requestParams,
         meta: meta,
         onRequestParamsChange: handleRequestParamsChange
@@ -1064,103 +1222,120 @@ 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
-  return styled_components_1.withTheme(withPlaceholder_1.default(withEditModeCover_1.default(DashboardViz, disableEditModeCover), useIconPlaceholder));
+  }); // 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 */
+/* 40 */
 /***/ (function(module, exports) {
 
 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.
    */
@@ -1169,6 +1344,7 @@ SplunkVisualization.propTypes = {
      * current request params
      */
     requestParams: T.object,
+
     /**
      * current dataset
      */
@@ -1176,6 +1352,7 @@ SplunkVisualization.propTypes = {
       fields: T.array,
       columns: T.array
     }),
+
     /**
      * error
      */
@@ -1183,29 +1360,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
    */
@@ -1214,6 +1397,7 @@ SplunkVisualization.propTypes = {
 /**
  *
  */
+
 SplunkVisualization.defaultProps = {
   // BaseVisualization in dashboard-visualizations uses 100% for width but 250 for height
   width: '100%',
@@ -1241,26 +1425,29 @@ SplunkVisualization.defaultProps = {
 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",
@@ -1268,22 +1455,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;
 
 /***/ }),
 /* 44 */
@@ -1296,7 +1472,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
@@ -1311,16 +1489,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 = react_1.useRef();
-  if (!ref.current || !lodash_1.isEqual(dependencies, ref.current.dependencies)) {
+  var ref = (0, react_1.useRef)();
+
+  if (!ref.current || !(0, lodash_1.isEqual)(dependencies, ref.current.dependencies)) {
     ref.current = {
       dependencies: dependencies,
       value: fn()
     };
   }
+
   return ref.current.value;
 };
+
 exports.useDeepMemo = useDeepMemo;
 
 /***/ }),
@@ -1334,19 +1517,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
@@ -1354,11 +1545,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 exports.isMissing(target[k]);
+    return (0, exports.isMissing)(target[k]);
   });
 };
+
 exports.missingKeys = missingKeys;
 var propTypes = {
   width: T.oneOfType([T.string, T.number]),
@@ -1372,24 +1565,26 @@ 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,
     height: height,
-    message: i18n_1._("Missing property: ".concat(missingProps.join(', ')))
+    message: (0, i18n_1._)("Missing property: ".concat(missingProps.join(', ')))
   });
 };
+
 exports.MissingPropsMessage = MissingPropsMessage;
 exports.MissingPropsMessage.propTypes = propTypes;
 exports.MissingPropsMessage.defaultProps = {
   width: '100%',
   height: 250
 };
-exports.default = FixedSizeContainer_1.default(exports.MissingPropsMessage);
+exports.default = (0, FixedSizeContainer_1.default)(exports.MissingPropsMessage);
 
 /***/ }),
 /* 46 */
@@ -1401,15 +1596,19 @@ exports.default = 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': "25.13.1 - ea48ec41e"
+  'data-splunk-visualization-version': "26.1.0 - fc8bf8d77"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
@@ -1420,6 +1619,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;
@@ -1428,12 +1628,14 @@ var withEditModeCover = function withEditModeCover(Visualization, disableEditMod
       "data-test": "edit-mode-cover"
     }));
   };
-  hocUtils_1.extendStaticWrapperProps({
+
+  (0, hocUtils_1.extendStaticWrapperProps)({
     Wrapper: Wrapper,
     Visualization: Visualization
   });
   return Wrapper;
 };
+
 exports.default = withEditModeCover;
 
 /***/ }),
@@ -1446,27 +1648,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__(31);
+
+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 = colorUtils_1.isColor(options === null || options === void 0 ? void 0 : options.backgroundColor) ? options === null || options === void 0 ? void 0 : options.backgroundColor : (_a = themes === null || themes === void 0 ? void 0 : themes.defaultBackgroundColor) === null || _a === void 0 ? void 0 : _a.call(themes, props);
+    var bgColorFromTheme = (0, colorUtils_1.isColor)(options === null || options === void 0 ? void 0 : options.backgroundColor) ? options === null || options === void 0 ? void 0 : options.backgroundColor : (_a = themes === null || themes === void 0 ? void 0 : themes.defaultBackgroundColor) === null || _a === void 0 ? void 0 : _a.call(themes, props);
     var icon = (_b = config.placeholderIcon) !== null && _b !== void 0 ? _b : config.icon;
     var iconColor = variables_1.default.contentColorActive(props);
+
     if (config.supports.includes(VizBehavior_1.VizBehavior.PLACEHOLDER) && showPlaceholder) {
       return React.createElement(IconPlaceholder_1.default, {
         "data-test": "icon-placeholder",
@@ -1477,14 +1689,17 @@ var withPlaceholder = function withPlaceholder(Visualization) {
         iconColor: iconColor
       });
     }
+
     return React.createElement(Visualization, Object.assign({}, props));
   };
-  hocUtils_1.extendStaticWrapperProps({
+
+  (0, hocUtils_1.extendStaticWrapperProps)({
     Wrapper: Wrapper,
     Visualization: Visualization
   });
   return Wrapper;
 };
+
 exports.default = withPlaceholder;
 
 /***/ }),
@@ -1492,13 +1707,13 @@ exports.default = withPlaceholder;
 /* 49 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualization-icons/placeholders");
+module.exports = require("@splunk/visualizations-shared/colorConstants");
 
 /***/ }),
 /* 50 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/colorConstants");
+module.exports = require("@splunk/visualization-icons/placeholders");
 
 /***/ }),
 /* 51 */
@@ -1522,32 +1737,32 @@ module.exports = require("@splunk/visualization-icons");
 /* 59 */,
 /* 60 */,
 /* 61 */,
-/* 62 */
+/* 62 */,
+/* 63 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/getPrototypeOf");
 
 /***/ }),
-/* 63 */,
 /* 64 */,
 /* 65 */,
 /* 66 */,
 /* 67 */,
 /* 68 */,
 /* 69 */,
-/* 70 */
+/* 70 */,
+/* 71 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/inherits");
 
 /***/ }),
-/* 71 */
+/* 72 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/possibleConstructorReturn");
 
 /***/ }),
-/* 72 */,
 /* 73 */,
 /* 74 */,
 /* 75 */,
@@ -1571,13 +1786,13 @@ module.exports = require("@babel/runtime/helpers/possibleConstructorReturn");
 /* 93 */,
 /* 94 */,
 /* 95 */,
-/* 96 */
+/* 96 */,
+/* 97 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/dataSourceUtils");
 
 /***/ }),
-/* 97 */,
 /* 98 */,
 /* 99 */,
 /* 100 */,
@@ -1589,13 +1804,13 @@ module.exports = require("@splunk/visualizations-shared/dataSourceUtils");
 /* 106 */,
 /* 107 */,
 /* 108 */,
-/* 109 */
+/* 109 */,
+/* 110 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Paragraph");
 
 /***/ }),
-/* 110 */,
 /* 111 */,
 /* 112 */,
 /* 113 */,
@@ -1603,60 +1818,68 @@ module.exports = require("@splunk/react-ui/Paragraph");
 /* 115 */,
 /* 116 */,
 /* 117 */,
-/* 118 */
+/* 118 */,
+/* 119 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Menu");
 
 /***/ }),
-/* 119 */,
 /* 120 */,
 /* 121 */,
-/* 122 */
+/* 122 */,
+/* 123 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Button");
 
 /***/ }),
-/* 123 */,
 /* 124 */,
 /* 125 */,
 /* 126 */,
 /* 127 */,
-/* 128 */
+/* 128 */,
+/* 129 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
 var _toConsumableArray = __webpack_require__(8);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getSecondaryColumnByField = exports.sortGraphColumn = exports.getNodesToHighlight = exports.createLinkGraphFromTable = exports.OFFSET_Y = exports.hashString = void 0;
+
 var lodash_1 = __webpack_require__(3);
+
 var hashString = function hashString() {
   var stringIn = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   var returnStringArray = stringIn.toString().split('').map(function (v) {
     return v.charCodeAt(0);
   });
+
   if (returnStringArray.length === 0) {
     return '-1';
   }
-  var returnValue =
-  // eslint-disable-next-line no-bitwise
+
+  var returnValue = // eslint-disable-next-line no-bitwise
   returnStringArray.reduce(function (a, v) {
     return a + ((a << 7) + (a << 3)) ^ v;
   }).toString(16);
   return returnValue;
 };
+
 exports.hashString = hashString;
+
 var createNode = function createNode(graphDataModelIn, nodesIn, column, field, fieldIndex, nodeWidth, nodeHeight, nodeSpacingX, nodeSpacingY, shouldAddToGraphDataModel) {
   var nodes = nodesIn;
   var graphDataModel = graphDataModelIn;
-  var fieldHash = exports.hashString(field);
-  var columnHash = exports.hashString(column);
+  var fieldHash = (0, exports.hashString)(field);
+  var columnHash = (0, exports.hashString)(column);
   var node = nodes[columnHash];
+
   if (!nodes[columnHash]) {
     node = {
       x: 0,
@@ -1675,10 +1898,13 @@ var createNode = function createNode(graphDataModelIn, nodesIn, column, field, f
   } else {
     node.data.count += 1;
   }
+
   if (column.toString().length === 0) {
     node.data.isHidden = true;
   }
+
   var key = "".concat(fieldIndex, "-").concat(fieldHash, "-").concat(columnHash);
+
   if (shouldAddToGraphDataModel && !graphDataModel.nodes[key]) {
     nodes[columnHash] = node;
     graphDataModel.nodes[key] = node;
@@ -1688,35 +1914,42 @@ var createNode = function createNode(graphDataModelIn, nodesIn, column, field, f
     node.h = nodeHeight;
     node.yIndex = Object.keys(nodes).length - 1;
   }
+
   return node;
 };
+
 var createEdge = function createEdge(graphDataModelIn, nodesIn, edgesIn, nodeIn, columns, column, columnIndex, fields, field, fieldIndex, shouldAddToGraphDataModel) {
   if (!shouldAddToGraphDataModel) {
     return;
   }
+
   var node = nodeIn;
   var edges = edgesIn;
-  var fieldHash = exports.hashString(field);
-  var columnHash = exports.hashString(column);
+  var fieldHash = (0, exports.hashString)(field);
+  var columnHash = (0, exports.hashString)(column);
   var graphDataModel = graphDataModelIn;
+
   if (columns[fieldIndex + 1]) {
     var sourceNode = "".concat(fieldIndex, "-").concat(fieldHash, "-").concat(columnHash);
     var nextColumnOverContent = columns[fieldIndex + 1][columnIndex];
-    var targetNode = "".concat(fieldIndex + 1, "-").concat(exports.hashString(fields[fieldIndex + 1]), "-").concat(exports.hashString(nextColumnOverContent));
+    var targetNode = "".concat(fieldIndex + 1, "-").concat((0, exports.hashString)(fields[fieldIndex + 1]), "-").concat((0, exports.hashString)(nextColumnOverContent));
     var edge = {
       sourceNode: sourceNode,
       targetNode: targetNode
     };
-    node.data.outs["".concat(columnHash, "-").concat(exports.hashString(columns[fieldIndex + 1][columnIndex]))] = edge;
+    node.data.outs["".concat(columnHash, "-").concat((0, exports.hashString)(columns[fieldIndex + 1][columnIndex]))] = edge;
     edges["".concat(edge.sourceNode, "-").concat(edge.targetNode)] = edge;
   }
+
   var fieldToUpdate = graphDataModel.fields.find(function (fieldInQuestion) {
-    return exports.hashString(fieldInQuestion.value) === fieldHash;
+    return (0, exports.hashString)(fieldInQuestion.value) === fieldHash;
   });
+
   if (fieldToUpdate) {
     fieldToUpdate.count = Object.keys(nodesIn).length;
   }
 };
+
 exports.OFFSET_Y = 35;
 /**
  *
@@ -1737,6 +1970,7 @@ exports.OFFSET_Y = 35;
  * look to the right one column, create an edge
  * look to the left one column, create an edge
  */
+
 var createLinkGraphFromTable = function createLinkGraphFromTable(fieldsIn, columnsIn, nodeWidth, nodeHeight, nodeSpacingX, nodeSpacingY, resultLimit, fieldOrder) {
   var nodes = {};
   var edges = {};
@@ -1745,21 +1979,25 @@ var createLinkGraphFromTable = function createLinkGraphFromTable(fieldsIn, colum
     edges: [],
     fields: []
   };
+
   if (!fieldsIn || !Array.isArray(fieldsIn) || !columnsIn || !Array.isArray(columnsIn)) {
     return graphDataModel;
   }
+
   var fields = fieldsIn;
   var columns = columnsIn;
+
   if (fieldOrder.length) {
     fields = fieldOrder;
     columns = [];
     fields.forEach(function (fieldIn, fieldIndex) {
       columns[fieldIndex] = columnsIn[fieldsIn.indexOf(fieldIn)];
     });
-  }
-  // eslint-disable-next-line consistent-return
+  } // eslint-disable-next-line consistent-return
+
+
   fields.forEach(function (fieldIn, fieldIndex) {
-    var field = exports.hashString(fieldIn);
+    var field = (0, exports.hashString)(fieldIn);
     nodes[field] = {
       nodes: {}
     };
@@ -1767,9 +2005,11 @@ var createLinkGraphFromTable = function createLinkGraphFromTable(fieldsIn, colum
       count: 0,
       value: fieldIn
     });
+
     if (!columns[fieldIndex]) {
       return graphDataModel;
     }
+
     columns[fieldIndex].forEach(function (columnIn, columnIndex) {
       var shouldAddToGraphDataModel = Object.keys(nodes[field].nodes).length < resultLimit;
       var node = createNode(graphDataModel, nodes[field].nodes, columnIn, fieldIn, fieldIndex, nodeWidth, nodeHeight, nodeSpacingX, nodeSpacingY, shouldAddToGraphDataModel);
@@ -1777,15 +2017,16 @@ var createLinkGraphFromTable = function createLinkGraphFromTable(fieldsIn, colum
     });
   });
   graphDataModel.edges = Object.values(edges);
-  graphDataModel.columns = columns;
-  // hide all edges that go to or from a hidden node
+  graphDataModel.columns = columns; // hide all edges that go to or from a hidden node
+
   var edgeTemp;
   graphDataModel.edges.forEach(function (edge) {
     var _a, _b, _c, _d;
+
     if (((_b = (_a = graphDataModel.nodes[edge.sourceNode]) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.isHidden) || ((_d = (_c = graphDataModel.nodes[edge.targetNode]) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.isHidden)) {
       edgeTemp = edge;
-      edgeTemp.isHidden = true;
-      // show all paths from hidden nodes across the real data
+      edgeTemp.isHidden = true; // show all paths from hidden nodes across the real data
+
       getAllPathsFromNodeID(graphDataModel, graphDataModel.nodes[edge.sourceNode]).edges.forEach(function (edgeToShowTemp) {
         var edgeToShow = edgeToShowTemp;
         edgeToShow.isHidden = false;
@@ -1794,6 +2035,7 @@ var createLinkGraphFromTable = function createLinkGraphFromTable(fieldsIn, colum
   });
   return graphDataModel;
 };
+
 exports.createLinkGraphFromTable = createLinkGraphFromTable;
 /* getAllPathsFromNodeID gets paths from a node via the data and not the graph
 
@@ -1808,38 +2050,45 @@ a,  , c
 
  getAllPathsFromNodeID(graph, a) would return nodes a,b,'',c and edges a-b, b-c, a-'', ''-c
 */
+
 var getAllPathsFromNodeID = function getAllPathsFromNodeID(graphDataModel, node) {
   var newEdges = [];
   var nodes = [];
+
   if (!node) {
     return {
       nodes: [],
       edges: []
     };
   }
+
   graphDataModel.columns[node.data.fieldIndex].forEach(function (value, index) {
     if (value === node.data.value) {
       var row = graphDataModel.columns.map(function (column) {
         return column[index];
-      });
-      // remove blank spaces from the start of the array
+      }); // remove blank spaces from the start of the array
+
       var offset = 0;
+
       while (row[0] === '') {
         row.shift();
         offset += 1;
-      }
-      // remove blank spaces from the end of the array
+      } // remove blank spaces from the end of the array
+
+
       while (row[row.length - 1] === '') {
         row.pop();
       }
+
       for (var i = 0; i < row.length - 1; i += 1) {
         if (graphDataModel.fields[i + 1]) {
           var fieldIndexStart = offset + i; // this is field.index not i
-          var fieldHashStart = exports.hashString(graphDataModel.fields[offset + i].value);
-          var columnHashStart = exports.hashString(row[i]);
+
+          var fieldHashStart = (0, exports.hashString)(graphDataModel.fields[offset + i].value);
+          var columnHashStart = (0, exports.hashString)(row[i]);
           var fieldIndexEnd = offset + i + 1;
-          var fieldHashEnd = exports.hashString(graphDataModel.fields[offset + i + 1].value);
-          var columnHashEnd = exports.hashString(row[i + 1]);
+          var fieldHashEnd = (0, exports.hashString)(graphDataModel.fields[offset + i + 1].value);
+          var columnHashEnd = (0, exports.hashString)(row[i + 1]);
           newEdges.push({
             sourceNode: "".concat(fieldIndexStart, "-").concat(fieldHashStart, "-").concat(columnHashStart),
             targetNode: "".concat(fieldIndexEnd, "-").concat(fieldHashEnd, "-").concat(columnHashEnd)
@@ -1863,6 +2112,7 @@ var getAllPathsFromNodeID = function getAllPathsFromNodeID(graphDataModel, node)
     edges: edges
   };
 };
+
 var getNodesToHighlight = function getNodesToHighlight(graph, sourceNodeID) {
   var paths = getAllPathsFromNodeID(graph, graph.nodes[sourceNodeID]);
   var newEdges = paths.edges.map(function (edge) {
@@ -1873,28 +2123,34 @@ var getNodesToHighlight = function getNodesToHighlight(graph, sourceNodeID) {
     edges: newEdges
   };
 };
-exports.getNodesToHighlight = getNodesToHighlight;
-// TODO: write tests once all sorting options are supported
+
+exports.getNodesToHighlight = getNodesToHighlight; // TODO: write tests once all sorting options are supported
+
 var sortGraphColumn = function sortGraphColumn(graph, field, sortKey, nodeHeight, nodeSpacingY) {
   var nodesToSort = Object.values(graph.nodes).filter(function (node) {
     return node.data.field === field;
   });
-  var nodes = lodash_1.sortBy(nodesToSort, function (node) {
+  var nodes = (0, lodash_1.sortBy)(nodesToSort, function (node) {
     return node.data.value;
   });
+
   if (sortKey === 'Z-A') {
     nodes.reverse();
   }
+
   nodes.forEach(function (node, index) {
     var currentNode = node;
     currentNode.y = index * nodeHeight + index * nodeSpacingY + exports.OFFSET_Y;
   });
 };
+
 exports.sortGraphColumn = sortGraphColumn;
+
 var getSecondaryColumnByField = function getSecondaryColumnByField(field, metadataFields, metadataColumns) {
   if (!metadataFields || !metadataColumns) {
     return {};
   }
+
   var fieldIndex = metadataFields.findIndex(function (fieldIn) {
     return fieldIn.name === 'node_value';
   });
@@ -1905,16 +2161,16 @@ var getSecondaryColumnByField = function getSecondaryColumnByField(field, metada
   });
   return returnObject;
 };
+
 exports.getSecondaryColumnByField = getSecondaryColumnByField;
 
 /***/ }),
-/* 129 */
+/* 130 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/Clear");
 
 /***/ }),
-/* 130 */,
 /* 131 */,
 /* 132 */,
 /* 133 */,
@@ -1937,7 +2193,10 @@ module.exports = require("@splunk/react-icons/enterprise/Clear");
 /* 150 */,
 /* 151 */,
 /* 152 */,
-/* 153 */
+/* 153 */,
+/* 154 */,
+/* 155 */,
+/* 156 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1945,50 +2204,66 @@ module.exports = require("@splunk/react-icons/enterprise/Clear");
 
 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.PureLinkGraph = exports.LinkGraph = exports.config = exports.themes = exports.computeVizProps = exports.showPlaceHolderIcon = void 0;
+
 var lodash_1 = __webpack_require__(3);
-var dataSourceUtils_1 = __webpack_require__(96);
-var withDashboardViz_1 = __webpack_require__(36);
-var PureLinkGraph_1 = __webpack_require__(224);
+
+var dataSourceUtils_1 = __webpack_require__(97);
+
+var withDashboardViz_1 = __webpack_require__(37);
+
+var PureLinkGraph_1 = __webpack_require__(227);
+
 exports.PureLinkGraph = PureLinkGraph_1.default;
-var config_1 = __webpack_require__(406);
+
+var config_1 = __webpack_require__(409);
+
 exports.config = config_1.default;
 /**
  * @method showPlaceHolderIcon
  * @param {Object} dataSources
  * @returns {Boolean} return true if loading, error, non existent state or without columns in dataSources
  */
+
 var showPlaceHolderIcon = function showPlaceHolderIcon(dataSources) {
-  var columns = lodash_1.get(dataSources, 'primary.data.columns', undefined);
+  var columns = (0, lodash_1.get)(dataSources, 'primary.data.columns', undefined);
   var noColumns = columns === undefined;
-  var dataSourceState = dataSourceUtils_1.getDataSourceStateInfo(dataSources);
+  var dataSourceState = (0, dataSourceUtils_1.getDataSourceStateInfo)(dataSources);
   return dataSourceState === dataSourceUtils_1.DataSourceState.ERROR || dataSourceState === dataSourceUtils_1.DataSourceState.LOADING || dataSourceState === dataSourceUtils_1.DataSourceState.NONEXISTENT || noColumns;
 };
+
 exports.showPlaceHolderIcon = showPlaceHolderIcon;
+
 var computeVizProps = function computeVizProps(_a) {
   var _b, _c, _d, _e, _f, _g;
+
   var themeFunc = _a.themeFunc,
-    props = __rest(_a, ["themeFunc"]);
+      props = __rest(_a, ["themeFunc"]);
+
   var themeColorVariables = ['defaultBackgroundColor', 'defaultLinkColor', 'defaultNodeColor'];
   var themeColors = {};
   themeColorVariables.forEach(function (variable) {
     themeColors[variable] = themeFunc(variable);
   });
+
   if (props.dataSources) {
     var _props$dataSources$pr = props.dataSources.primary.data,
-      fields = _props$dataSources$pr.fields,
-      columns = _props$dataSources$pr.columns;
+        fields = _props$dataSources$pr.fields,
+        columns = _props$dataSources$pr.columns;
     var metadataFields = (_d = (_c = (_b = props === null || props === void 0 ? void 0 : props.dataSources) === null || _b === void 0 ? void 0 : _b.metadata) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.fields;
     var metadataColumns = (_g = (_f = (_e = props === null || props === void 0 ? void 0 : props.dataSources) === null || _e === void 0 ? void 0 : _e.metadata) === null || _f === void 0 ? void 0 : _f.data) === null || _g === void 0 ? void 0 : _g.columns;
     return Object.assign({
@@ -2000,15 +2275,17 @@ var computeVizProps = function computeVizProps(_a) {
       columns: columns
     }, themeColors);
   }
+
   return themeColors;
 };
+
 exports.computeVizProps = computeVizProps;
-var LinkGraph = withDashboardViz_1.default({
+var LinkGraph = (0, withDashboardViz_1.default)({
   ReactViz: PureLinkGraph_1.default,
   vizConfig: config_1.default,
   computeVizProps: exports.computeVizProps,
   useIconPlaceholder: function useIconPlaceholder(dataSources) {
-    return exports.showPlaceHolderIcon(dataSources);
+    return (0, exports.showPlaceHolderIcon)(dataSources);
   }
 });
 exports.LinkGraph = LinkGraph;
@@ -2017,7 +2294,7 @@ exports.themes = themes;
 exports.default = LinkGraph;
 
 /***/ }),
-/* 154 */
+/* 157 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2027,9 +2304,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledEdgesPath = exports.StyledViewport = void 0;
+
 var styled_components_1 = __webpack_require__(4);
+
 var pick_1 = __webpack_require__(23);
+
 var variables_1 = __webpack_require__(11);
+
 exports.StyledViewport = styled_components_1.default.div.withConfig({
   displayName: "GraphStyles__StyledViewport",
   componentId: "sc-5hdhcf-0"
@@ -2045,30 +2326,30 @@ exports.StyledViewport = styled_components_1.default.div.withConfig({
   return props.nodeTextHighlightColor;
 }, function (props) {
   return props.nodeTextHighlightColor;
-}, pick_1.default({
+}, (0, pick_1.default)({
   enterprise: variables_1.default.accentColorD10,
   prisma: variables_1.default.interactiveColorPrimary
 }), function (props) {
   return props.linkColor;
-}, pick_1.default({
+}, (0, pick_1.default)({
   enterprise: {
     light: variables_1.default.gray30,
     dark: variables_1.default.gray60
   },
   prisma: variables_1.default.contentColorActive
-}), pick_1.default({
+}), (0, pick_1.default)({
   enterprise: {
     light: variables_1.default.gray30,
     dark: variables_1.default.gray60
   },
   prisma: variables_1.default.contentColorActive
-}), pick_1.default({
+}), (0, pick_1.default)({
   enterprise: {
     light: variables_1.default.gray30,
     dark: variables_1.default.gray60
   },
   prisma: variables_1.default.contentColorActive
-}), pick_1.default({
+}), (0, pick_1.default)({
   enterprise: {
     light: variables_1.default.gray30,
     dark: variables_1.default.gray60
@@ -2086,9 +2367,6 @@ exports.StyledEdgesPath = styled_components_1.default.path.withConfig({
 });
 
 /***/ }),
-/* 155 */,
-/* 156 */,
-/* 157 */,
 /* 158 */,
 /* 159 */,
 /* 160 */,
@@ -2154,35 +2432,49 @@ exports.StyledEdgesPath = styled_components_1.default.path.withConfig({
 /* 220 */,
 /* 221 */,
 /* 222 */,
-/* 223 */
+/* 223 */,
+/* 224 */,
+/* 225 */,
+/* 226 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  Object.defineProperty(o, k2, {
-    enumerable: true,
-    get: function get() {
-      return m[k];
-    }
-  });
+var __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,
+      get: function get() {
+        return m[k];
+      }
+    };
+  }
+
+  Object.defineProperty(o, k2, desc);
 } : function (o, m, k, k2) {
   if (k2 === undefined) k2 = k;
   o[k2] = m[k];
 });
+
 var __exportStar = this && this.__exportStar || function (m, exports) {
   for (var p in m) {
     if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
   }
 };
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-__exportStar(__webpack_require__(153), exports);
-var LinkGraph_1 = __webpack_require__(153);
+
+__exportStar(__webpack_require__(156), exports);
+
+var LinkGraph_1 = __webpack_require__(156);
+
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
@@ -2191,26 +2483,37 @@ Object.defineProperty(exports, "default", {
 });
 
 /***/ }),
-/* 224 */
+/* 227 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
 var _slicedToArray = __webpack_require__(17);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PureLinkGraph = void 0;
+
 var React = __webpack_require__(1);
+
 var T = __webpack_require__(0);
+
 var styled_components_1 = __webpack_require__(4);
+
 var lodash_1 = __webpack_require__(3);
+
 var FixedSizeContainer_1 = __webpack_require__(13);
-var PureLinkGraphUtils_1 = __webpack_require__(128);
-var Graph_1 = __webpack_require__(225);
-var Field_1 = __webpack_require__(402);
-var FieldStyles_1 = __webpack_require__(405);
+
+var PureLinkGraphUtils_1 = __webpack_require__(129);
+
+var Graph_1 = __webpack_require__(228);
+
+var Field_1 = __webpack_require__(405);
+
+var FieldStyles_1 = __webpack_require__(408);
+
 var LinkGraphContainer = styled_components_1.default.div.withConfig({
   displayName: "PureLinkGraph__LinkGraphContainer",
   componentId: "sc-2wfxi-0"
@@ -2226,36 +2529,37 @@ var LinkGraphWrapper = styled_components_1.default.div.withConfig({
   var backgroundColor = _ref.backgroundColor;
   return backgroundColor;
 }, function (props) {
-  return lodash_1.get(props, 'width');
+  return (0, lodash_1.get)(props, 'width');
 }, function (props) {
-  return lodash_1.get(props, 'height');
+  return (0, lodash_1.get)(props, 'height');
 });
 LinkGraphContainer.displayName = 'LinkGraphContainer';
+
 var PureLinkGraph = function PureLinkGraph(props) {
   var mode = props.mode,
-    backgroundColor = props.backgroundColor,
-    width = props.width,
-    height = props.height,
-    fields = props.fields,
-    columns = props.columns,
-    nodeWidth = props.nodeWidth,
-    nodeHeight = props.nodeHeight,
-    nodeSpacingX = props.nodeSpacingX,
-    nodeSpacingY = props.nodeSpacingY,
-    onNodeClick = props.onNodeClick,
-    onNodeMouseover = props.onNodeMouseover,
-    linkColor = props.linkColor,
-    nodeColor = props.nodeColor,
-    nodeTextColor = props.nodeTextColor,
-    nodeHighlightColor = props.nodeHighlightColor,
-    nodeTextHighlightColor = props.nodeTextHighlightColor,
-    resultLimit = props.resultLimit,
-    linkWidth = props.linkWidth,
-    showValueCounts = props.showValueCounts,
-    showNodeCounts = props.showNodeCounts,
-    fieldOrder = props.fieldOrder,
-    metadataFields = props.metadataFields,
-    metadataColumns = props.metadataColumns;
+      backgroundColor = props.backgroundColor,
+      width = props.width,
+      height = props.height,
+      fields = props.fields,
+      columns = props.columns,
+      nodeWidth = props.nodeWidth,
+      nodeHeight = props.nodeHeight,
+      nodeSpacingX = props.nodeSpacingX,
+      nodeSpacingY = props.nodeSpacingY,
+      onNodeClick = props.onNodeClick,
+      onNodeMouseover = props.onNodeMouseover,
+      linkColor = props.linkColor,
+      nodeColor = props.nodeColor,
+      nodeTextColor = props.nodeTextColor,
+      nodeHighlightColor = props.nodeHighlightColor,
+      nodeTextHighlightColor = props.nodeTextHighlightColor,
+      resultLimit = props.resultLimit,
+      linkWidth = props.linkWidth,
+      showValueCounts = props.showValueCounts,
+      showNodeCounts = props.showNodeCounts,
+      fieldOrder = props.fieldOrder,
+      metadataFields = props.metadataFields,
+      metadataColumns = props.metadataColumns;
   /*
   value / setValue is here so we can modify graphDataModelState directly and
   force a rerender, as opposed to making a copy of graphDataModelState and
@@ -2263,22 +2567,27 @@ var PureLinkGraph = function PureLinkGraph(props) {
    I will make sure to test this in a UDF context to make sure there is no data loss
   or incorrect rendering ( and will then remove this last comment or address later on )
   */
+
   var _React$useState = React.useState(0),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    value = _React$useState2[0],
-    setValue = _React$useState2[1];
-  var _React$useState3 = React.useState(PureLinkGraphUtils_1.createLinkGraphFromTable(fields, columns, nodeWidth, nodeHeight, nodeSpacingX, nodeSpacingY, resultLimit, fieldOrder)),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    graphDataModelState = _React$useState4[0],
-    setGraphDataModelState = _React$useState4[1];
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      value = _React$useState2[0],
+      setValue = _React$useState2[1];
+
+  var _React$useState3 = React.useState((0, PureLinkGraphUtils_1.createLinkGraphFromTable)(fields, columns, nodeWidth, nodeHeight, nodeSpacingX, nodeSpacingY, resultLimit, fieldOrder)),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      graphDataModelState = _React$useState4[0],
+      setGraphDataModelState = _React$useState4[1];
+
   React.useEffect(function () {
-    setGraphDataModelState(PureLinkGraphUtils_1.createLinkGraphFromTable(fields, columns, nodeWidth, nodeHeight, nodeSpacingX, nodeSpacingY, resultLimit, fieldOrder));
+    setGraphDataModelState((0, PureLinkGraphUtils_1.createLinkGraphFromTable)(fields, columns, nodeWidth, nodeHeight, nodeSpacingX, nodeSpacingY, resultLimit, fieldOrder));
   }, [fields, columns, nodeWidth, nodeHeight, nodeSpacingX, nodeSpacingY, resultLimit, fieldOrder]);
+
   var handleFieldSort = function handleFieldSort(field, sortKey) {
-    PureLinkGraphUtils_1.sortGraphColumn(graphDataModelState, field, sortKey, nodeHeight, nodeSpacingY);
+    (0, PureLinkGraphUtils_1.sortGraphColumn)(graphDataModelState, field, sortKey, nodeHeight, nodeSpacingY);
     setGraphDataModelState(graphDataModelState);
     setValue(value + 1);
   };
+
   return React.createElement(LinkGraphWrapper, {
     backgroundColor: backgroundColor,
     height: height,
@@ -2317,6 +2626,7 @@ var PureLinkGraph = function PureLinkGraph(props) {
     });
   }))));
 };
+
 exports.PureLinkGraph = PureLinkGraph;
 exports.PureLinkGraph.propTypes = {
   mode: T.string,
@@ -2367,38 +2677,57 @@ exports.PureLinkGraph.defaultProps = {
   fieldOrder: []
 };
 exports.PureLinkGraph.displayName = 'VizLinkGraph';
-exports.default = FixedSizeContainer_1.default(exports.PureLinkGraph);
+exports.default = (0, FixedSizeContainer_1.default)(exports.PureLinkGraph);
 
 /***/ }),
-/* 225 */
+/* 228 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
 var _toConsumableArray = __webpack_require__(8);
+
 var _classCallCheck = __webpack_require__(9);
+
 var _createClass = __webpack_require__(18);
-var _inherits = __webpack_require__(70);
-var _possibleConstructorReturn = __webpack_require__(71);
-var _getPrototypeOf = __webpack_require__(62);
+
+var _inherits = __webpack_require__(71);
+
+var _possibleConstructorReturn = __webpack_require__(72);
+
+var _getPrototypeOf = __webpack_require__(63);
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } catch (e) { return false; } }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var React = __webpack_require__(1);
+
 var lodash_1 = __webpack_require__(3);
-var Edges_1 = __webpack_require__(226);
-var Nodes_1 = __webpack_require__(227);
-var GraphStyles_1 = __webpack_require__(154);
-var PureLinkGraphUtils_1 = __webpack_require__(128);
+
+var Edges_1 = __webpack_require__(229);
+
+var Nodes_1 = __webpack_require__(230);
+
+var GraphStyles_1 = __webpack_require__(157);
+
+var PureLinkGraphUtils_1 = __webpack_require__(129);
+
 var Graph = /*#__PURE__*/function (_React$Component) {
   _inherits(Graph, _React$Component);
+
   var _super = _createSuper(Graph);
+
   function Graph(props) {
     var _this;
+
     _classCallCheck(this, Graph);
+
     _this = _super.call(this, props);
     _this.requestAnimationFrameId = null;
     _this.viewport = null;
@@ -2408,11 +2737,14 @@ var Graph = /*#__PURE__*/function (_React$Component) {
       highlightedNodes: [],
       hasMounted: false
     };
+
     _this.handleNodeMouseover = function (k) {
       return _this.props.onNodeMouseover(k);
     };
+
     return _this;
   }
+
   _createClass(Graph, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -2424,6 +2756,7 @@ var Graph = /*#__PURE__*/function (_React$Component) {
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
       var _this2 = this;
+
       var highlightedNodes = this.state.highlightedNodes;
       cancelAnimationFrame(this.requestAnimationFrameId);
       this.highlightAllEdges();
@@ -2442,16 +2775,21 @@ var Graph = /*#__PURE__*/function (_React$Component) {
     key: "handleMouseEnterNode",
     value: function handleMouseEnterNode(nodeID) {
       var _this3 = this;
+
       this.unhighlightAllEdges();
-      var _PureLinkGraphUtils_ = PureLinkGraphUtils_1.getNodesToHighlight(this.props.graphDataModel, nodeID),
-        nodes = _PureLinkGraphUtils_.nodes,
-        edges = _PureLinkGraphUtils_.edges;
+
+      var _ref = (0, PureLinkGraphUtils_1.getNodesToHighlight)(this.props.graphDataModel, nodeID),
+          nodes = _ref.nodes,
+          edges = _ref.edges;
+
       edges.forEach(function (e) {
         var element = _this3.viewport.querySelector("[data-test=\"edge-".concat(e, "\"]"));
+
         element.classList.add('hovering');
       });
       nodes.forEach(function (uuid) {
         var element = _this3.viewport.querySelector("[data-test=\"node-".concat(uuid, "\"]"));
+
         element.classList.add('hovering');
       });
     }
@@ -2459,10 +2797,13 @@ var Graph = /*#__PURE__*/function (_React$Component) {
     key: "handleMouseLeave",
     value: function handleMouseLeave() {
       var _this4 = this;
+
       var highlightedNodes = this.state.highlightedNodes;
+
       _toConsumableArray(this.viewport.getElementsByClassName('hovering')[Symbol.iterator]()).forEach(function (ele) {
         ele.classList.remove('hovering');
       });
+
       highlightedNodes.forEach(function (value) {
         _this4.handleMouseEnterNode(value);
       });
@@ -2472,14 +2813,18 @@ var Graph = /*#__PURE__*/function (_React$Component) {
     key: "handleMouseClick",
     value: function handleMouseClick(key) {
       var _this5 = this;
+
       var onNodeClick = this.props.onNodeClick;
       var _this$state = this.state,
-        nodes = _this$state.nodes,
-        highlightedNodes = _this$state.highlightedNodes;
+          nodes = _this$state.nodes,
+          highlightedNodes = _this$state.highlightedNodes;
+
       var newHighlightedNodes = _toConsumableArray(highlightedNodes);
+
       var index = newHighlightedNodes.indexOf(key);
       var element = this.viewport.querySelector("[data-test=\"node-".concat(key, "\"]"));
       var state = false;
+
       if (index !== -1) {
         newHighlightedNodes.splice(index, 1);
         element.classList.remove('selected');
@@ -2490,6 +2835,7 @@ var Graph = /*#__PURE__*/function (_React$Component) {
         element.classList.add('selected');
         element.setAttribute('aria-pressed', 'true');
       }
+
       this.setState({
         highlightedNodes: newHighlightedNodes
       }, function () {
@@ -2497,21 +2843,23 @@ var Graph = /*#__PURE__*/function (_React$Component) {
       });
       var selectedOption = state ? 'selected' : 'unselected';
       var _nodes$key$data = nodes[key].data,
-        field = _nodes$key$data.field,
-        value = _nodes$key$data.value;
+          field = _nodes$key$data.field,
+          value = _nodes$key$data.value;
       var payload = {
         name: field,
         value: value,
         state: selectedOption
       };
-      PureLinkGraphUtils_1.getNodesToHighlight(this.props.graphDataModel, key).nodes.map(function (k) {
+      (0, PureLinkGraphUtils_1.getNodesToHighlight)(this.props.graphDataModel, key).nodes.map(function (k) {
         return nodes[k];
       }).forEach(function (node) {
         if (node.data.isHidden !== true) {
           var row = "row.".concat(node.data.field, ".value");
+
           if (!payload[row]) {
             payload[row] = [];
           }
+
           payload[row].push(node.data.value);
         }
       });
@@ -2523,6 +2871,7 @@ var Graph = /*#__PURE__*/function (_React$Component) {
     key: "highlightAllEdges",
     value: function highlightAllEdges() {
       var highlightedNodes = this.state.highlightedNodes;
+
       if (!highlightedNodes.length) {
         this.viewport.querySelectorAll("[data-test^=\"edge-\"]").forEach(function (element) {
           return element.classList.add('hovering');
@@ -2533,6 +2882,7 @@ var Graph = /*#__PURE__*/function (_React$Component) {
     key: "unhighlightAllEdges",
     value: function unhighlightAllEdges() {
       var highlightedNodes = this.state.highlightedNodes;
+
       if (!highlightedNodes.length) {
         this.viewport.querySelectorAll("[data-test^=\"edge-\"]").forEach(function (element) {
           return element.classList.remove('hovering');
@@ -2543,6 +2893,7 @@ var Graph = /*#__PURE__*/function (_React$Component) {
     key: "unhighlightAllNodes",
     value: function unhighlightAllNodes() {
       var highlightedNodes = this.state.highlightedNodes;
+
       if (!highlightedNodes.length) {
         this.viewport.querySelectorAll("[data-test^=\"node-\"]").forEach(function (element) {
           return element.classList.remove('hovering');
@@ -2553,11 +2904,14 @@ var Graph = /*#__PURE__*/function (_React$Component) {
     key: "tween",
     value: function tween() {
       var _this6 = this;
+
       var nodes = this.state.nodes;
       var isAnimating = false;
       Object.keys(nodes).forEach(function (nodeId) {
         var node = nodes[nodeId];
+
         var nodeElement = _this6.viewport.querySelector("[data-test=\"node-".concat(nodeId, "\"]"));
+
         if (nodeElement) {
           if (nodeElement.style.left === '') {
             _this6.moveNodeBy(nodeId, Math.floor(node.x), Math.floor(node.y), Math.floor(node.w), Math.floor(node.h));
@@ -2571,17 +2925,21 @@ var Graph = /*#__PURE__*/function (_React$Component) {
             var newY = Math.floor(y * (1 - node.time) + node.y * node.time);
             var newWidth = Math.floor(w * (1 - node.time) + node.w * node.time);
             var newHeight = Math.floor(h * (1 - node.time) + node.h * node.time);
+
             if (node.time < 1) {
               _this6.moveNodeBy(nodeId, Math.floor(newX), Math.floor(newY), Math.floor(newWidth), Math.floor(newHeight));
+
               isAnimating = true;
             } else {
               _this6.moveNodeBy(nodeId, Math.floor(node.x), Math.floor(node.y), Math.floor(node.w), Math.floor(node.h));
+
               node.time = 1;
             }
           }
         }
       });
       cancelAnimationFrame(this.requestAnimationFrameId);
+
       if (isAnimating) {
         this.requestAnimationFrameId = requestAnimationFrame(this.tween.bind(this));
       }
@@ -2590,23 +2948,28 @@ var Graph = /*#__PURE__*/function (_React$Component) {
     key: "moveNodeBy",
     value: function moveNodeBy(nodeId, xIn, yIn, wIn, hIn) {
       var _this7 = this;
+
       var nodes = this.state.nodes;
       nodes[nodeId].currentX = xIn;
       nodes[nodeId].currentY = yIn;
       nodes[nodeId].currentW = wIn;
       nodes[nodeId].currentH = hIn;
       var nodeElement = this.viewport.querySelector("[data-test=\"node-".concat(nodeId, "\"]"));
+
       if (nodeElement) {
         nodeElement.style.left = "".concat(xIn, "px");
         nodeElement.style.top = "".concat(yIn, "px");
         nodeElement.style.width = "".concat(wIn, "px");
         nodeElement.style.height = "".concat(hIn, "px");
       }
+
       Object.values(nodes[nodeId].data.outs).forEach(function (edge) {
         if (edge.sourceNode === nodeId || edge.targetNode === nodeId) {
           var start = nodes[edge.sourceNode];
           var end = nodes[edge.targetNode];
+
           var edgeElement = _this7.viewport.querySelector("[data-test=\"edge-".concat(edge.sourceNode, "-").concat(edge.targetNode, "\"]"));
+
           if (edgeElement && start && end) {
             var middle = {
               currentX: 0,
@@ -2626,19 +2989,20 @@ var Graph = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this8 = this;
+
       var _this$state2 = this.state,
-        nodes = _this$state2.nodes,
-        edges = _this$state2.edges;
+          nodes = _this$state2.nodes,
+          edges = _this$state2.edges;
       var _this$props = this.props,
-        nodeColor = _this$props.nodeColor,
-        nodeHighlightColor = _this$props.nodeHighlightColor,
-        linkColor = _this$props.linkColor,
-        linkWidth = _this$props.linkWidth,
-        showValueCounts = _this$props.showValueCounts,
-        nodeTextColor = _this$props.nodeTextColor,
-        nodeTextHighlightColor = _this$props.nodeTextHighlightColor,
-        metadataFields = _this$props.metadataFields,
-        metadataColumns = _this$props.metadataColumns;
+          nodeColor = _this$props.nodeColor,
+          nodeHighlightColor = _this$props.nodeHighlightColor,
+          linkColor = _this$props.linkColor,
+          linkWidth = _this$props.linkWidth,
+          showValueCounts = _this$props.showValueCounts,
+          nodeTextColor = _this$props.nodeTextColor,
+          nodeTextHighlightColor = _this$props.nodeTextHighlightColor,
+          metadataFields = _this$props.metadataFields,
+          metadataColumns = _this$props.metadataColumns;
       var newEdges = edges.filter(function (edge) {
         return nodes[edge.sourceNode] && nodes[edge.targetNode];
       });
@@ -2677,21 +3041,26 @@ var Graph = /*#__PURE__*/function (_React$Component) {
       if (!state.hasMounted) {
         return state;
       }
-      var nodes = lodash_1.cloneDeep(props.graphDataModel.nodes);
+
+      var nodes = (0, lodash_1.cloneDeep)(props.graphDataModel.nodes);
       Object.keys(nodes).forEach(function (key) {
         var nodeFromProps = nodes[key];
         var nodeFromState = state.nodes[key];
+
         if (!nodeFromState) {
           nodeFromProps.time = 1;
         } else if (nodeFromProps.x !== nodeFromState.x || nodeFromProps.y !== nodeFromState.y || nodeFromProps.w !== nodeFromState.w || nodeFromProps.h !== nodeFromState.h) {
           nodeFromProps.time = 0;
         }
+
         nodeFromProps.currentX = nodeFromProps.x;
         nodeFromProps.currentY = nodeFromProps.y;
         nodeFromProps.currentW = nodeFromProps.w;
         nodeFromProps.currentH = nodeFromProps.h;
       });
+
       var highlightedNodes = _toConsumableArray(state.highlightedNodes);
+
       state.highlightedNodes.forEach(function (nodeID) {
         if (!props.graphDataModel.nodes[nodeID]) {
           highlightedNodes = [];
@@ -2704,12 +3073,14 @@ var Graph = /*#__PURE__*/function (_React$Component) {
       };
     }
   }]);
+
   return Graph;
 }(React.Component);
+
 exports.default = Graph;
 
 /***/ }),
-/* 226 */
+/* 229 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2718,11 +3089,14 @@ exports.default = Graph;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var React = __webpack_require__(1);
-var GraphStyles_1 = __webpack_require__(154);
+
+var GraphStyles_1 = __webpack_require__(157);
+
 var Edges = function Edges(props) {
   var edges = props.edges,
-    linkWidth = props.linkWidth;
+      linkWidth = props.linkWidth;
   var key = '';
   return React.createElement("svg", {
     style: {
@@ -2746,10 +3120,11 @@ var Edges = function Edges(props) {
     })];
   }));
 };
+
 exports.default = Edges;
 
 /***/ }),
-/* 227 */
+/* 230 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2758,13 +3133,18 @@ exports.default = Edges;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var React = __webpack_require__(1);
+
 var FeatureFlagContext_1 = __webpack_require__(21);
+
 var lodash_1 = __webpack_require__(3);
-var Node_1 = __webpack_require__(228);
+
+var Node_1 = __webpack_require__(231);
+
 var Nodes = function Nodes(props) {
   var context = React.useContext(FeatureFlagContext_1.default);
-  var NodeToUse = lodash_1.get(context, 'LinkGraph.showNodeMetaData') ? Node_1.NodeES : Node_1.Node;
+  var NodeToUse = (0, lodash_1.get)(context, 'LinkGraph.showNodeMetaData') ? Node_1.NodeES : Node_1.Node;
   return Object.keys(props.nodes).map(function (key) {
     return React.createElement("button", {
       className: "node",
@@ -2793,32 +3173,39 @@ var Nodes = function Nodes(props) {
     }));
   });
 };
+
 exports.default = Nodes;
 
 /***/ }),
-/* 228 */
+/* 231 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
 var _slicedToArray = __webpack_require__(17);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NodeES = exports.Node = void 0;
+
 var React = __webpack_require__(1);
-var Paragraph_1 = __webpack_require__(109);
-var PureLinkGraphUtils_1 = __webpack_require__(128);
+
+var Paragraph_1 = __webpack_require__(110);
+
+var PureLinkGraphUtils_1 = __webpack_require__(129);
+
 var Node = function Node(props) {
   var data = props.data,
-    showValueCounts = props.showValueCounts;
+      showValueCounts = props.showValueCounts;
   return React.createElement(React.Fragment, null, React.createElement("div", {
     className: "center-content"
   }, React.createElement(Paragraph_1.default, null, data.value)), React.createElement("div", {
     className: "right-content"
   }, React.createElement(Paragraph_1.default, null, showValueCounts ? data.count : null)));
 };
+
 exports.Node = Node;
 var esStyle = {
   width: 'auto',
@@ -2830,30 +3217,36 @@ var esStyle = {
  * 2. a @splunk/react-icon by passing in the icon name
  * 3. an SVG path - example: d="M 0, 0 m -5, 0 a 5,5 0 1,0 5,0 a 5,5 0 1,0 -5,0"
  */
+
 var NodeES = function NodeES(props) {
   var data = props.data,
-    showValueCounts = props.showValueCounts,
-    metadataFields = props.metadataFields,
-    metadataColumns = props.metadataColumns;
-  var metaData = PureLinkGraphUtils_1.getSecondaryColumnByField(data.value, metadataFields, metadataColumns);
+      showValueCounts = props.showValueCounts,
+      metadataFields = props.metadataFields,
+      metadataColumns = props.metadataColumns;
+  var metaData = (0, PureLinkGraphUtils_1.getSecondaryColumnByField)(data.value, metadataFields, metadataColumns);
   var isSVG = String(metaData.icon).indexOf('d=') === 0;
   var isIMG = String(metaData.icon).indexOf('data:image/') === 0;
+
   var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    showRollOverText = _React$useState2[0],
-    setShowRollOverText = _React$useState2[1];
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      showRollOverText = _React$useState2[0],
+      setShowRollOverText = _React$useState2[1];
+
   var anchorRef = React.useRef(null);
   var Icon = null;
+
   if (metaData.icon && !isIMG && !isSVG) {
     try {
       /* eslint-disable import/no-dynamic-require, global-require, @typescript-eslint/no-var-requires */
       if (metaData.icon === 'SVG') {
         // SVG does not follow the `@splunk/react-icons/enterprise/{ICON}` structure :-(
-        Icon = __webpack_require__(229);
+        Icon = __webpack_require__(232);
       } else {
-        Icon = __webpack_require__(230)("./".concat(metaData.icon, ".js"));
+        Icon = __webpack_require__(233)("./".concat(metaData.icon, ".js"));
       }
       /* eslint-enable import/no-dynamic-require, global-require, @typescript-eslint/no-var-requires */
+
+
       if (Icon && Icon.default) {
         Icon = Icon.default;
       }
@@ -2861,6 +3254,7 @@ var NodeES = function NodeES(props) {
       Icon = null;
     }
   }
+
   return React.createElement("div", {
     className: "center-content-se",
     ref: anchorRef,
@@ -2919,183 +3313,184 @@ var NodeES = function NodeES(props) {
     }
   }, metaData.badge_label ? metaData.badge_label : null)));
 };
+
 exports.NodeES = NodeES;
 
 /***/ }),
-/* 229 */
+/* 232 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/SVGEnterprise.js");
 
 /***/ }),
-/* 230 */
+/* 233 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var map = {
-	"./Activity.js": 231,
-	"./ArrowDown.js": 233,
-	"./ArrowLeft.js": 234,
-	"./ArrowRight.js": 235,
-	"./ArrowUp.js": 236,
-	"./BarBeside.js": 237,
-	"./BarStacked.js": 238,
-	"./BarStacked100.js": 239,
-	"./Bell.js": 240,
-	"./Bookmark.js": 241,
-	"./Boolean.js": 242,
-	"./BoxChecked.js": 243,
-	"./BoxFilled.js": 244,
-	"./BoxUnchecked.js": 245,
-	"./Calendar.js": 246,
-	"./Cancel.js": 247,
-	"./Caret.js": 248,
-	"./ChartArea.js": 250,
-	"./ChartBar.js": 251,
-	"./ChartBasic.js": 252,
-	"./ChartBubble.js": 253,
-	"./ChartColumn.js": 254,
-	"./ChartLine.js": 255,
-	"./ChartPie.js": 256,
-	"./ChartScatter.js": 257,
-	"./Check.js": 258,
-	"./ChevronDown.js": 259,
-	"./ChevronLeft.js": 260,
-	"./ChevronRight.js": 261,
-	"./ChevronUp.js": 262,
-	"./ChoroplethMap.js": 263,
-	"./Circle.js": 264,
-	"./CircleFilled.js": 265,
-	"./CircleHalfFilled.js": 266,
-	"./CirclePlus.js": 267,
-	"./Clear.js": 268,
-	"./Clipboard.js": 269,
-	"./Clock.js": 270,
-	"./Clone.js": 271,
-	"./Close.js": 272,
-	"./Code.js": 273,
-	"./Connection.js": 274,
-	"./Dashboard.js": 275,
-	"./Data.js": 276,
-	"./DataInput.js": 277,
-	"./DataSource.js": 278,
-	"./DistributedEnvironment.js": 279,
-	"./DistributionStream.js": 280,
-	"./Document.js": 281,
-	"./Download.js": 282,
-	"./Envelope.js": 283,
-	"./Error.js": 284,
-	"./Events.js": 285,
-	"./External.js": 286,
-	"./ExternalViz.js": 287,
-	"./Filter.js": 289,
-	"./FitToView.js": 290,
-	"./Flag.js": 291,
-	"./Folder.js": 292,
-	"./Fullscreen.js": 293,
-	"./FullscreenExit.js": 294,
-	"./FullscreenExitLight.js": 295,
-	"./FullscreenLight.js": 296,
-	"./GaugeFiller.js": 297,
-	"./GaugeMarker.js": 298,
-	"./GaugeRadial.js": 299,
-	"./Gear.js": 300,
-	"./GearUnfilled.js": 301,
-	"./Globe.js": 302,
-	"./HamburgerMenu.js": 303,
-	"./Icons.js": 304,
-	"./Images.js": 305,
-	"./Info.js": 306,
-	"./InfoCircle.js": 307,
-	"./Inputs.js": 308,
-	"./LabelRotation0.js": 309,
-	"./LabelRotation45.js": 310,
-	"./LabelRotation90.js": 311,
-	"./LabelRotationMinus45.js": 312,
-	"./LabelRotationMinus90.js": 313,
-	"./Lightbulb.js": 314,
-	"./Lightning.js": 315,
-	"./Line.js": 316,
-	"./Link.js": 317,
-	"./List.js": 318,
-	"./LocationMarker.js": 319,
-	"./Lock.js": 320,
-	"./LockUnlocked.js": 321,
-	"./Map.js": 322,
-	"./Metrics.js": 324,
-	"./Minus.js": 325,
-	"./MinusCircle.js": 326,
-	"./MissingValueJoin.js": 327,
-	"./MissingValueSkipped.js": 328,
-	"./MissingValueZero.js": 329,
-	"./Model.js": 330,
-	"./Monitor.js": 331,
-	"./More.js": 332,
-	"./MoreVertical.js": 333,
-	"./MultiShare.js": 334,
-	"./NetworkDevice.js": 335,
-	"./NotAllowed.js": 336,
-	"./Number.js": 337,
-	"./Paintbrush.js": 338,
-	"./Pan.js": 339,
-	"./Pause.js": 340,
-	"./Pencil.js": 341,
-	"./Pivot.js": 342,
-	"./Play.js": 343,
-	"./Plus.js": 345,
-	"./Print.js": 346,
-	"./Puzzle.js": 347,
-	"./Question.js": 348,
-	"./QuestionCircle.js": 349,
-	"./Refresh.js": 350,
-	"./RefreshLight.js": 351,
-	"./Remove.js": 352,
-	"./Report.js": 353,
-	"./ReportPivot.js": 355,
-	"./ReportSearch.js": 356,
-	"./Rollup.js": 357,
-	"./Rotate.js": 358,
-	"./RotateCounter.js": 359,
-	"./RotateCounterLight.js": 360,
-	"./RotateLight.js": 361,
-	"./Save.js": 362,
-	"./Search.js": 363,
-	"./Select.js": 364,
-	"./Settings.js": 365,
-	"./Shapes.js": 366,
-	"./Share.js": 367,
-	"./SingleValue.js": 368,
-	"./Sort.js": 369,
-	"./SortedDown.js": 370,
-	"./SortedUp.js": 371,
-	"./SpeechBubble.js": 372,
-	"./SplitBy.js": 373,
-	"./Star.js": 374,
-	"./Stop.js": 375,
-	"./String.js": 377,
-	"./Success.js": 378,
-	"./Table.js": 379,
-	"./Target.js": 380,
-	"./Text.js": 381,
-	"./TextLight.js": 382,
-	"./Tiles.js": 383,
-	"./Tool.js": 384,
-	"./Topology.js": 385,
-	"./Trash.js": 386,
-	"./Tree.js": 387,
-	"./TriangleDown.js": 388,
-	"./TriangleDownSmall.js": 389,
-	"./TriangleLeft.js": 390,
-	"./TriangleLeftSmall.js": 391,
-	"./TriangleRight.js": 392,
-	"./TriangleRightSmall.js": 393,
-	"./TriangleUp.js": 394,
-	"./TriangleUpSmall.js": 395,
-	"./Upload.js": 396,
-	"./User.js": 397,
-	"./Warning.js": 398,
-	"./ZoomIn.js": 399,
-	"./ZoomOut.js": 400,
-	"./ZoomReset.js": 401
+	"./Activity.js": 234,
+	"./ArrowDown.js": 236,
+	"./ArrowLeft.js": 237,
+	"./ArrowRight.js": 238,
+	"./ArrowUp.js": 239,
+	"./BarBeside.js": 240,
+	"./BarStacked.js": 241,
+	"./BarStacked100.js": 242,
+	"./Bell.js": 243,
+	"./Bookmark.js": 244,
+	"./Boolean.js": 245,
+	"./BoxChecked.js": 246,
+	"./BoxFilled.js": 247,
+	"./BoxUnchecked.js": 248,
+	"./Calendar.js": 249,
+	"./Cancel.js": 250,
+	"./Caret.js": 251,
+	"./ChartArea.js": 253,
+	"./ChartBar.js": 254,
+	"./ChartBasic.js": 255,
+	"./ChartBubble.js": 256,
+	"./ChartColumn.js": 257,
+	"./ChartLine.js": 258,
+	"./ChartPie.js": 259,
+	"./ChartScatter.js": 260,
+	"./Check.js": 261,
+	"./ChevronDown.js": 262,
+	"./ChevronLeft.js": 263,
+	"./ChevronRight.js": 264,
+	"./ChevronUp.js": 265,
+	"./ChoroplethMap.js": 266,
+	"./Circle.js": 267,
+	"./CircleFilled.js": 268,
+	"./CircleHalfFilled.js": 269,
+	"./CirclePlus.js": 270,
+	"./Clear.js": 271,
+	"./Clipboard.js": 272,
+	"./Clock.js": 273,
+	"./Clone.js": 274,
+	"./Close.js": 275,
+	"./Code.js": 276,
+	"./Connection.js": 277,
+	"./Dashboard.js": 278,
+	"./Data.js": 279,
+	"./DataInput.js": 280,
+	"./DataSource.js": 281,
+	"./DistributedEnvironment.js": 282,
+	"./DistributionStream.js": 283,
+	"./Document.js": 284,
+	"./Download.js": 285,
+	"./Envelope.js": 286,
+	"./Error.js": 287,
+	"./Events.js": 288,
+	"./External.js": 289,
+	"./ExternalViz.js": 290,
+	"./Filter.js": 292,
+	"./FitToView.js": 293,
+	"./Flag.js": 294,
+	"./Folder.js": 295,
+	"./Fullscreen.js": 296,
+	"./FullscreenExit.js": 297,
+	"./FullscreenExitLight.js": 298,
+	"./FullscreenLight.js": 299,
+	"./GaugeFiller.js": 300,
+	"./GaugeMarker.js": 301,
+	"./GaugeRadial.js": 302,
+	"./Gear.js": 303,
+	"./GearUnfilled.js": 304,
+	"./Globe.js": 305,
+	"./HamburgerMenu.js": 306,
+	"./Icons.js": 307,
+	"./Images.js": 308,
+	"./Info.js": 309,
+	"./InfoCircle.js": 310,
+	"./Inputs.js": 311,
+	"./LabelRotation0.js": 312,
+	"./LabelRotation45.js": 313,
+	"./LabelRotation90.js": 314,
+	"./LabelRotationMinus45.js": 315,
+	"./LabelRotationMinus90.js": 316,
+	"./Lightbulb.js": 317,
+	"./Lightning.js": 318,
+	"./Line.js": 319,
+	"./Link.js": 320,
+	"./List.js": 321,
+	"./LocationMarker.js": 322,
+	"./Lock.js": 323,
+	"./LockUnlocked.js": 324,
+	"./Map.js": 325,
+	"./Metrics.js": 327,
+	"./Minus.js": 328,
+	"./MinusCircle.js": 329,
+	"./MissingValueJoin.js": 330,
+	"./MissingValueSkipped.js": 331,
+	"./MissingValueZero.js": 332,
+	"./Model.js": 333,
+	"./Monitor.js": 334,
+	"./More.js": 335,
+	"./MoreVertical.js": 336,
+	"./MultiShare.js": 337,
+	"./NetworkDevice.js": 338,
+	"./NotAllowed.js": 339,
+	"./Number.js": 340,
+	"./Paintbrush.js": 341,
+	"./Pan.js": 342,
+	"./Pause.js": 343,
+	"./Pencil.js": 344,
+	"./Pivot.js": 345,
+	"./Play.js": 346,
+	"./Plus.js": 348,
+	"./Print.js": 349,
+	"./Puzzle.js": 350,
+	"./Question.js": 351,
+	"./QuestionCircle.js": 352,
+	"./Refresh.js": 353,
+	"./RefreshLight.js": 354,
+	"./Remove.js": 355,
+	"./Report.js": 356,
+	"./ReportPivot.js": 358,
+	"./ReportSearch.js": 359,
+	"./Rollup.js": 360,
+	"./Rotate.js": 361,
+	"./RotateCounter.js": 362,
+	"./RotateCounterLight.js": 363,
+	"./RotateLight.js": 364,
+	"./Save.js": 365,
+	"./Search.js": 366,
+	"./Select.js": 367,
+	"./Settings.js": 368,
+	"./Shapes.js": 369,
+	"./Share.js": 370,
+	"./SingleValue.js": 371,
+	"./Sort.js": 372,
+	"./SortedDown.js": 373,
+	"./SortedUp.js": 374,
+	"./SpeechBubble.js": 375,
+	"./SplitBy.js": 376,
+	"./Star.js": 377,
+	"./Stop.js": 378,
+	"./String.js": 380,
+	"./Success.js": 381,
+	"./Table.js": 382,
+	"./Target.js": 383,
+	"./Text.js": 384,
+	"./TextLight.js": 385,
+	"./Tiles.js": 386,
+	"./Tool.js": 387,
+	"./Topology.js": 388,
+	"./Trash.js": 389,
+	"./Tree.js": 390,
+	"./TriangleDown.js": 391,
+	"./TriangleDownSmall.js": 392,
+	"./TriangleLeft.js": 393,
+	"./TriangleLeftSmall.js": 394,
+	"./TriangleRight.js": 395,
+	"./TriangleRightSmall.js": 396,
+	"./TriangleUp.js": 397,
+	"./TriangleUpSmall.js": 398,
+	"./Upload.js": 399,
+	"./User.js": 400,
+	"./Warning.js": 401,
+	"./ZoomIn.js": 402,
+	"./ZoomOut.js": 403,
+	"./ZoomReset.js": 404
 };
 
 
@@ -3116,10 +3511,10 @@ webpackContext.keys = function webpackContextKeys() {
 };
 webpackContext.resolve = webpackContextResolve;
 module.exports = webpackContext;
-webpackContext.id = 230;
+webpackContext.id = 233;
 
 /***/ }),
-/* 231 */
+/* 234 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -3221,7 +3616,7 @@ module.exports = __webpack_require__(1);
 /***/ 12:
 /***/ (function(module, exports) {
 
-module.exports = __webpack_require__(232);
+module.exports = __webpack_require__(235);
 
 /***/ }),
 
@@ -3260,13 +3655,13 @@ module.exports = __webpack_require__(2);
 /******/ });
 
 /***/ }),
-/* 232 */
+/* 235 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/ChartLine");
 
 /***/ }),
-/* 233 */
+/* 236 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -3412,7 +3807,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 234 */
+/* 237 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -3558,7 +3953,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 235 */
+/* 238 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -3704,7 +4099,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 236 */
+/* 239 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -3850,7 +4245,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 237 */
+/* 240 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -3995,7 +4390,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 238 */
+/* 241 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -4141,7 +4536,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 239 */
+/* 242 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -4287,7 +4682,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 240 */
+/* 243 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -4433,7 +4828,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 241 */
+/* 244 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -4579,7 +4974,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 242 */
+/* 245 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -4724,7 +5119,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 243 */
+/* 246 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -4869,7 +5264,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 244 */
+/* 247 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -5015,7 +5410,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 245 */
+/* 248 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -5160,7 +5555,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 246 */
+/* 249 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -5305,7 +5700,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 247 */
+/* 250 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -5439,14 +5834,14 @@ function Cancel(props) {
 /***/ 7:
 /***/ (function(module, exports) {
 
-module.exports = __webpack_require__(129);
+module.exports = __webpack_require__(130);
 
 /***/ })
 
 /******/ });
 
 /***/ }),
-/* 248 */
+/* 251 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -5548,7 +5943,7 @@ module.exports = __webpack_require__(1);
 /***/ 13:
 /***/ (function(module, exports) {
 
-module.exports = __webpack_require__(249);
+module.exports = __webpack_require__(252);
 
 /***/ }),
 
@@ -5587,13 +5982,13 @@ function Cancel(props) {
 /******/ });
 
 /***/ }),
-/* 249 */
+/* 252 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/TriangleDownSmall");
 
 /***/ }),
-/* 250 */
+/* 253 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -5739,7 +6134,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 251 */
+/* 254 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -5885,7 +6280,7 @@ function ChartBar(props) {
 /******/ });
 
 /***/ }),
-/* 252 */
+/* 255 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -6037,7 +6432,7 @@ function ChartBasic(props) {
 /******/ });
 
 /***/ }),
-/* 253 */
+/* 256 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -6183,7 +6578,7 @@ function ChartBubble(props) {
 /******/ });
 
 /***/ }),
-/* 254 */
+/* 257 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -6329,7 +6724,7 @@ function ChartColumn(props) {
 /******/ });
 
 /***/ }),
-/* 255 */
+/* 258 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -6475,7 +6870,7 @@ function ChartLine(props) {
 /******/ });
 
 /***/ }),
-/* 256 */
+/* 259 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -6621,7 +7016,7 @@ function ChartPie(props) {
 /******/ });
 
 /***/ }),
-/* 257 */
+/* 260 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -6766,7 +7161,7 @@ function ChartScatter(props) {
 /******/ });
 
 /***/ }),
-/* 258 */
+/* 261 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -6911,7 +7306,7 @@ function Check(props) {
 /******/ });
 
 /***/ }),
-/* 259 */
+/* 262 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -7055,7 +7450,7 @@ function ChevronDown(props) {
 /******/ });
 
 /***/ }),
-/* 260 */
+/* 263 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -7199,7 +7594,7 @@ function ChevronLeft(props) {
 /******/ });
 
 /***/ }),
-/* 261 */
+/* 264 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -7343,7 +7738,7 @@ function ChevronRight(props) {
 /******/ });
 
 /***/ }),
-/* 262 */
+/* 265 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -7487,7 +7882,7 @@ function ChevronUp(props) {
 /******/ });
 
 /***/ }),
-/* 263 */
+/* 266 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -7633,7 +8028,7 @@ function ChoroplethMap(props) {
 /******/ });
 
 /***/ }),
-/* 264 */
+/* 267 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -7778,7 +8173,7 @@ function Circle(props) {
 /******/ });
 
 /***/ }),
-/* 265 */
+/* 268 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -7923,7 +8318,7 @@ function CircleFilled(props) {
 /******/ });
 
 /***/ }),
-/* 266 */
+/* 269 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -8068,7 +8463,7 @@ function CircleHalfFilled(props) {
 /******/ });
 
 /***/ }),
-/* 267 */
+/* 270 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -8213,7 +8608,7 @@ function CirclePlus(props) {
 /******/ });
 
 /***/ }),
-/* 268 */
+/* 271 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -8358,7 +8753,7 @@ function Clear(props) {
 /******/ });
 
 /***/ }),
-/* 269 */
+/* 272 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -8504,7 +8899,7 @@ function Clipboard(props) {
 /******/ });
 
 /***/ }),
-/* 270 */
+/* 273 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -8649,7 +9044,7 @@ function Clock(props) {
 /******/ });
 
 /***/ }),
-/* 271 */
+/* 274 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -8794,7 +9189,7 @@ function Clone(props) {
 /******/ });
 
 /***/ }),
-/* 272 */
+/* 275 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -8928,14 +9323,14 @@ function Close(props) {
 /***/ 7:
 /***/ (function(module, exports) {
 
-module.exports = __webpack_require__(129);
+module.exports = __webpack_require__(130);
 
 /***/ })
 
 /******/ });
 
 /***/ }),
-/* 273 */
+/* 276 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -9081,7 +9476,7 @@ function Code(props) {
 /******/ });
 
 /***/ }),
-/* 274 */
+/* 277 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -9241,7 +9636,7 @@ function Connection(props) {
 /******/ });
 
 /***/ }),
-/* 275 */
+/* 278 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -9386,7 +9781,7 @@ function Dashboard(props) {
 /******/ });
 
 /***/ }),
-/* 276 */
+/* 279 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -9532,7 +9927,7 @@ function Data(props) {
 /******/ });
 
 /***/ }),
-/* 277 */
+/* 280 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -9678,7 +10073,7 @@ function DataInput(props) {
 /******/ });
 
 /***/ }),
-/* 278 */
+/* 281 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -9826,7 +10221,7 @@ function DataSource(props) {
 /******/ });
 
 /***/ }),
-/* 279 */
+/* 282 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -9971,7 +10366,7 @@ function DistributedEnvironment(props) {
 /******/ });
 
 /***/ }),
-/* 280 */
+/* 283 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -10117,7 +10512,7 @@ function DistributionStream(props) {
 /******/ });
 
 /***/ }),
-/* 281 */
+/* 284 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -10263,7 +10658,7 @@ function Document(props) {
 /******/ });
 
 /***/ }),
-/* 282 */
+/* 285 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -10409,7 +10804,7 @@ function Download(props) {
 /******/ });
 
 /***/ }),
-/* 283 */
+/* 286 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -10555,7 +10950,7 @@ function Envelope(props) {
 /******/ });
 
 /***/ }),
-/* 284 */
+/* 287 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -10702,7 +11097,7 @@ function Error(props) {
 /******/ });
 
 /***/ }),
-/* 285 */
+/* 288 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -10848,7 +11243,7 @@ function Events(props) {
 /******/ });
 
 /***/ }),
-/* 286 */
+/* 289 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -10994,7 +11389,7 @@ function External(props) {
 /******/ });
 
 /***/ }),
-/* 287 */
+/* 290 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -11096,7 +11491,7 @@ module.exports = __webpack_require__(1);
 /***/ 14:
 /***/ (function(module, exports) {
 
-module.exports = __webpack_require__(288);
+module.exports = __webpack_require__(291);
 
 /***/ }),
 
@@ -11135,13 +11530,13 @@ function ExternalViz(props) {
 /******/ });
 
 /***/ }),
-/* 288 */
+/* 291 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/Puzzle");
 
 /***/ }),
-/* 289 */
+/* 292 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -11287,7 +11682,7 @@ function Filter(props) {
 /******/ });
 
 /***/ }),
-/* 290 */
+/* 293 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -11441,7 +11836,7 @@ function Icons(props) {
 /******/ });
 
 /***/ }),
-/* 291 */
+/* 294 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -11587,7 +11982,7 @@ function Flag(props) {
 /******/ });
 
 /***/ }),
-/* 292 */
+/* 295 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -11733,7 +12128,7 @@ function Folder(props) {
 /******/ });
 
 /***/ }),
-/* 293 */
+/* 296 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -11879,7 +12274,7 @@ function Fullscreen(props) {
 /******/ });
 
 /***/ }),
-/* 294 */
+/* 297 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -12025,7 +12420,7 @@ function FullscreenExit(props) {
 /******/ });
 
 /***/ }),
-/* 295 */
+/* 298 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -12172,7 +12567,7 @@ function FullscreenExitLight(props) {
 /******/ });
 
 /***/ }),
-/* 296 */
+/* 299 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -12319,7 +12714,7 @@ function Fullscreen(props) {
 /******/ });
 
 /***/ }),
-/* 297 */
+/* 300 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -12465,7 +12860,7 @@ function GaugeFiller(props) {
 /******/ });
 
 /***/ }),
-/* 298 */
+/* 301 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -12611,7 +13006,7 @@ function GaugeMarker(props) {
 /******/ });
 
 /***/ }),
-/* 299 */
+/* 302 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -12757,7 +13152,7 @@ function GaugeRadial(props) {
 /******/ });
 
 /***/ }),
-/* 300 */
+/* 303 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -12902,7 +13297,7 @@ function Gear(props) {
 /******/ });
 
 /***/ }),
-/* 301 */
+/* 304 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -13048,7 +13443,7 @@ function Icons(props) {
 /******/ });
 
 /***/ }),
-/* 302 */
+/* 305 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -13192,7 +13587,7 @@ function Globe(props) {
 /******/ });
 
 /***/ }),
-/* 303 */
+/* 306 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -13338,7 +13733,7 @@ function HamburgerMenu(props) {
 /******/ });
 
 /***/ }),
-/* 304 */
+/* 307 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -13492,7 +13887,7 @@ function Icons(props) {
 /******/ });
 
 /***/ }),
-/* 305 */
+/* 308 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -13644,7 +14039,7 @@ function Images(props) {
 /******/ });
 
 /***/ }),
-/* 306 */
+/* 309 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -13794,7 +14189,7 @@ function Info(props) {
 /******/ });
 
 /***/ }),
-/* 307 */
+/* 310 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -13939,7 +14334,7 @@ function InfoCircle(props) {
 /******/ });
 
 /***/ }),
-/* 308 */
+/* 311 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -14095,7 +14490,7 @@ function Inputs(props) {
 /******/ });
 
 /***/ }),
-/* 309 */
+/* 312 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -14241,7 +14636,7 @@ function LabelRotation0(props) {
 /******/ });
 
 /***/ }),
-/* 310 */
+/* 313 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -14387,7 +14782,7 @@ function LabelRotation45(props) {
 /******/ });
 
 /***/ }),
-/* 311 */
+/* 314 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -14533,7 +14928,7 @@ function LabelRotation90(props) {
 /******/ });
 
 /***/ }),
-/* 312 */
+/* 315 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -14679,7 +15074,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 313 */
+/* 316 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -14825,7 +15220,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 314 */
+/* 317 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -14971,7 +15366,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 315 */
+/* 318 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -15117,7 +15512,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 316 */
+/* 319 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -15265,7 +15660,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 317 */
+/* 320 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -15411,7 +15806,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 318 */
+/* 321 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -15557,7 +15952,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 319 */
+/* 322 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -15703,7 +16098,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 320 */
+/* 323 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -15849,7 +16244,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 321 */
+/* 324 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -15995,7 +16390,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 322 */
+/* 325 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -16122,7 +16517,7 @@ function Map(props) {
 /***/ 15:
 /***/ (function(module, exports) {
 
-module.exports = __webpack_require__(323);
+module.exports = __webpack_require__(326);
 
 /***/ }),
 
@@ -16136,13 +16531,13 @@ module.exports = __webpack_require__(2);
 /******/ });
 
 /***/ }),
-/* 323 */
+/* 326 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/LocationMarker");
 
 /***/ }),
-/* 324 */
+/* 327 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -16288,7 +16683,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 325 */
+/* 328 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -16432,7 +16827,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 326 */
+/* 329 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -16580,7 +16975,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 327 */
+/* 330 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -16726,7 +17121,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 328 */
+/* 331 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -16872,7 +17267,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 329 */
+/* 332 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -17018,7 +17413,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 330 */
+/* 333 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -17164,7 +17559,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 331 */
+/* 334 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -17314,7 +17709,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 332 */
+/* 335 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -17458,7 +17853,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 333 */
+/* 336 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -17602,7 +17997,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 334 */
+/* 337 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -17748,7 +18143,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 335 */
+/* 338 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -17898,7 +18293,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 336 */
+/* 339 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -18043,7 +18438,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 337 */
+/* 340 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -18189,7 +18584,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 338 */
+/* 341 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -18335,7 +18730,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 339 */
+/* 342 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -18481,7 +18876,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 340 */
+/* 343 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -18625,7 +19020,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 341 */
+/* 344 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -18770,7 +19165,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 342 */
+/* 345 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -18916,7 +19311,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 343 */
+/* 346 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -19043,7 +19438,7 @@ function Play(props) {
 /***/ 16:
 /***/ (function(module, exports) {
 
-module.exports = __webpack_require__(344);
+module.exports = __webpack_require__(347);
 
 /***/ }),
 
@@ -19057,13 +19452,13 @@ module.exports = __webpack_require__(2);
 /******/ });
 
 /***/ }),
-/* 344 */
+/* 347 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/TriangleRight");
 
 /***/ }),
-/* 345 */
+/* 348 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -19208,7 +19603,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 346 */
+/* 349 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -19353,7 +19748,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 347 */
+/* 350 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -19499,7 +19894,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 348 */
+/* 351 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -19645,7 +20040,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 349 */
+/* 352 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -19790,7 +20185,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 350 */
+/* 353 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -19940,7 +20335,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 351 */
+/* 354 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -20107,7 +20502,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 352 */
+/* 355 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -20241,14 +20636,14 @@ module.exports = __webpack_require__(2);
 /***/ 7:
 /***/ (function(module, exports) {
 
-module.exports = __webpack_require__(129);
+module.exports = __webpack_require__(130);
 
 /***/ })
 
 /******/ });
 
 /***/ }),
-/* 353 */
+/* 356 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -20375,7 +20770,7 @@ function Report(props) {
 /***/ 17:
 /***/ (function(module, exports) {
 
-module.exports = __webpack_require__(354);
+module.exports = __webpack_require__(357);
 
 /***/ }),
 
@@ -20389,13 +20784,13 @@ module.exports = __webpack_require__(2);
 /******/ });
 
 /***/ }),
-/* 354 */
+/* 357 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/Document");
 
 /***/ }),
-/* 355 */
+/* 358 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -20541,7 +20936,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 356 */
+/* 359 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -20687,7 +21082,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 357 */
+/* 360 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -20833,7 +21228,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 358 */
+/* 361 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -20979,7 +21374,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 359 */
+/* 362 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -21125,7 +21520,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 360 */
+/* 363 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -21285,7 +21680,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 361 */
+/* 364 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -21445,7 +21840,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 362 */
+/* 365 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -21593,7 +21988,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 363 */
+/* 366 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -21738,7 +22133,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 364 */
+/* 367 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -21886,7 +22281,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 365 */
+/* 368 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -22032,7 +22427,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 366 */
+/* 369 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -22184,7 +22579,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 367 */
+/* 370 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -22330,7 +22725,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 368 */
+/* 371 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -22476,7 +22871,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 369 */
+/* 372 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -22622,7 +23017,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 370 */
+/* 373 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -22769,7 +23164,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 371 */
+/* 374 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -22916,7 +23311,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 372 */
+/* 375 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -23061,7 +23456,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 373 */
+/* 376 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -23207,7 +23602,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 374 */
+/* 377 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -23353,7 +23748,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 375 */
+/* 378 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -23480,7 +23875,7 @@ function Stop(props) {
 /***/ 18:
 /***/ (function(module, exports) {
 
-module.exports = __webpack_require__(376);
+module.exports = __webpack_require__(379);
 
 /***/ }),
 
@@ -23494,13 +23889,13 @@ module.exports = __webpack_require__(2);
 /******/ });
 
 /***/ }),
-/* 376 */
+/* 379 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/BoxFilled");
 
 /***/ }),
-/* 377 */
+/* 380 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -23646,7 +24041,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 378 */
+/* 381 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -23791,7 +24186,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 379 */
+/* 382 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -23937,7 +24332,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 380 */
+/* 383 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -24090,7 +24485,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 381 */
+/* 384 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -24236,7 +24631,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 382 */
+/* 385 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -24385,7 +24780,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 383 */
+/* 386 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -24530,7 +24925,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 384 */
+/* 387 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -24676,7 +25071,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 385 */
+/* 388 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -24822,7 +25217,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 386 */
+/* 389 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -24968,7 +25363,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 387 */
+/* 390 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -25112,7 +25507,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 388 */
+/* 391 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -25258,7 +25653,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 389 */
+/* 392 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -25404,7 +25799,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 390 */
+/* 393 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -25550,7 +25945,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 391 */
+/* 394 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -25696,7 +26091,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 392 */
+/* 395 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -25842,7 +26237,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 393 */
+/* 396 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -25988,7 +26383,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 394 */
+/* 397 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -26134,7 +26529,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 395 */
+/* 398 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -26280,7 +26675,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 396 */
+/* 399 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -26426,7 +26821,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 397 */
+/* 400 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -26571,7 +26966,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 398 */
+/* 401 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -26717,7 +27112,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 399 */
+/* 402 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -26863,7 +27258,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 400 */
+/* 403 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -27011,7 +27406,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 401 */
+/* 404 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -27164,7 +27559,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 402 */
+/* 405 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -27173,20 +27568,29 @@ module.exports = __webpack_require__(5);
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var React = __webpack_require__(1);
-var Dropdown_1 = __webpack_require__(403);
-var Paragraph_1 = __webpack_require__(109);
-var Button_1 = __webpack_require__(122);
-var Menu_1 = __webpack_require__(118);
-var Chip_1 = __webpack_require__(404);
+
+var Dropdown_1 = __webpack_require__(406);
+
+var Paragraph_1 = __webpack_require__(110);
+
+var Button_1 = __webpack_require__(123);
+
+var Menu_1 = __webpack_require__(119);
+
+var Chip_1 = __webpack_require__(407);
+
 var FeatureFlagContext_1 = __webpack_require__(21);
+
 var lodash_1 = __webpack_require__(3);
+
 var Field = function Field(_ref) {
   var field = _ref.field,
-    count = _ref.count,
-    onSort = _ref.onSort,
-    showNodeCounts = _ref.showNodeCounts,
-    width = _ref.width;
+      count = _ref.count,
+      onSort = _ref.onSort,
+      showNodeCounts = _ref.showNodeCounts,
+      width = _ref.width;
   var toggle = React.createElement(Button_1.default, {
     label: field,
     isMenu: true,
@@ -27231,26 +27635,27 @@ var Field = function Field(_ref) {
       height: '20px'
     }
   }, count) : null);
-  var FieldToUse = lodash_1.get(context, 'LinkGraph.showNodeMetaData') ? FieldES : FieldNonES;
+  var FieldToUse = (0, lodash_1.get)(context, 'LinkGraph.showNodeMetaData') ? FieldES : FieldNonES;
   return FieldToUse;
 };
+
 Field.displayName = 'Field';
 exports.default = Field;
 
 /***/ }),
-/* 403 */
+/* 406 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Dropdown");
 
 /***/ }),
-/* 404 */
+/* 407 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Chip");
 
 /***/ }),
-/* 405 */
+/* 408 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -27260,8 +27665,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledFields = void 0;
+
 var styled_components_1 = __webpack_require__(4);
+
 var pick_1 = __webpack_require__(23);
+
 exports.StyledFields = styled_components_1.default.div.withConfig({
   displayName: "FieldStyles__StyledFields",
   componentId: "gvs6f8-0"
@@ -27269,40 +27677,53 @@ exports.StyledFields = styled_components_1.default.div.withConfig({
   return props.nodeWidth;
 }, function (props) {
   return props.nodeSpacingX;
-}, pick_1.default({
+}, (0, pick_1.default)({
   prisma: '0 !important'
 }));
 
 /***/ }),
-/* 406 */
+/* 409 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
 var _toConsumableArray = __webpack_require__(8);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var lodash_1 = __webpack_require__(3);
+
 var visualization_icons_1 = __webpack_require__(52);
-var placeholders_1 = __webpack_require__(49);
+
+var placeholders_1 = __webpack_require__(50);
+
 var schemaUtils_1 = __webpack_require__(16);
+
 var i18n_1 = __webpack_require__(2);
+
 var pick_1 = __webpack_require__(23);
+
 var variables_1 = __webpack_require__(11);
-var colorConstants_1 = __webpack_require__(50);
+
+var colorConstants_1 = __webpack_require__(49);
+
 var visualization_color_palettes_1 = __webpack_require__(51);
+
 var configUtils_1 = __webpack_require__(20);
-var VizCategory_1 = __webpack_require__(35);
+
+var VizCategory_1 = __webpack_require__(36);
+
 var VizBehavior_1 = __webpack_require__(6);
+
 var dataContract = {
   requiredDataSources: [{
     name: 'primary',
     description: 'DataSource that powers the visualization'
   }],
-  optionalDataSources: [
-    // {
+  optionalDataSources: [// {
     //     name: 'metadata',
     //     description: 'Used buy the ES team along side the feature flag `LinkGraph.showNodeMetaData`',
     // },
@@ -27416,7 +27837,7 @@ var optionsSchema = {
 };
 var themes = {
   defaultBackgroundColor: function defaultBackgroundColor(props) {
-    return pick_1.default({
+    return (0, pick_1.default)({
       enterprise: {
         dark: variables_1.default.black(props),
         light: variables_1.default.backgroundColor(props)
@@ -27425,7 +27846,7 @@ var themes = {
     })(props);
   },
   defaultNodeColor: function defaultNodeColor(props) {
-    return pick_1.default({
+    return (0, pick_1.default)({
       enterprise: {
         dark: variables_1.default.backgroundColorDialog(props),
         light: variables_1.default.gray96(props)
@@ -27434,38 +27855,37 @@ var themes = {
     })(props);
   },
   inverseDefaultNodeColor: function inverseDefaultNodeColor(props) {
-    return pick_1.default({
+    return (0, pick_1.default)({
       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);
   },
   textColor: function textColor(props) {
-    return pick_1.default({
+    return (0, pick_1.default)({
       enterprise: variables_1.default.textColor(props),
       prisma: variables_1.default.contentColorDefault(props)
     })(props);
   },
   inverseTextColor: function inverseTextColor(props) {
-    return pick_1.default({
+    return (0, pick_1.default)({
       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);
   }
 };
 var EDITOR_LABEL_WIDTH = 140;
-var backgroundColorPaletteSet = new Set([].concat(_toConsumableArray(colorConstants_1.COLOR_EDITOR_PALETTE), _toConsumableArray(lodash_1.map(themes, function (t) {
-  return lodash_1.get(t, 'defaultBackgroundColor');
+var backgroundColorPaletteSet = new Set([].concat(_toConsumableArray(colorConstants_1.COLOR_EDITOR_PALETTE), _toConsumableArray((0, lodash_1.map)(themes, function (t) {
+  return (0, lodash_1.get)(t, 'defaultBackgroundColor');
 }))));
-var editorConfig = [
-// {
+var editorConfig = [// {
 //     label: _('Data'),
 //     layout: [
 //         [
@@ -27482,9 +27902,9 @@ var editorConfig = [
 //     ],
 // },
 {
-  label: i18n_1._('Data configurations'),
+  label: (0, i18n_1._)('Data configurations'),
   layout: [[{
-    label: i18n_1._('Result limit'),
+    label: (0, i18n_1._)('Result limit'),
     option: 'resultLimit',
     editor: 'editor.number',
     editorProps: {
@@ -27494,9 +27914,9 @@ var editorConfig = [
     }
   }]]
 }, {
-  label: i18n_1._('Data display'),
+  label: (0, i18n_1._)('Data display'),
   layout: [[{
-    label: i18n_1._('Show node counts'),
+    label: (0, i18n_1._)('Show node counts'),
     option: 'showNodeCounts',
     editor: 'editor.checkbox',
     editorProps: {
@@ -27505,7 +27925,7 @@ var editorConfig = [
       palette: _toConsumableArray(backgroundColorPaletteSet)
     }
   }], [{
-    label: i18n_1._('Show value counts'),
+    label: (0, i18n_1._)('Show value counts'),
     option: 'showValueCounts',
     editor: 'editor.checkbox',
     editorProps: {
@@ -27515,9 +27935,9 @@ var editorConfig = [
     }
   }]]
 }, {
-  label: i18n_1._('Color and style'),
+  label: (0, i18n_1._)('Color and style'),
   layout: [[{
-    label: i18n_1._('Nodes'),
+    label: (0, i18n_1._)('Nodes'),
     option: 'nodeColor',
     editor: 'editor.color',
     editorProps: {
@@ -27526,7 +27946,7 @@ var editorConfig = [
       palette: _toConsumableArray(backgroundColorPaletteSet)
     }
   }], [{
-    label: i18n_1._('Selected nodes'),
+    label: (0, i18n_1._)('Selected nodes'),
     option: 'nodeHighlightColor',
     editor: 'editor.color',
     editorProps: {
@@ -27535,7 +27955,7 @@ var editorConfig = [
       palette: _toConsumableArray(backgroundColorPaletteSet)
     }
   }], [{
-    label: i18n_1._('Links'),
+    label: (0, i18n_1._)('Links'),
     option: 'linkColor',
     editor: 'editor.color',
     editorProps: {
@@ -27544,7 +27964,7 @@ var editorConfig = [
       palette: _toConsumableArray(backgroundColorPaletteSet)
     }
   }], [{
-    label: i18n_1._('Background'),
+    label: (0, i18n_1._)('Background'),
     option: 'backgroundColor',
     editor: 'editor.color',
     editorProps: {
@@ -27553,7 +27973,7 @@ var editorConfig = [
       palette: _toConsumableArray(backgroundColorPaletteSet)
     }
   }], [{
-    label: i18n_1._('Node width'),
+    label: (0, i18n_1._)('Node width'),
     option: 'nodeWidth',
     editor: 'editor.number',
     editorProps: {
@@ -27563,7 +27983,7 @@ var editorConfig = [
       labelWidth: EDITOR_LABEL_WIDTH
     }
   }, {
-    label: i18n_1._('Node height'),
+    label: (0, i18n_1._)('Node height'),
     option: 'nodeHeight',
     editor: 'editor.number',
     editorProps: {
@@ -27573,7 +27993,7 @@ var editorConfig = [
       labelWidth: EDITOR_LABEL_WIDTH
     }
   }], [{
-    label: i18n_1._('Vertical spacing'),
+    label: (0, i18n_1._)('Vertical spacing'),
     option: 'nodeSpacingY',
     editor: 'editor.number',
     editorProps: {
@@ -27583,7 +28003,7 @@ var editorConfig = [
       labelWidth: EDITOR_LABEL_WIDTH
     }
   }, {
-    label: i18n_1._('Horizontal spacing'),
+    label: (0, i18n_1._)('Horizontal spacing'),
     option: 'nodeSpacingX',
     editor: 'editor.number',
     editorProps: {
@@ -27593,7 +28013,7 @@ var editorConfig = [
       labelWidth: EDITOR_LABEL_WIDTH
     }
   }], [{
-    label: i18n_1._('Link width'),
+    label: (0, i18n_1._)('Link width'),
     option: 'linkWidth',
     editor: 'editor.number',
     editorProps: {
@@ -27609,12 +28029,14 @@ var config = {
    * unique viz key
    */
   key: 'splunk.linkgraph',
+
   /**
    * viz name
    */
-  name: i18n_1._('Link graph'),
+  name: (0, i18n_1._)('Link graph'),
   category: VizCategory_1.VizCategory.FLOW,
   status: 'preview',
+
   /**
    * viz icon
    */
@@ -27636,7 +28058,7 @@ var config = {
   supports: [VizBehavior_1.VizBehavior.DYNAMIC_OPTIONS, VizBehavior_1.VizBehavior.EVENTS, VizBehavior_1.VizBehavior.PLACEHOLDER],
   themes: themes
 };
-exports.default = configUtils_1.enhanceConfig(config);
+exports.default = (0, configUtils_1.enhanceConfig)(config);
 
 /***/ })
 /******/ ]);