@splunk/visualizations 25.4.0 → 25.6.0

package/LinkGraph.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 201);
+/******/ 	return __webpack_require__(__webpack_require__.s = 213);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -214,7 +214,7 @@ var React = __webpack_require__(1);
 
 var styled_components_1 = __webpack_require__(4);
 
-var SizeAwareWrapper_1 = __webpack_require__(20);
+var SizeAwareWrapper_1 = __webpack_require__(21);
 
 var style_1 = __webpack_require__(15);
 
@@ -275,7 +275,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "25.4.0 - 6a8a433b8",
+      "data-splunk-visualization-version": "25.6.0 - f5eb3abf9",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -341,6 +341,12 @@ module.exports = require("@splunk/visualizations-shared/schemaUtils");
 
 /***/ }),
 /* 17 */
+/***/ (function(module, exports) {
+
+module.exports = require("@babel/runtime/helpers/slicedToArray");
+
+/***/ }),
+/* 18 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -576,46 +582,53 @@ var insertLayout = function insertLayout(layout, index) {
 exports.insertLayout = insertLayout;
 
 /***/ }),
-/* 18 */,
-/* 19 */
+/* 19 */,
+/* 20 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/createClass");
 
 /***/ }),
-/* 20 */
+/* 21 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/SizeAwareWrapper");
 
 /***/ }),
-/* 21 */
+/* 22 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/pick");
 
 /***/ }),
-/* 22 */,
-/* 23 */
+/* 23 */,
+/* 24 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-context/TimezoneContext");
 
 /***/ }),
-/* 24 */,
-/* 25 */
+/* 25 */,
+/* 26 */
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/visualization-context/FeatureFlagContext");
+
+/***/ }),
+/* 27 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/hocUtils");
 
 /***/ }),
-/* 26 */
+/* 28 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/JSONSchemaUtils");
 
 /***/ }),
-/* 27 */
+/* 29 */,
+/* 30 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -706,7 +719,13 @@ IconPlaceholder.defaultProps = {
 exports.default = FixedSizeContainer_1.default(IconPlaceholder);
 
 /***/ }),
-/* 28 */
+/* 31 */
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/ui-utils/id");
+
+/***/ }),
+/* 32 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -723,7 +742,7 @@ var T = __webpack_require__(0);
 
 var lodash_1 = __webpack_require__(3);
 
-var DataSource_1 = __webpack_require__(39);
+var DataSource_1 = __webpack_require__(43);
 
 exports.SortParamsPropTypes = T.shape({
   currentSortKey: T.string,
@@ -776,7 +795,7 @@ var getSortingParams = function getSortingParams(_ref) {
 exports.getSortingParams = getSortingParams;
 
 /***/ }),
-/* 29 */
+/* 33 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -840,8 +859,7 @@ var getPaginationParams = function getPaginationParams(_ref) {
 exports.getPaginationParams = getPaginationParams;
 
 /***/ }),
-/* 30 */,
-/* 31 */
+/* 34 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -869,12 +887,14 @@ var VizCategory;
 })(VizCategory = exports.VizCategory || (exports.VizCategory = {}));
 
 /***/ }),
-/* 32 */
+/* 35 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
+var _slicedToArray = __webpack_require__(17);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -883,44 +903,51 @@ var React = __webpack_require__(1);
 
 var lodash_1 = __webpack_require__(3);
 
-var getSettingsFromThemedProps_1 = __webpack_require__(33);
+var getSettingsFromThemedProps_1 = __webpack_require__(36);
+
+var Options_1 = __webpack_require__(37);
 
-var Options_1 = __webpack_require__(34);
+var SanitizeProps_1 = __webpack_require__(38);
 
-var SanitizeProps_1 = __webpack_require__(35);
+var TimezoneContext_1 = __webpack_require__(24);
 
-var TimezoneContext_1 = __webpack_require__(23);
+var moment_1 = __webpack_require__(39);
 
-var moment_1 = __webpack_require__(36);
+var FeatureFlagContext_1 = __webpack_require__(26);
 
 var styled_components_1 = __webpack_require__(4);
 
-var hocUtils_1 = __webpack_require__(25);
+var hocUtils_1 = __webpack_require__(27);
+
+var JSONSchemaUtils_1 = __webpack_require__(28);
+
+var async_dynamic_options_evaluator_1 = __webpack_require__(40);
 
-var JSONSchemaUtils_1 = __webpack_require__(26);
+var id_1 = __webpack_require__(31);
 
-var SplunkVisualization_1 = __webpack_require__(37);
+var SplunkVisualization_1 = __webpack_require__(41);
 
 var VizBehavior_1 = __webpack_require__(6);
 
-var getSorting_1 = __webpack_require__(28);
+var getSorting_1 = __webpack_require__(32);
 
-var getPagination_1 = __webpack_require__(29);
+var getPagination_1 = __webpack_require__(33);
 
-var useDeepMemo_1 = __webpack_require__(40);
+var useDeepMemo_1 = __webpack_require__(44);
 
-var MissingPropsMessage_1 = __webpack_require__(41);
+var MissingPropsMessage_1 = __webpack_require__(45);
 
-var withEditModeCover_1 = __webpack_require__(42);
+var withEditModeCover_1 = __webpack_require__(46);
 
-var withPlaceholder_1 = __webpack_require__(43);
+var withPlaceholder_1 = __webpack_require__(47);
+
+var UUID = id_1.createGUID();
 /**
  * hoc that wraps a pure react visualization in a Dashboard visualization
  * @param {DashboardVizOpts} opts
  * @returns {HOC}
  */
 
-
 var withDashboardViz = function withDashboardViz(opts) {
   var ReactViz = opts.ReactViz,
       vizConfig = opts.vizConfig,
@@ -980,28 +1007,76 @@ var withDashboardViz = function withDashboardViz(opts) {
 
     var evaluatedOptions = {}; // evaluatedOptions need to be initialized as an empty object
 
+    var _React$useState = React.useState({}),
+        _React$useState2 = _slicedToArray(_React$useState, 2),
+        evaluatedOptionsAsync = _React$useState2[0],
+        setEvaluatedOptionsAsync = _React$useState2[1]; // evaluatedOptions need to be initialized as an empty object
+
+
+    var featureFlagContext = React.useContext(FeatureFlagContext_1.default);
+
+    var _React$useState3 = React.useState("".concat(vizConfig.name, " - ").concat(UUID)),
+        _React$useState4 = _slicedToArray(_React$useState3, 1),
+        visualizationID = _React$useState4[0];
+
+    var _React$useState5 = React.useState(Boolean(featureFlagContext && featureFlagContext['visualizations.useWebWorkersForDSL'] && typeof Worker !== 'undefined')),
+        _React$useState6 = _slicedToArray(_React$useState5, 2),
+        useAsyncEvaluatedOptions = _React$useState6[0],
+        setUseAsyncEvaluatedOptions = _React$useState6[1];
+
     evaluatedOptions = useDeepMemo_1.useDeepMemo(function () {
       try {
-        return Options_1.Options.evaluate({
-          context: lodash_1.defaultsDeep({}, context, vizConfig.defaultContext),
-          options: hocUtils_1.deepMergeWithArrayPrimitiveOverrides({}, options, defaultOptions)
-        }, dataSources, themeFunc);
+        if (useAsyncEvaluatedOptions) {
+          var optionsToEvaluate = {
+            context: lodash_1.defaultsDeep({}, context, vizConfig.defaultContext),
+            options: hocUtils_1.deepMergeWithArrayPrimitiveOverrides({}, options, defaultOptions)
+          };
+          var asyncDynamicOptionsEvaluatorParams = {
+            visualizationID: visualizationID,
+            props: props,
+            options: optionsToEvaluate,
+            dataSources: dataSources,
+            theme: vizConfig.themes
+          };
+          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);
+          });
+        } else {
+          return Options_1.Options.evaluate({
+            context: lodash_1.defaultsDeep({}, context, vizConfig.defaultContext),
+            options: hocUtils_1.deepMergeWithArrayPrimitiveOverrides({}, options, defaultOptions)
+          }, dataSources, themeFunc);
+        }
       } catch (e) {
         // eslint-disable-next-line no-console
-        console.error("unexpected error evaluating options:  + ".concat(e.message));
+        console.error("unexpected error evaluating options: ".concat(e.message));
         return {};
       }
-    }, [currentThemeFamily, currentThemeColorScheme, currentThemeDensity, options, context, dataSources, serializedTimezone]); // useEffect hook needs to be initialized before any early returns
+
+      return {};
+    }, [currentThemeFamily, currentThemeColorScheme, currentThemeDensity, options, context, dataSources, serializedTimezone, useAsyncEvaluatedOptions]);
+    var evaluatedOptionsToUse = !useAsyncEvaluatedOptions ? evaluatedOptions : evaluatedOptionsAsync; // 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(evaluatedOptions);
-    }); // present warning message if any required props are missing
+      onComputedProps(evaluatedOptionsToUse);
+    });
+    React.useEffect(function () {
+      return function () {
+        if (useAsyncEvaluatedOptions) {
+          async_dynamic_options_evaluator_1.default.reset(visualizationID);
+        }
+      }; // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []); // present warning message if any required props are missing
 
     var _vizConfig$requiredPr = vizConfig.requiredProps,
         requiredProps = _vizConfig$requiredPr === void 0 ? [] : _vizConfig$requiredPr,
         supports = vizConfig.supports;
-    var missing = MissingPropsMessage_1.missingKeys(requiredProps, evaluatedOptions);
+    var missing = MissingPropsMessage_1.missingKeys(requiredProps, evaluatedOptionsToUse);
 
     if (missing.length > 0 && supports.includes(VizBehavior_1.VizBehavior.PLACEHOLDER)) {
       return React.createElement(MissingPropsMessage_1.default, {
@@ -1028,7 +1103,7 @@ var withDashboardViz = function withDashboardViz(opts) {
 
         if (Array.isArray(payloadKeys) && payloadKeys.length) {
           payloadKeys.forEach(function (p) {
-            payload[p] = evaluatedOptions[p];
+            payload[p] = evaluatedOptionsToUse[p];
           });
         }
 
@@ -1047,7 +1122,7 @@ var withDashboardViz = function withDashboardViz(opts) {
     } // compute pure viz props which are not from options
 
 
-    var computedVizProps = computeVizProps(Object.assign(Object.assign(Object.assign(Object.assign({}, props), evaluatedOptions), eventCallbackProps), {
+    var computedVizProps = computeVizProps(Object.assign(Object.assign(Object.assign(Object.assign({}, props), evaluatedOptionsToUse), eventCallbackProps), {
       themeFunc: themeFunc
     }));
     /**
@@ -1067,7 +1142,7 @@ var withDashboardViz = function withDashboardViz(opts) {
 
     var dataSourceMetadata = {};
     var OptionKey = 'paginateDataSourceKey';
-    var paginateDataSourceKey = lodash_1.has(evaluatedOptions, OptionKey) && evaluatedOptions[OptionKey] || 'primary';
+    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'], {});
@@ -1097,7 +1172,7 @@ var withDashboardViz = function withDashboardViz(opts) {
       mode: mode,
       width: width,
       height: height
-    }, evaluatedOptions, computedVizProps, eventCallbackProps, dataSourceMetadata));
+    }, evaluatedOptionsToUse, computedVizProps, eventCallbackProps, dataSourceMetadata));
   };
 
   DashboardViz.propTypes = Object.assign(Object.assign({}, SplunkVisualization_1.default.propTypes), ReactViz.propTypes);
@@ -1114,31 +1189,37 @@ var withDashboardViz = function withDashboardViz(opts) {
 exports.default = withDashboardViz;
 
 /***/ }),
-/* 33 */
+/* 36 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/getSettingsFromThemedProps");
 
 /***/ }),
-/* 34 */
+/* 37 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-encoding/Options");
 
 /***/ }),
-/* 35 */
+/* 38 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/SanitizeProps");
 
 /***/ }),
-/* 36 */
+/* 39 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/moment");
 
 /***/ }),
