@splunk/visualizations 24.0.0 → 24.3.0

package/LinkGraph.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 172);
+/******/ 	return __webpack_require__(__webpack_require__.s = 175);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -164,7 +164,7 @@ var VizBehavior;
 "use strict";
 
 
-var _defineProperty = __webpack_require__(7);
+var _defineProperty = __webpack_require__(8);
 
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
@@ -350,18 +350,12 @@ exports.generatePrecisionValues = generatePrecisionValues;
 
 /***/ }),
 /* 7 */
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/defineProperty");
-
-/***/ }),
-/* 8 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _typeof = __webpack_require__(22);
+var _typeof = __webpack_require__(20);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -426,6 +420,12 @@ var deepMergeWithArrayOverrides = function deepMergeWithArrayOverrides(initial)
 
 exports.deepMergeWithArrayOverrides = deepMergeWithArrayOverrides;
 
+/***/ }),
+/* 8 */
+/***/ (function(module, exports) {
+
+module.exports = require("@babel/runtime/helpers/defineProperty");
+
 /***/ }),
 /* 9 */
 /***/ (function(module, exports) {
@@ -459,7 +459,7 @@ var React = __webpack_require__(1);
 
 var styled_components_1 = __webpack_require__(4);
 
-var SizeAwareWrapper_1 = __webpack_require__(17);
+var SizeAwareWrapper_1 = __webpack_require__(16);
 
 var style_1 = __webpack_require__(13);
 
@@ -520,6 +520,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
+      "data-splunk-visualization-version": "24.3.0 - 1c1ae4b3c",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -552,19 +553,19 @@ module.exports = require("@splunk/visualizations-shared/style");
 module.exports = require("@splunk/visualizations-shared/schemaUtils");
 
 /***/ }),
-/* 15 */,
-/* 16 */
+/* 15 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/createClass");
 
 /***/ }),
-/* 17 */
+/* 16 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/SizeAwareWrapper");
 
 /***/ }),
+/* 17 */,
 /* 18 */,
 /* 19 */
 /***/ (function(module, exports) {
@@ -575,23 +576,23 @@ module.exports = require("@splunk/themes/variables");
 /* 20 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/themes/pick");
+module.exports = require("@babel/runtime/helpers/typeof");
 
 /***/ }),
-/* 21 */,
-/* 22 */
+/* 21 */
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/typeof");
+module.exports = require("@splunk/themes/pick");
 
 /***/ }),
+/* 22 */,
 /* 23 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _defineProperty = __webpack_require__(7);
+var _defineProperty = __webpack_require__(8);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -875,7 +876,7 @@ var withEditModeCover_1 = __webpack_require__(37);
 
 var withPlaceholder_1 = __webpack_require__(38);
 
-var hocUtils_1 = __webpack_require__(8);
+var hocUtils_1 = __webpack_require__(7);
 /**
  * hoc that wraps a pure react visualization in a Dashboard visualization
  * @param {DashboardVizOpts} opts
@@ -888,6 +889,7 @@ var withDashboardViz = function withDashboardViz(opts) {
       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);
@@ -1052,7 +1054,7 @@ var withDashboardViz = function withDashboardViz(opts) {
 
   DashboardViz.config = vizConfig; // @ts-ignore: TODO fix sc upgrade TS issues
 
-  return styled_components_1.withTheme(withPlaceholder_1.default(withEditModeCover_1.default(DashboardViz), useIconPlaceholder));
+  return styled_components_1.withTheme(withPlaceholder_1.default(withEditModeCover_1.default(DashboardViz, disableEditModeCover), useIconPlaceholder));
 };
 
 exports.default = withDashboardViz;
@@ -1235,7 +1237,7 @@ exports.default = SplunkVisualization;
 
 var _classCallCheck = __webpack_require__(10);
 
-var _createClass = __webpack_require__(16);
+var _createClass = __webpack_require__(15);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -1449,13 +1451,15 @@ var React = __webpack_require__(1);
 
 var styled_components_1 = __webpack_require__(4);
 
-var hocUtils_1 = __webpack_require__(8);
+var hocUtils_1 = __webpack_require__(7);
 
 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.withConfig({
+var Blocker = styled_components_1.default.div.attrs({
+  'data-splunk-visualization-version': "24.3.0 - 1c1ae4b3c"
+}).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
 })(["position:relative;width:100%;height:100%;"]);
@@ -1466,10 +1470,11 @@ var Blocker = styled_components_1.default.div.withConfig({
  * @returns {ExtendedDashViz} Wrapper
  */
 
