@splunk/visualizations 27.5.0 → 28.0.0

package/LinkGraph.config.js

@@ -1,6 +1,7 @@
 /* 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;
@@ -54,77 +55,77 @@ __export(config_exports, {
 });
 module.exports = __toCommonJS(config_exports);
 
-// esm-externals:lodash
-var lodash_exports = {};
-__export(lodash_exports, {
-  default: () => lodash_default
-});
-var defaultImport = __toESM(require("lodash"));
-__reExport(lodash_exports, require("lodash"));
-var lodash_default = "default" in defaultImport ? defaultImport.default : defaultImport;
-
 // esm-externals:@splunk/visualization-icons
 var visualization_icons_exports = {};
 __export(visualization_icons_exports, {
   default: () => visualization_icons_default
 });
-var defaultImport2 = __toESM(require("@splunk/visualization-icons"));
+var defaultImport = __toESM(require("@splunk/visualization-icons"));
 __reExport(visualization_icons_exports, require("@splunk/visualization-icons"));
-var visualization_icons_default = "default" in defaultImport2 ? defaultImport2.default : defaultImport2;
+var visualization_icons_default = "default" in defaultImport ? defaultImport.default : defaultImport;
 
 // esm-externals:@splunk/visualization-icons/placeholders
 var placeholders_exports = {};
 __export(placeholders_exports, {
   default: () => placeholders_default
 });
-var defaultImport3 = __toESM(require("@splunk/visualization-icons/placeholders"));
+var defaultImport2 = __toESM(require("@splunk/visualization-icons/placeholders"));
 __reExport(placeholders_exports, require("@splunk/visualization-icons/placeholders"));
-var placeholders_default = "default" in defaultImport3 ? defaultImport3.default : defaultImport3;
+var placeholders_default = "default" in defaultImport2 ? defaultImport2.default : defaultImport2;
 
 // esm-externals:@splunk/visualization-schemas
 var visualization_schemas_exports = {};
 __export(visualization_schemas_exports, {
   default: () => visualization_schemas_default
 });
-var defaultImport4 = __toESM(require("@splunk/visualization-schemas"));
+var defaultImport3 = __toESM(require("@splunk/visualization-schemas"));
 __reExport(visualization_schemas_exports, require("@splunk/visualization-schemas"));
-var visualization_schemas_default = "default" in defaultImport4 ? defaultImport4.default : defaultImport4;
+var visualization_schemas_default = "default" in defaultImport3 ? defaultImport3.default : defaultImport3;
 
 // esm-externals:@splunk/ui-utils/i18n
 var i18n_exports = {};
 __export(i18n_exports, {
   default: () => i18n_default
 });
-var defaultImport5 = __toESM(require("@splunk/ui-utils/i18n"));
+var defaultImport4 = __toESM(require("@splunk/ui-utils/i18n"));
 __reExport(i18n_exports, require("@splunk/ui-utils/i18n"));
-var i18n_default = "default" in defaultImport5 ? defaultImport5.default : defaultImport5;
+var i18n_default = "default" in defaultImport4 ? defaultImport4.default : defaultImport4;
 
 // esm-externals:@splunk/themes/pick
 var pick_exports = {};
 __export(pick_exports, {
   default: () => pick_default
 });
-var defaultImport6 = __toESM(require("@splunk/themes/pick"));
+var defaultImport5 = __toESM(require("@splunk/themes/pick"));
 __reExport(pick_exports, require("@splunk/themes/pick"));
-var pick_default = "default" in defaultImport6 ? defaultImport6.default : defaultImport6;
+var pick_default = "default" in defaultImport5 ? defaultImport5.default : defaultImport5;
 
 // esm-externals:@splunk/themes/variables
 var variables_exports = {};
 __export(variables_exports, {
   default: () => variables_default
 });
-var defaultImport7 = __toESM(require("@splunk/themes/variables"));
+var defaultImport6 = __toESM(require("@splunk/themes/variables"));
 __reExport(variables_exports, require("@splunk/themes/variables"));
-var variables_default = "default" in defaultImport7 ? defaultImport7.default : defaultImport7;
+var variables_default = "default" in defaultImport6 ? defaultImport6.default : defaultImport6;
 
 // esm-externals:@splunk/visualizations-shared/colorConstants
 var colorConstants_exports = {};
 __export(colorConstants_exports, {
   default: () => colorConstants_default
 });
-var defaultImport8 = __toESM(require("@splunk/visualizations-shared/colorConstants"));
+var defaultImport7 = __toESM(require("@splunk/visualizations-shared/colorConstants"));
 __reExport(colorConstants_exports, require("@splunk/visualizations-shared/colorConstants"));
-var colorConstants_default = "default" in defaultImport8 ? defaultImport8.default : defaultImport8;
+var colorConstants_default = "default" in defaultImport7 ? defaultImport7.default : defaultImport7;
+
+// esm-externals:lodash
+var lodash_exports = {};
+__export(lodash_exports, {
+  default: () => lodash_default
+});
+var defaultImport8 = __toESM(require("lodash"));
+__reExport(lodash_exports, require("lodash"));
+var lodash_default = "default" in defaultImport8 ? defaultImport8.default : defaultImport8;
 
 // esm-externals:@splunk/visualizations-shared/configUtils
 var configUtils_exports = {};
@@ -138,14 +139,21 @@ var configUtils_default = "default" in defaultImport9 ? defaultImport9.default :
 // 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 });
-    }
-  );
+  enhancedConfig.editorConfig = vizConfig.editorConfig.map((config2) => {
+    return __spreadProps(__spreadValues({}, config2), { open: config2.open || false });
+  });
   return enhancedConfig;
 }
 
+// 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/LinkGraph/config.ts
 var dataContract = {
   requiredDataSources: [
@@ -179,20 +187,8 @@ var defaultContext = {
   }
 };
 var themes = {
-  defaultBackgroundColor: (props) => pick_default({
-    enterprise: {
-      dark: variables_default.black(props),
-      light: variables_default.backgroundColor(props)
-    },
-    prisma: variables_default.backgroundColorSidebar(props)
-  })(props),
-  defaultNodeColor: (props) => pick_default({
-    enterprise: {
-      dark: variables_default.backgroundColorDialog(props),
-      light: variables_default.gray96(props)
-    },
-    prisma: variables_default.backgroundColorDialog(props)
-  })(props),
+  defaultBackgroundColor,
+  defaultNodeColor: (props) => variables_default.neutral100(props),
   inverseDefaultNodeColor: (props) => pick_default({
     enterprise: {
       dark: variables_default.contentColorInverted(props),
@@ -217,10 +213,7 @@ var themes = {
   })(props)
 };
 var EDITOR_LABEL_WIDTH = 140;
-var backgroundColorPaletteSet = /* @__PURE__ */ new Set([
-  ...colorConstants_exports.COLOR_EDITOR_PALETTE,
-  ...(0, lodash_exports.map)(themes, (t) => (0, lodash_exports.get)(t, "defaultBackgroundColor"))
-]);
+var backgroundColorPaletteSet = /* @__PURE__ */ new Set([...colorConstants_exports.COLOR_EDITOR_PALETTE]);
 var editorConfig = [
   // {
   //     label: _('Data'),

package/LinkGraph.config.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["src/LinkGraph/config.ts", "esm-externals:lodash", "esm-externals:@splunk/visualization-icons", "esm-externals:@splunk/visualization-icons/placeholders", "esm-externals:@splunk/visualization-schemas", "esm-externals:@splunk/ui-utils/i18n", "esm-externals:@splunk/themes/pick", "esm-externals:@splunk/themes/variables", "esm-externals:@splunk/visualizations-shared/colorConstants", "esm-externals:@splunk/visualizations-shared/configUtils", "src/common/utils/configUtils.ts"],
-  "sourcesContent": ["import { map, get } from 'lodash';\nimport { LinkGraph as LinkGraphIcon } from '@splunk/visualization-icons';\nimport { LinkGraph as LinkGraphPlaceholderIcon } from '@splunk/visualization-icons/placeholders';\nimport { linkGraphOptionsSchema as optionsSchema } from '@splunk/visualization-schemas';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport pick from '@splunk/themes/pick';\nimport variables from '@splunk/themes/variables';\nimport { COLOR_EDITOR_PALETTE } from '@splunk/visualizations-shared/colorConstants';\nimport { enhanceConfig } from '../common/utils/configUtils';\nimport { VizConfig } from '../common/interfaces/VizConfig';\nimport { VizCategory } from '../common/interfaces/VizCategory';\nimport { DataContract } from '../common/interfaces/DataContract';\nimport { VizSize } from '../common/interfaces/VizSize';\nimport { DefaultContext } from '../common/interfaces/DefaultContext';\nimport { EditorConfig } from '../common/interfaces/Editor';\nimport { ThemedDefaults } from '../common/interfaces/ThemedDefaults';\nimport { VizBehavior } from '../common/interfaces/VizBehavior';\n\nconst dataContract: DataContract = {\n    requiredDataSources: [\n        {\n            name: 'primary',\n            description: 'DataSource that powers the visualization',\n        },\n    ],\n    optionalDataSources: [\n        // {\n        //     name: 'metadata',\n        //     description: 'Used buy the ES team along side the feature flag `LinkGraph.showNodeMetaData`',\n        // },\n    ],\n    initialRequestParams: {\n        primary: { offset: 0, count: 10000 },\n    },\n};\n\nconst size: VizSize = {\n    initialWidth: 900,\n    initialHeight: 400,\n};\n\nconst defaultContext: DefaultContext = {\n    nodeTextColorMaxContrast: {\n        colors: ['> themes.textColor', '> themes.inverseTextColor'],\n        default: '> themes.textColor',\n    },\n    nodeHighlightTextColorMaxContrast: {\n        colors: ['> themes.defaultNodeColor', '> themes.inverseDefaultNodeColor'],\n        default: '> themes.textColor',\n    },\n};\n\nconst themes: ThemedDefaults = {\n    defaultBackgroundColor: props =>\n        pick({\n            enterprise: {\n                dark: variables.black(props),\n                light: variables.backgroundColor(props),\n            },\n            prisma: variables.backgroundColorSidebar(props),\n        })(props),\n    defaultNodeColor: props =>\n        pick({\n            enterprise: {\n                dark: variables.backgroundColorDialog(props),\n                light: variables.gray96(props),\n            },\n            prisma: variables.backgroundColorDialog(props),\n        })(props),\n    inverseDefaultNodeColor: props =>\n        pick({\n            enterprise: {\n                dark: variables.contentColorInverted(props), // equal to textColor in enterprise\n                light: variables.white(props), // equal to textColor in enterpriseDark\n            },\n            prisma: variables.contentColorInverted(props),\n        })(props),\n    textColor: props =>\n        pick({\n            enterprise: variables.textColor(props),\n            prisma: variables.contentColorDefault(props),\n        })(props),\n    inverseTextColor: props =>\n        pick({\n            enterprise: {\n                dark: variables.contentColorInverted(props), // equal to textColor in enterprise\n                light: variables.white(props), // equal to textColor in enterpriseDark\n            },\n            prisma: variables.contentColorInverted(props),\n        })(props),\n};\n\nconst EDITOR_LABEL_WIDTH = 140;\nconst backgroundColorPaletteSet = new Set([\n    ...COLOR_EDITOR_PALETTE,\n    ...map(themes, (t): string => get(t, 'defaultBackgroundColor')),\n]);\n\nconst editorConfig: EditorConfig[] = [\n    // {\n    //     label: _('Data'),\n    //     layout: [\n    //         [\n    //             {\n    //                 label: _('Field Ordering'),\n    //                 option: 'fieldOrder',\n    //                 editor: 'editor.arrayOfStrings',\n    //                 editorProps: {\n    //                     themes,\n    //                     labelPosition: 'top',\n    //                 },\n    //             },\n    //         ],\n    //     ],\n    // },\n    {\n        label: _('Data configurations'),\n        layout: [\n            [\n                {\n                    label: _('Result limit'),\n                    option: 'resultLimit',\n                    editor: 'editor.number',\n                    editorProps: {\n                        themes,\n                        min: 0,\n                        labelWidth: EDITOR_LABEL_WIDTH,\n                    },\n                },\n            ],\n        ],\n    },\n    {\n        label: _('Data display'),\n        layout: [\n            [\n                {\n                    label: _('Show node counts'),\n                    option: 'showNodeCounts',\n                    editor: 'editor.checkbox',\n                    editorProps: {\n                        themes,\n                        labelWidth: 130,\n                        palette: [...backgroundColorPaletteSet],\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Show value counts'),\n                    option: 'showValueCounts',\n                    editor: 'editor.checkbox',\n                    editorProps: {\n                        themes,\n                        labelWidth: 130,\n                        palette: [...backgroundColorPaletteSet],\n                    },\n                },\n            ],\n        ],\n    },\n    {\n        label: _('Color and style'),\n        layout: [\n            [\n                {\n                    label: _('Nodes'),\n                    option: 'nodeColor',\n                    editor: 'editor.color',\n                    editorProps: {\n                        themes,\n                        labelWidth: EDITOR_LABEL_WIDTH,\n                        palette: [...backgroundColorPaletteSet],\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Selected nodes'),\n                    option: 'nodeHighlightColor',\n                    editor: 'editor.color',\n                    editorProps: {\n                        themes,\n                        labelWidth: EDITOR_LABEL_WIDTH,\n                        palette: [...backgroundColorPaletteSet],\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Links'),\n                    option: 'linkColor',\n                    editor: 'editor.color',\n                    editorProps: {\n                        themes,\n                        labelWidth: EDITOR_LABEL_WIDTH,\n                        palette: [...backgroundColorPaletteSet],\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Background color'),\n                    option: 'backgroundColor',\n                    editor: 'editor.color',\n                    editorProps: {\n                        themes,\n                        labelWidth: EDITOR_LABEL_WIDTH,\n                        palette: [...backgroundColorPaletteSet],\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Node width'),\n                    option: 'nodeWidth',\n                    editor: 'editor.number',\n                    editorProps: {\n                        themes,\n                        labelPosition: 'top',\n                        min: 0,\n                        labelWidth: EDITOR_LABEL_WIDTH,\n                    },\n                },\n                {\n                    label: _('Node height'),\n                    option: 'nodeHeight',\n                    editor: 'editor.number',\n                    editorProps: {\n                        themes,\n                        labelPosition: 'top',\n                        min: 0,\n                        labelWidth: EDITOR_LABEL_WIDTH,\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Vertical spacing'),\n                    option: 'nodeSpacingY',\n                    editor: 'editor.number',\n                    editorProps: {\n                        themes,\n                        labelPosition: 'top',\n                        min: 0,\n                        labelWidth: EDITOR_LABEL_WIDTH,\n                    },\n                },\n                {\n                    label: _('Horizontal spacing'),\n                    option: 'nodeSpacingX',\n                    editor: 'editor.number',\n                    editorProps: {\n                        themes,\n                        labelPosition: 'top',\n                        min: 0,\n                        labelWidth: EDITOR_LABEL_WIDTH,\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Link width'),\n                    option: 'linkWidth',\n                    editor: 'editor.number',\n                    editorProps: {\n                        themes,\n                        labelPosition: 'top',\n                        min: 0,\n                        labelWidth: EDITOR_LABEL_WIDTH,\n                    },\n                },\n            ],\n        ],\n    },\n];\n\nconst config: VizConfig = {\n    /**\n     * unique viz key\n     */\n    key: 'splunk.linkgraph',\n    /**\n     * viz name\n     */\n    name: _('Link graph'),\n    category: VizCategory.FLOW,\n    status: 'preview',\n    /**\n     * viz icon\n     */\n    icon: LinkGraphIcon,\n    placeholderIcon: LinkGraphPlaceholderIcon,\n    dataContract,\n    size,\n    defaultContext,\n    optionsSchema,\n    editorConfig,\n    events: {\n        'node.click': {\n            description: 'triggered when user clicks a node',\n        },\n        'node.mouseover': {\n            description: 'triggered when user hovers over a node',\n        },\n    },\n    supports: [VizBehavior.DYNAMIC_OPTIONS, VizBehavior.EVENTS, VizBehavior.PLACEHOLDER],\n    themes,\n};\n\nexport default enhanceConfig(config);\n", "\nimport * as defaultImport from \"lodash\";\nexport * from \"lodash\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualization-icons\";\nexport * from \"@splunk/visualization-icons\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualization-icons/placeholders\";\nexport * from \"@splunk/visualization-icons/placeholders\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualization-schemas\";\nexport * from \"@splunk/visualization-schemas\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/ui-utils/i18n\";\nexport * from \"@splunk/ui-utils/i18n\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/themes/pick\";\nexport * from \"@splunk/themes/pick\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/themes/variables\";\nexport * from \"@splunk/themes/variables\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/colorConstants\";\nexport * from \"@splunk/visualizations-shared/colorConstants\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/configUtils\";\nexport * from \"@splunk/visualizations-shared/configUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import { get, range } from 'lodash';\nimport { isDynamicOption } from '@splunk/visualizations-shared/configUtils';\nimport { VizConfig } from '../interfaces/VizConfig';\nimport { EditorLayoutConfig, EditorConfig } from '../interfaces/Editor';\n\n// included for backwards compatibility\nexport { enhanceOptionsSchemaWithDynamicOptions } from '@splunk/visualization-schemas';\n\nexport interface PresetEntry {\n    name: string;\n    value: any;\n    label: string;\n}\n\n/**\n * Helper function to enhance a Visualization Config as needed based on behaviors specified in supports block\n * this function also collapse all editor panels\n * @param vizConfig a Visualization Config\n * @returns an enhanced Visualization Config containing updated config entries based on behaviors it supports\n * and containing `open: false` for all editor panels in editorConfig\n */\nfunction enhanceConfig(vizConfig: VizConfig): VizConfig {\n    const enhancedConfig: VizConfig = { ...vizConfig };\n\n    enhancedConfig.editorConfig = vizConfig.editorConfig.map(\n        (config: EditorConfig): EditorConfig => {\n            return { ...config, open: config.open || false };\n        }\n    );\n    return enhancedConfig;\n}\n\n/**\n * Helper function to uncollapse all editor panels by adding `open: true` to the editorConfig\n * Created for editor unit tests\n * @param vizConfig a Visualization Config\n * @returns a Visualization Config containing `open: true` for all editor panels in editorConfig\n */\nfunction uncollapseEditorConfig(vizConfig: VizConfig): VizConfig {\n    const editorPanelUncollapsedConfig: VizConfig = { ...vizConfig };\n    editorPanelUncollapsedConfig.editorConfig = vizConfig.editorConfig.map(\n        (config: EditorConfig): EditorConfig => {\n            return { ...config, open: true };\n        }\n    );\n    return editorPanelUncollapsedConfig;\n}\n\n// private helpers to improve readability of getInitialPreset\n// this shouldn't be tested since this util isn't something that we expect to use outside of getInitialPreset\n\n/**\n * this checks to make sure that all values within vizContext are compatible with the given preset's context to determine the initialPreset\n * if a preset has explicitly specified a key as being undefined, the vizContext must also has that key as undefined, or else this CANNOT be the initialPreset\n * the inverse is true; if a preset has key is NOT undefined, it must also be NOT undefined in the corresponding vizContext\n * the internal config contents are irrelevant (as the user could customize them in source), just as long as the presence of `undefined`s match up\n *\n * Since the presetConfigs have explicit undefined keys to override the existing config, we need to explicitly check the undefined values\n */\nfunction hasCompatibleContexts(\n    vizContext: { [configKey: string]: any },\n    presetContext: { [configKey: string]: any }\n): boolean {\n    const presetContextKeys = Object.keys(presetContext);\n    return presetContextKeys.every(\n        (contextKey): boolean =>\n            (presetContext[contextKey] === undefined && vizContext[contextKey] === undefined) ||\n            (presetContext[contextKey] !== undefined && vizContext[contextKey] !== undefined)\n    );\n}\n\n/**\n * Checks to make sure that dynamic (non-dynamic) options in a given preset are also dynamic (non-dynamic) in the vizOptions\n */\nfunction hasCompatibleOptions(\n    vizOptions: { [configKey: string]: any },\n    presetOptions: { [configKey: string]: any }\n): boolean {\n    const presetOptionKeys = Object.keys(presetOptions);\n    return presetOptionKeys.every(\n        (optionKey): boolean =>\n            isDynamicOption(presetOptions[optionKey]) === isDynamicOption(vizOptions[optionKey])\n    );\n}\n\n/**\n * Evaluates whether there is an initialPreset that fits the current state of vizContext + vizOptions\n * This function ignores extraneous vizOptions or vizContext keys, as they could be outside the scope of what the preset is intended to configure\n *\n * @param {Object} vizContext - the current vizContext definition\n * @param {Object} vizOptions - the current vizOptions definition\n * @param {PresetEntry[]} presets - the list of presets, one of which can be considered an initialPreset\n */\nfunction getInitialPreset(\n    vizContext: { [configKey: string]: any },\n    vizOptions: { [configKey: string]: any },\n    presets: PresetEntry[]\n): PresetEntry | null {\n    return presets.find((preset): boolean => {\n        const presetContext = get(preset, ['value', 'context'], {});\n        const presetOptions = get(preset, ['value', 'options'], {});\n        const presetContextKeys = Object.keys(presetContext);\n        const presetOptionKeys = Object.keys(presetOptions);\n\n        // all presets have to explicitly specify which options to reset (i.e. need explicitly undefined keys)\n        // if not, then the preset is invalid in config.ts\n        if (presetContextKeys.length === 0 || presetOptionKeys.length === 0) return false;\n\n        return (\n            hasCompatibleContexts(vizContext, presetContext) &&\n            hasCompatibleOptions(vizOptions, presetOptions)\n        );\n    });\n}\n\ninterface PrecisionOption {\n    label: string;\n    value: number;\n}\n\n/**\n * generates number precision values for a Select editor\n *\n * @param {Number} numPrecisionValues - number of integer precision values to generate\n * @returns {{ label: string; value; string  }[]} array of { label, value } tuples\n */\nfunction generatePrecisionValues(numPrecisionValues: number): PrecisionOption[] {\n    return range(0, numPrecisionValues + 1).map(\n        (i): PrecisionOption => ({\n            label: `${i} (0${i > 0 ? '.' : ''}${'0'.repeat(i)})`, // e.g. 0.000 for numPrecisionValues = 3\n            value: i,\n        })\n    );\n}\n\nexport { enhanceConfig, getInitialPreset, generatePrecisionValues, uncollapseEditorConfig, isDynamicOption };\n\n/**\n * insert layout in layout array, return a new layout array instead of updating the original\n *\n * @param {EditorLayoutConfig[][]} layout - editor layout\n * @param {Number} index - the index to insert layout item(s)\n * @param {EditorLayoutConfig[][]} layoutItems - the item(s) to insert\n * @returns {EditorLayoutConfig[][]} new editor layout with insertion\n */\nexport const insertLayout = (\n    layout: EditorLayoutConfig[][],\n    index: number,\n    ...layoutItems: EditorLayoutConfig[][]\n): EditorLayoutConfig[][] => [\n    // copy part of the array before the specified index\n    ...layout.slice(0, index),\n    // inserted layout item\n    ...layoutItems,\n    // copy part of the array after the specified index\n    ...layout.slice(index),\n];\n"],
-  "mappings": "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",
+  "sources": ["src/LinkGraph/config.ts", "esm-externals:@splunk/visualization-icons", "esm-externals:@splunk/visualization-icons/placeholders", "esm-externals:@splunk/visualization-schemas", "esm-externals:@splunk/ui-utils/i18n", "esm-externals:@splunk/themes/pick", "esm-externals:@splunk/themes/variables", "esm-externals:@splunk/visualizations-shared/colorConstants", "esm-externals:lodash", "esm-externals:@splunk/visualizations-shared/configUtils", "src/common/utils/configUtils.ts", "src/common/ThemedDefaults.tsx"],
+  "sourcesContent": ["import { LinkGraph as LinkGraphIcon } from '@splunk/visualization-icons';\nimport { LinkGraph as LinkGraphPlaceholderIcon } from '@splunk/visualization-icons/placeholders';\nimport { linkGraphOptionsSchema as optionsSchema } from '@splunk/visualization-schemas';\nimport { _ } from '@splunk/ui-utils/i18n';\nimport pick from '@splunk/themes/pick';\nimport variables from '@splunk/themes/variables';\nimport { COLOR_EDITOR_PALETTE } from '@splunk/visualizations-shared/colorConstants';\nimport { enhanceConfig } from '../common/utils/configUtils';\nimport { VizConfig } from '../common/interfaces/VizConfig';\nimport { VizCategory } from '../common/interfaces/VizCategory';\nimport { DataContract } from '../common/interfaces/DataContract';\nimport { VizSize } from '../common/interfaces/VizSize';\nimport { DefaultContext } from '../common/interfaces/DefaultContext';\nimport { EditorConfig } from '../common/interfaces/Editor';\nimport { ThemedDefaults } from '../common/interfaces/ThemedDefaults';\nimport { VizBehavior } from '../common/interfaces/VizBehavior';\nimport { defaultBackgroundColor } from '../common/ThemedDefaults';\n\nconst dataContract: DataContract = {\n    requiredDataSources: [\n        {\n            name: 'primary',\n            description: 'DataSource that powers the visualization',\n        },\n    ],\n    optionalDataSources: [\n        // {\n        //     name: 'metadata',\n        //     description: 'Used buy the ES team along side the feature flag `LinkGraph.showNodeMetaData`',\n        // },\n    ],\n    initialRequestParams: {\n        primary: { offset: 0, count: 10000 },\n    },\n};\n\nconst size: VizSize = {\n    initialWidth: 900,\n    initialHeight: 400,\n};\n\nconst defaultContext: DefaultContext = {\n    nodeTextColorMaxContrast: {\n        colors: ['> themes.textColor', '> themes.inverseTextColor'],\n        default: '> themes.textColor',\n    },\n    nodeHighlightTextColorMaxContrast: {\n        colors: ['> themes.defaultNodeColor', '> themes.inverseDefaultNodeColor'],\n        default: '> themes.textColor',\n    },\n};\n\nconst themes: ThemedDefaults = {\n    defaultBackgroundColor,\n    defaultNodeColor: props => variables.neutral100(props),\n    inverseDefaultNodeColor: props =>\n        pick({\n            enterprise: {\n                dark: variables.contentColorInverted(props), // equal to textColor in enterprise\n                light: variables.white(props), // equal to textColor in enterpriseDark\n            },\n            prisma: variables.contentColorInverted(props),\n        })(props),\n    textColor: props =>\n        pick({\n            enterprise: variables.textColor(props),\n            prisma: variables.contentColorDefault(props),\n        })(props),\n    inverseTextColor: props =>\n        pick({\n            enterprise: {\n                dark: variables.contentColorInverted(props), // equal to textColor in enterprise\n                light: variables.white(props), // equal to textColor in enterpriseDark\n            },\n            prisma: variables.contentColorInverted(props),\n        })(props),\n};\n\nconst EDITOR_LABEL_WIDTH = 140;\nconst backgroundColorPaletteSet = new Set([...COLOR_EDITOR_PALETTE]);\n\nconst editorConfig: EditorConfig[] = [\n    // {\n    //     label: _('Data'),\n    //     layout: [\n    //         [\n    //             {\n    //                 label: _('Field Ordering'),\n    //                 option: 'fieldOrder',\n    //                 editor: 'editor.arrayOfStrings',\n    //                 editorProps: {\n    //                     themes,\n    //                     labelPosition: 'top',\n    //                 },\n    //             },\n    //         ],\n    //     ],\n    // },\n    {\n        label: _('Data configurations'),\n        layout: [\n            [\n                {\n                    label: _('Result limit'),\n                    option: 'resultLimit',\n                    editor: 'editor.number',\n                    editorProps: {\n                        themes,\n                        min: 0,\n                        labelWidth: EDITOR_LABEL_WIDTH,\n                    },\n                },\n            ],\n        ],\n    },\n    {\n        label: _('Data display'),\n        layout: [\n            [\n                {\n                    label: _('Show node counts'),\n                    option: 'showNodeCounts',\n                    editor: 'editor.checkbox',\n                    editorProps: {\n                        themes,\n                        labelWidth: 130,\n                        palette: [...backgroundColorPaletteSet],\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Show value counts'),\n                    option: 'showValueCounts',\n                    editor: 'editor.checkbox',\n                    editorProps: {\n                        themes,\n                        labelWidth: 130,\n                        palette: [...backgroundColorPaletteSet],\n                    },\n                },\n            ],\n        ],\n    },\n    {\n        label: _('Color and style'),\n        layout: [\n            [\n                {\n                    label: _('Nodes'),\n                    option: 'nodeColor',\n                    editor: 'editor.color',\n                    editorProps: {\n                        themes,\n                        labelWidth: EDITOR_LABEL_WIDTH,\n                        palette: [...backgroundColorPaletteSet],\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Selected nodes'),\n                    option: 'nodeHighlightColor',\n                    editor: 'editor.color',\n                    editorProps: {\n                        themes,\n                        labelWidth: EDITOR_LABEL_WIDTH,\n                        palette: [...backgroundColorPaletteSet],\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Links'),\n                    option: 'linkColor',\n                    editor: 'editor.color',\n                    editorProps: {\n                        themes,\n                        labelWidth: EDITOR_LABEL_WIDTH,\n                        palette: [...backgroundColorPaletteSet],\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Background color'),\n                    option: 'backgroundColor',\n                    editor: 'editor.color',\n                    editorProps: {\n                        themes,\n                        labelWidth: EDITOR_LABEL_WIDTH,\n                        palette: [...backgroundColorPaletteSet],\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Node width'),\n                    option: 'nodeWidth',\n                    editor: 'editor.number',\n                    editorProps: {\n                        themes,\n                        labelPosition: 'top',\n                        min: 0,\n                        labelWidth: EDITOR_LABEL_WIDTH,\n                    },\n                },\n                {\n                    label: _('Node height'),\n                    option: 'nodeHeight',\n                    editor: 'editor.number',\n                    editorProps: {\n                        themes,\n                        labelPosition: 'top',\n                        min: 0,\n                        labelWidth: EDITOR_LABEL_WIDTH,\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Vertical spacing'),\n                    option: 'nodeSpacingY',\n                    editor: 'editor.number',\n                    editorProps: {\n                        themes,\n                        labelPosition: 'top',\n                        min: 0,\n                        labelWidth: EDITOR_LABEL_WIDTH,\n                    },\n                },\n                {\n                    label: _('Horizontal spacing'),\n                    option: 'nodeSpacingX',\n                    editor: 'editor.number',\n                    editorProps: {\n                        themes,\n                        labelPosition: 'top',\n                        min: 0,\n                        labelWidth: EDITOR_LABEL_WIDTH,\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Link width'),\n                    option: 'linkWidth',\n                    editor: 'editor.number',\n                    editorProps: {\n                        themes,\n                        labelPosition: 'top',\n                        min: 0,\n                        labelWidth: EDITOR_LABEL_WIDTH,\n                    },\n                },\n            ],\n        ],\n    },\n];\n\nconst config: VizConfig = {\n    /**\n     * unique viz key\n     */\n    key: 'splunk.linkgraph',\n    /**\n     * viz name\n     */\n    name: _('Link graph'),\n    category: VizCategory.FLOW,\n    status: 'preview',\n    /**\n     * viz icon\n     */\n    icon: LinkGraphIcon,\n    placeholderIcon: LinkGraphPlaceholderIcon,\n    dataContract,\n    size,\n    defaultContext,\n    optionsSchema,\n    editorConfig,\n    events: {\n        'node.click': {\n            description: 'triggered when user clicks a node',\n        },\n        'node.mouseover': {\n            description: 'triggered when user hovers over a node',\n        },\n    },\n    supports: [VizBehavior.DYNAMIC_OPTIONS, VizBehavior.EVENTS, VizBehavior.PLACEHOLDER],\n    themes,\n};\n\nexport default enhanceConfig(config);\n", "\nimport * as defaultImport from \"@splunk/visualization-icons\";\nexport * from \"@splunk/visualization-icons\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualization-icons/placeholders\";\nexport * from \"@splunk/visualization-icons/placeholders\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualization-schemas\";\nexport * from \"@splunk/visualization-schemas\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/ui-utils/i18n\";\nexport * from \"@splunk/ui-utils/i18n\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/themes/pick\";\nexport * from \"@splunk/themes/pick\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/themes/variables\";\nexport * from \"@splunk/themes/variables\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/colorConstants\";\nexport * from \"@splunk/visualizations-shared/colorConstants\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"lodash\";\nexport * from \"lodash\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualizations-shared/configUtils\";\nexport * from \"@splunk/visualizations-shared/configUtils\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "import { get, range } from 'lodash';\nimport { isDynamicOption } from '@splunk/visualizations-shared/configUtils';\nimport { VizConfig } from '../interfaces/VizConfig';\nimport { EditorLayoutConfig, EditorConfig } from '../interfaces/Editor';\n\n// included for backwards compatibility\nexport { enhanceOptionsSchemaWithDynamicOptions } from '@splunk/visualization-schemas';\n\nexport interface PresetEntry {\n    name: string;\n    value: any;\n    label: string;\n}\n\n/**\n * Helper function to enhance a Visualization Config as needed based on behaviors specified in supports block\n * this function also collapse all editor panels\n * @param vizConfig a Visualization Config\n * @returns an enhanced Visualization Config containing updated config entries based on behaviors it supports\n * and containing `open: false` for all editor panels in editorConfig\n */\nfunction enhanceConfig(vizConfig: VizConfig): VizConfig {\n    const enhancedConfig: VizConfig = { ...vizConfig };\n\n    enhancedConfig.editorConfig = vizConfig.editorConfig.map((config: EditorConfig): EditorConfig => {\n        return { ...config, open: config.open || false };\n    });\n    return enhancedConfig;\n}\n\n/**\n * Helper function to uncollapse all editor panels by adding `open: true` to the editorConfig\n * Created for editor unit tests\n * @param vizConfig a Visualization Config\n * @returns a Visualization Config containing `open: true` for all editor panels in editorConfig\n */\nfunction uncollapseEditorConfig(vizConfig: VizConfig): VizConfig {\n    const editorPanelUncollapsedConfig: VizConfig = { ...vizConfig };\n    editorPanelUncollapsedConfig.editorConfig = vizConfig.editorConfig.map(\n        (config: EditorConfig): EditorConfig => {\n            return { ...config, open: true };\n        }\n    );\n    return editorPanelUncollapsedConfig;\n}\n\n// private helpers to improve readability of getInitialPreset\n// this shouldn't be tested since this util isn't something that we expect to use outside of getInitialPreset\n\n/**\n * this checks to make sure that all values within vizContext are compatible with the given preset's context to determine the initialPreset\n * if a preset has explicitly specified a key as being undefined, the vizContext must also has that key as undefined, or else this CANNOT be the initialPreset\n * the inverse is true; if a preset has key is NOT undefined, it must also be NOT undefined in the corresponding vizContext\n * the internal config contents are irrelevant (as the user could customize them in source), just as long as the presence of `undefined`s match up\n *\n * Since the presetConfigs have explicit undefined keys to override the existing config, we need to explicitly check the undefined values\n */\nfunction hasCompatibleContexts(\n    vizContext: { [configKey: string]: any },\n    presetContext: { [configKey: string]: any }\n): boolean {\n    const presetContextKeys = Object.keys(presetContext);\n    return presetContextKeys.every(\n        (contextKey): boolean =>\n            (presetContext[contextKey] === undefined && vizContext[contextKey] === undefined) ||\n            (presetContext[contextKey] !== undefined && vizContext[contextKey] !== undefined)\n    );\n}\n\n/**\n * Checks to make sure that dynamic (non-dynamic) options in a given preset are also dynamic (non-dynamic) in the vizOptions\n */\nfunction hasCompatibleOptions(\n    vizOptions: { [configKey: string]: any },\n    presetOptions: { [configKey: string]: any }\n): boolean {\n    const presetOptionKeys = Object.keys(presetOptions);\n    return presetOptionKeys.every(\n        (optionKey): boolean =>\n            isDynamicOption(presetOptions[optionKey]) === isDynamicOption(vizOptions[optionKey])\n    );\n}\n\n/**\n * Evaluates whether there is an initialPreset that fits the current state of vizContext + vizOptions\n * This function ignores extraneous vizOptions or vizContext keys, as they could be outside the scope of what the preset is intended to configure\n *\n * @param {Object} vizContext - the current vizContext definition\n * @param {Object} vizOptions - the current vizOptions definition\n * @param {PresetEntry[]} presets - the list of presets, one of which can be considered an initialPreset\n */\nfunction getInitialPreset(\n    vizContext: { [configKey: string]: any },\n    vizOptions: { [configKey: string]: any },\n    presets: PresetEntry[]\n): PresetEntry | null {\n    return presets.find((preset): boolean => {\n        const presetContext = get(preset, ['value', 'context'], {});\n        const presetOptions = get(preset, ['value', 'options'], {});\n        const presetContextKeys = Object.keys(presetContext);\n        const presetOptionKeys = Object.keys(presetOptions);\n\n        // all presets have to explicitly specify which options to reset (i.e. need explicitly undefined keys)\n        // if not, then the preset is invalid in config.ts\n        if (presetContextKeys.length === 0 || presetOptionKeys.length === 0) return false;\n\n        return (\n            hasCompatibleContexts(vizContext, presetContext) &&\n            hasCompatibleOptions(vizOptions, presetOptions)\n        );\n    });\n}\n\ninterface PrecisionOption {\n    label: string;\n    value: number;\n}\n\n/**\n * generates number precision values for a Select editor\n *\n * @param {Number} numPrecisionValues - number of integer precision values to generate\n * @returns {{ label: string; value; string  }[]} array of { label, value } tuples\n */\nfunction generatePrecisionValues(numPrecisionValues: number): PrecisionOption[] {\n    return range(0, numPrecisionValues + 1).map(\n        (i): PrecisionOption => ({\n            label: `${i} (0${i > 0 ? '.' : ''}${'0'.repeat(i)})`, // e.g. 0.000 for numPrecisionValues = 3\n            value: i,\n        })\n    );\n}\n\nexport { enhanceConfig, getInitialPreset, generatePrecisionValues, uncollapseEditorConfig, isDynamicOption };\n\n/**\n * insert layout in layout array, return a new layout array instead of updating the original\n *\n * @param {EditorLayoutConfig[][]} layout - editor layout\n * @param {Number} index - the index to insert layout item(s)\n * @param {EditorLayoutConfig[][]} layoutItems - the item(s) to insert\n * @returns {EditorLayoutConfig[][]} new editor layout with insertion\n */\nexport const insertLayout = (\n    layout: EditorLayoutConfig[][],\n    index: number,\n    ...layoutItems: EditorLayoutConfig[][]\n): EditorLayoutConfig[][] => [\n    // copy part of the array before the specified index\n    ...layout.slice(0, index),\n    // inserted layout item\n    ...layoutItems,\n    // copy part of the array after the specified index\n    ...layout.slice(index),\n];\n", "import pick from '@splunk/themes/pick';\nimport variables from '@splunk/themes/variables';\n\nexport const defaultBackgroundColor = props =>\n    pick({\n        enterprise: {\n            dark: variables.black(props),\n            light: variables.white(props),\n        },\n        prisma: variables.backgroundColorSection(props),\n    })(props);\n"],
+  "mappings": "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",
   "names": ["defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "defaultImport", "config", "LinkGraphIcon", "LinkGraphPlaceholderIcon", "optionsSchema"]
 }

package/LinkGraph.js

@@ -1,6 +1,7 @@
 /* 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;
@@ -3012,9 +3013,14 @@ var Item = styled_components_default.div.attrs(({ width }) => ({
     position: relative;
     background-color: ${(props) => (0, colorUtils_exports.isColor)(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor}};
 `;
-var FixSizeItem = styled_components_default.div.attrs(({ width, height }) => ({
-  style: __spreadValues(__spreadValues({}, width && { width: (0, style_exports.toPx)(width) }), height && { height: (0, style_exports.toPx)(height) })
-}))`
+var FixSizeItem = styled_components_default.div.attrs(
+  ({
+    width,
+    height
+  }) => ({
+    style: __spreadValues(__spreadValues({}, width && { width: (0, style_exports.toPx)(width) }), height && { height: (0, style_exports.toPx)(height) })
+  })
+)`
     position: relative;
     flex-direction: column;
     flex: 1;
@@ -3048,7 +3054,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "27.5.0 - 5cfbc7064",
+        "data-splunk-visualization-version": "28.0.0 - 0c5f07712",
         width,
         height,
         backgroundColor
@@ -3118,7 +3124,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "27.5.0 - 5cfbc7064"
+  "data-splunk-visualization-version": "28.0.0 - 0c5f07712"
 })`
     position: relative;
     width: 100%;
@@ -3558,7 +3564,12 @@ var useGetXAndYFields = ({
         y2Fields: options.y2 ? "> y2 | getField()" : void 0,
         fieldTypes: "> primary | getType()"
       };
-      const { xField = "", yFields = [], y2Fields = [], fieldTypes } = Options_exports.Options.evaluate(
+      const {
+        xField = "",
+        yFields = [],
+        y2Fields = [],
+        fieldTypes
+      } = Options_exports.Options.evaluate(
         { options: optionsToEvaluate, context },
         dataSourcesWithOnlyOnePoint,
         () => {
@@ -3847,7 +3858,9 @@ var withDashboardViz = (opts) => {
           return result;
         }
       } catch (e) {
-        console.error(`unexpected error evaluating options: ${e.message}`);
+        if (e instanceof Error) {
+          console.error(`unexpected error evaluating options: ${e.message}`);
+        }
         return {};
       }
       return {};
@@ -3906,7 +3919,11 @@ var withDashboardViz = (opts) => {
           if (ev && ev.payload) {
             payload = ev.payload;
           }
-          return onEventTrigger({ originalEvent: ev, payload, type: eventName });
+          return onEventTrigger({
+            originalEvent: ev,
+            payload,
+            type: eventName
+          });
         };
         if (parentKeys) {
           for (let i = parentKeys.length - 1; i >= 0; i -= 1) {
@@ -4456,7 +4473,9 @@ var Edges = (props) => {
         /* @__PURE__ */ react_exports.createElement(
           StyledEdgesPath,
           {
-            style: { visibility: edge.isHidden ? "hidden" : "visible" },
+            style: {
+              visibility: edge.isHidden ? "hidden" : "visible"
+            },
             className: "edge",
             key,
             "data-test": key,
@@ -4709,7 +4728,7 @@ var NodeES = (props) => {
     },
     metaData.icon && isSVG ? /* @__PURE__ */ react_exports.createElement("svg", null, /* @__PURE__ */ react_exports.createElement("path", { fill: "currentColor", d: metaData.icon.split('d="')[1].split('"')[0] })) : null,
     metaData.icon && isIMG ? /* @__PURE__ */ react_exports.createElement("img", { style: esStyle, alt: metaData.badge_label, src: metaData.icon }) : null,
-    Icon && metaData.icon && !isIMG && !isSVG ? /* @__PURE__ */ react_exports.createElement(Icon, { style: { marginTop: "4px", marginRight: "4px" } }) : null,
+    Icon && metaData.icon && !isIMG && !isSVG ? /* @__PURE__ */ react_exports.createElement(Icon, { style: { marginTop: "4px", marginRight: "4px" }, "data-test": metaData.icon }) : null,
     /* @__PURE__ */ react_exports.createElement("div", { className: "left-content-se" }, /* @__PURE__ */ react_exports.createElement(Paragraph_default, null, /* @__PURE__ */ react_exports.createElement(
       "span",
       {
@@ -4721,7 +4740,9 @@ var NodeES = (props) => {
     ), /* @__PURE__ */ react_exports.createElement(
       "span",
       {
-        style: { visibility: showRollOverText ? "visible" : "hidden" },
+        style: {
+          visibility: showRollOverText ? "visible" : "hidden"
+        },
         className: "left-content-se-right"
       },
       "View Related"
@@ -4742,8 +4763,22 @@ var NodeES = (props) => {
 
 // src/LinkGraph/PureLinkGraph/components/Nodes.tsx
 var Nodes = (props) => {
+  const getNode = (data) => {
+    if ((0, lodash_exports.get)(context, "LinkGraph.showNodeMetaData")) {
+      return /* @__PURE__ */ react_exports.createElement(
+        NodeES,
+        {
+          data,
+          showValueCounts: props.showValueCounts,
+          metadataFields: props.metadataFields,
+          metadataColumns: props.metadataColumns,
+          onNodeMouseover: props.onNodeMouseover
+        }
+      );
+    }
+    return /* @__PURE__ */ react_exports.createElement(Node, { data, showValueCounts: props.showValueCounts });
+  };
   const context = react_exports.useContext(FeatureFlagContext_default);
-  const NodeToUse = (0, lodash_exports.get)(context, "LinkGraph.showNodeMetaData") ? NodeES : Node;
   return Object.keys(props.nodes).map((key) => /* @__PURE__ */ react_exports.createElement(
     "button",
     {
@@ -4752,23 +4787,16 @@ var Nodes = (props) => {
       "data-test": `node-${key}`,
       "data-test-y-index": props.nodes[key].yIndex,
       key,
-      style: { visibility: props.nodes[key].data.isHidden ? "hidden" : "visible" },
+      style: {
+        visibility: props.nodes[key].data.isHidden ? "hidden" : "visible"
+      },
       onClick: () => props.onNodeClick(key),
       onMouseEnter: () => props.handleMouseEnterNode(key),
       onMouseLeave: () => props.handleMouseLeave(),
       onFocus: () => props.handleMouseEnterNode(key),
       onBlur: () => props.handleMouseLeave()
     },
-    /* @__PURE__ */ react_exports.createElement(
-      NodeToUse,
-      {
-        data: props.nodes[key].data,
-        showValueCounts: props.showValueCounts,
-        metadataFields: props.metadataFields,
-        metadataColumns: props.metadataColumns,
-        onNodeMouseover: props.onNodeMouseover
-      }
-    )
+    getNode(props.nodes[key].data)
   ));
 };
 var Nodes_default = Nodes;
@@ -5097,7 +5125,7 @@ var Chip_default = "default" in defaultImport195 ? defaultImport195.default : de
 
 // src/LinkGraph/PureLinkGraph/components/Field.tsx
 var Field = ({ field, count, onSort, showNodeCounts, width }) => {
-  const toggle = /* @__PURE__ */ react_exports.createElement(Button_default, { label: field, isMenu: true, appearance: "toggle" });
+  const toggle = /* @__PURE__ */ react_exports.createElement(Button_default, { label: field, isMenu: true });
   const context = react_exports.useContext(FeatureFlagContext_default);
   const FieldNonES = /* @__PURE__ */ react_exports.createElement("div", null, /* @__PURE__ */ react_exports.createElement(Dropdown_default, { toggle, retainFocus: true, "data-test": `field-${field}-dropdown` }, /* @__PURE__ */ react_exports.createElement(Menu_default, { style: { width } }, /* @__PURE__ */ react_exports.createElement(Menu_default.Item, { "data-test": "A-Z", onClick: () => onSort("A-Z") }, "A-Z"), /* @__PURE__ */ react_exports.createElement(Menu_default.Item, { "data-test": "Z-A", onClick: () => onSort("Z-A") }, "Z-A"))), showNodeCounts ? /* @__PURE__ */ react_exports.createElement(Chip_default, { style: { float: "right", fontSize: "10px", height: "20px" } }, count) : null);
   const FieldES = /* @__PURE__ */ react_exports.createElement("div", null, /* @__PURE__ */ react_exports.createElement(Paragraph_default, { style: { fontWeight: "bold", width, fontSize: "13px" } }, field), showNodeCounts ? /* @__PURE__ */ react_exports.createElement(Chip_default, { style: { float: "right", fontSize: "10px", height: "20px" } }, count) : null);
@@ -5138,7 +5166,6 @@ var StyledFields = styled_components_default.div`
         > button > span {
             justify-content: flex-start;
             > span {
-                padding: ${pick_default({ prisma: "0 !important" })};
                 flex: 0 1 auto;
                 font-weight: bold;
             }
@@ -5155,8 +5182,8 @@ var LinkGraphContainer = styled_components_default.div`
     position: relative;
     top: 12px;
     left: 16px;
-    width: ${(props) => (props == null ? void 0 : props.width) - 32}px;
-    height: ${(props) => (props == null ? void 0 : props.height) - 24}px;
+    width: ${(props) => Number((props == null ? void 0 : props.width) || 0) - 32}px;
+    height: ${(props) => Number((props == null ? void 0 : props.height) || 0) - 24}px;
 `;
 var LinkGraphWrapper = styled_components_default.div`
     background-color: ${({ backgroundColor }) => backgroundColor};
@@ -5375,14 +5402,22 @@ var configUtils_default = "default" in defaultImport200 ? defaultImport200.defau
 // 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 });
-    }
-  );
+  enhancedConfig.editorConfig = vizConfig.editorConfig.map((config2) => {
+    return __spreadProps(__spreadValues({}, config2), { open: config2.open || false });
+  });
   return enhancedConfig;
 }
 
+// src/common/ThemedDefaults.tsx
+init_define_global();
+var defaultBackgroundColor = (props) => pick_default({
+  enterprise: {
+    dark: variables_default.black(props),
+    light: variables_default.white(props)
+  },
+  prisma: variables_default.backgroundColorSection(props)
+})(props);
+
 // src/LinkGraph/config.ts
 var dataContract = {
   requiredDataSources: [
@@ -5416,20 +5451,8 @@ var defaultContext = {
   }
 };
 var themes = {
-  defaultBackgroundColor: (props) => pick_default({
-    enterprise: {
-      dark: variables_default.black(props),
-      light: variables_default.backgroundColor(props)
-    },
-    prisma: variables_default.backgroundColorSidebar(props)
-  })(props),
-  defaultNodeColor: (props) => pick_default({
-    enterprise: {
-      dark: variables_default.backgroundColorDialog(props),
-      light: variables_default.gray96(props)
-    },
-    prisma: variables_default.backgroundColorDialog(props)
-  })(props),
+  defaultBackgroundColor,
+  defaultNodeColor: (props) => variables_default.neutral100(props),
   inverseDefaultNodeColor: (props) => pick_default({
     enterprise: {
       dark: variables_default.contentColorInverted(props),
@@ -5454,10 +5477,7 @@ var themes = {
   })(props)
 };
 var EDITOR_LABEL_WIDTH = 140;
-var backgroundColorPaletteSet = /* @__PURE__ */ new Set([
-  ...colorConstants_exports.COLOR_EDITOR_PALETTE,
-  ...(0, lodash_exports.map)(themes, (t) => (0, lodash_exports.get)(t, "defaultBackgroundColor"))
-]);
+var backgroundColorPaletteSet = /* @__PURE__ */ new Set([...colorConstants_exports.COLOR_EDITOR_PALETTE]);
 var editorConfig = [
   // {
   //     label: _('Data'),