-/* 37 */
+/* 40 */
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/async-dynamic-options-evaluator");
+
+/***/ }),
+/* 41 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1156,7 +1237,7 @@ var T = __webpack_require__(0);
 
 var lodash_1 = __webpack_require__(3);
 
-var VizActionHandler_1 = __webpack_require__(38); // this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
+var VizActionHandler_1 = __webpack_require__(42); // this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
 
 
 exports.INITIAL_WIDTH = 250;
@@ -1289,7 +1370,7 @@ SplunkVisualization.defaultProps = {
 exports.default = SplunkVisualization;
 
 /***/ }),
-/* 38 */
+/* 42 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1297,7 +1378,7 @@ exports.default = SplunkVisualization;
 
 var _classCallCheck = __webpack_require__(11);
 
-var _createClass = __webpack_require__(19);
+var _createClass = __webpack_require__(20);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -1326,7 +1407,7 @@ var DefaultVizActionHandler = /*#__PURE__*/function () {
 exports.DefaultVizActionHandler = DefaultVizActionHandler;
 
 /***/ }),
-/* 39 */
+/* 43 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1339,7 +1420,7 @@ exports.validSortDirs = void 0;
 exports.validSortDirs = ['asc', 'desc', 'none'];
 
 /***/ }),
-/* 40 */
+/* 44 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1384,7 +1465,7 @@ var useDeepMemo = function useDeepMemo(fn, dependencies) {
 exports.useDeepMemo = useDeepMemo;
 
 /***/ }),
-/* 41 */
+/* 45 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1464,7 +1545,7 @@ exports.MissingPropsMessage.defaultProps = {
 exports.default = FixedSizeContainer_1.default(exports.MissingPropsMessage);
 
 /***/ }),
-/* 42 */
+/* 46 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1485,7 +1566,7 @@ var Cover = styled_components_1.default.div.withConfig({
   componentId: "sc-1gsbnxb-0"
 })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
 var Blocker = styled_components_1.default.div.attrs({
-  'data-splunk-visualization-version': "25.4.0 - 6a8a433b8"
+  'data-splunk-visualization-version': "25.6.0 - f5eb3abf9"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
@@ -1516,7 +1597,7 @@ var withEditModeCover = function withEditModeCover(Visualization, disableEditMod
 exports.default = withEditModeCover;
 
 /***/ }),
-/* 43 */
+/* 47 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1532,7 +1613,7 @@ var colorUtils_1 = __webpack_require__(12);
 
 var variables_1 = __webpack_require__(9);
 
-var IconPlaceholder_1 = __webpack_require__(27);
+var IconPlaceholder_1 = __webpack_require__(30);
 
 var VizBehavior_1 = __webpack_require__(6);
 
@@ -1580,37 +1661,28 @@ var withPlaceholder = function withPlaceholder(Visualization) {
 exports.default = withPlaceholder;
 
 /***/ }),
-/* 44 */
+/* 48 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-icons/placeholders");
 
 /***/ }),
-/* 45 */
+/* 49 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/colorConstants");
 
 /***/ }),
-/* 46 */
+/* 50 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-color-palettes");
 
 /***/ }),
-/* 47 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/visualization-icons");
-
-/***/ }),
-/* 48 */,
-/* 49 */,
-/* 50 */,
 /* 51 */
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/slicedToArray");
+module.exports = require("@splunk/visualization-icons");
 
 /***/ }),
 /* 52 */,
@@ -1643,16 +1715,16 @@ module.exports = require("@babel/runtime/helpers/slicedToArray");
 /* 79 */,
 /* 80 */,
 /* 81 */,
-/* 82 */
+/* 82 */,
+/* 83 */,
+/* 84 */,
+/* 85 */,
+/* 86 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/dataSourceUtils");
 
 /***/ }),
-/* 83 */,
-/* 84 */,
-/* 85 */,
-/* 86 */,
 /* 87 */,
 /* 88 */,
 /* 89 */,
@@ -1663,48 +1735,61 @@ module.exports = require("@splunk/visualizations-shared/dataSourceUtils");
 /* 94 */,
 /* 95 */,
 /* 96 */,
-/* 97 */,
-/* 98 */
+/* 97 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualization-context/FeatureFlagContext");
+module.exports = require("@splunk/react-ui/Paragraph");
 
 /***/ }),
-/* 99 */
+/* 98 */,
+/* 99 */,
+/* 100 */,
+/* 101 */,
+/* 102 */,
+/* 103 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/inherits");
 
 /***/ }),
-/* 100 */
+/* 104 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/possibleConstructorReturn");
 
 /***/ }),
-/* 101 */
+/* 105 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/getPrototypeOf");
 
 /***/ }),
-/* 102 */,
-/* 103 */,
-/* 104 */,
-/* 105 */,
 /* 106 */,
-/* 107 */
+/* 107 */,
+/* 108 */,
+/* 109 */,
+/* 110 */,
+/* 111 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Menu");
 
 /***/ }),
-/* 108 */,
-/* 109 */,
-/* 110 */,
-/* 111 */,
 /* 112 */,