-var withEditModeCover = function withEditModeCover(Visualization) {
+var withEditModeCover = function withEditModeCover(Visualization, disableEditModeCover) {
   var Wrapper = function Wrapper(props) {
     var mode = props.mode;
-    return React.createElement(Blocker, null, React.createElement(Visualization, Object.assign({}, props)), mode === 'edit' && React.createElement(Cover, {
+    var showEditCover = mode === 'edit' && !disableEditModeCover;
+    return React.createElement(Blocker, null, React.createElement(Visualization, Object.assign({}, props)), showEditCover && React.createElement(Cover, {
       "data-test": "edit-mode-cover"
     }));
   };
@@ -1502,7 +1507,7 @@ var IconPlaceholder_1 = __webpack_require__(25);
 
 var VizBehavior_1 = __webpack_require__(5);
 
-var hocUtils_1 = __webpack_require__(8);
+var hocUtils_1 = __webpack_require__(7);
 
 var withPlaceholder = function withPlaceholder(Visualization) {
   var useIconPlaceholder = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : IconPlaceholder_1.shouldShowIconPlaceholder;
@@ -1572,7 +1577,12 @@ module.exports = require("@splunk/visualization-icons");
 /* 45 */,
 /* 46 */,
 /* 47 */,
-/* 48 */,
+/* 48 */
+/***/ (function(module, exports) {
+
+module.exports = require("@babel/runtime/helpers/slicedToArray");
+
+/***/ }),
 /* 49 */,
 /* 50 */,
 /* 51 */,
@@ -1584,12 +1594,7 @@ module.exports = require("@splunk/visualization-icons");
 /* 57 */,
 /* 58 */,
 /* 59 */,
-/* 60 */
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/slicedToArray");
-
-/***/ }),
+/* 60 */,
 /* 61 */,
 /* 62 */,
 /* 63 */,
@@ -1616,25 +1621,25 @@ module.exports = require("@babel/runtime/helpers/slicedToArray");
 /* 84 */,
 /* 85 */,
 /* 86 */,
-/* 87 */
+/* 87 */,
+/* 88 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/inherits");
 
 /***/ }),
-/* 88 */
+/* 89 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/possibleConstructorReturn");
 
 /***/ }),
-/* 89 */
+/* 90 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/getPrototypeOf");
 
 /***/ }),
-/* 90 */,
 /* 91 */,
 /* 92 */,
 /* 93 */,
@@ -1642,13 +1647,13 @@ module.exports = require("@babel/runtime/helpers/getPrototypeOf");
 /* 95 */,
 /* 96 */,
 /* 97 */,
-/* 98 */
+/* 98 */,
+/* 99 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/dataSourceUtils");
 
 /***/ }),
-/* 99 */,
 /* 100 */,
 /* 101 */,
 /* 102 */,
@@ -1667,7 +1672,9 @@ module.exports = require("@splunk/visualizations-shared/dataSourceUtils");
 /* 115 */,
 /* 116 */,
 /* 117 */,
-/* 118 */
+/* 118 */,
+/* 119 */,
+/* 120 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1693,15 +1700,15 @@ exports.PureLinkGraph = exports.LinkGraph = exports.config = exports.themes = ex
 
 var lodash_1 = __webpack_require__(2);
 
-var dataSourceUtils_1 = __webpack_require__(98);
+var dataSourceUtils_1 = __webpack_require__(99);
 
 var withDashboardViz_1 = __webpack_require__(27);
 
-var PureLinkGraph_1 = __webpack_require__(173);
+var PureLinkGraph_1 = __webpack_require__(176);
 
 exports.PureLinkGraph = PureLinkGraph_1.default;
 
-var config_1 = __webpack_require__(185);
+var config_1 = __webpack_require__(188);
 
 exports.config = config_1.default;
 /**
@@ -1759,7 +1766,7 @@ exports.themes = themes;
 exports.default = LinkGraph;
 
 /***/ }),
