@splunk/visualizations 28.3.0 → 28.4.0

package/NetworkGraph.config.js

@@ -0,0 +1,938 @@
+/* Copyright © 2020 Splunk Inc.
+SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
+in part without a valid written license from Splunk Inc. is PROHIBITED. */
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/NetworkGraph/config.ts
+var config_exports = {};
+__export(config_exports, {
+  default: () => config_default
+});
+module.exports = __toCommonJS(config_exports);
+
+// esm-externals:@splunk/ui-utils/i18n
+var i18n_exports = {};
+__export(i18n_exports, {
+  default: () => i18n_default
+});
+var defaultImport = __toESM(require("@splunk/ui-utils/i18n"));
+__reExport(i18n_exports, require("@splunk/ui-utils/i18n"));
+var i18n_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+// esm-externals:@splunk/visualization-color-palettes/editors/PresetPalettes
+var PresetPalettes_exports = {};
+__export(PresetPalettes_exports, {
+  default: () => PresetPalettes_default
+});
+var defaultImport2 = __toESM(require("@splunk/visualization-color-palettes/editors/PresetPalettes"));
+__reExport(PresetPalettes_exports, require("@splunk/visualization-color-palettes/editors/PresetPalettes"));
+var PresetPalettes_default = "default" in defaultImport2 ? defaultImport2.default : defaultImport2;
+
+// esm-externals:@splunk/visualization-icons
+var visualization_icons_exports = {};
+__export(visualization_icons_exports, {
+  default: () => visualization_icons_default
+});
+var defaultImport3 = __toESM(require("@splunk/visualization-icons"));
+__reExport(visualization_icons_exports, require("@splunk/visualization-icons"));
+var visualization_icons_default = "default" in defaultImport3 ? defaultImport3.default : defaultImport3;
+
+// esm-externals:@splunk/visualization-icons/placeholders
+var placeholders_exports = {};
+__export(placeholders_exports, {
+  default: () => placeholders_default
+});
+var defaultImport4 = __toESM(require("@splunk/visualization-icons/placeholders"));
+__reExport(placeholders_exports, require("@splunk/visualization-icons/placeholders"));
+var placeholders_default = "default" in defaultImport4 ? defaultImport4.default : defaultImport4;
+
+// esm-externals:@splunk/visualization-schemas
+var visualization_schemas_exports = {};
+__export(visualization_schemas_exports, {
+  default: () => visualization_schemas_default
+});
+var defaultImport5 = __toESM(require("@splunk/visualization-schemas"));
+__reExport(visualization_schemas_exports, require("@splunk/visualization-schemas"));
+var visualization_schemas_default = "default" in defaultImport5 ? defaultImport5.default : defaultImport5;
+
+// esm-externals:@splunk/themes
+var themes_exports = {};
+__export(themes_exports, {
+  default: () => themes_default
+});
+var defaultImport6 = __toESM(require("@splunk/themes"));
+__reExport(themes_exports, require("@splunk/themes"));
+var themes_default = "default" in defaultImport6 ? defaultImport6.default : defaultImport6;
+
+// esm-externals:lodash
+var lodash_exports = {};
+__export(lodash_exports, {
+  default: () => lodash_default
+});
+var defaultImport7 = __toESM(require("lodash"));
+__reExport(lodash_exports, require("lodash"));
+var lodash_default = "default" in defaultImport7 ? defaultImport7.default : defaultImport7;
+
+// esm-externals:@splunk/visualizations-shared/configUtils
+var configUtils_exports = {};
+__export(configUtils_exports, {
+  default: () => configUtils_default
+});
+var defaultImport8 = __toESM(require("@splunk/visualizations-shared/configUtils"));
+__reExport(configUtils_exports, require("@splunk/visualizations-shared/configUtils"));
+var configUtils_default = "default" in defaultImport8 ? defaultImport8.default : defaultImport8;
+
+// src/common/utils/configUtils.ts
+function enhanceConfig(vizConfig) {
+  const enhancedConfig = __spreadValues({}, vizConfig);
+  enhancedConfig.editorConfig = vizConfig.editorConfig.map((config2) => {
+    return __spreadProps(__spreadValues({}, config2), { open: config2.open || false });
+  });
+  return enhancedConfig;
+}
+
+// src/NetworkGraph/PureNetworkGraph/utils/networkGraphShared.ts
+var DEFAULT_CHART_WIDTH = 800;
+var DEFAULT_CHART_HEIGHT = 500;
+var DEFAULT_NODE_RADIUS = 24;
+
+// esm-externals:@splunk/themes/pick
+var pick_exports = {};
+__export(pick_exports, {
+  default: () => pick_default
+});
+var defaultImport9 = __toESM(require("@splunk/themes/pick"));
+__reExport(pick_exports, require("@splunk/themes/pick"));
+var pick_default = "default" in defaultImport9 ? defaultImport9.default : defaultImport9;
+
+// esm-externals:@splunk/themes/variables
+var variables_exports = {};
+__export(variables_exports, {
+  default: () => variables_default
+});
+var defaultImport10 = __toESM(require("@splunk/themes/variables"));
+__reExport(variables_exports, require("@splunk/themes/variables"));
+var variables_default = "default" in defaultImport10 ? defaultImport10.default : defaultImport10;
+
+// src/common/ThemedDefaults.tsx
+var defaultBackgroundColor = (props) => pick_default({
+  enterprise: {
+    dark: variables_default.black(props),
+    light: variables_default.white(props)
+  },
+  prisma: variables_default.backgroundColorSection(props)
+})(props);
+
+// src/common/editorConfig/BackgroundColor.ts
+var background = ({
+  label,
+  themes: themes2,
+  labelPosition
+}) => [
+  {
+    label: (0, i18n_exports._)(label || "Background color"),
+    option: "backgroundColor",
+    editor: "editor.color",
+    editorProps: {
+      labelPosition: labelPosition || "top",
+      themes: themes2
+    }
+  }
+];
+var BackgroundColor_default = background;
+
+// esm-externals:dagre
+var dagre_exports = {};
+__export(dagre_exports, {
+  default: () => dagre_default
+});
+var defaultImport11 = __toESM(require("dagre"));
+__reExport(dagre_exports, require("dagre"));
+var dagre_default = "default" in defaultImport11 ? defaultImport11.default : defaultImport11;
+
+// esm-externals:@splunk/visualizations-shared/iconUtils
+var iconUtils_exports = {};
+__export(iconUtils_exports, {
+  default: () => iconUtils_default
+});
+var defaultImport12 = __toESM(require("@splunk/visualizations-shared/iconUtils"));
+__reExport(iconUtils_exports, require("@splunk/visualizations-shared/iconUtils"));
+var iconUtils_default = "default" in defaultImport12 ? defaultImport12.default : defaultImport12;
+
+// esm-externals:@splunk/visualization-encoding/utils/colorUtils
+var colorUtils_exports = {};
+__export(colorUtils_exports, {
+  default: () => colorUtils_default
+});
+var defaultImport13 = __toESM(require("@splunk/visualization-encoding/utils/colorUtils"));
+__reExport(colorUtils_exports, require("@splunk/visualization-encoding/utils/colorUtils"));
+var colorUtils_default = "default" in defaultImport13 ? defaultImport13.default : defaultImport13;
+
+// src/common/utils/textUtils.ts
+var VIZ_FONT_FAMILY = "'Splunk Platform Sans', 'Splunk Data Sans', Roboto, Droid, 'Helvetica Neue', Helvetica, Arial, sans-serif";
+
+// esm-externals:d3-force
+var d3_force_exports = {};
+__export(d3_force_exports, {
+  default: () => d3_force_default
+});
+var defaultImport14 = __toESM(require("d3-force"));
+__reExport(d3_force_exports, require("d3-force"));
+var d3_force_default = "default" in defaultImport14 ? defaultImport14.default : defaultImport14;
+
+// esm-externals:d3-quadtree
+var d3_quadtree_exports = {};
+__export(d3_quadtree_exports, {
+  default: () => d3_quadtree_default
+});
+var defaultImport15 = __toESM(require("d3-quadtree"));
+__reExport(d3_quadtree_exports, require("d3-quadtree"));
+var d3_quadtree_default = "default" in defaultImport15 ? defaultImport15.default : defaultImport15;
+
+// src/NetworkGraph/PureNetworkGraph/utils/networkGraphUtils.ts
+var LABEL_FONT_SIZE = 12;
+var FONT = `${LABEL_FONT_SIZE}px ${VIZ_FONT_FAMILY}`;
+var MIN_EDGE_LENGTH = 48;
+var MIN_NODE_CONTAINER_SIZE = DEFAULT_NODE_RADIUS * 2 + MIN_EDGE_LENGTH;
+var getDefaultPreferPorts = (layout, hierarchyDirection) => {
+  if (layout === "hierarchical") {
+    if (hierarchyDirection === "topBottom" || hierarchyDirection === "bottomTop") {
+      return "vertical";
+    }
+    return "horizontal";
+  }
+  return "none";
+};
+
+// src/NetworkGraph/config.ts
+var isDynamicOption2 = (option, valuesName, contextName) => {
+  if (option && typeof option === "string" && (option.trim().startsWith(`> ${valuesName} | gradient(${contextName})`) || option.trim().startsWith(`> ${valuesName} | rangeValue(${contextName})`) || option.trim().startsWith(`> ${valuesName} | matchValue(${contextName})`))) {
+    return true;
+  }
+  return false;
+};
+var defaultContext = {
+  colorRangeConfig: [
+    { to: 20, value: "#D41F1F" },
+    { from: 20, to: 40, value: "#D94E17" },
+    { from: 40, to: 60, value: "#CBA700" },
+    { from: 60, to: 80, value: "#669922" },
+    { from: 80, value: "#118832" }
+  ],
+  colorMatchConfig: [{ match: "", value: "#5C33FF" }],
+  colorGradientConfig: { colors: ["#252214", "#B846BB"] }
+};
+var dataContract = {
+  requiredDataSources: [
+    {
+      name: "primary",
+      description: "DataSource that powers the visualization"
+    }
+  ],
+  optionalDataSources: [
+    {
+      name: "nodeSource",
+      description: "DataSource that populates node data"
+    }
+  ],
+  initialRequestParams: {
+    primary: { offset: 0, count: 1e4 }
+  }
+};
+var size = {
+  initialWidth: DEFAULT_CHART_WIDTH,
+  initialHeight: DEFAULT_CHART_HEIGHT
+};
+var themes = {
+  defaultBackgroundColor,
+  defaultNodeColor: (props) => themes_exports.variables.neutral100(props),
+  defaultNodeIconColor: (props) => themes_exports.variables.contentColorActive(props),
+  defaultLinkColor: (props) => themes_exports.variables.borderColorStrong(props)
+};
+var editorConfig = [
+  {
+    label: (0, i18n_exports._)("Data configurations"),
+    layout: [
+      [
+        {
+          label: (0, i18n_exports._)("Source"),
+          option: "source",
+          editor: "editor.columnSelector",
+          editorProps: {
+            dataSourceKey: "primary",
+            supportsDSL: true,
+            expectedDataPrimitive: ["series"],
+            filterByTypes: ["string", "number"]
+          }
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Target"),
+          option: "target",
+          editor: "editor.columnSelector",
+          editorProps: {
+            dataSourceKey: "primary",
+            supportsDSL: true,
+            expectedDataPrimitive: ["series"],
+            filterByTypes: ["string", "number"]
+          }
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Node labels"),
+          option: "nodeTexts",
+          editor: "editor.columnSelector",
+          editorProps: {
+            dataSourceKey: "primary",
+            supportsDSL: true,
+            expectedDataPrimitive: ["series"],
+            filterByTypes: ["string"]
+          }
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Node values"),
+          option: "nodeValues",
+          editor: "editor.columnSelector",
+          editorProps: {
+            dataSourceKey: "primary",
+            supportsDSL: true,
+            expectedDataPrimitive: ["series"],
+            filterByTypes: ["number"]
+          }
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Tooltip header field"),
+          option: "tooltipHeaderField",
+          editor: "editor.columnSelector",
+          editorProps: {
+            dataSourceKey: "primary",
+            supportsDSL: true,
+            expectedDataPrimitive: ["series"],
+            shouldShowInternalFields: false
+          }
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Tooltip node fields"),
+          option: "tooltipNodeFields",
+          editor: "editor.columnMultiSelectionByFieldNameEditor"
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Result limit"),
+          option: "resultLimit",
+          editor: "editor.number",
+          editorProps: {
+            min: 0,
+            step: 1,
+            max: 1e4
+          }
+        }
+      ]
+    ]
+  },
+  {
+    label: (0, i18n_exports._)("Data display"),
+    layout: [
+      [
+        {
+          label: (0, i18n_exports._)("Layout"),
+          option: "layout",
+          editor: "editor.select",
+          editorProps: {
+            values: [
+              {
+                label: (0, i18n_exports._)("Grid"),
+                value: "grid",
+                description: (0, i18n_exports._)("Arrange nodes in a grid layout.")
+              },
+              {
+                label: (0, i18n_exports._)("Preset"),
+                value: "preset",
+                description: (0, i18n_exports._)("Use predefined positions for nodes.")
+              },
+              {
+                label: (0, i18n_exports._)("Hierarchical"),
+                value: "hierarchical",
+                description: (0, i18n_exports._)("Arrange nodes in a hierarchy.")
+              },
+              {
+                label: (0, i18n_exports._)("Force"),
+                value: "force",
+                description: (0, i18n_exports._)("Use a force-directed layout.")
+              }
+            ],
+            help: (0, i18n_exports._)("Some nodes may have custom positions. Changing the layout will reset them."),
+            showHelp: ({ options }) => options.layout === "force"
+          }
+        }
+      ],
+      // grid only options
+      [
+        {
+          label: (0, i18n_exports._)("Grid columns"),
+          option: "gridColumns",
+          editor: "editor.number",
+          editorProps: {
+            min: 1,
+            // max should be same as result limit
+            max: 1e3,
+            step: 1
+          },
+          showEditor: ({ options }) => options.layout === "grid" || options.layout === void 0
+        }
+      ],
+      // preset only options
+      [
+        {
+          label: (0, i18n_exports._)("X positions"),
+          option: "xPositions",
+          editor: "editor.columnSelector",
+          editorProps: {
+            dataSourceKey: "primary",
+            supportsDSL: true,
+            expectedDataPrimitive: ["series"],
+            filterByTypes: ["number"]
+          },
+          showEditor: ({ options }) => options.layout === "preset"
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Y positions"),
+          option: "yPositions",
+          editor: "editor.columnSelector",
+          editorProps: {
+            dataSourceKey: "primary",
+            supportsDSL: true,
+            expectedDataPrimitive: ["series"],
+            filterByTypes: ["number"]
+          },
+          showEditor: ({ options }) => options.layout === "preset"
+        }
+      ],
+      // hierarchical only options
+      [
+        {
+          label: (0, i18n_exports._)("Hierarchy direction"),
+          option: "hierarchyDirection",
+          editor: "editor.select",
+          editorProps: {
+            values: [
+              { label: (0, i18n_exports._)("Top to Bottom"), value: "topBottom" },
+              { label: (0, i18n_exports._)("Bottom to Top"), value: "bottomTop" },
+              { label: (0, i18n_exports._)("Left to Right"), value: "leftRight" },
+              { label: (0, i18n_exports._)("Right to Left"), value: "rightLeft" }
+            ]
+          },
+          showEditor: ({ options }) => options.layout === "hierarchical"
+        }
+      ],
+      // force only options
+      [
+        {
+          label: (0, i18n_exports._)("Charge strength"),
+          option: "chargeStrength",
+          editor: "editor.number",
+          editorProps: {
+            help: (0, i18n_exports._)(
+              "Strength of positive charge (attraction) or negative charge (repulsion) between nodes."
+            ),
+            helpFormat: "tooltip",
+            step: 1
+          },
+          showEditor: ({ options }) => options.layout === "force"
+        },
+        {
+          label: (0, i18n_exports._)("Charge theta"),
+          option: "chargeTheta",
+          editor: "editor.number",
+          editorProps: {
+            help: (0, i18n_exports._)(
+              "Higher value means faster performance but less predictable node positioning."
+            ),
+            helpFormat: "tooltip",
+            step: 0.1,
+            min: 0
+          },
+          showEditor: ({ options }) => options.layout === "force"
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Charge distance minimum"),
+          option: "chargeDistanceMin",
+          editor: "editor.number",
+          editorProps: {
+            min: 0,
+            step: 1,
+            help: (0, i18n_exports._)("Minimum distance between nodes to apply the charge force to."),
+            helpFormat: "tooltip"
+          },
+          showEditor: ({ options }) => options.layout === "force"
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Charge distance maximum"),
+          option: "chargeDistanceMax",
+          editor: "editor.number",
+          editorProps: {
+            min: 0,
+            step: 1,
+            help: (0, i18n_exports._)("Maximum distance between nodes to apply the charge force to."),
+            helpFormat: "tooltip"
+          },
+          showEditor: ({ options }) => options.layout === "force"
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Collider padding"),
+          option: "collidePadding",
+          editor: "editor.number",
+          editorProps: {
+            min: 0,
+            step: 1,
+            help: (0, i18n_exports._)("Padding around nodes for repulsion between nodes or clusters."),
+            helpFormat: "tooltip"
+          },
+          showEditor: ({ options }) => options.layout === "force"
+        },
+        {
+          label: (0, i18n_exports._)("Collider strength"),
+          option: "collideStrength",
+          editor: "editor.number",
+          editorProps: {
+            min: 0,
+            step: 0.1,
+            help: (0, i18n_exports._)("Strength of the collider used for node repulsion."),
+            helpFormat: "tooltip"
+          },
+          showEditor: ({ options }) => options.layout === "force"
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Node cluster types"),
+          option: "nodeTypes",
+          editor: "editor.columnSelector",
+          editorProps: {
+            dataSourceKey: "primary",
+            supportsDSL: true,
+            expectedDataPrimitive: ["series"],
+            tooltip: (0, i18n_exports._)("Array of node types used for clustering."),
+            filterByTypes: ["string"]
+          },
+          showEditor: ({ options }) => options.layout === "force"
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Cluster strength"),
+          option: "clusterStrength",
+          editor: "editor.number",
+          editorProps: {
+            min: 0,
+            max: 1,
+            step: 0.01,
+            help: (0, i18n_exports._)("Strength of clustering force between nodes of the same type."),
+            helpFormat: "tooltip"
+          },
+          showEditor: ({ options }) => options.layout === "force" && options.nodeTypes !== void 0
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Link distance"),
+          option: "linkDistance",
+          editor: "editor.number",
+          editorProps: {
+            min: 0,
+            step: 1,
+            help: (0, i18n_exports._)("Ideal distance between linked nodes. Enter a higher value for more space."),
+            helpFormat: "tooltip"
+          },
+          showEditor: ({ options }) => options.layout === "force"
+        },
+        {
+          label: (0, i18n_exports._)("Link strength"),
+          option: "linkStrength",
+          editor: "editor.number",
+          editorProps: {
+            min: 0,
+            step: 0.1,
+            help: (0, i18n_exports._)(
+              "Strength of spring force between linked nodes. Higher value makes link lengths closer to linkDistance."
+            ),
+            helpFormat: "tooltip"
+          },
+          showEditor: ({ options }) => options.layout === "force"
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Horizontal padding (px)"),
+          option: "nodeHorizontalPadding",
+          editor: "editor.number",
+          editorProps: {
+            min: 0,
+            step: 1,
+            max: 500
+          },
+          showEditor: ({ options }) => options.layout === "hierarchical" || options.layout === "grid" || options.layout === void 0
+        },
+        {
+          label: (0, i18n_exports._)("Vertical padding (px)"),
+          option: "nodeVerticalPadding",
+          editor: "editor.number",
+          editorProps: {
+            min: 0,
+            step: 1,
+            max: 500
+          },
+          showEditor: ({ options }) => options.layout === "hierarchical" || options.layout === "grid" || options.layout === void 0
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Link direction"),
+          option: "showDirection",
+          editor: "editor.radioBar",
+          editorProps: {
+            values: [
+              { label: (0, i18n_exports._)("Bi-direction"), value: "bidirection" },
+              { label: (0, i18n_exports._)("One-way"), value: "oneWay" },
+              { label: (0, i18n_exports._)("None"), value: "none" }
+            ]
+          }
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Link connection style"),
+          option: "linkStyle",
+          editor: "editor.select",
+          editorProps: {
+            values: [
+              { label: (0, i18n_exports._)("Straight"), value: "straight" },
+              { label: (0, i18n_exports._)("C Shape"), value: "c" },
+              { label: (0, i18n_exports._)("S Shape"), value: "s" },
+              { label: (0, i18n_exports._)("Z Shape"), value: "z" }
+            ]
+          }
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Link port preference"),
+          option: "preferPorts",
+          editor: "editor.radioBar",
+          editorProps: {
+            values: [
+              { label: (0, i18n_exports._)("Horizontal"), value: "horizontal" },
+              { label: (0, i18n_exports._)("Vertical"), value: "vertical" },
+              { label: (0, i18n_exports._)("None"), value: "none" }
+            ]
+          },
+          showEditor: ({ options }) => options.linkStyle === "s" || options.linkStyle === "z",
+          overrideDefaultValue: ({ options }) => getDefaultPreferPorts(options == null ? void 0 : options.layout, options == null ? void 0 : options.hierarchyDirection)
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Show zoom controls"),
+          option: "showZoomControls",
+          editor: "editor.checkbox",
+          editorProps: {
+            labelPosition: "right"
+          }
+        }
+      ]
+    ]
+  },
+  {
+    label: (0, i18n_exports._)("Color and style"),
+    layout: [
+      BackgroundColor_default({ themes }),
+      [
+        {
+          label: (0, i18n_exports._)("Node color"),
+          filterKeywords: ["range", "match", "gradient", "dynamic coloring"],
+          option: "nodeColors",
+          context: "nodeColorsEditorConfig",
+          editor: "editor.networkGraphDynamicColor",
+          editorProps: {
+            themes,
+            contextName: "nodeColorsEditorConfig",
+            defaultStaticColorValue: "> themes.defaultNodeColor",
+            flyoutTitle: (0, i18n_exports._)("Dynamic coloring"),
+            formatters: [
+              {
+                label: (0, i18n_exports._)("Gradient"),
+                value: "gradient",
+                isDefault: true,
+                defaults: {
+                  nodeColorValues: defaultContext.colorGradientConfig
+                }
+              },
+              {
+                label: (0, i18n_exports._)("Ranges"),
+                value: "rangeValue",
+                defaults: {
+                  nodeColorValues: defaultContext.colorRangeConfig
+                }
+              },
+              {
+                label: (0, i18n_exports._)("Matches"),
+                value: "matchValue",
+                defaults: {
+                  nodeColorValues: defaultContext.colorMatchConfig
+                }
+              }
+            ],
+            dataSelectors: [
+              {
+                label: (0, i18n_exports._)("Node color values"),
+                value: "nodeColorValues"
+              }
+            ],
+            defaultPalettesConfig: PresetPalettes_exports.defaultPalettesConfig
+          }
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Node color data"),
+          option: "nodeColorValues",
+          editor: "editor.columnSelector",
+          showEditor: ({ options }) => isDynamicOption2(options.nodeColors, "nodeColorValues", "nodeColorsEditorConfig"),
+          editorProps: {
+            dataSourceKey: "primary",
+            supportsDSL: true,
+            expectedDataPrimitive: ["series"],
+            hideEditorWhenLoading: true
+          }
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Node icon color"),
+          filterKeywords: ["range", "match", "gradient", "dynamic coloring"],
+          option: "nodeIconColors",
+          editor: "editor.networkGraphDynamicColor",
+          context: "nodeIconColorsEditorConfig",
+          editorProps: {
+            themes,
+            contextName: "nodeIconColorsEditorConfig",
+            defaultStaticColorValue: "> themes.defaultNodeIconColor",
+            flyoutTitle: (0, i18n_exports._)("Dynamic coloring"),
+            formatters: [
+              {
+                label: (0, i18n_exports._)("Gradient"),
+                value: "gradient",
+                isDefault: true,
+                defaults: {
+                  nodeIconColorValues: defaultContext.colorGradientConfig
+                }
+              },
+              {
+                label: (0, i18n_exports._)("Ranges"),
+                value: "rangeValue",
+                defaults: {
+                  nodeIconColorValues: defaultContext.colorRangeConfig
+                }
+              },
+              {
+                label: (0, i18n_exports._)("Matches"),
+                value: "matchValue",
+                defaults: {
+                  nodeIconColorValues: defaultContext.colorMatchConfig
+                }
+              }
+            ],
+            dataSelectors: [
+              {
+                label: (0, i18n_exports._)("Node Icon color values"),
+                value: "nodeIconColorValues"
+              }
+            ],
+            defaultPalettesConfig: PresetPalettes_exports.defaultPalettesConfig
+          }
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Node icon color data"),
+          option: "nodeIconColorValues",
+          editor: "editor.columnSelector",
+          showEditor: ({ options }) => isDynamicOption2(
+            options.nodeIconColors,
+            "nodeIconColorValues",
+            "nodeIconColorsEditorConfig"
+          ),
+          editorProps: {
+            dataSourceKey: "primary",
+            supportsDSL: true,
+            expectedDataPrimitive: ["series"],
+            hideEditorWhenLoading: true
+          }
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Link color"),
+          filterKeywords: ["range", "match", "gradient", "dynamic coloring"],
+          option: "linkColors",
+          context: "linkColorsEditorConfig",
+          editor: "editor.networkGraphDynamicColor",
+          editorProps: {
+            themes,
+            contextName: "linkColorsEditorConfig",
+            defaultStaticColorValue: "> themes.defaultLinkColor",
+            flyoutTitle: (0, i18n_exports._)("Dynamic coloring"),
+            formatters: [
+              {
+                label: (0, i18n_exports._)("Gradient"),
+                value: "gradient",
+                isDefault: true,
+                defaults: {
+                  linkColorValues: defaultContext.colorGradientConfig
+                }
+              },
+              {
+                label: (0, i18n_exports._)("Ranges"),
+                value: "rangeValue",
+                defaults: {
+                  linkColorValues: defaultContext.colorRangeConfig
+                }
+              },
+              {
+                label: (0, i18n_exports._)("Matches"),
+                value: "matchValue",
+                defaults: {
+                  linkColorValues: defaultContext.colorMatchConfig
+                }
+              }
+            ],
+            dataSelectors: [
+              {
+                label: (0, i18n_exports._)("Link color values"),
+                value: "linkColorValues"
+              }
+            ],
+            defaultPalettesConfig: PresetPalettes_exports.defaultPalettesConfig
+          }
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Link color data"),
+          option: "linkColorValues",
+          editor: "editor.columnSelector",
+          showEditor: ({ options }) => isDynamicOption2(options.linkColors, "linkColorValues", "linkColorsEditorConfig"),
+          editorProps: {
+            dataSourceKey: "primary",
+            supportsDSL: true,
+            expectedDataPrimitive: ["series"],
+            hideEditorWhenLoading: true
+          }
+        }
+      ]
+    ]
+  }
+];
+var config = {
+  /**
+   * unique viz key
+   */
+  key: "splunk.networkGraph",
+  /**
+   * viz name
+   */
+  name: "NetworkGraph",
+  category: "Flow" /* FLOW */,
+  status: "preview",
+  /**
+   * viz icon, this needs to be updated
+   */
+  icon: visualization_icons_exports.NetworkGraph,
+  placeholderIcon: placeholders_exports.NetworkGraph,
+  dataContract,
+  size,
+  defaultContext,
+  optionsSchema: visualization_schemas_exports.networkGraphOptionsSchema,
+  editorConfig,
+  events: {
+    "node.click": {
+      description: "triggered when user clicks a node"
+    },
+    "node.mouseOver": {
+      description: "triggered when user moves the cursor onto a node"
+    },
+    "node.mouseOut": {
+      description: "triggered when user moves the cursor away from a node"
+    },
+    "node.drag": {
+      description: "triggered when user drags a node"
+    }
+  },
+  supports: ["dynamic-options" /* DYNAMIC_OPTIONS */, "events" /* EVENTS */, "placeholder" /* PLACEHOLDER */],
+  themes,
+  requiredProps: []
+};
+var config_default = enhanceConfig(config);
+//# sourceMappingURL=NetworkGraph.config.js.map