-/* 113 */
+/* 113 */,
+/* 114 */,
+/* 115 */
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Button");
+
+/***/ }),
+/* 116 */,
+/* 117 */,
+/* 118 */,
+/* 119 */,
+/* 120 */,
+/* 121 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1714,26 +1799,35 @@ var _toConsumableArray = __webpack_require__(8);
 
 var _classCallCheck = __webpack_require__(11);
 
-var _createClass = __webpack_require__(19);
+var _createClass = __webpack_require__(20);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getSecondaryColumnByField = exports.sortGraphColumn = exports.getNodesToHighlight = exports.createLinkGraphFromTable = exports.OFFSET_Y = void 0;
+exports.getSecondaryColumnByField = exports.sortGraphColumn = exports.getNodesToHighlight = exports.createLinkGraphFromTable = exports.OFFSET_Y = exports.hashString = void 0;
 
 var lodash_1 = __webpack_require__(3);
 
-var cleanString = function cleanString() {
+var hashString = function hashString() {
   var stringIn = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  return stringIn.toString().replace(/[^\x20-\x7E]/gim, '').trim();
+  return stringIn.toString().split('').map(function (v) {
+    return v.charCodeAt(0);
+  }) // eslint-disable-next-line no-bitwise
+  .reduce(function (a, v) {
+    return a + ((a << 7) + (a << 3)) ^ v;
+  }).toString(16);
 };
 
+exports.hashString = hashString;
+
 var createNode = function createNode(graphDataModelIn, nodesIn, column, field, fieldIndex, nodeWidth, nodeHeight, nodeSpacingX, nodeSpacingY, shouldAddToGraphDataModel) {
   var nodes = nodesIn;
   var graphDataModel = graphDataModelIn;
-  var node = nodes[column];
+  var fieldHash = exports.hashString(field);
+  var columnHash = exports.hashString(column);
+  var node = nodes[columnHash];
 
-  if (!nodes[column]) {
+  if (!nodes[columnHash]) {
     node = {
       x: 0,
       y: 0,
@@ -1751,10 +1845,10 @@ var createNode = function createNode(graphDataModelIn, nodesIn, column, field, f
     node.data.count += 1;
   }
 
-  var key = "".concat(fieldIndex, "-").concat(field, "-").concat(column);
+  var key = "".concat(fieldIndex, "-").concat(fieldHash, "-").concat(columnHash);
 
   if (shouldAddToGraphDataModel && !graphDataModel.nodes[key]) {
-    nodes[column] = node;
+    nodes[columnHash] = node;
     graphDataModel.nodes[key] = node;
     node.x = fieldIndex * nodeWidth + fieldIndex * nodeSpacingX;
     node.y = (Object.keys(nodes).length - 1) * nodeHeight + (Object.keys(nodes).length - 1) * nodeSpacingY + exports.OFFSET_Y;
@@ -1772,21 +1866,23 @@ var createEdge = function createEdge(graphDataModelIn, nodesIn, edgesIn, nodeIn,
 
   var node = nodeIn;
   var edges = edgesIn;
+  var fieldHash = exports.hashString(field);
+  var columnHash = exports.hashString(column);
   var graphDataModel = graphDataModelIn;
 
   if (columns[fieldIndex + 1] && columns[fieldIndex + 1][columnIndex]) {
-    var sourceNode = "".concat(fieldIndex, "-").concat(field, "-").concat(column);
-    var nextColumnOverContent = cleanString(columns[fieldIndex + 1][columnIndex]);
-    var targetNode = "".concat(fieldIndex + 1, "-").concat(fields[fieldIndex + 1], "-").concat(nextColumnOverContent);
+    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 edge = {
       sourceNode: sourceNode,
       targetNode: targetNode
     };
-    node.data.outs["".concat(column, "-").concat(columns[fieldIndex + 1][columnIndex])] = edge;
+    node.data.outs["".concat(columnHash, "-").concat(exports.hashString(columns[fieldIndex + 1][columnIndex]))] = edge;
     edges["".concat(edge.sourceNode, "-").concat(edge.targetNode)] = edge;
   }
 
-  graphDataModel.fields[field].count = Object.keys(nodesIn).length;
+  graphDataModel.fields[fieldHash].count = Object.keys(nodesIn).length;
 };
 
 exports.OFFSET_Y = 35;
@@ -1830,20 +1926,19 @@ var createLinkGraphFromTable = function createLinkGraphFromTable(fieldsIn, colum
     fields = fieldOrder;
     columns = [];
     fields.forEach(function (fieldIn, fieldIndex) {
-      var field = cleanString(fieldIn);
-      columns[fieldIndex] = columnsIn[fieldsIn.indexOf(field)];
+      columns[fieldIndex] = columnsIn[fieldsIn.indexOf(fieldIn)];
     });
-  } // TODO: this should not return anything; not sure why the original LinkGraph code returned something at the end of a .forEach
-  // eslint-disable-next-line consistent-return
+  } // eslint-disable-next-line consistent-return
 
 
   fields.forEach(function (fieldIn, fieldIndex) {
-    var field = cleanString(fieldIn);
+    var field = exports.hashString(fieldIn);
     nodes[field] = {
       nodes: {}
     };
     graphDataModel.fields[field] = {
-      count: 0
+      count: 0,
+      value: fieldIn
     };
 
     if (!columns[fieldIndex]) {
@@ -1851,10 +1946,9 @@ var createLinkGraphFromTable = function createLinkGraphFromTable(fieldsIn, colum
     }
 
     columns[fieldIndex].forEach(function (columnIn, columnIndex) {
-      var column = cleanString(columnIn);
       var shouldAddToGraphDataModel = Object.keys(nodes[field].nodes).length < resultLimit;
-      var node = createNode(graphDataModel, nodes[field].nodes, column, field, fieldIndex, nodeWidth, nodeHeight, nodeSpacingX, nodeSpacingY, shouldAddToGraphDataModel);
-      createEdge(graphDataModel, nodes[field].nodes, edges, node, columns, column, columnIndex, fields, field, fieldIndex, shouldAddToGraphDataModel);
+      var node = createNode(graphDataModel, nodes[field].nodes, columnIn, fieldIn, fieldIndex, nodeWidth, nodeHeight, nodeSpacingX, nodeSpacingY, shouldAddToGraphDataModel);
+      createEdge(graphDataModel, nodes[field].nodes, edges, node, columns, columnIn, columnIndex, fields, fieldIn, fieldIndex, shouldAddToGraphDataModel);
     });
   });
   graphDataModel.edges = Object.values(edges);
@@ -1989,25 +2083,12 @@ var getSecondaryColumnByField = function getSecondaryColumnByField(field, metada
 exports.getSecondaryColumnByField = getSecondaryColumnByField;
 
 /***/ }),
-/* 114 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Paragraph");
-
-/***/ }),
-/* 115 */
+/* 122 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Clear");
 
 /***/ }),
-/* 116 */,
-/* 117 */,
-/* 118 */,
-/* 119 */,
-/* 120 */,
-/* 121 */,
-/* 122 */,
 /* 123 */,
 /* 124 */,
 /* 125 */,
@@ -2023,7 +2104,13 @@ module.exports = require("@splunk/react-icons/Clear");
 /* 135 */,
 /* 136 */,
 /* 137 */,
-/* 138 */
+/* 138 */,
+/* 139 */,
+/* 140 */,
+/* 141 */,
+/* 142 */,
+/* 143 */,
+/* 144 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2049,15 +2136,15 @@ exports.PureLinkGraph = exports.LinkGraph = exports.config = exports.themes = ex
 
 var lodash_1 = __webpack_require__(3);
 
-var dataSourceUtils_1 = __webpack_require__(82);
+var dataSourceUtils_1 = __webpack_require__(86);
 
-var withDashboardViz_1 = __webpack_require__(32);
+var withDashboardViz_1 = __webpack_require__(35);
 
-var PureLinkGraph_1 = __webpack_require__(202);
+var PureLinkGraph_1 = __webpack_require__(214);
 
 exports.PureLinkGraph = PureLinkGraph_1.default;
 
-var config_1 = __webpack_require__(387);
+var config_1 = __webpack_require__(398);
 
 exports.config = config_1.default;
 /**
@@ -2121,7 +2208,7 @@ exports.themes = themes;
 exports.default = LinkGraph;
 
 /***/ }),
-/* 139 */
+/* 145 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2134,7 +2221,7 @@ exports.StyledEdgesPath = exports.StyledViewport = void 0;
 
 var styled_components_1 = __webpack_require__(4);
 
-var pick_1 = __webpack_require__(21);
+var pick_1 = __webpack_require__(22);
 
 var variables_1 = __webpack_require__(9);
 
@@ -2194,12 +2281,6 @@ exports.StyledEdgesPath = styled_components_1.default.path.withConfig({
 });
 
 /***/ }),
-/* 140 */,
-/* 141 */,
-/* 142 */,
-/* 143 */,
-/* 144 */,
-/* 145 */,
 /* 146 */,
 /* 147 */,
 /* 148 */,
@@ -2255,7 +2336,19 @@ exports.StyledEdgesPath = styled_components_1.default.path.withConfig({
 /* 198 */,
 /* 199 */,
 /* 200 */,
-/* 201 */
+/* 201 */,
+/* 202 */,
+/* 203 */,
+/* 204 */,
+/* 205 */,
+/* 206 */,
+/* 207 */,
+/* 208 */,
+/* 209 */,
+/* 210 */,
+/* 211 */,
+/* 212 */,
+/* 213 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2285,9 +2378,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-__exportStar(__webpack_require__(138), exports);
+__exportStar(__webpack_require__(144), exports);
 
-var LinkGraph_1 = __webpack_require__(138);
+var LinkGraph_1 = __webpack_require__(144);
 
 Object.defineProperty(exports, "default", {
   enumerable: true,
@@ -2297,13 +2390,13 @@ Object.defineProperty(exports, "default", {
 });
 
 /***/ }),
-/* 202 */
+/* 214 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _slicedToArray = __webpack_require__(51);
+var _slicedToArray = __webpack_require__(17);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -2320,13 +2413,13 @@ var lodash_1 = __webpack_require__(3);
 
 var FixedSizeContainer_1 = __webpack_require__(13);
 
-var PureLinkGraphUtils_1 = __webpack_require__(113);
+var PureLinkGraphUtils_1 = __webpack_require__(121);
 
-var Graph_1 = __webpack_require__(203);
+var Graph_1 = __webpack_require__(215);
 
-var Field_1 = __webpack_require__(382);
+var Field_1 = __webpack_require__(394);
 
-var FieldStyles_1 = __webpack_require__(386);
+var FieldStyles_1 = __webpack_require__(397);
 
 var LinkGraphContainer = styled_components_1.default.div.withConfig({
   displayName: "PureLinkGraph__LinkGraphContainer",
@@ -2432,9 +2525,9 @@ var PureLinkGraph = function PureLinkGraph(props) {
       "data-test": "field-".concat(index),
       key: field,
       onSort: function onSort(sortKey) {
-        return handleFieldSort(field, sortKey);
+        return handleFieldSort(graphDataModelState.fields[field].value, sortKey);
       },
-      field: field,
+      field: graphDataModelState.fields[field].value,
       width: nodeWidth,
       count: graphDataModelState.fields[field].count
     });
@@ -2494,7 +2587,7 @@ exports.PureLinkGraph.displayName = 'VizLinkGraph';
 exports.default = FixedSizeContainer_1.default(exports.PureLinkGraph);
 
 /***/ }),