-/* 119 */
+/* 121 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1769,7 +1776,7 @@ var _toConsumableArray = __webpack_require__(39);
 
 var _classCallCheck = __webpack_require__(10);
 
-var _createClass = __webpack_require__(16);
+var _createClass = __webpack_require__(15);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -2017,7 +2024,7 @@ var sortGraphColumn = function sortGraphColumn(graph, field, sortKey, nodeHeight
 exports.sortGraphColumn = sortGraphColumn;
 
 /***/ }),
-/* 120 */
+/* 122 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2030,17 +2037,21 @@ exports.StyledEdgesPath = exports.StyledViewport = void 0;
 
 var styled_components_1 = __webpack_require__(4);
 
-var pick_1 = __webpack_require__(20);
+var pick_1 = __webpack_require__(21);
 
 var variables_1 = __webpack_require__(19);
 
 exports.StyledViewport = styled_components_1.default.div.withConfig({
   displayName: "GraphStyles__StyledViewport",
   componentId: "sc-5hdhcf-0"
-})(["position:absolute;top:0px;left:0px;width:100%;height:100%;.node{transition:background 0.05s ease-out;background:", ";border:2px solid transparent;}.node.hovering{background:", ";}.node.selected{border-radius:1px;border:2px solid ", ";}.edge{transition:opacity 0.05s ease-out;stroke:", ";opacity:0.3;}.edge.hovering{opacity:0.8;}> button{border-radius:1px;position:absolute;overflow:hidden;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;display:flex;justify-content:space-between;align-items:center;.center-content{width:100%;max-width:100%;flex:1 1 100%;display:flex;flex-wrap:nowrap;justify-content:flex-start;width:0;padding-left:8px;padding-right:8px;> p{color:", ";}> p:nth-child(1){font-size:10px;padding:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}> p:nth-child(2){flex:0 auto;margin:0;font-size:10px;padding-left:8px;}}.left-content{padding-left:8px;}.right-content{padding-right:8px;}.left-content,.right-content{flex:0 0 auto;> p{height:100%;font-weight:bold;font-size:10px;padding:0;margin:0;color:", ";}}}"], function (props) {
+})(["position:absolute;top:0px;left:0px;width:100%;height:100%;.node{transition:background 0.05s ease-out;background:", ";border:2px solid transparent;p{color:", " !important;}}.node.hovering{background:", ";p{color:", " !important;}}.node.selected{border-radius:1px;border:2px solid ", ";}.edge{transition:opacity 0.05s ease-out;stroke:", ";opacity:0.3;}.edge.hovering{opacity:0.8;}> button{border-radius:1px;position:absolute;overflow:hidden;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;display:flex;justify-content:space-between;align-items:center;.center-content{width:100%;max-width:100%;flex:1 1 100%;display:flex;flex-wrap:nowrap;justify-content:flex-start;width:0;padding-left:8px;padding-right:8px;> p{color:", ";}> p:nth-child(1){font-size:10px;padding:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}> p:nth-child(2){flex:0 auto;margin:0;font-size:10px;padding-left:8px;}}.left-content{padding-left:8px;}.right-content{padding-right:8px;}.left-content,.right-content{flex:0 0 auto;> p{height:100%;font-weight:bold;font-size:10px;padding:0;margin:0;color:", ";}}}"], function (props) {
   return props.nodeColor;
+}, function (props) {
+  return props.nodeTextColor;
 }, function (props) {
   return props.nodeHighlightColor;
+}, function (props) {
+  return props.nodeTextHighlightColor;
 }, pick_1.default({
   enterprise: variables_1.default.accentColorD10,
   prisma: variables_1.default.interactiveColorPrimary
@@ -2070,8 +2081,6 @@ exports.StyledEdgesPath = styled_components_1.default.path.withConfig({
 });
 
 /***/ }),
