@splunk/visualizations 28.0.0 → 28.1.0

package/Map.config.js

@@ -190,7 +190,8 @@ var defaultContext = {
     { from: 60, to: 80, value: "#669922" },
     { from: 80, value: "#118832" }
   ],
-  colorMatchConfig: [{ match: "", value: "#5C33FF" }]
+  colorMatchConfig: [{ match: "", value: "#5C33FF" }],
+  colorGradientConfig: { colors: ["#252214", "#B846BB"] }
 };
 var dataContract = {
   requiredDataSources: [],
@@ -462,6 +463,7 @@ var editorConfig = [
         {
           label: (0, i18n_exports._)("Data colors"),
           option: "layers[0].dataColors",
+          showEditor: ({ options }) => !isChoroplethLayer(options),
           context: "colorRangeConfig",
           editor: "editor.dynamicColorWithPrecedence",
           editorProps: {
@@ -491,8 +493,50 @@ var editorConfig = [
               }
             ],
             defaultPalettesConfig: PresetPalettes_exports.defaultPalettesConfig
-          },
-          showEditor: ({ options }) => !isChoroplethLayer(options)
+          }
+        },
+        {
+          label: (0, i18n_exports._)("Data colors"),
+          option: "layers[0].dataColors",
+          context: "colorGradientConfig",
+          editor: "editor.dynamicColorWithPrecedence",
+          showEditor: ({ options }) => isChoroplethLayer(options),
+          editorProps: {
+            labelPosition: "top",
+            flyoutTitle: (0, i18n_exports._)("Dynamic coloring: value"),
+            formatters: [
+              {
+                label: (0, i18n_exports._)("Gradient"),
+                value: "gradient",
+                isDefault: true,
+                defaults: {
+                  areaValues: defaultContext.colorGradientConfig
+                }
+              },
+              {
+                label: (0, i18n_exports._)("Ranges"),
+                value: "rangeValue",
+                defaults: {
+                  areaValues: defaultContext.colorRangeConfig
+                }
+              },
+              {
+                label: (0, i18n_exports._)("Matches"),
+                value: "matchValue",
+                defaults: {
+                  areaValues: defaultContext.colorMatchConfig
+                }
+              }
+            ],
+            // Use areaValues for Choropleth
+            dataSelectors: [
+              {
+                label: (0, i18n_exports._)("Area values"),
+                value: "areaValues"
+              }
+            ],
+            defaultPalettesConfig: PresetPalettes_exports.defaultPalettesConfig
+          }
         }
       ],
       [

package/Map.config.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["src/Map/config.ts", "esm-externals:@splunk/ui-utils/i18n", "esm-externals:@splunk/themes", "esm-externals:@splunk/visualization-color-palettes/editors/PresetPalettes", "esm-externals:@splunk/visualization-schemas", "esm-externals:@splunk/visualization-icons", "esm-externals:@splunk/visualization-icons/placeholders", "esm-externals:lodash", "esm-externals:@splunk/visualizations-shared/configUtils", "src/common/utils/configUtils.ts", "src/common/editorConfig/BackgroundColor.ts", "esm-externals:@splunk/themes/pick", "esm-externals:@splunk/themes/variables", "src/common/ThemedDefaults.tsx"],
-  "sourcesContent": ["import { _ } from '@splunk/ui-utils/i18n';\nimport { pick, variables } from '@splunk/themes';\nimport { defaultPalettesConfig } from '@splunk/visualization-color-palettes/editors/PresetPalettes';\nimport { mapOptionsSchema as optionsSchema, LAYER_TYPE } from '@splunk/visualization-schemas';\nimport { Map as MapIcon } from '@splunk/visualization-icons';\nimport { Map as MapPlaceholderIcon } from '@splunk/visualization-icons/placeholders';\n\nimport { DataContract } from '../common/interfaces/DataContract';\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 { VizCategory } from '../common/interfaces/VizCategory';\nimport { VizConfig } from '../common/interfaces/VizConfig';\nimport { VizSize } from '../common/interfaces/VizSize';\nimport { enhanceConfig } from '../common/utils/configUtils';\nimport getBackgroundColorEditor from '../common/editorConfig/BackgroundColor';\nimport { defaultBackgroundColor } from '../common/ThemedDefaults';\n\nconst defaultContext: DefaultContext = {\n    colorRangeConfig: [\n        { to: 20, value: '#D41F1F' },\n        { from: 20, to: 40, value: '#D94E17' },\n        { from: 40, to: 60, value: '#CBA700' },\n        { from: 60, to: 80, value: '#669922' },\n        { from: 80, value: '#118832' },\n    ],\n    colorMatchConfig: [{ match: '', value: '#5C33FF' }],\n};\n\nconst dataContract: DataContract = {\n    requiredDataSources: [],\n    optionalDataSources: [\n        {\n            name: 'primary',\n            description: 'DataSource that powers the visualization.',\n        },\n    ],\n    initialRequestParams: {\n        primary: { offset: 0, count: 10000 },\n    },\n};\n\nconst size: VizSize = {\n    initialWidth: 800,\n    initialHeight: 600,\n};\n\nconst themes: ThemedDefaults = {\n    defaultBackgroundColor,\n    controlBackgroundColor: props =>\n        pick({\n            enterprise: {\n                dark: variables.gray22(props),\n                light: variables.white(props),\n            },\n            prisma: variables.backgroundColorPopup(props),\n        })(props),\n    controlForegroundColor: props =>\n        pick({\n            enterprise: variables.textColor(props),\n            prisma: variables.contentColorDefault(props),\n        })(props),\n    defaultChoroplethEmptyAreaColor: props =>\n        pick({\n            enterprise: {\n                dark: variables.gray22(props),\n                light: variables.gray92(props),\n            },\n            prisma: {\n                dark: variables.interactiveColorBackground(props),\n                light: variables.neutral300(props),\n            },\n        })(props),\n    defaultGradientMigrationConfig: props =>\n        pick({\n            enterprise: {\n                dark: ['#4D4A5D', variables.syntaxPurple(props)],\n                light: ['#D2CFDC', variables.syntaxPurple(props)],\n            },\n            prisma: {\n                dark: ['#484558', variables.syntaxPurple(props)],\n                light: ['#D8D4E1', variables.syntaxPurple(props)],\n            },\n        })(props),\n};\n\nconst isChoroplethLayer = options => options.layers?.[0]?.type === LAYER_TYPE.Choropleth;\n\nconst isLocalChoroplethLayer = options =>\n    isChoroplethLayer(options) &&\n    (options.layers[0].source === 'geo://default/us' || options.layers[0].source === 'geo://default/world');\n\nconst EDITOR_LABEL_WIDTH = 140;\nconst editorConfig: EditorConfig[] = [\n    {\n        label: _('Data configurations'),\n        layout: [\n            [\n                {\n                    label: _('Layer type'),\n                    option: 'layers[0].type',\n                    editor: 'editor.select',\n                    editorProps: {\n                        values: [\n                            { label: _('Bubble'), value: LAYER_TYPE.Bubble },\n                            { label: _('Marker'), value: LAYER_TYPE.Marker },\n                            {\n                                label: _('Choropleth'),\n                                value: LAYER_TYPE.Choropleth,\n                            },\n                        ],\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Area IDs'),\n                    option: 'layers[0].areaIds',\n                    editor: 'editor.columnSelector',\n                    showEditor: ({ options }) => isChoroplethLayer(options),\n                    editorProps: {\n                        dataSourceKey: 'primary',\n                        shouldShowInternalFields: false,\n                        filterByTypes: ['string'],\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Area values'),\n                    option: 'layers[0].areaValues',\n                    editor: 'editor.columnSelector',\n                    showEditor: ({ options }) => isChoroplethLayer(options),\n                    editorProps: {\n                        dataSourceKey: 'primary',\n                        shouldShowInternalFields: false,\n                        filterByTypes: ['number'],\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Latitude'),\n                    option: 'layers[0].latitude',\n                    editor: 'editor.columnSelector',\n                    showEditor: ({ options }) => !isChoroplethLayer(options),\n                    editorProps: {\n                        dataSourceKey: 'primary',\n                        shouldShowInternalFields: false,\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Longitude'),\n                    option: 'layers[0].longitude',\n                    editor: 'editor.columnSelector',\n                    showEditor: ({ options }) => !isChoroplethLayer(options),\n                    editorProps: {\n                        dataSourceKey: 'primary',\n                        shouldShowInternalFields: false,\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Bubble size'),\n                    option: 'layers[0].bubbleSize',\n                    editor: 'editor.columnMultiSelector',\n                    showEditor: ({ options }) =>\n                        !(\n                            options.layers &&\n                            options.layers.length &&\n                            (options.layers[0].type === 'marker' || options.layers[0].type === 'choropleth')\n                        ),\n                    editorProps: {\n                        dataSourceKey: 'primary',\n                        shouldShowInternalFields: false,\n                        excludeByNames: ['latitude', 'longitude', 'geobin'],\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Additional tooltip fields'),\n                    option: 'layers[0].additionalTooltipFields',\n                    editor: 'editor.columnMultiSelectionByFieldNameEditor',\n                },\n            ],\n            [\n                {\n                    label: _('Tooltip header field'),\n                    option: 'layers[0].tooltipHeaderField',\n                    editor: 'editor.columnSelector',\n                    editorProps: {\n                        dataSourceKey: 'primary',\n                        shouldShowInternalFields: false,\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Result limit'),\n                    option: 'layers[0].resultLimit',\n                    editor: 'editor.number',\n                    showEditor: ({ options }) => !isLocalChoroplethLayer(options),\n                    editorProps: {\n                        themes,\n                        labelPosition: 'top',\n                        min: 0,\n                    },\n                },\n            ],\n        ],\n    },\n    {\n        label: _('Data display'),\n        layout: [\n            [\n                {\n                    label: _('Latitude (initial map location)'),\n                    option: 'center[0]',\n                    editor: 'editor.number',\n                    editorProps: {\n                        themes,\n                        labelPosition: 'top',\n                        min: -90,\n                        max: 90,\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Longitude (initial map location)'),\n                    option: 'center[1]',\n                    editor: 'editor.number',\n                    editorProps: {\n                        themes,\n                        labelPosition: 'top',\n                        min: -180,\n                        max: 180,\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Zoom (initial map location)'),\n                    option: 'zoom',\n                    editor: 'editor.number',\n                    editorProps: {\n                        themes,\n                        labelPosition: 'top',\n                        min: 0,\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Show Latitude and Longitude'),\n                    option: 'showCoordinates',\n                    editor: 'editor.checkbox',\n                    editorProps: {\n                        labelPosition: 'right',\n                        labelWidth: EDITOR_LABEL_WIDTH,\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Show zoom controls'),\n                    option: 'showZoomControls',\n                    editor: 'editor.checkbox',\n                    editorProps: {\n                        labelPosition: 'right',\n                        labelWidth: EDITOR_LABEL_WIDTH,\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Show scale'),\n                    option: 'showScale',\n                    editor: 'editor.toggle',\n                    editorProps: {\n                        labelPosition: 'right',\n                        labelWidth: EDITOR_LABEL_WIDTH,\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Scale unit'),\n                    option: 'scaleUnit',\n                    editor: 'editor.radioBar',\n                    showEditor: ({ options }) => options.showScale !== false,\n                    editorProps: {\n                        values: [\n                            { label: _('Metric'), value: 'metric' },\n                            { label: _('Imperial'), value: 'imperial' },\n                        ],\n                    },\n                },\n            ],\n        ],\n    },\n    {\n        label: _('Color and style'),\n        layout: [\n            [\n                {\n                    label: _('Data colors'),\n                    option: 'layers[0].dataColors',\n                    context: 'colorRangeConfig',\n                    editor: 'editor.dynamicColorWithPrecedence',\n                    editorProps: {\n                        labelPosition: 'top',\n                        flyoutTitle: _('Dynamic coloring: value'),\n                        formatters: [\n                            {\n                                label: _('Ranges'),\n                                value: 'rangeValue',\n                                isDefault: true,\n                                defaults: {\n                                    dataValues: defaultContext.colorRangeConfig,\n                                },\n                            },\n                            {\n                                label: _('Matches'),\n                                value: 'matchValue',\n                                defaults: {\n                                    dataValues: defaultContext.colorMatchConfig,\n                                },\n                            },\n                        ],\n                        dataSelectors: [\n                            {\n                                label: _('Data values'),\n                                value: 'dataValues',\n                            },\n                        ],\n                        defaultPalettesConfig,\n                    },\n                    showEditor: ({ options }) => !isChoroplethLayer(options),\n                },\n            ],\n            [\n                {\n                    label: _('Data values'),\n                    editor: 'editor.columnSelector',\n                    option: 'layers[0].dataValues',\n                    showEditor: ({ options }) =>\n                        !isChoroplethLayer(options) && options.layers?.[0]?.dataColors,\n                    editorProps: {\n                        dataSourceKey: 'primary',\n                        filterByTypes: ['number'],\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Series colors'),\n                    option: 'layers[0].seriesColors',\n                    editor: 'editor.seriesColors',\n                    showEditor: ({ options }) =>\n                        !isChoroplethLayer(options) && !options.layers?.[0]?.dataColors,\n                },\n            ],\n            [\n                {\n                    label: _('Choropleth empty area'),\n                    option: 'layers[0].choroplethEmptyAreaColor',\n                    editor: 'editor.color',\n                    showEditor: ({ options }) => isLocalChoroplethLayer(options),\n                    editorProps: {\n                        themes,\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Choropleth stroke'),\n                    option: 'layers[0].choroplethStrokeColor',\n                    editor: 'editor.color',\n                    showEditor: ({ options }) => isChoroplethLayer(options),\n                    editorProps: {\n                        themes,\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Choropleth opacity (%)'),\n                    option: 'layers[0].choroplethOpacity',\n                    editor: 'editor.percent',\n                    showEditor: ({ options }) => isChoroplethLayer(options),\n                    editorProps: {\n                        themes,\n                        min: 0,\n                    },\n                },\n            ],\n            // TODO: add support for seriesColorsByField option\n            // [\n            //     {\n            //         label: _('Series colors by field name'),\n            //         option: 'seriesColorsByField',\n            //         editor: 'editor.seriesColorsByField',\n            //     },\n            // ],\n            getBackgroundColorEditor({ themes }),\n            [\n                {\n                    label: _('Show base layer'),\n                    option: 'showBaseLayer',\n                    editor: 'editor.toggle',\n                },\n            ],\n            [\n                {\n                    label: _('Base layer tile server'),\n                    option: 'baseLayerTileServer',\n                    editor: 'editor.text',\n                    showEditor: ({ options }) => options.showBaseLayer !== false,\n                },\n            ],\n            [\n                {\n                    label: _('Base layer tile server type'),\n                    option: 'baseLayerTileServerType',\n                    editor: 'editor.radioBar',\n                    showEditor: ({ options }) =>\n                        options.showBaseLayer === false\n                            ? false\n                            : !(\n                                  typeof options.baseLayerTileServer === 'undefined' ||\n                                  options.baseLayerTileServer === ''\n                              ),\n                    editorProps: {\n                        values: [\n                            { label: _('Vector'), value: 'vector' },\n                            { label: _('Raster'), value: 'raster' },\n                        ],\n                    },\n                },\n            ],\n        ],\n    },\n];\n\n/**\n * visualization configuration\n */\nconst config: VizConfig = {\n    /**\n     * unique viz key\n     */\n    key: 'splunk.map',\n    /**\n     * viz name\n     */\n    name: _('Map'),\n    category: VizCategory.SPATIAL,\n    status: 'preview',\n    /**\n     * viz icon\n     */\n    icon: MapIcon,\n    placeholderIcon: MapPlaceholderIcon,\n    dataContract,\n    size,\n    defaultContext,\n    optionsSchema,\n    editorConfig,\n    events: {\n        'map.load': {\n            description: 'triggered when map is fully loaded',\n            parentKeys: ['exec'],\n        },\n        'map.click': {\n            description: 'trigger when user clicks map layer',\n        },\n    },\n    supports: [VizBehavior.DYNAMIC_OPTIONS, VizBehavior.EVENTS, VizBehavior.PLACEHOLDER],\n    themes,\n    requiredProps: [],\n};\n\nexport default enhanceConfig(config);\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\";\nexport * from \"@splunk/themes\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualization-color-palettes/editors/PresetPalettes\";\nexport * from \"@splunk/visualization-color-palettes/editors/PresetPalettes\";\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/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 \"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 { _ } from '@splunk/ui-utils/i18n';\nimport { EditorLayoutConfig } from '../interfaces/Editor';\nimport { ThemedDefaults } from '../interfaces/ThemedDefaults';\n\ninterface backgroundEditorProps {\n    label?: string;\n    themes: ThemedDefaults;\n    labelPosition?: string;\n}\n\nconst background: ({ label, themes, labelPosition }: backgroundEditorProps) => EditorLayoutConfig[] = ({\n    label,\n    themes,\n    labelPosition,\n}) => [\n    {\n        label: _(label || 'Background color'),\n        option: 'backgroundColor',\n        editor: 'editor.color',\n        editorProps: {\n            labelPosition: labelPosition || 'top',\n            themes,\n        },\n    },\n];\n\nexport default background;\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", "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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",
+  "sourcesContent": ["import { _ } from '@splunk/ui-utils/i18n';\nimport { pick, variables } from '@splunk/themes';\nimport { defaultPalettesConfig } from '@splunk/visualization-color-palettes/editors/PresetPalettes';\nimport { mapOptionsSchema as optionsSchema, LAYER_TYPE } from '@splunk/visualization-schemas';\nimport { Map as MapIcon } from '@splunk/visualization-icons';\nimport { Map as MapPlaceholderIcon } from '@splunk/visualization-icons/placeholders';\n\nimport { DataContract } from '../common/interfaces/DataContract';\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 { VizCategory } from '../common/interfaces/VizCategory';\nimport { VizConfig } from '../common/interfaces/VizConfig';\nimport { VizSize } from '../common/interfaces/VizSize';\nimport { enhanceConfig } from '../common/utils/configUtils';\nimport getBackgroundColorEditor from '../common/editorConfig/BackgroundColor';\nimport { defaultBackgroundColor } from '../common/ThemedDefaults';\n\nconst defaultContext: DefaultContext = {\n    colorRangeConfig: [\n        { to: 20, value: '#D41F1F' },\n        { from: 20, to: 40, value: '#D94E17' },\n        { from: 40, to: 60, value: '#CBA700' },\n        { from: 60, to: 80, value: '#669922' },\n        { from: 80, value: '#118832' },\n    ],\n    colorMatchConfig: [{ match: '', value: '#5C33FF' }],\n    colorGradientConfig: { colors: ['#252214', '#B846BB'] },\n};\n\nconst dataContract: DataContract = {\n    requiredDataSources: [],\n    optionalDataSources: [\n        {\n            name: 'primary',\n            description: 'DataSource that powers the visualization.',\n        },\n    ],\n    initialRequestParams: {\n        primary: { offset: 0, count: 10000 },\n    },\n};\n\nconst size: VizSize = {\n    initialWidth: 800,\n    initialHeight: 600,\n};\n\nconst themes: ThemedDefaults = {\n    defaultBackgroundColor,\n    controlBackgroundColor: props =>\n        pick({\n            enterprise: {\n                dark: variables.gray22(props),\n                light: variables.white(props),\n            },\n            prisma: variables.backgroundColorPopup(props),\n        })(props),\n    controlForegroundColor: props =>\n        pick({\n            enterprise: variables.textColor(props),\n            prisma: variables.contentColorDefault(props),\n        })(props),\n    defaultChoroplethEmptyAreaColor: props =>\n        pick({\n            enterprise: {\n                dark: variables.gray22(props),\n                light: variables.gray92(props),\n            },\n            prisma: {\n                dark: variables.interactiveColorBackground(props),\n                light: variables.neutral300(props),\n            },\n        })(props),\n    defaultGradientMigrationConfig: props =>\n        pick({\n            enterprise: {\n                dark: ['#4D4A5D', variables.syntaxPurple(props)],\n                light: ['#D2CFDC', variables.syntaxPurple(props)],\n            },\n            prisma: {\n                dark: ['#484558', variables.syntaxPurple(props)],\n                light: ['#D8D4E1', variables.syntaxPurple(props)],\n            },\n        })(props),\n};\n\nconst isChoroplethLayer = options => options.layers?.[0]?.type === LAYER_TYPE.Choropleth;\n\nconst isLocalChoroplethLayer = options =>\n    isChoroplethLayer(options) &&\n    (options.layers[0].source === 'geo://default/us' || options.layers[0].source === 'geo://default/world');\n\nconst EDITOR_LABEL_WIDTH = 140;\nconst editorConfig: EditorConfig[] = [\n    {\n        label: _('Data configurations'),\n        layout: [\n            [\n                {\n                    label: _('Layer type'),\n                    option: 'layers[0].type',\n                    editor: 'editor.select',\n                    editorProps: {\n                        values: [\n                            { label: _('Bubble'), value: LAYER_TYPE.Bubble },\n                            { label: _('Marker'), value: LAYER_TYPE.Marker },\n                            {\n                                label: _('Choropleth'),\n                                value: LAYER_TYPE.Choropleth,\n                            },\n                        ],\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Area IDs'),\n                    option: 'layers[0].areaIds',\n                    editor: 'editor.columnSelector',\n                    showEditor: ({ options }) => isChoroplethLayer(options),\n                    editorProps: {\n                        dataSourceKey: 'primary',\n                        shouldShowInternalFields: false,\n                        filterByTypes: ['string'],\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Area values'),\n                    option: 'layers[0].areaValues',\n                    editor: 'editor.columnSelector',\n                    showEditor: ({ options }) => isChoroplethLayer(options),\n                    editorProps: {\n                        dataSourceKey: 'primary',\n                        shouldShowInternalFields: false,\n                        filterByTypes: ['number'],\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Latitude'),\n                    option: 'layers[0].latitude',\n                    editor: 'editor.columnSelector',\n                    showEditor: ({ options }) => !isChoroplethLayer(options),\n                    editorProps: {\n                        dataSourceKey: 'primary',\n                        shouldShowInternalFields: false,\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Longitude'),\n                    option: 'layers[0].longitude',\n                    editor: 'editor.columnSelector',\n                    showEditor: ({ options }) => !isChoroplethLayer(options),\n                    editorProps: {\n                        dataSourceKey: 'primary',\n                        shouldShowInternalFields: false,\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Bubble size'),\n                    option: 'layers[0].bubbleSize',\n                    editor: 'editor.columnMultiSelector',\n                    showEditor: ({ options }) =>\n                        !(\n                            options.layers &&\n                            options.layers.length &&\n                            (options.layers[0].type === 'marker' || options.layers[0].type === 'choropleth')\n                        ),\n                    editorProps: {\n                        dataSourceKey: 'primary',\n                        shouldShowInternalFields: false,\n                        excludeByNames: ['latitude', 'longitude', 'geobin'],\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Additional tooltip fields'),\n                    option: 'layers[0].additionalTooltipFields',\n                    editor: 'editor.columnMultiSelectionByFieldNameEditor',\n                },\n            ],\n            [\n                {\n                    label: _('Tooltip header field'),\n                    option: 'layers[0].tooltipHeaderField',\n                    editor: 'editor.columnSelector',\n                    editorProps: {\n                        dataSourceKey: 'primary',\n                        shouldShowInternalFields: false,\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Result limit'),\n                    option: 'layers[0].resultLimit',\n                    editor: 'editor.number',\n                    showEditor: ({ options }) => !isLocalChoroplethLayer(options),\n                    editorProps: {\n                        themes,\n                        labelPosition: 'top',\n                        min: 0,\n                    },\n                },\n            ],\n        ],\n    },\n    {\n        label: _('Data display'),\n        layout: [\n            [\n                {\n                    label: _('Latitude (initial map location)'),\n                    option: 'center[0]',\n                    editor: 'editor.number',\n                    editorProps: {\n                        themes,\n                        labelPosition: 'top',\n                        min: -90,\n                        max: 90,\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Longitude (initial map location)'),\n                    option: 'center[1]',\n                    editor: 'editor.number',\n                    editorProps: {\n                        themes,\n                        labelPosition: 'top',\n                        min: -180,\n                        max: 180,\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Zoom (initial map location)'),\n                    option: 'zoom',\n                    editor: 'editor.number',\n                    editorProps: {\n                        themes,\n                        labelPosition: 'top',\n                        min: 0,\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Show Latitude and Longitude'),\n                    option: 'showCoordinates',\n                    editor: 'editor.checkbox',\n                    editorProps: {\n                        labelPosition: 'right',\n                        labelWidth: EDITOR_LABEL_WIDTH,\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Show zoom controls'),\n                    option: 'showZoomControls',\n                    editor: 'editor.checkbox',\n                    editorProps: {\n                        labelPosition: 'right',\n                        labelWidth: EDITOR_LABEL_WIDTH,\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Show scale'),\n                    option: 'showScale',\n                    editor: 'editor.toggle',\n                    editorProps: {\n                        labelPosition: 'right',\n                        labelWidth: EDITOR_LABEL_WIDTH,\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Scale unit'),\n                    option: 'scaleUnit',\n                    editor: 'editor.radioBar',\n                    showEditor: ({ options }) => options.showScale !== false,\n                    editorProps: {\n                        values: [\n                            { label: _('Metric'), value: 'metric' },\n                            { label: _('Imperial'), value: 'imperial' },\n                        ],\n                    },\n                },\n            ],\n        ],\n    },\n    {\n        label: _('Color and style'),\n        layout: [\n            [\n                {\n                    label: _('Data colors'),\n                    option: 'layers[0].dataColors',\n                    showEditor: ({ options }) => !isChoroplethLayer(options),\n                    context: 'colorRangeConfig',\n                    editor: 'editor.dynamicColorWithPrecedence',\n                    editorProps: {\n                        labelPosition: 'top',\n                        flyoutTitle: _('Dynamic coloring: value'),\n                        formatters: [\n                            {\n                                label: _('Ranges'),\n                                value: 'rangeValue',\n                                isDefault: true,\n                                defaults: {\n                                    dataValues: defaultContext.colorRangeConfig,\n                                },\n                            },\n                            {\n                                label: _('Matches'),\n                                value: 'matchValue',\n                                defaults: {\n                                    dataValues: defaultContext.colorMatchConfig,\n                                },\n                            },\n                        ],\n                        dataSelectors: [\n                            {\n                                label: _('Data values'),\n                                value: 'dataValues',\n                            },\n                        ],\n                        defaultPalettesConfig,\n                    },\n                },\n                {\n                    label: _('Data colors'),\n                    option: 'layers[0].dataColors',\n                    context: 'colorGradientConfig',\n                    editor: 'editor.dynamicColorWithPrecedence',\n                    showEditor: ({ options }) => isChoroplethLayer(options),\n                    editorProps: {\n                        labelPosition: 'top',\n                        flyoutTitle: _('Dynamic coloring: value'),\n                        formatters: [\n                            {\n                                label: _('Gradient'),\n                                value: 'gradient',\n                                isDefault: true,\n                                defaults: {\n                                    areaValues: defaultContext.colorGradientConfig,\n                                },\n                            },\n                            {\n                                label: _('Ranges'),\n                                value: 'rangeValue',\n                                defaults: {\n                                    areaValues: defaultContext.colorRangeConfig,\n                                },\n                            },\n                            {\n                                label: _('Matches'),\n                                value: 'matchValue',\n                                defaults: {\n                                    areaValues: defaultContext.colorMatchConfig,\n                                },\n                            },\n                        ],\n                        // Use areaValues for Choropleth\n                        dataSelectors: [\n                            {\n                                label: _('Area values'),\n                                value: 'areaValues',\n                            },\n                        ],\n                        defaultPalettesConfig,\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Data values'),\n                    editor: 'editor.columnSelector',\n                    option: 'layers[0].dataValues',\n                    showEditor: ({ options }) =>\n                        !isChoroplethLayer(options) && options.layers?.[0]?.dataColors,\n                    editorProps: {\n                        dataSourceKey: 'primary',\n                        filterByTypes: ['number'],\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Series colors'),\n                    option: 'layers[0].seriesColors',\n                    editor: 'editor.seriesColors',\n                    showEditor: ({ options }) =>\n                        !isChoroplethLayer(options) && !options.layers?.[0]?.dataColors,\n                },\n            ],\n            [\n                {\n                    label: _('Choropleth empty area'),\n                    option: 'layers[0].choroplethEmptyAreaColor',\n                    editor: 'editor.color',\n                    showEditor: ({ options }) => isLocalChoroplethLayer(options),\n                    editorProps: {\n                        themes,\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Choropleth stroke'),\n                    option: 'layers[0].choroplethStrokeColor',\n                    editor: 'editor.color',\n                    showEditor: ({ options }) => isChoroplethLayer(options),\n                    editorProps: {\n                        themes,\n                    },\n                },\n            ],\n            [\n                {\n                    label: _('Choropleth opacity (%)'),\n                    option: 'layers[0].choroplethOpacity',\n                    editor: 'editor.percent',\n                    showEditor: ({ options }) => isChoroplethLayer(options),\n                    editorProps: {\n                        themes,\n                        min: 0,\n                    },\n                },\n            ],\n            // TODO: add support for seriesColorsByField option\n            // [\n            //     {\n            //         label: _('Series colors by field name'),\n            //         option: 'seriesColorsByField',\n            //         editor: 'editor.seriesColorsByField',\n            //     },\n            // ],\n            getBackgroundColorEditor({ themes }),\n            [\n                {\n                    label: _('Show base layer'),\n                    option: 'showBaseLayer',\n                    editor: 'editor.toggle',\n                },\n            ],\n            [\n                {\n                    label: _('Base layer tile server'),\n                    option: 'baseLayerTileServer',\n                    editor: 'editor.text',\n                    showEditor: ({ options }) => options.showBaseLayer !== false,\n                },\n            ],\n            [\n                {\n                    label: _('Base layer tile server type'),\n                    option: 'baseLayerTileServerType',\n                    editor: 'editor.radioBar',\n                    showEditor: ({ options }) =>\n                        options.showBaseLayer === false\n                            ? false\n                            : !(\n                                  typeof options.baseLayerTileServer === 'undefined' ||\n                                  options.baseLayerTileServer === ''\n                              ),\n                    editorProps: {\n                        values: [\n                            { label: _('Vector'), value: 'vector' },\n                            { label: _('Raster'), value: 'raster' },\n                        ],\n                    },\n                },\n            ],\n        ],\n    },\n];\n\n/**\n * visualization configuration\n */\nconst config: VizConfig = {\n    /**\n     * unique viz key\n     */\n    key: 'splunk.map',\n    /**\n     * viz name\n     */\n    name: _('Map'),\n    category: VizCategory.SPATIAL,\n    status: 'preview',\n    /**\n     * viz icon\n     */\n    icon: MapIcon,\n    placeholderIcon: MapPlaceholderIcon,\n    dataContract,\n    size,\n    defaultContext,\n    optionsSchema,\n    editorConfig,\n    events: {\n        'map.load': {\n            description: 'triggered when map is fully loaded',\n            parentKeys: ['exec'],\n        },\n        'map.click': {\n            description: 'trigger when user clicks map layer',\n        },\n    },\n    supports: [VizBehavior.DYNAMIC_OPTIONS, VizBehavior.EVENTS, VizBehavior.PLACEHOLDER],\n    themes,\n    requiredProps: [],\n};\n\nexport default enhanceConfig(config);\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\";\nexport * from \"@splunk/themes\";\nexport default ('default' in defaultImport ? defaultImport.default : defaultImport);\n", "\nimport * as defaultImport from \"@splunk/visualization-color-palettes/editors/PresetPalettes\";\nexport * from \"@splunk/visualization-color-palettes/editors/PresetPalettes\";\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/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 \"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 { _ } from '@splunk/ui-utils/i18n';\nimport { EditorLayoutConfig } from '../interfaces/Editor';\nimport { ThemedDefaults } from '../interfaces/ThemedDefaults';\n\ninterface backgroundEditorProps {\n    label?: string;\n    themes: ThemedDefaults;\n    labelPosition?: string;\n}\n\nconst background: ({ label, themes, labelPosition }: backgroundEditorProps) => EditorLayoutConfig[] = ({\n    label,\n    themes,\n    labelPosition,\n}) => [\n    {\n        label: _(label || 'Background color'),\n        option: 'backgroundColor',\n        editor: 'editor.color',\n        editorProps: {\n            labelPosition: labelPosition || 'top',\n            themes,\n        },\n    },\n];\n\nexport default background;\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", "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", "config", "themes", "defaultImport", "defaultImport", "MapIcon", "MapPlaceholderIcon", "optionsSchema"]
 }

package/Map.js

@@ -2172,7 +2172,8 @@ var defaultContext = {
     { from: 60, to: 80, value: "#669922" },
     { from: 80, value: "#118832" }
   ],
-  colorMatchConfig: [{ match: "", value: "#5C33FF" }]
+  colorMatchConfig: [{ match: "", value: "#5C33FF" }],
+  colorGradientConfig: { colors: ["#252214", "#B846BB"] }
 };
 var dataContract = {
   requiredDataSources: [],
@@ -2444,6 +2445,7 @@ var editorConfig = [
         {
           label: (0, i18n_exports._)("Data colors"),
           option: "layers[0].dataColors",
+          showEditor: ({ options }) => !isChoroplethLayer(options),
           context: "colorRangeConfig",
           editor: "editor.dynamicColorWithPrecedence",
           editorProps: {
@@ -2473,8 +2475,50 @@ var editorConfig = [
               }
             ],
             defaultPalettesConfig: PresetPalettes_exports.defaultPalettesConfig
-          },
-          showEditor: ({ options }) => !isChoroplethLayer(options)
+          }
+        },
+        {
+          label: (0, i18n_exports._)("Data colors"),
+          option: "layers[0].dataColors",
+          context: "colorGradientConfig",
+          editor: "editor.dynamicColorWithPrecedence",
+          showEditor: ({ options }) => isChoroplethLayer(options),
+          editorProps: {
+            labelPosition: "top",
+            flyoutTitle: (0, i18n_exports._)("Dynamic coloring: value"),
+            formatters: [
+              {
+                label: (0, i18n_exports._)("Gradient"),
+                value: "gradient",
+                isDefault: true,
+                defaults: {
+                  areaValues: defaultContext.colorGradientConfig
+                }
+              },
+              {
+                label: (0, i18n_exports._)("Ranges"),
+                value: "rangeValue",
+                defaults: {
+                  areaValues: defaultContext.colorRangeConfig
+                }
+              },
+              {
+                label: (0, i18n_exports._)("Matches"),
+                value: "matchValue",
+                defaults: {
+                  areaValues: defaultContext.colorMatchConfig
+                }
+              }
+            ],
+            // Use areaValues for Choropleth
+            dataSelectors: [
+              {
+                label: (0, i18n_exports._)("Area values"),
+                value: "areaValues"
+              }
+            ],
+            defaultPalettesConfig: PresetPalettes_exports.defaultPalettesConfig
+          }
         }
       ],
       [
@@ -2928,7 +2972,7 @@ var withFixedSizeContainer = (Viz) => {
       FixSizeItem,
       {
         "data-test": "fix-size-item",
-        "data-splunk-visualization-version": "28.0.0 - 0c5f07712",
+        "data-splunk-visualization-version": "28.1.0 - 4a1bff08b",
         width,
         height,
         backgroundColor
@@ -2994,7 +3038,7 @@ var Cover = styled_components_default.div`
     bottom: 0;
 `;
 var Blocker = styled_components_default.div.attrs({
-  "data-splunk-visualization-version": "28.0.0 - 0c5f07712"
+  "data-splunk-visualization-version": "28.1.0 - 4a1bff08b"
 })`
     position: relative;
     width: 100%;
@@ -3725,7 +3769,7 @@ var withDashboardViz = (opts) => {
         }
         eventCallbackProps[eventCallbackPropName] = (ev) => {
           if (ev && ev.payload) {
-            payload = ev.payload;
+            payload = __spreadValues({}, ev.payload);
           }
           return onEventTrigger({
             originalEvent: ev,