-/* 203 */
+/* 215 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2504,13 +2597,13 @@ var _toConsumableArray = __webpack_require__(8);
 
 var _classCallCheck = __webpack_require__(11);
 
-var _createClass = __webpack_require__(19);
+var _createClass = __webpack_require__(20);
 
-var _inherits = __webpack_require__(99);
+var _inherits = __webpack_require__(103);
 
-var _possibleConstructorReturn = __webpack_require__(100);
+var _possibleConstructorReturn = __webpack_require__(104);
 
-var _getPrototypeOf = __webpack_require__(101);
+var _getPrototypeOf = __webpack_require__(105);
 
 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); }; }
 
@@ -2524,13 +2617,13 @@ var React = __webpack_require__(1);
 
 var lodash_1 = __webpack_require__(3);
 
-var Edges_1 = __webpack_require__(204);
+var Edges_1 = __webpack_require__(216);
 
-var Nodes_1 = __webpack_require__(205);
+var Nodes_1 = __webpack_require__(217);
 
-var GraphStyles_1 = __webpack_require__(139);
+var GraphStyles_1 = __webpack_require__(145);
 
-var PureLinkGraphUtils_1 = __webpack_require__(113);
+var PureLinkGraphUtils_1 = __webpack_require__(121);
 
 var Graph = /*#__PURE__*/function (_React$Component) {
   _inherits(Graph, _React$Component);
@@ -2896,7 +2989,7 @@ var Graph = /*#__PURE__*/function (_React$Component) {
 exports.default = Graph;
 
 /***/ }),
-/* 204 */
+/* 216 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2908,7 +3001,7 @@ Object.defineProperty(exports, "__esModule", {
 
 var React = __webpack_require__(1);
 
-var GraphStyles_1 = __webpack_require__(139);
+var GraphStyles_1 = __webpack_require__(145);
 
 var Edges = function Edges(props) {
   var edges = props.edges,
@@ -2937,7 +3030,7 @@ var Edges = function Edges(props) {
 exports.default = Edges;
 
 /***/ }),
-/* 205 */
+/* 217 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2949,11 +3042,11 @@ Object.defineProperty(exports, "__esModule", {
 
 var React = __webpack_require__(1);
 
-var FeatureFlagContext_1 = __webpack_require__(98);
+var FeatureFlagContext_1 = __webpack_require__(26);
 
 var lodash_1 = __webpack_require__(3);
 
-var Node_1 = __webpack_require__(206);
+var Node_1 = __webpack_require__(218);
 
 var Nodes = function Nodes(props) {
   var context = React.useContext(FeatureFlagContext_1.default);
@@ -2986,13 +3079,13 @@ var Nodes = function Nodes(props) {
 exports.default = Nodes;
 
 /***/ }),
-/* 206 */
+/* 218 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _slicedToArray = __webpack_require__(51);
+var _slicedToArray = __webpack_require__(17);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -3001,9 +3094,9 @@ exports.NodeES = exports.Node = void 0;
 
 var React = __webpack_require__(1);
 
-var Paragraph_1 = __webpack_require__(114);
+var Paragraph_1 = __webpack_require__(97);
 
-var PureLinkGraphUtils_1 = __webpack_require__(113);
+var PureLinkGraphUtils_1 = __webpack_require__(121);
 
 var Node = function Node(props) {
   var data = props.data,
@@ -3047,7 +3140,7 @@ var NodeES = function NodeES(props) {
   if (metaData.icon && !isIMG && !isSVG) {
     try {
       // eslint-disable-next-line import/no-dynamic-require, global-require, @typescript-eslint/no-var-requires
-      Icon = __webpack_require__(207)("./".concat(metaData.icon, ".js"));
+      Icon = __webpack_require__(219)("./".concat(metaData.icon, ".js"));
 
       if (Icon && Icon.default) {
         Icon = Icon.default;
@@ -3119,176 +3212,176 @@ var NodeES = function NodeES(props) {
 exports.NodeES = NodeES;
 
 /***/ }),