-/* 121 */,
-/* 122 */,
 /* 123 */,
 /* 124 */,
 /* 125 */,
@@ -2121,7 +2130,10 @@ exports.StyledEdgesPath = styled_components_1.default.path.withConfig({
 /* 169 */,
 /* 170 */,
 /* 171 */,
-/* 172 */
+/* 172 */,
+/* 173 */,
+/* 174 */,
+/* 175 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2151,9 +2163,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-__exportStar(__webpack_require__(118), exports);
+__exportStar(__webpack_require__(120), exports);
 
-var LinkGraph_1 = __webpack_require__(118);
+var LinkGraph_1 = __webpack_require__(120);
 
 Object.defineProperty(exports, "default", {
   enumerable: true,
@@ -2163,13 +2175,13 @@ Object.defineProperty(exports, "default", {
 });
 
 /***/ }),
-/* 173 */
+/* 176 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _slicedToArray = __webpack_require__(60);
+var _slicedToArray = __webpack_require__(48);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -2186,13 +2198,13 @@ var lodash_1 = __webpack_require__(2);
 
 var FixedSizeContainer_1 = __webpack_require__(12);
 
-var PureLinkGraphUtils_1 = __webpack_require__(119);
+var PureLinkGraphUtils_1 = __webpack_require__(121);
 
-var Graph_1 = __webpack_require__(174);
+var Graph_1 = __webpack_require__(177);
 
-var Field_1 = __webpack_require__(179);
+var Field_1 = __webpack_require__(182);
 
-var FieldStyles_1 = __webpack_require__(184);
+var FieldStyles_1 = __webpack_require__(187);
 
 var LinkGraphContainer = styled_components_1.default.div.withConfig({
   displayName: "PureLinkGraph__LinkGraphContainer",
@@ -2229,7 +2241,9 @@ var PureLinkGraph = function PureLinkGraph(props) {
       onNodeClick = props.onNodeClick,
       linkColor = props.linkColor,
       nodeColor = props.nodeColor,
+      nodeTextColor = props.nodeTextColor,
       nodeHighlightColor = props.nodeHighlightColor,
+      nodeTextHighlightColor = props.nodeTextHighlightColor,
       resultLimit = props.resultLimit,
       linkWidth = props.linkWidth,
       showValueCounts = props.showValueCounts,
@@ -2274,7 +2288,9 @@ var PureLinkGraph = function PureLinkGraph(props) {
   }, React.createElement(Graph_1.default, {
     linkColor: linkColor,
     nodeColor: nodeColor,
+    nodeTextColor: nodeTextColor,
     nodeHighlightColor: nodeHighlightColor,
+    nodeTextHighlightColor: nodeTextHighlightColor,
     graphDataModel: graphDataModelState,
     onNodeClick: onNodeClick,
     linkWidth: linkWidth,
@@ -2312,7 +2328,9 @@ exports.PureLinkGraph.propTypes = {
   nodeSpacingY: T.number,
   linkColor: T.string,
   nodeColor: T.string,
+  nodeTextColor: T.string,
   nodeHighlightColor: T.string,
+  nodeTextHighlightColor: T.string,
   resultLimit: T.number,
   linkWidth: T.number,
   showValueCounts: T.bool,
@@ -2333,7 +2351,9 @@ exports.PureLinkGraph.defaultProps = {
   linkWidth: 1,
   linkColor: '#B5B5B5',
   nodeColor: '#1E2024',
+  nodeTextColor: '#FFFFFF',
   nodeHighlightColor: '#7B56DB',
+  nodeTextHighlightColor: '#FFFFFF',
   resultLimit: 50,
   showValueCounts: true,
   showNodeCounts: true,
@@ -2344,7 +2364,7 @@ exports.PureLinkGraph.displayName = 'VizLinkGraph';
 exports.default = FixedSizeContainer_1.default(exports.PureLinkGraph);
 
 /***/ }),