-/* 207 */
+/* 219 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var map = {
-	"./Activity.js": 208,
-	"./ArrowDown.js": 210,
-	"./ArrowLeft.js": 211,
-	"./ArrowRight.js": 212,
-	"./ArrowUp.js": 213,
-	"./BarBeside.js": 214,
-	"./BarStacked.js": 215,
-	"./BarStacked100.js": 216,
-	"./Bell.js": 217,
-	"./Bookmark.js": 218,
-	"./Boolean.js": 219,
-	"./BoxChecked.js": 220,
-	"./BoxFilled.js": 221,
-	"./BoxUnchecked.js": 222,
-	"./Calendar.js": 223,
-	"./Cancel.js": 224,
-	"./Caret.js": 225,
-	"./ChartArea.js": 227,
-	"./ChartBar.js": 228,
-	"./ChartBasic.js": 229,
-	"./ChartBubble.js": 230,
-	"./ChartColumn.js": 231,
-	"./ChartLine.js": 232,
-	"./ChartPie.js": 233,
-	"./ChartScatter.js": 234,
-	"./Check.js": 235,
-	"./ChevronDown.js": 236,
-	"./ChevronLeft.js": 237,
-	"./ChevronRight.js": 238,
-	"./ChevronUp.js": 239,
-	"./ChoroplethMap.js": 240,
-	"./Circle.js": 241,
-	"./CircleFilled.js": 242,
-	"./CircleHalfFilled.js": 243,
-	"./CirclePlus.js": 244,
-	"./Clear.js": 245,
-	"./Clipboard.js": 246,
-	"./Clock.js": 247,
-	"./Clone.js": 248,
-	"./Close.js": 249,
-	"./Code.js": 250,
-	"./Connection.js": 251,
-	"./Dashboard.js": 252,
-	"./Data.js": 253,
-	"./DataInput.js": 254,
-	"./DataSource.js": 255,
-	"./DistributedEnvironment.js": 256,
-	"./DistributionStream.js": 257,
-	"./Document.js": 258,
-	"./Download.js": 259,
-	"./Envelope.js": 260,
-	"./Error.js": 261,
-	"./Events.js": 262,
-	"./External.js": 263,
-	"./ExternalViz.js": 264,
-	"./Filter.js": 266,
-	"./FitToView.js": 267,
-	"./Flag.js": 268,
-	"./Folder.js": 269,
-	"./Fullscreen.js": 270,
-	"./FullscreenExit.js": 271,
-	"./FullscreenExitLight.js": 272,
-	"./FullscreenLight.js": 273,
-	"./GaugeFiller.js": 274,
-	"./GaugeMarker.js": 275,
-	"./GaugeRadial.js": 276,
-	"./Gear.js": 277,
-	"./GearUnfilled.js": 278,
-	"./Globe.js": 279,
-	"./HamburgerMenu.js": 280,
-	"./Icons.js": 281,
-	"./Images.js": 282,
-	"./Info.js": 283,
-	"./InfoCircle.js": 284,
-	"./Inputs.js": 285,
-	"./LabelRotation0.js": 286,
-	"./LabelRotation45.js": 287,
-	"./LabelRotation90.js": 288,
-	"./LabelRotationMinus45.js": 289,
-	"./LabelRotationMinus90.js": 290,
-	"./Lightbulb.js": 291,
-	"./Lightning.js": 292,
-	"./Line.js": 293,
-	"./Link.js": 294,
-	"./List.js": 295,
-	"./LocationMarker.js": 296,
-	"./Lock.js": 297,
-	"./LockUnlocked.js": 298,
-	"./Map.js": 299,
-	"./Metrics.js": 301,
-	"./Minus.js": 302,
-	"./MinusCircle.js": 303,
-	"./MissingValueJoin.js": 304,
-	"./MissingValueSkipped.js": 305,
-	"./MissingValueZero.js": 306,
-	"./Model.js": 307,
-	"./Monitor.js": 308,
-	"./More.js": 309,
-	"./MoreVertical.js": 310,
-	"./MultiShare.js": 311,
-	"./NetworkDevice.js": 312,
-	"./NotAllowed.js": 313,
-	"./Number.js": 314,
-	"./Paintbrush.js": 315,
-	"./Pan.js": 316,
-	"./Pause.js": 317,
-	"./Pencil.js": 318,
-	"./Pivot.js": 319,
-	"./Play.js": 320,
-	"./Plus.js": 322,
-	"./Print.js": 323,
-	"./Puzzle.js": 324,
-	"./Question.js": 325,
-	"./QuestionCircle.js": 326,
-	"./Refresh.js": 327,
-	"./RefreshLight.js": 328,
-	"./Remove.js": 329,
-	"./Report.js": 330,
-	"./ReportPivot.js": 332,
-	"./ReportSearch.js": 333,
-	"./Rollup.js": 334,
-	"./Rotate.js": 335,
-	"./RotateCounter.js": 336,
-	"./RotateCounterLight.js": 337,
-	"./RotateLight.js": 338,
-	"./SVG.js": 339,
-	"./SVGInternal.js": 340,
-	"./Save.js": 342,
-	"./Search.js": 343,
-	"./Select.js": 344,
-	"./Settings.js": 345,
-	"./Shapes.js": 346,
-	"./Share.js": 347,
-	"./SingleValue.js": 348,
-	"./Sort.js": 349,
-	"./SortedDown.js": 350,
-	"./SortedUp.js": 351,
-	"./SpeechBubble.js": 352,
-	"./SplitBy.js": 353,
-	"./Star.js": 354,
-	"./Stop.js": 355,
-	"./String.js": 357,
-	"./Success.js": 358,
-	"./Table.js": 359,
-	"./Target.js": 360,
-	"./Text.js": 361,
-	"./TextLight.js": 362,
-	"./Tiles.js": 363,
-	"./Tool.js": 364,
-	"./Topology.js": 365,
-	"./Trash.js": 366,
-	"./Tree.js": 367,
-	"./TriangleDown.js": 368,
-	"./TriangleDownSmall.js": 369,
-	"./TriangleLeft.js": 370,
-	"./TriangleLeftSmall.js": 371,
-	"./TriangleRight.js": 372,
-	"./TriangleRightSmall.js": 373,
-	"./TriangleUp.js": 374,
-	"./TriangleUpSmall.js": 375,
-	"./Upload.js": 376,
-	"./User.js": 377,
-	"./Warning.js": 378,
-	"./ZoomIn.js": 379,
-	"./ZoomOut.js": 380,
-	"./ZoomReset.js": 381
+	"./Activity.js": 220,
+	"./ArrowDown.js": 222,
+	"./ArrowLeft.js": 223,
+	"./ArrowRight.js": 224,
+	"./ArrowUp.js": 225,
+	"./BarBeside.js": 226,
+	"./BarStacked.js": 227,
+	"./BarStacked100.js": 228,
+	"./Bell.js": 229,
+	"./Bookmark.js": 230,
+	"./Boolean.js": 231,
+	"./BoxChecked.js": 232,
+	"./BoxFilled.js": 233,
+	"./BoxUnchecked.js": 234,
+	"./Calendar.js": 235,
+	"./Cancel.js": 236,
+	"./Caret.js": 237,
+	"./ChartArea.js": 239,
+	"./ChartBar.js": 240,
+	"./ChartBasic.js": 241,
+	"./ChartBubble.js": 242,
+	"./ChartColumn.js": 243,
+	"./ChartLine.js": 244,
+	"./ChartPie.js": 245,
+	"./ChartScatter.js": 246,
+	"./Check.js": 247,
+	"./ChevronDown.js": 248,
+	"./ChevronLeft.js": 249,
+	"./ChevronRight.js": 250,
+	"./ChevronUp.js": 251,
+	"./ChoroplethMap.js": 252,
+	"./Circle.js": 253,
+	"./CircleFilled.js": 254,
+	"./CircleHalfFilled.js": 255,
+	"./CirclePlus.js": 256,
+	"./Clear.js": 257,
+	"./Clipboard.js": 258,
+	"./Clock.js": 259,
+	"./Clone.js": 260,
+	"./Close.js": 261,
+	"./Code.js": 262,
+	"./Connection.js": 263,
+	"./Dashboard.js": 264,
+	"./Data.js": 265,
+	"./DataInput.js": 266,
+	"./DataSource.js": 267,
+	"./DistributedEnvironment.js": 268,
+	"./DistributionStream.js": 269,
+	"./Document.js": 270,
+	"./Download.js": 271,
+	"./Envelope.js": 272,
+	"./Error.js": 273,
+	"./Events.js": 274,
+	"./External.js": 275,
+	"./ExternalViz.js": 276,
+	"./Filter.js": 278,
+	"./FitToView.js": 279,
+	"./Flag.js": 280,
+	"./Folder.js": 281,
+	"./Fullscreen.js": 282,
+	"./FullscreenExit.js": 283,
+	"./FullscreenExitLight.js": 284,
+	"./FullscreenLight.js": 285,
+	"./GaugeFiller.js": 286,
+	"./GaugeMarker.js": 287,
+	"./GaugeRadial.js": 288,
+	"./Gear.js": 289,
+	"./GearUnfilled.js": 290,
+	"./Globe.js": 291,
+	"./HamburgerMenu.js": 292,
+	"./Icons.js": 293,
+	"./Images.js": 294,
+	"./Info.js": 295,
+	"./InfoCircle.js": 296,
+	"./Inputs.js": 297,
+	"./LabelRotation0.js": 298,
+	"./LabelRotation45.js": 299,
+	"./LabelRotation90.js": 300,
+	"./LabelRotationMinus45.js": 301,
+	"./LabelRotationMinus90.js": 302,
+	"./Lightbulb.js": 303,
+	"./Lightning.js": 304,
+	"./Line.js": 305,
+	"./Link.js": 306,
+	"./List.js": 307,
+	"./LocationMarker.js": 308,
+	"./Lock.js": 309,
+	"./LockUnlocked.js": 310,
+	"./Map.js": 311,
+	"./Metrics.js": 313,
+	"./Minus.js": 314,
+	"./MinusCircle.js": 315,
+	"./MissingValueJoin.js": 316,
+	"./MissingValueSkipped.js": 317,
+	"./MissingValueZero.js": 318,
+	"./Model.js": 319,
+	"./Monitor.js": 320,
+	"./More.js": 321,
+	"./MoreVertical.js": 322,
+	"./MultiShare.js": 323,
+	"./NetworkDevice.js": 324,
+	"./NotAllowed.js": 325,
+	"./Number.js": 326,
+	"./Paintbrush.js": 327,
+	"./Pan.js": 328,
+	"./Pause.js": 329,
+	"./Pencil.js": 330,
+	"./Pivot.js": 331,
+	"./Play.js": 332,
+	"./Plus.js": 334,
+	"./Print.js": 335,
+	"./Puzzle.js": 336,
+	"./Question.js": 337,
+	"./QuestionCircle.js": 338,
+	"./Refresh.js": 339,
+	"./RefreshLight.js": 340,
+	"./Remove.js": 341,
+	"./Report.js": 342,
+	"./ReportPivot.js": 344,
+	"./ReportSearch.js": 345,
+	"./Rollup.js": 346,
+	"./Rotate.js": 347,
+	"./RotateCounter.js": 348,
+	"./RotateCounterLight.js": 349,
+	"./RotateLight.js": 350,
+	"./SVG.js": 351,
+	"./SVGInternal.js": 352,
+	"./Save.js": 354,
+	"./Search.js": 355,
+	"./Select.js": 356,
+	"./Settings.js": 357,
+	"./Shapes.js": 358,
+	"./Share.js": 359,
+	"./SingleValue.js": 360,
+	"./Sort.js": 361,
+	"./SortedDown.js": 362,
+	"./SortedUp.js": 363,
+	"./SpeechBubble.js": 364,
+	"./SplitBy.js": 365,
+	"./Star.js": 366,
+	"./Stop.js": 367,
+	"./String.js": 369,
+	"./Success.js": 370,
+	"./Table.js": 371,
+	"./Target.js": 372,
+	"./Text.js": 373,
+	"./TextLight.js": 374,
+	"./Tiles.js": 375,
+	"./Tool.js": 376,
+	"./Topology.js": 377,
+	"./Trash.js": 378,
+	"./Tree.js": 379,
+	"./TriangleDown.js": 380,
+	"./TriangleDownSmall.js": 381,
+	"./TriangleLeft.js": 382,
+	"./TriangleLeftSmall.js": 383,
+	"./TriangleRight.js": 384,
+	"./TriangleRightSmall.js": 385,
+	"./TriangleUp.js": 386,
+	"./TriangleUpSmall.js": 387,
+	"./Upload.js": 388,
+	"./User.js": 389,
+	"./Warning.js": 390,
+	"./ZoomIn.js": 391,
+	"./ZoomOut.js": 392,
+	"./ZoomReset.js": 393
 };
 
 
@@ -3309,10 +3402,10 @@ webpackContext.keys = function webpackContextKeys() {
 };
 webpackContext.resolve = webpackContextResolve;
 module.exports = webpackContext;
-webpackContext.id = 207;
+webpackContext.id = 219;
 
 /***/ }),
-/* 208 */
+/* 220 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -3446,20 +3539,20 @@ function Activity(props) {
 /***/ 7:
 /***/ (function(module, exports) {
 
-module.exports = __webpack_require__(209);
+module.exports = __webpack_require__(221);
 
 /***/ })
 
 /******/ });
 
 /***/ }),
-/* 209 */
+/* 221 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ChartLine");
 
 /***/ }),
-/* 210 */
+/* 222 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -3605,7 +3698,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 211 */
+/* 223 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -3751,7 +3844,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 212 */
+/* 224 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -3897,7 +3990,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 213 */
+/* 225 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -4043,7 +4136,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 214 */
+/* 226 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -4188,7 +4281,7 @@ function BarBeside(props) {
 /******/ });
 
 /***/ }),
-/* 215 */
+/* 227 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -4334,7 +4427,7 @@ function BarStacked(props) {
 /******/ });
 
 /***/ }),
-/* 216 */
+/* 228 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -4480,7 +4573,7 @@ function BarStacked100(props) {
 /******/ });
 
 /***/ }),
-/* 217 */
+/* 229 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -4626,7 +4719,7 @@ function Bell(props) {
 /******/ });
 
 /***/ }),
-/* 218 */
+/* 230 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -4772,7 +4865,7 @@ function Bookmark(props) {
 /******/ });
 
 /***/ }),
-/* 219 */
+/* 231 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -4917,7 +5010,7 @@ function Boolean(props) {
 /******/ });
 
 /***/ }),
-/* 220 */
+/* 232 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -5062,7 +5155,7 @@ function BoxChecked(props) {
 /******/ });
 
 /***/ }),
-/* 221 */
+/* 233 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -5208,7 +5301,7 @@ function BoxFilled(props) {
 /******/ });
 
 /***/ }),
-/* 222 */
+/* 234 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -5353,7 +5446,7 @@ function BoxUnchecked(props) {
 /******/ });
 
 /***/ }),
-/* 223 */
+/* 235 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -5498,7 +5591,7 @@ function Calendar(props) {
 /******/ });
 
 /***/ }),
-/* 224 */
+/* 236 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -5632,14 +5725,14 @@ function Cancel(props) {
 /***/ 4:
 /***/ (function(module, exports) {
 
-module.exports = __webpack_require__(115);
+module.exports = __webpack_require__(122);
 
 /***/ })
 
 /******/ });
 
 /***/ }),
-/* 225 */
+/* 237 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -5773,20 +5866,20 @@ function Cancel(props) {
 /***/ 8:
 /***/ (function(module, exports) {
 
-module.exports = __webpack_require__(226);
+module.exports = __webpack_require__(238);
 
 /***/ })
 
 /******/ });
 
 /***/ }),
-/* 226 */
+/* 238 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/TriangleDownSmall");
 
 /***/ }),
-/* 227 */
+/* 239 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -5932,7 +6025,7 @@ function ChartArea(props) {
 /******/ });
 
 /***/ }),
-/* 228 */
+/* 240 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -6078,7 +6171,7 @@ function ChartBar(props) {
 /******/ });
 
 /***/ }),
-/* 229 */
+/* 241 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -6230,7 +6323,7 @@ function ChartBasic(props) {
 /******/ });
 
 /***/ }),
-/* 230 */
+/* 242 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -6376,7 +6469,7 @@ function ChartBubble(props) {
 /******/ });
 
 /***/ }),
-/* 231 */
+/* 243 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -6522,7 +6615,7 @@ function ChartColumn(props) {
 /******/ });
 
 /***/ }),
-/* 232 */
+/* 244 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -6668,7 +6761,7 @@ function ChartLine(props) {
 /******/ });
 
 /***/ }),
-/* 233 */
+/* 245 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -6814,7 +6907,7 @@ function ChartPie(props) {
 /******/ });
 
 /***/ }),
-/* 234 */
+/* 246 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -6959,7 +7052,7 @@ function ChartScatter(props) {
 /******/ });
 
 /***/ }),
-/* 235 */
+/* 247 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -7104,7 +7197,7 @@ function Check(props) {
 /******/ });
 
 /***/ }),
-/* 236 */
+/* 248 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -7248,7 +7341,7 @@ function ChevronDown(props) {
 /******/ });
 
 /***/ }),
-/* 237 */
+/* 249 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -7392,7 +7485,7 @@ function ChevronLeft(props) {
 /******/ });
 
 /***/ }),
-/* 238 */
+/* 250 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -7536,7 +7629,7 @@ function ChevronRight(props) {
 /******/ });
 
 /***/ }),
-/* 239 */
+/* 251 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -7680,7 +7773,7 @@ function ChevronUp(props) {
 /******/ });
 
 /***/ }),
-/* 240 */
+/* 252 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -7826,7 +7919,7 @@ function ChoroplethMap(props) {
 /******/ });
 
 /***/ }),
-/* 241 */
+/* 253 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -7971,7 +8064,7 @@ function Circle(props) {
 /******/ });
 
 /***/ }),
-/* 242 */
+/* 254 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -8116,7 +8209,7 @@ function CircleFilled(props) {
 /******/ });
 
 /***/ }),
-/* 243 */
+/* 255 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -8261,7 +8354,7 @@ function CircleHalfFilled(props) {
 /******/ });
 
 /***/ }),
-/* 244 */
+/* 256 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -8406,7 +8499,7 @@ function CirclePlus(props) {
 /******/ });
 
 /***/ }),
-/* 245 */
+/* 257 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -8551,7 +8644,7 @@ function Clear(props) {
 /******/ });
 
 /***/ }),
-/* 246 */
+/* 258 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -8697,7 +8790,7 @@ function Clipboard(props) {
 /******/ });
 
 /***/ }),
-/* 247 */
+/* 259 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -8842,7 +8935,7 @@ function Clock(props) {
 /******/ });
 
 /***/ }),
-/* 248 */
+/* 260 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -8987,7 +9080,7 @@ function Clone(props) {
 /******/ });
 
 /***/ }),
-/* 249 */
+/* 261 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -9096,7 +9189,7 @@ module.exports = __webpack_require__(2);
 /***/ 4:
 /***/ (function(module, exports) {
 
-module.exports = __webpack_require__(115);
+module.exports = __webpack_require__(122);
 
 /***/ }),
 
@@ -9128,7 +9221,7 @@ function Close(props) {
 /******/ });
 
 /***/ }),
-/* 250 */
+/* 262 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -9274,7 +9367,7 @@ function Code(props) {
 /******/ });
 
 /***/ }),
-/* 251 */
+/* 263 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -9434,7 +9527,7 @@ function Connection(props) {
 /******/ });
 
 /***/ }),
-/* 252 */
+/* 264 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -9579,7 +9672,7 @@ function Dashboard(props) {
 /******/ });
 
 /***/ }),
-/* 253 */
+/* 265 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -9725,7 +9818,7 @@ function Data(props) {
 /******/ });
 
 /***/ }),
-/* 254 */
+/* 266 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -9871,7 +9964,7 @@ function DataInput(props) {
 /******/ });
 
 /***/ }),
-/* 255 */
+/* 267 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -10019,7 +10112,7 @@ function DataSource(props) {
 /******/ });
 
 /***/ }),
-/* 256 */
+/* 268 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -10164,7 +10257,7 @@ function DistributedEnvironment(props) {
 /******/ });
 
 /***/ }),
-/* 257 */
+/* 269 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -10310,7 +10403,7 @@ function DistributionStream(props) {
 /******/ });
 
 /***/ }),
-/* 258 */
+/* 270 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -10456,7 +10549,7 @@ function Document(props) {
 /******/ });
 
 /***/ }),
-/* 259 */
+/* 271 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -10602,7 +10695,7 @@ function Download(props) {
 /******/ });
 
 /***/ }),
-/* 260 */
+/* 272 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -10748,7 +10841,7 @@ function Envelope(props) {
 /******/ });
 
 /***/ }),
-/* 261 */
+/* 273 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -10895,7 +10988,7 @@ function Error(props) {
 /******/ });
 
 /***/ }),
-/* 262 */
+/* 274 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -11041,7 +11134,7 @@ function Events(props) {
 /******/ });
 
 /***/ }),
-/* 263 */
+/* 275 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -11187,7 +11280,7 @@ function External(props) {
 /******/ });
 
 /***/ }),
-/* 264 */
+/* 276 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -11321,20 +11414,20 @@ function ExternalViz(props) {
 /***/ 9:
 /***/ (function(module, exports) {
 
-module.exports = __webpack_require__(265);
+module.exports = __webpack_require__(277);
 
 /***/ })
 
 /******/ });
 
 /***/ }),
-/* 265 */
+/* 277 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Puzzle");
 
 /***/ }),
-/* 266 */
+/* 278 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -11480,7 +11573,7 @@ function Filter(props) {
 /******/ });
 
 /***/ }),
-/* 267 */
+/* 279 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -11634,7 +11727,7 @@ function Icons(props) {
 /******/ });
 
 /***/ }),
-/* 268 */
+/* 280 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -11780,7 +11873,7 @@ function Flag(props) {
 /******/ });
 
 /***/ }),
-/* 269 */
+/* 281 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -11926,7 +12019,7 @@ function Folder(props) {
 /******/ });
 
 /***/ }),
-/* 270 */
+/* 282 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -12072,7 +12165,7 @@ function Fullscreen(props) {
 /******/ });
 
 /***/ }),
-/* 271 */
+/* 283 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -12218,7 +12311,7 @@ function FullscreenExit(props) {
 /******/ });
 
 /***/ }),
-/* 272 */
+/* 284 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -12365,7 +12458,7 @@ function FullscreenExitLight(props) {
 /******/ });
 
 /***/ }),
-/* 273 */
+/* 285 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -12512,7 +12605,7 @@ function Fullscreen(props) {
 /******/ });
 
 /***/ }),
-/* 274 */
+/* 286 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -12658,7 +12751,7 @@ function GaugeFiller(props) {
 /******/ });
 
 /***/ }),
-/* 275 */
+/* 287 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -12804,7 +12897,7 @@ function GaugeMarker(props) {
 /******/ });
 
 /***/ }),
-/* 276 */
+/* 288 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -12950,7 +13043,7 @@ function GaugeRadial(props) {
 /******/ });
 
 /***/ }),
-/* 277 */
+/* 289 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -13095,7 +13188,7 @@ function Gear(props) {
 /******/ });
 
 /***/ }),
-/* 278 */
+/* 290 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -13241,7 +13334,7 @@ function Icons(props) {
 /******/ });
 
 /***/ }),
-/* 279 */
+/* 291 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -13385,7 +13478,7 @@ function Globe(props) {
 /******/ });
 
 /***/ }),
-/* 280 */
+/* 292 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -13531,7 +13624,7 @@ function HamburgerMenu(props) {
 /******/ });
 
 /***/ }),
-/* 281 */
+/* 293 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -13685,7 +13778,7 @@ function Icons(props) {
 /******/ });
 
 /***/ }),