-/* 174 */
+/* 177 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2354,13 +2374,13 @@ var _toConsumableArray = __webpack_require__(39);
 
 var _classCallCheck = __webpack_require__(10);
 
-var _createClass = __webpack_require__(16);
+var _createClass = __webpack_require__(15);
 
-var _inherits = __webpack_require__(87);
+var _inherits = __webpack_require__(88);
 
-var _possibleConstructorReturn = __webpack_require__(88);
+var _possibleConstructorReturn = __webpack_require__(89);
 
-var _getPrototypeOf = __webpack_require__(89);
+var _getPrototypeOf = __webpack_require__(90);
 
 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); }; }
 
@@ -2374,13 +2394,13 @@ var React = __webpack_require__(1);
 
 var lodash_1 = __webpack_require__(2);
 
-var Edges_1 = __webpack_require__(175);
+var Edges_1 = __webpack_require__(178);
 
-var Nodes_1 = __webpack_require__(176);
+var Nodes_1 = __webpack_require__(179);
 
-var GraphStyles_1 = __webpack_require__(120);
+var GraphStyles_1 = __webpack_require__(122);
 
-var PureLinkGraphUtils_1 = __webpack_require__(119);
+var PureLinkGraphUtils_1 = __webpack_require__(121);
 
 var Graph = /*#__PURE__*/function (_React$Component) {
   _inherits(Graph, _React$Component);
@@ -2659,13 +2679,17 @@ var Graph = /*#__PURE__*/function (_React$Component) {
           nodeHighlightColor = _this$props.nodeHighlightColor,
           linkColor = _this$props.linkColor,
           linkWidth = _this$props.linkWidth,
-          showValueCounts = _this$props.showValueCounts;
+          showValueCounts = _this$props.showValueCounts,
+          nodeTextColor = _this$props.nodeTextColor,
+          nodeTextHighlightColor = _this$props.nodeTextHighlightColor;
       var newEdges = edges.filter(function (edge) {
         return nodes[edge.sourceNode] && nodes[edge.targetNode];
       });
       return React.createElement(GraphStyles_1.StyledViewport, {
         nodeColor: nodeColor,
+        nodeTextColor: nodeTextColor,
         nodeHighlightColor: nodeHighlightColor,
+        nodeTextHighlightColor: nodeTextHighlightColor,
         linkColor: linkColor,
         ref: function ref(c) {
           _this8.viewport = c;
@@ -2732,7 +2756,7 @@ var Graph = /*#__PURE__*/function (_React$Component) {
 exports.default = Graph;
 
 /***/ }),
-/* 175 */
+/* 178 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2744,7 +2768,7 @@ Object.defineProperty(exports, "__esModule", {
 
 var React = __webpack_require__(1);
 
-var GraphStyles_1 = __webpack_require__(120);
+var GraphStyles_1 = __webpack_require__(122);
 
 var Edges = function Edges(props) {
   var edges = props.edges,
@@ -2773,7 +2797,7 @@ var Edges = function Edges(props) {
 exports.default = Edges;
 
 /***/ }),
-/* 176 */
+/* 179 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2785,7 +2809,7 @@ Object.defineProperty(exports, "__esModule", {
 
 var React = __webpack_require__(1);
 
-var Node_1 = __webpack_require__(177);
+var Node_1 = __webpack_require__(180);
 
 var Nodes = function Nodes(props) {
   return Object.keys(props.nodes).map(function (key) {
@@ -2813,7 +2837,7 @@ var Nodes = function Nodes(props) {
 exports.default = Nodes;
 
 /***/ }),
-/* 177 */
+/* 180 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2825,7 +2849,7 @@ Object.defineProperty(exports, "__esModule", {
 
 var React = __webpack_require__(1);
 
-var Paragraph_1 = __webpack_require__(178);
+var Paragraph_1 = __webpack_require__(181);
 
 var Node = function Node(props) {
   var data = props.data,
@@ -2840,13 +2864,13 @@ var Node = function Node(props) {
 exports.default = Node;
 
 /***/ }),
-/* 178 */
+/* 181 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Paragraph");
 
 /***/ }),