-/* 282 */
+/* 294 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -13837,7 +13930,7 @@ function Images(props) {
 /******/ });
 
 /***/ }),
-/* 283 */
+/* 295 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -13987,7 +14080,7 @@ function Info(props) {
 /******/ });
 
 /***/ }),
-/* 284 */
+/* 296 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -14132,7 +14225,7 @@ function InfoCircle(props) {
 /******/ });
 
 /***/ }),
-/* 285 */
+/* 297 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -14288,7 +14381,7 @@ function Inputs(props) {
 /******/ });
 
 /***/ }),
-/* 286 */
+/* 298 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -14434,7 +14527,7 @@ function LabelRotation0(props) {
 /******/ });
 
 /***/ }),
-/* 287 */
+/* 299 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -14580,7 +14673,7 @@ function LabelRotation45(props) {
 /******/ });
 
 /***/ }),
-/* 288 */
+/* 300 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -14726,7 +14819,7 @@ function LabelRotation90(props) {
 /******/ });
 
 /***/ }),
-/* 289 */
+/* 301 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -14872,7 +14965,7 @@ function LabelRotationMinus45(props) {
 /******/ });
 
 /***/ }),
-/* 290 */
+/* 302 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -15018,7 +15111,7 @@ function LabelRotationMinus90(props) {
 /******/ });
 
 /***/ }),
-/* 291 */
+/* 303 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -15164,7 +15257,7 @@ function Lightbulb(props) {
 /******/ });
 
 /***/ }),
-/* 292 */
+/* 304 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -15310,7 +15403,7 @@ function Lightning(props) {
 /******/ });
 
 /***/ }),
-/* 293 */
+/* 305 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -15458,7 +15551,7 @@ function Line(props) {
 /******/ });
 
 /***/ }),
-/* 294 */
+/* 306 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -15604,7 +15697,7 @@ function Link(props) {
 /******/ });
 
 /***/ }),
-/* 295 */
+/* 307 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -15750,7 +15843,7 @@ function List(props) {
 /******/ });
 
 /***/ }),
-/* 296 */
+/* 308 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -15896,7 +15989,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 297 */
+/* 309 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -16042,7 +16135,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 298 */
+/* 310 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -16188,7 +16281,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 299 */
+/* 311 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -16297,7 +16390,7 @@ module.exports = __webpack_require__(2);
 /***/ 10:
 /***/ (function(module, exports) {
 
-module.exports = __webpack_require__(300);
+module.exports = __webpack_require__(312);
 
 /***/ }),
 
@@ -16329,13 +16422,13 @@ function Map(props) {
 /******/ });
 
 /***/ }),
-/* 300 */
+/* 312 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/LocationMarker");
 
 /***/ }),
-/* 301 */
+/* 313 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -16481,7 +16574,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 302 */
+/* 314 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -16625,7 +16718,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 303 */
+/* 315 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -16773,7 +16866,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 304 */
+/* 316 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -16919,7 +17012,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 305 */
+/* 317 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -17065,7 +17158,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 306 */
+/* 318 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -17211,7 +17304,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 307 */
+/* 319 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -17357,7 +17450,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 308 */
+/* 320 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -17507,7 +17600,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 309 */
+/* 321 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -17651,7 +17744,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 310 */
+/* 322 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -17795,7 +17888,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 311 */
+/* 323 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -17941,7 +18034,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 312 */
+/* 324 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -18091,7 +18184,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 313 */
+/* 325 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -18236,7 +18329,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 314 */
+/* 326 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -18382,7 +18475,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 315 */
+/* 327 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -18528,7 +18621,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 316 */
+/* 328 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -18674,7 +18767,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 317 */
+/* 329 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -18818,7 +18911,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 318 */
+/* 330 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -18963,7 +19056,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 319 */
+/* 331 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -19109,7 +19202,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 320 */
+/* 332 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -19218,7 +19311,7 @@ module.exports = __webpack_require__(2);
 /***/ 11:
 /***/ (function(module, exports) {
 
-module.exports = __webpack_require__(321);
+module.exports = __webpack_require__(333);
 
 /***/ }),
 
@@ -19250,13 +19343,13 @@ function Play(props) {
 /******/ });
 
 /***/ }),
-/* 321 */
+/* 333 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/TriangleRight");
 
 /***/ }),
-/* 322 */
+/* 334 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -19401,7 +19494,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 323 */
+/* 335 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -19546,7 +19639,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 324 */
+/* 336 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -19692,7 +19785,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 325 */
+/* 337 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -19838,7 +19931,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 326 */
+/* 338 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -19983,7 +20076,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 327 */
+/* 339 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -20133,7 +20226,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 328 */
+/* 340 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -20300,7 +20393,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 329 */
+/* 341 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -20434,14 +20527,14 @@ function Remove(props) {
 /***/ 4:
 /***/ (function(module, exports) {
 
-module.exports = __webpack_require__(115);
+module.exports = __webpack_require__(122);
 
 /***/ })
 
 /******/ });
 
 /***/ }),
-/* 330 */
+/* 342 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -20550,7 +20643,7 @@ module.exports = __webpack_require__(2);
 /***/ 12:
 /***/ (function(module, exports) {
 
-module.exports = __webpack_require__(331);
+module.exports = __webpack_require__(343);
 
 /***/ }),
 
@@ -20582,13 +20675,13 @@ function Report(props) {
 /******/ });
 
 /***/ }),
-/* 331 */
+/* 343 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Document");
 
 /***/ }),
-/* 332 */
+/* 344 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -20734,7 +20827,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 333 */
+/* 345 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -20880,7 +20973,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 334 */
+/* 346 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -21026,7 +21119,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 335 */
+/* 347 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -21172,7 +21265,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 336 */
+/* 348 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -21318,7 +21411,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 337 */
+/* 349 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -21478,7 +21571,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 338 */
+/* 350 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -21638,7 +21731,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 339 */
+/* 351 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -21850,7 +21943,7 @@ module.exports = __webpack_require__(3);
 /******/ });
 
 /***/ }),
-/* 340 */
+/* 352 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -21952,7 +22045,7 @@ module.exports = __webpack_require__(1);
 /***/ 13:
 /***/ (function(module, exports) {
 
-module.exports = __webpack_require__(341);
+module.exports = __webpack_require__(353);
 
 /***/ }),
 
@@ -22019,13 +22112,13 @@ module.exports = __webpack_require__(4);
 /******/ });
 
 /***/ }),
-/* 341 */
+/* 353 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/SVG");
 
 /***/ }),
-/* 342 */
+/* 354 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -22173,7 +22266,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 343 */
+/* 355 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -22318,7 +22411,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 344 */
+/* 356 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -22466,7 +22559,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 345 */
+/* 357 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -22612,7 +22705,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 346 */
+/* 358 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -22764,7 +22857,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 347 */
+/* 359 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -22910,7 +23003,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 348 */
+/* 360 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -23056,7 +23149,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 349 */
+/* 361 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -23202,7 +23295,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 350 */
+/* 362 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -23349,7 +23442,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 351 */
+/* 363 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -23496,7 +23589,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 352 */
+/* 364 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -23641,7 +23734,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 353 */
+/* 365 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -23787,7 +23880,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 354 */
+/* 366 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -23933,7 +24026,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 355 */
+/* 367 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -24042,7 +24135,7 @@ module.exports = __webpack_require__(2);
 /***/ 14:
 /***/ (function(module, exports) {
 
-module.exports = __webpack_require__(356);
+module.exports = __webpack_require__(368);
 
 /***/ }),
 
@@ -24074,13 +24167,13 @@ function Stop(props) {
 /******/ });
 
 /***/ }),
-/* 356 */
+/* 368 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/BoxFilled");
 
 /***/ }),
-/* 357 */
+/* 369 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -24226,7 +24319,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 358 */
+/* 370 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -24371,7 +24464,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 359 */
+/* 371 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -24517,7 +24610,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 360 */
+/* 372 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -24670,7 +24763,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 361 */
+/* 373 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -24816,7 +24909,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 362 */
+/* 374 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -24965,7 +25058,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 363 */
+/* 375 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -25110,7 +25203,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 364 */
+/* 376 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -25256,7 +25349,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 365 */
+/* 377 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -25402,7 +25495,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 366 */
+/* 378 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -25548,7 +25641,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 367 */
+/* 379 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -25692,7 +25785,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 368 */
+/* 380 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -25838,7 +25931,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 369 */
+/* 381 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -25984,7 +26077,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 370 */
+/* 382 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -26130,7 +26223,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 371 */
+/* 383 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -26276,7 +26369,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 372 */
+/* 384 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -26422,7 +26515,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 373 */
+/* 385 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -26568,7 +26661,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 374 */
+/* 386 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -26714,7 +26807,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 375 */
+/* 387 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -26860,7 +26953,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 376 */
+/* 388 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -27006,7 +27099,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 377 */
+/* 389 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -27151,7 +27244,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 378 */
+/* 390 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -27297,7 +27390,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 379 */
+/* 391 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -27443,7 +27536,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 380 */
+/* 392 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -27591,7 +27684,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 381 */
+/* 393 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports =
@@ -27744,7 +27837,7 @@ module.exports = __webpack_require__(5);
 /******/ });
 
 /***/ }),