-/* 179 */
+/* 182 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2858,13 +2882,13 @@ Object.defineProperty(exports, "__esModule", {
 
 var React = __webpack_require__(1);
 
-var Dropdown_1 = __webpack_require__(180);
+var Dropdown_1 = __webpack_require__(183);
 
-var Button_1 = __webpack_require__(181);
+var Button_1 = __webpack_require__(184);
 
-var Menu_1 = __webpack_require__(182);
+var Menu_1 = __webpack_require__(185);
 
-var Chip_1 = __webpack_require__(183);
+var Chip_1 = __webpack_require__(186);
 
 var Field = function Field(_ref) {
   var field = _ref.field,
@@ -2908,31 +2932,31 @@ Field.displayName = 'Field';
 exports.default = Field;
 
 /***/ }),
-/* 180 */
+/* 183 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Dropdown");
 
 /***/ }),
-/* 181 */
+/* 184 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Button");
 
 /***/ }),
-/* 182 */
+/* 185 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Menu");
 
 /***/ }),
-/* 183 */
+/* 186 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Chip");
 
 /***/ }),
-/* 184 */
+/* 187 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2945,7 +2969,7 @@ exports.StyledFields = void 0;
 
 var styled_components_1 = __webpack_require__(4);
 
-var pick_1 = __webpack_require__(20);
+var pick_1 = __webpack_require__(21);
 
 exports.StyledFields = styled_components_1.default.div.withConfig({
   displayName: "FieldStyles__StyledFields",
@@ -2959,7 +2983,7 @@ exports.StyledFields = styled_components_1.default.div.withConfig({
 }));
 
 /***/ }),
-/* 185 */
+/* 188 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2979,7 +3003,7 @@ var schemaUtils_1 = __webpack_require__(14);
 
 var i18n_1 = __webpack_require__(3);
 
-var pick_1 = __webpack_require__(20);
+var pick_1 = __webpack_require__(21);
 
 var variables_1 = __webpack_require__(19);
 
@@ -3010,7 +3034,16 @@ var size = {
   initialWidth: 900,
   initialHeight: 400
 };
-var defaultContext = {};
+var defaultContext = {
+  nodeTextColorMaxContrast: {
+    colors: ['> themes.textColor', '> themes.inverseTextColor'],
+    default: '> themes.textColor'
+  },
+  nodeHighlightTextColorMaxContrast: {
+    colors: ['> themes.defaultNodeColor', '> themes.inverseDefaultNodeColor'],
+    default: '> themes.textColor'
+  }
+};
 var optionsSchema = {
   backgroundColor: {
     default: '> themes.defaultBackgroundColor',
@@ -3043,6 +3076,12 @@ var optionsSchema = {
     pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA,
     type: 'string'
   },
+  nodeTextColor: {
+    description: 'Specify the color used for unhighlighted nodes text.',
+    pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA,
+    type: 'string',
+    default: '> nodeColor | maxContrast(nodeTextColorMaxContrast)'
+  },
   nodeHeight: {
     default: 21,
     description: 'Specify, in pixels, the height of each node.',
@@ -3054,6 +3093,12 @@ var optionsSchema = {
     pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA,
     type: 'string'
   },
+  nodeTextHighlightColor: {
+    description: 'Specify the color used for highlighted nodes text.',
+    pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA,
+    type: 'string',
+    default: '> nodeHighlightColor | maxContrast(nodeHighlightTextColorMaxContrast)'
+  },
   nodeSpacingX: {
     default: 32,
     description: 'Specify, in pixels, the horizontal spacing between each node.',
@@ -3103,6 +3148,32 @@ var themes = {
       },
       prisma: variables_1.default.backgroundColorDialog(props)
     })(props);
+  },
+  inverseDefaultNodeColor: function inverseDefaultNodeColor(props) {
+    return 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({
+      enterprise: variables_1.default.textColor(props),
+      prisma: variables_1.default.contentColorDefault(props)
+    })(props);
+  },
+  inverseTextColor: function inverseTextColor(props) {
+    return 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;