-/* 382 */
+/* 394 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -27756,13 +27849,19 @@ Object.defineProperty(exports, "__esModule", {
 
 var React = __webpack_require__(1);
 
-var Dropdown_1 = __webpack_require__(383);
+var Dropdown_1 = __webpack_require__(395);
 
-var Button_1 = __webpack_require__(384);
+var Paragraph_1 = __webpack_require__(97);
 
-var Menu_1 = __webpack_require__(107);
+var Button_1 = __webpack_require__(115);
 
-var Chip_1 = __webpack_require__(385);
+var Menu_1 = __webpack_require__(111);
+
+var Chip_1 = __webpack_require__(396);
+
+var FeatureFlagContext_1 = __webpack_require__(26);
+
+var lodash_1 = __webpack_require__(3);
 
 var Field = function Field(_ref) {
   var field = _ref.field,
@@ -27775,7 +27874,8 @@ var Field = function Field(_ref) {
     isMenu: true,
     appearance: "toggle"
   });
-  return React.createElement("div", null, React.createElement(Dropdown_1.default, {
+  var context = React.useContext(FeatureFlagContext_1.default);
+  var FieldNonES = React.createElement("div", null, React.createElement(Dropdown_1.default, {
     toggle: toggle,
     retainFocus: true,
     "data-test": "field-".concat(field, "-dropdown")
@@ -27800,31 +27900,40 @@ var Field = function Field(_ref) {
       height: '20px'
     }
   }, count) : null);
+  var FieldES = React.createElement("div", null, React.createElement(Paragraph_1.default, {
+    style: {
+      fontWeight: 'bold',
+      width: width,
+      fontSize: '13px'
+    }
+  }, field), showNodeCounts ? React.createElement(Chip_1.default, {
+    style: {
+      float: 'right',
+      fontSize: '10px',
+      height: '20px'
+    }
+  }, count) : null);
+  var FieldToUse = lodash_1.get(context, 'LinkGraph.showNodeMetaData') ? FieldES : FieldNonES;
+  return FieldToUse;
 };
 
 Field.displayName = 'Field';
 exports.default = Field;
 
 /***/ }),
-/* 383 */
+/* 395 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Dropdown");
 
 /***/ }),
-/* 384 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Button");
-
-/***/ }),
-/* 385 */
+/* 396 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Chip");
 
 /***/ }),
-/* 386 */
+/* 397 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -27837,7 +27946,7 @@ exports.StyledFields = void 0;
 
 var styled_components_1 = __webpack_require__(4);
 
-var pick_1 = __webpack_require__(21);
+var pick_1 = __webpack_require__(22);
 
 exports.StyledFields = styled_components_1.default.div.withConfig({
   displayName: "FieldStyles__StyledFields",
@@ -27851,7 +27960,7 @@ exports.StyledFields = styled_components_1.default.div.withConfig({
 }));
 
 /***/ }),
-/* 387 */
+/* 398 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -27865,25 +27974,25 @@ Object.defineProperty(exports, "__esModule", {
 
 var lodash_1 = __webpack_require__(3);
 
-var visualization_icons_1 = __webpack_require__(47);
+var visualization_icons_1 = __webpack_require__(51);
 
-var placeholders_1 = __webpack_require__(44);
+var placeholders_1 = __webpack_require__(48);
 
 var schemaUtils_1 = __webpack_require__(16);
 
 var i18n_1 = __webpack_require__(2);
 
-var pick_1 = __webpack_require__(21);
+var pick_1 = __webpack_require__(22);
 
 var variables_1 = __webpack_require__(9);
 
-var colorConstants_1 = __webpack_require__(45);
+var colorConstants_1 = __webpack_require__(49);
 
-var visualization_color_palettes_1 = __webpack_require__(46);
+var visualization_color_palettes_1 = __webpack_require__(50);
 
-var configUtils_1 = __webpack_require__(17);
+var configUtils_1 = __webpack_require__(18);
 
-var VizCategory_1 = __webpack_require__(31);
+var VizCategory_1 = __webpack_require__(34);
 
 var VizBehavior_1 = __webpack_require__(6);
 
@@ -28071,19 +28180,45 @@ var editorConfig = [// {
 //     ],
 // },
 {
-  label: i18n_1._('Coloring'),
+  label: i18n_1._('Data configurations'),
   layout: [[{
-    label: i18n_1._('Background'),
-    option: 'backgroundColor',
-    editor: 'editor.color',
+    label: i18n_1._('Result limit'),
+    option: 'resultLimit',
+    editor: 'editor.number',
     editorProps: {
       themes: themes,
       labelPosition: 'left',
-      labelWidth: EDITOR_LABEL_WIDTH,
+      min: 0,
+      labelWidth: EDITOR_LABEL_WIDTH
+    }
+  }]]
+}, {
+  label: i18n_1._('Display options'),
+  layout: [[{
+    label: i18n_1._('Show node counts'),
+    option: 'showNodeCounts',
+    editor: 'editor.toggle',
+    editorProps: {
+      themes: themes,
+      labelPosition: 'left',
+      labelWidth: 130,
       palette: _toConsumableArray(backgroundColorPaletteSet)
     }
   }], [{
-    label: i18n_1._('Node Color'),
+    label: i18n_1._('Show value counts'),
+    option: 'showValueCounts',
+    editor: 'editor.toggle',
+    editorProps: {
+      themes: themes,
+      labelPosition: 'left',
+      labelWidth: 130,
+      palette: _toConsumableArray(backgroundColorPaletteSet)
+    }
+  }]]
+}, {
+  label: i18n_1._('Color and style'),
+  layout: [[{
+    label: i18n_1._('Node'),
     option: 'nodeColor',
     editor: 'editor.color',
     editorProps: {
@@ -28093,7 +28228,7 @@ var editorConfig = [// {
       palette: _toConsumableArray(backgroundColorPaletteSet)
     }
   }], [{
-    label: i18n_1._('Selected Node Color'),
+    label: i18n_1._('Selected nodes'),
     option: 'nodeHighlightColor',
     editor: 'editor.color',
     editorProps: {
@@ -28103,7 +28238,7 @@ var editorConfig = [// {
       palette: _toConsumableArray(backgroundColorPaletteSet)
     }
   }], [{
-    label: i18n_1._('Link Color'),
+    label: i18n_1._('Links'),
     option: 'linkColor',
     editor: 'editor.color',
     editorProps: {
@@ -28112,11 +28247,18 @@ var editorConfig = [// {
       labelWidth: EDITOR_LABEL_WIDTH,
       palette: _toConsumableArray(backgroundColorPaletteSet)
     }
-  }]]
-}, {
-  label: i18n_1._('Node Layout'),
-  layout: [[{
-    label: i18n_1._('Node Width'),
+  }], [{
+    label: i18n_1._('Background'),
+    option: 'backgroundColor',
+    editor: 'editor.color',
+    editorProps: {
+      themes: themes,
+      labelPosition: 'left',
+      labelWidth: EDITOR_LABEL_WIDTH,
+      palette: _toConsumableArray(backgroundColorPaletteSet)
+    }
+  }], [{
+    label: i18n_1._('Node width'),
     option: 'nodeWidth',
     editor: 'editor.number',
     editorProps: {
@@ -28126,7 +28268,7 @@ var editorConfig = [// {
       labelWidth: EDITOR_LABEL_WIDTH
     }
   }, {
-    label: i18n_1._('Node Height'),
+    label: i18n_1._('Node height'),
     option: 'nodeHeight',
     editor: 'editor.number',
     editorProps: {
@@ -28136,7 +28278,7 @@ var editorConfig = [// {
       labelWidth: EDITOR_LABEL_WIDTH
     }
   }], [{
-    label: i18n_1._('Vertical Spacing'),
+    label: i18n_1._('Vertical spacing'),
     option: 'nodeSpacingY',
     editor: 'editor.number',
     editorProps: {
@@ -28146,7 +28288,7 @@ var editorConfig = [// {
       labelWidth: EDITOR_LABEL_WIDTH
     }
   }, {
-    label: i18n_1._('Horizontal Spacing'),
+    label: i18n_1._('Horizontal spacing'),
     option: 'nodeSpacingX',
     editor: 'editor.number',
     editorProps: {
@@ -28156,7 +28298,7 @@ var editorConfig = [// {
       labelWidth: EDITOR_LABEL_WIDTH
     }
   }], [{
-    label: i18n_1._('Link Width'),
+    label: i18n_1._('Link width'),
     option: 'linkWidth',
     editor: 'editor.number',
     editorProps: {
@@ -28165,39 +28307,6 @@ var editorConfig = [// {
       min: 0,
       labelWidth: EDITOR_LABEL_WIDTH
     }
-  }], [{
-    label: i18n_1._('Result Limit'),
-    option: 'resultLimit',
-    editor: 'editor.number',
-    editorProps: {
-      themes: themes,
-      labelPosition: 'left',
-      min: 0,
-      labelWidth: EDITOR_LABEL_WIDTH
-    }
-  }]]
-}, {
-  label: i18n_1._('Display Options'),
-  layout: [[{
-    label: i18n_1._('Show Node Counts'),
-    option: 'showNodeCounts',
-    editor: 'editor.toggle',
-    editorProps: {
-      themes: themes,
-      labelPosition: 'left',
-      labelWidth: 130,
-      palette: _toConsumableArray(backgroundColorPaletteSet)
-    }
-  }], [{
-    label: i18n_1._('Show Value Counts'),
-    option: 'showValueCounts',
-    editor: 'editor.toggle',
-    editorProps: {
-      themes: themes,
-      labelPosition: 'left',
-      labelWidth: 130,
-      palette: _toConsumableArray(backgroundColorPaletteSet)
-    }
   }]]
 }];
 var config = {