@splunk/visualizations 26.4.0 → 27.0.0

package/Map.config.js

@@ -1,394 +1,171 @@
-/*!
- * Copyright © 2024 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.
- */
-module.exports =
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 54);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/i18n");
-
-/***/ }),
-
-/***/ 1:
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/toConsumableArray");
-
-/***/ }),
-
-/***/ 10:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/visualization-icons/placeholders");
-
-/***/ }),
-
-/***/ 11:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/visualization-icons");
-
-/***/ }),
-
-/***/ 12:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var i18n_1 = __webpack_require__(0);
-
-var background = function background(_ref) {
-  var label = _ref.label,
-      themes = _ref.themes,
-      labelPosition = _ref.labelPosition;
-  return [{
-    label: (0, i18n_1._)(label || 'Background color'),
-    option: 'backgroundColor',
-    editor: 'editor.color',
-    editorProps: {
-      labelPosition: labelPosition || 'top',
-      themes: themes
+/* 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. */
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
     }
-  }];
+  return a;
 };
-
-exports.default = background;
-
-/***/ }),
-
-/***/ 19:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/themes");
-
-/***/ }),
-
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/visualization-schemas");
-
-/***/ }),
-
-/***/ 3:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _toConsumableArray = __webpack_require__(1);
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Map/config.ts
+var config_exports = {};
+__export(config_exports, {
+  default: () => config_default
 });
-exports.insertLayout = exports.isDynamicOption = exports.uncollapseEditorConfig = exports.generatePrecisionValues = exports.getInitialPreset = exports.enhanceConfig = exports.enhanceOptionsSchemaWithDynamicOptions = void 0;
-
-var lodash_1 = __webpack_require__(5); // included for backwards compatibility
-
-
-var visualization_schemas_1 = __webpack_require__(2);
+module.exports = __toCommonJS(config_exports);
 
-Object.defineProperty(exports, "enhanceOptionsSchemaWithDynamicOptions", {
-  enumerable: true,
-  get: function get() {
-    return visualization_schemas_1.enhanceOptionsSchemaWithDynamicOptions;
-  }
+// esm-externals:@splunk/visualization-icons
+var visualization_icons_exports = {};
+__export(visualization_icons_exports, {
+  default: () => visualization_icons_default
+});
+var defaultImport = __toESM(require("@splunk/visualization-icons"));
+__reExport(visualization_icons_exports, require("@splunk/visualization-icons"));
+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 defaultImport2 = __toESM(require("@splunk/visualization-icons/placeholders"));
+__reExport(placeholders_exports, require("@splunk/visualization-icons/placeholders"));
+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 defaultImport3 = __toESM(require("@splunk/visualization-schemas"));
+__reExport(visualization_schemas_exports, require("@splunk/visualization-schemas"));
+var visualization_schemas_default = "default" in defaultImport3 ? defaultImport3.default : defaultImport3;
+
+// esm-externals:@splunk/themes
+var themes_exports = {};
+__export(themes_exports, {
+  default: () => themes_default
+});
+var defaultImport4 = __toESM(require("@splunk/themes"));
+__reExport(themes_exports, require("@splunk/themes"));
+var themes_default = "default" in defaultImport4 ? defaultImport4.default : defaultImport4;
+
+// esm-externals:@splunk/ui-utils/i18n
+var i18n_exports = {};
+__export(i18n_exports, {
+  default: () => i18n_default
 });
-/**
- * Helper function to enhance a Visualization Config as needed based on behaviors specified in supports block
- * this function also collapse all editor panels
- * @param vizConfig a Visualization Config
- * @returns an enhanced Visualization Config containing updated config entries based on behaviors it supports
- * and containing `open: false` for all editor panels in editorConfig
- */
+var defaultImport5 = __toESM(require("@splunk/ui-utils/i18n"));
+__reExport(i18n_exports, require("@splunk/ui-utils/i18n"));
+var i18n_default = "default" in defaultImport5 ? defaultImport5.default : defaultImport5;
+
+// esm-externals:lodash
+var lodash_exports = {};
+__export(lodash_exports, {
+  default: () => lodash_default
+});
+var defaultImport6 = __toESM(require("lodash"));
+__reExport(lodash_exports, require("lodash"));
+var lodash_default = "default" in defaultImport6 ? defaultImport6.default : defaultImport6;
+
+// esm-externals:@splunk/visualizations-shared/configUtils
+var configUtils_exports = {};
+__export(configUtils_exports, {
+  default: () => configUtils_default
+});
+var defaultImport7 = __toESM(require("@splunk/visualizations-shared/configUtils"));
+__reExport(configUtils_exports, require("@splunk/visualizations-shared/configUtils"));
+var configUtils_default = "default" in defaultImport7 ? defaultImport7.default : defaultImport7;
 
+// src/common/utils/configUtils.ts
 function enhanceConfig(vizConfig) {
-  var enhancedConfig = Object.assign({}, vizConfig);
-  enhancedConfig.editorConfig = vizConfig.editorConfig.map(function (config) {
-    return Object.assign(Object.assign({}, config), {
-      open: config.open || false
-    });
-  });
+  const enhancedConfig = __spreadValues({}, vizConfig);
+  enhancedConfig.editorConfig = vizConfig.editorConfig.map(
+    (config2) => {
+      return __spreadProps(__spreadValues({}, config2), { open: config2.open || false });
+    }
+  );
   return enhancedConfig;
 }
 
-exports.enhanceConfig = enhanceConfig;
-/**
- * Helper function to uncollapse all editor panels by adding `open: true` to the editorConfig
- * Created for editor unit tests
- * @param vizConfig a Visualization Config
- * @returns a Visualization Config containing `open: true` for all editor panels in editorConfig
- */
-
-function uncollapseEditorConfig(vizConfig) {
-  var editorPanelUncollapsedConfig = Object.assign({}, vizConfig);
-  editorPanelUncollapsedConfig.editorConfig = vizConfig.editorConfig.map(function (config) {
-    return Object.assign(Object.assign({}, config), {
-      open: true
-    });
-  });
-  return editorPanelUncollapsedConfig;
-}
-
-exports.uncollapseEditorConfig = uncollapseEditorConfig;
-
-function isDynamicOption(option) {
-  return option && typeof option === 'string' && option.trim().startsWith('>') || false;
-}
-
-exports.isDynamicOption = isDynamicOption; // private helpers to improve readability of getInitialPreset
-// this shouldn't be tested since this util isn't something that we expect to use outside of getInitialPreset
-
-/**
- * this checks to make sure that all values within vizContext are compatible with the given preset's context to determine the initialPreset
- * 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
- * the inverse is true; if a preset has key is NOT undefined, it must also be NOT undefined in the corresponding vizContext
- * 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
- *
- * Since the presetConfigs have explicit undefined keys to override the existing config, we need to explicitly check the undefined values
- */
-
-function hasCompatibleContexts(vizContext, presetContext) {
-  var presetContextKeys = Object.keys(presetContext);
-  return presetContextKeys.every(function (contextKey) {
-    return presetContext[contextKey] === undefined && vizContext[contextKey] === undefined || presetContext[contextKey] !== undefined && vizContext[contextKey] !== undefined;
-  });
-}
-/**
- * Checks to make sure that dynamic (non-dynamic) options in a given preset are also dynamic (non-dynamic) in the vizOptions
- */
-
-
-function hasCompatibleOptions(vizOptions, presetOptions) {
-  var presetOptionKeys = Object.keys(presetOptions);
-  return presetOptionKeys.every(function (optionKey) {
-    return isDynamicOption(presetOptions[optionKey]) === isDynamicOption(vizOptions[optionKey]);
-  });
-}
-/**
- * Evaluates whether there is an initialPreset that fits the current state of vizContext + vizOptions
- * This function ignores extraneous vizOptions or vizContext keys, as they could be outside the scope of what the preset is intended to configure
- *
- * @param {Object} vizContext - the current vizContext definition
- * @param {Object} vizOptions - the current vizOptions definition
- * @param {PresetEntry[]} presets - the list of presets, one of which can be considered an initialPreset
- */
-
-
-function getInitialPreset(vizContext, vizOptions, presets) {
-  return presets.find(function (preset) {
-    var presetContext = (0, lodash_1.get)(preset, ['value', 'context'], {});
-    var presetOptions = (0, lodash_1.get)(preset, ['value', 'options'], {});
-    var presetContextKeys = Object.keys(presetContext);
-    var presetOptionKeys = Object.keys(presetOptions); // all presets have to explicitly specify which options to reset (i.e. need explicitly undefined keys)
-    // if not, then the preset is invalid in config.ts
-
-    if (presetContextKeys.length === 0 || presetOptionKeys.length === 0) return false;
-    return hasCompatibleContexts(vizContext, presetContext) && hasCompatibleOptions(vizOptions, presetOptions);
-  });
-}
-
-exports.getInitialPreset = getInitialPreset;
-/**
- * generates number precision values for a Select editor
- *
- * @param {Number} numPrecisionValues - number of integer precision values to generate
- * @returns {{ label: string; value; string  }[]} array of { label, value } tuples
- */
-
-function generatePrecisionValues(numPrecisionValues) {
-  return (0, lodash_1.range)(0, numPrecisionValues + 1).map(function (i) {
-    return {
-      label: "".concat(i, " (0").concat(i > 0 ? '.' : '').concat('0'.repeat(i), ")"),
-      value: i
-    };
-  });
-}
-
-exports.generatePrecisionValues = generatePrecisionValues;
-/**
- * insert layout in layout array, return a new layout array instead of updating the original
- *
- * @param {EditorLayoutConfig[][]} layout - editor layout
- * @param {Number} index - the index to insert layout item(s)
- * @param {EditorLayoutConfig[][]} layoutItems - the item(s) to insert
- * @returns {EditorLayoutConfig[][]} new editor layout with insertion
- */
-
-var insertLayout = function insertLayout(layout, index) {
-  for (var _len = arguments.length, layoutItems = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-    layoutItems[_key - 2] = arguments[_key];
+// src/common/editorConfig/BackgroundColor.ts
+var background = ({
+  label,
+  themes: themes2,
+  labelPosition
+}) => [
+  {
+    label: (0, i18n_exports._)(label || "Background color"),
+    option: "backgroundColor",
+    editor: "editor.color",
+    editorProps: {
+      labelPosition: labelPosition || "top",
+      themes: themes2
+    }
   }
+];
+var BackgroundColor_default = background;
 
-  return [].concat(_toConsumableArray(layout.slice(0, index)), layoutItems, _toConsumableArray(layout.slice(index)));
-};
-
-exports.insertLayout = insertLayout;
-
-/***/ }),
-
-/***/ 5:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash");
-
-/***/ }),
-
-/***/ 54:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var visualization_icons_1 = __webpack_require__(11);
-
-var placeholders_1 = __webpack_require__(10);
-
-var visualization_schemas_1 = __webpack_require__(2);
-
-var themes_1 = __webpack_require__(19);
-
-var i18n_1 = __webpack_require__(0);
-
-var VizBehavior_1 = __webpack_require__(6);
-
-var VizCategory_1 = __webpack_require__(7);
-
-var configUtils_1 = __webpack_require__(3);
-
-var BackgroundColor_1 = __webpack_require__(12);
-
+// src/Map/config.ts
 var defaultContext = {
-  colorRangeConfig: [{
-    to: 20,
-    value: '#D41F1F'
-  }, {
-    from: 20,
-    to: 40,
-    value: '#D94E17'
-  }, {
-    from: 40,
-    to: 60,
-    value: '#CBA700'
-  }, {
-    from: 60,
-    to: 80,
-    value: '#669922'
-  }, {
-    from: 80,
-    value: '#118832'
-  }]
+  colorRangeConfig: [
+    { to: 20, value: "#D41F1F" },
+    { from: 20, to: 40, value: "#D94E17" },
+    { from: 40, to: 60, value: "#CBA700" },
+    { from: 60, to: 80, value: "#669922" },
+    { from: 80, value: "#118832" }
+  ]
 };
 var dataContract = {
   requiredDataSources: [],
-  optionalDataSources: [{
-    name: 'primary',
-    description: 'DataSource that powers the visualization.'
-  }],
-  initialRequestParams: {
-    primary: {
-      offset: 0,
-      count: 10000
+  optionalDataSources: [
+    {
+      name: "primary",
+      description: "DataSource that powers the visualization."
     }
+  ],
+  initialRequestParams: {
+    primary: { offset: 0, count: 1e4 }
   }
 };
 var size = {
@@ -396,452 +173,375 @@ var size = {
   initialHeight: 600
 };
 var themes = {
-  defaultBackgroundColor: function defaultBackgroundColor(props) {
-    return (0, themes_1.pick)({
-      enterprise: {
-        dark: themes_1.variables.black(props),
-        light: themes_1.variables.backgroundColor(props)
-      },
-      prisma: themes_1.variables.backgroundColorSidebar(props)
-    })(props);
-  },
-  controlBackgroundColor: function controlBackgroundColor(props) {
-    return (0, themes_1.pick)({
-      enterprise: {
-        dark: themes_1.variables.gray22(props),
-        light: themes_1.variables.white(props)
-      },
-      prisma: themes_1.variables.backgroundColorPopup(props)
-    })(props);
-  },
-  controlForegroundColor: function controlForegroundColor(props) {
-    return (0, themes_1.pick)({
-      enterprise: themes_1.variables.textColor(props),
-      prisma: themes_1.variables.contentColorDefault(props)
-    })(props);
-  },
-  defaultChoroplethEmptyAreaColor: function defaultChoroplethEmptyAreaColor(props) {
-    return (0, themes_1.pick)({
-      enterprise: {
-        dark: themes_1.variables.gray22(props),
-        light: themes_1.variables.gray92(props)
-      },
-      prisma: {
-        dark: themes_1.variables.interactiveColorBackground(props),
-        light: themes_1.variables.neutral300(props)
-      }
-    })(props);
-  },
-  defaultGradientMigrationConfig: function defaultGradientMigrationConfig(props) {
-    return (0, themes_1.pick)({
-      enterprise: {
-        dark: ['#4D4A5D', themes_1.variables.syntaxPurple(props)],
-        light: ['#D2CFDC', themes_1.variables.syntaxPurple(props)]
-      },
-      prisma: {
-        dark: ['#484558', themes_1.variables.syntaxPurple(props)],
-        light: ['#D8D4E1', themes_1.variables.syntaxPurple(props)]
-      }
-    })(props);
-  }
-};
-
-var checkTypeIsChoropleth = function checkTypeIsChoropleth(options) {
-  return options.layers && options.layers.length && options.layers[0].type === visualization_schemas_1.LAYER_TYPE.Choropleth;
-};
-
-var checkTypeIsLocalChoropleth = function checkTypeIsLocalChoropleth(options) {
-  return options.layers && options.layers.length && options.layers[0].type === visualization_schemas_1.LAYER_TYPE.Choropleth && (options.layers[0].source === 'geo://default/us' || options.layers[0].source === 'geo://default/world');
-};
-
-var EDITOR_LABEL_WIDTH = 140;
-var editorConfig = [{
-  label: (0, i18n_1._)('Data configurations'),
-  layout: [[{
-    label: (0, i18n_1._)('Layer type'),
-    option: 'layers[0].type',
-    editor: 'editor.select',
-    editorProps: {
-      values: [{
-        label: (0, i18n_1._)('Bubble'),
-        value: visualization_schemas_1.LAYER_TYPE.Bubble
-      }, {
-        label: (0, i18n_1._)('Marker'),
-        value: visualization_schemas_1.LAYER_TYPE.Marker
-      }, {
-        label: (0, i18n_1._)('Choropleth'),
-        value: visualization_schemas_1.LAYER_TYPE.Choropleth
-      }]
-    }
-  }], [{
-    label: (0, i18n_1._)('Area IDs'),
-    option: 'layers[0].areaIds',
-    editor: 'editor.columnSelector',
-    showEditor: function showEditor(_ref) {
-      var options = _ref.options;
-      return checkTypeIsChoropleth(options);
-    },
-    editorProps: {
-      dataSourceKey: 'primary',
-      shouldShowInternalFields: false,
-      filterByTypes: ['string']
-    }
-  }], [{
-    label: (0, i18n_1._)('Area values'),
-    option: 'layers[0].areaValues',
-    editor: 'editor.columnSelector',
-    showEditor: function showEditor(_ref2) {
-      var options = _ref2.options;
-      return checkTypeIsChoropleth(options);
+  defaultBackgroundColor: (props) => (0, themes_exports.pick)({
+    enterprise: {
+      dark: themes_exports.variables.black(props),
+      light: themes_exports.variables.backgroundColor(props)
     },
-    editorProps: {
-      dataSourceKey: 'primary',
-      shouldShowInternalFields: false,
-      filterByTypes: ['number']
-    }
-  }], [{
-    label: (0, i18n_1._)('Latitude'),
-    option: 'layers[0].latitude',
-    editor: 'editor.columnSelector',
-    showEditor: function showEditor(_ref3) {
-      var options = _ref3.options;
-      return !(options.layers && options.layers.length && options.layers[0].type === 'choropleth');
+    prisma: themes_exports.variables.backgroundColorSidebar(props)
+  })(props),
+  controlBackgroundColor: (props) => (0, themes_exports.pick)({
+    enterprise: {
+      dark: themes_exports.variables.gray22(props),
+      light: themes_exports.variables.white(props)
     },
-    editorProps: {
-      dataSourceKey: 'primary',
-      shouldShowInternalFields: false
-    }
-  }], [{
-    label: (0, i18n_1._)('Longitude'),
-    option: 'layers[0].longitude',
-    editor: 'editor.columnSelector',
-    showEditor: function showEditor(_ref4) {
-      var options = _ref4.options;
-      return !(options.layers && options.layers.length && options.layers[0].type === 'choropleth');
+    prisma: themes_exports.variables.backgroundColorPopup(props)
+  })(props),
+  controlForegroundColor: (props) => (0, themes_exports.pick)({
+    enterprise: themes_exports.variables.textColor(props),
+    prisma: themes_exports.variables.contentColorDefault(props)
+  })(props),
+  defaultChoroplethEmptyAreaColor: (props) => (0, themes_exports.pick)({
+    enterprise: {
+      dark: themes_exports.variables.gray22(props),
+      light: themes_exports.variables.gray92(props)
     },
-    editorProps: {
-      dataSourceKey: 'primary',
-      shouldShowInternalFields: false
-    }
-  }], [{
-    label: (0, i18n_1._)('Bubble size'),
-    option: 'layers[0].bubbleSize',
-    editor: 'editor.columnMultiSelector',
-    showEditor: function showEditor(_ref5) {
-      var options = _ref5.options;
-      return !(options.layers && options.layers.length && (options.layers[0].type === 'marker' || options.layers[0].type === 'choropleth'));
-    },
-    editorProps: {
-      dataSourceKey: 'primary',
-      shouldShowInternalFields: false,
-      excludeByNames: ['latitude', 'longitude', 'geobin']
-    }
-  }], [{
-    label: (0, i18n_1._)('Additional tooltip fields'),
-    option: 'layers[0].additionalTooltipFields',
-    editor: 'editor.columnMultiSelectionByFieldNameEditor'
-  }], [{
-    label: (0, i18n_1._)('Result limit'),
-    option: 'layers[0].resultLimit',
-    editor: 'editor.number',
-    showEditor: function showEditor(_ref6) {
-      var options = _ref6.options;
-      return !checkTypeIsLocalChoropleth(options);
-    },
-    editorProps: {
-      themes: themes,
-      labelPosition: 'top',
-      min: 0
+    prisma: {
+      dark: themes_exports.variables.interactiveColorBackground(props),
+      light: themes_exports.variables.neutral300(props)
     }
-  }]]
-}, {
-  label: (0, i18n_1._)('Data display'),
-  layout: [[{
-    label: (0, i18n_1._)('Latitude (initial map location)'),
-    option: 'center[0]',
-    editor: 'editor.number',
-    editorProps: {
-      themes: themes,
-      labelPosition: 'top',
-      min: -90,
-      max: 90
-    }
-  }], [{
-    label: (0, i18n_1._)('Longitude (initial map location)'),
-    option: 'center[1]',
-    editor: 'editor.number',
-    editorProps: {
-      themes: themes,
-      labelPosition: 'top',
-      min: -180,
-      max: 180
-    }
-  }], [{
-    label: (0, i18n_1._)('Zoom (initial map location)'),
-    option: 'zoom',
-    editor: 'editor.number',
-    editorProps: {
-      themes: themes,
-      labelPosition: 'top',
-      min: 0
-    }
-  }], [{
-    label: (0, i18n_1._)('Show zoom controls'),
-    option: 'showZoomControls',
-    editor: 'editor.checkbox',
-    editorProps: {
-      labelPosition: 'right',
-      labelWidth: EDITOR_LABEL_WIDTH
-    }
-  }], [{
-    label: (0, i18n_1._)('Show scale'),
-    option: 'showScale',
-    editor: 'editor.toggle',
-    editorProps: {
-      labelPosition: 'right',
-      labelWidth: EDITOR_LABEL_WIDTH
-    }
-  }], [{
-    label: (0, i18n_1._)('Scale unit'),
-    option: 'scaleUnit',
-    editor: 'editor.radioBar',
-    showEditor: function showEditor(_ref7) {
-      var options = _ref7.options;
-      return options.showScale !== false;
+  })(props),
+  defaultGradientMigrationConfig: (props) => (0, themes_exports.pick)({
+    enterprise: {
+      dark: ["#4D4A5D", themes_exports.variables.syntaxPurple(props)],
+      light: ["#D2CFDC", themes_exports.variables.syntaxPurple(props)]
     },
-    editorProps: {
-      values: [{
-        label: (0, i18n_1._)('Metric'),
-        value: 'metric'
-      }, {
-        label: (0, i18n_1._)('Imperial'),
-        value: 'imperial'
-      }]
+    prisma: {
+      dark: ["#484558", themes_exports.variables.syntaxPurple(props)],
+      light: ["#D8D4E1", themes_exports.variables.syntaxPurple(props)]
     }
-  }]]
-}, {
-  label: (0, i18n_1._)('Color and style'),
-  layout: [// TODO: add support for color mode option and its corresponding editor
-  // [
-  //     {
-  //         label: _('Color mode'),
-  //         option: 'colorMode',
-  //         editor: 'editor.radioBar',
-  //         editorProps: {
-  //             values: [
-  //                 { label: _('Static'), value: 'static' },
-  //                 { label: _('Dynamic'), value: 'dynamic' },
-  //             ],
-  //         },
-  //     },
-  // ],
-  [{
-    label: (0, i18n_1._)('Series colors'),
-    option: 'layers[0].seriesColors',
-    editor: 'editor.seriesColors',
-    showEditor: function showEditor(_ref8) {
-      var options = _ref8.options;
-      return !(options.layers && options.layers.length && options.layers[0].type === 'choropleth');
-    }
-  }], // TODO: add editor for data colors
-  // [
-  //     {
-  //         label: _('Data colors'),
-  //         option: 'layers[0].dataColors',
-  //         editor: 'editor.text',
-  //         editorProps: {
-  //             themes,
-  //             labelPosition: 'top',
-  //         },
-  //     },
-  // ],
-  [{
-    label: (0, i18n_1._)('Choropleth empty area'),
-    option: 'layers[0].choroplethEmptyAreaColor',
-    editor: 'editor.color',
-    showEditor: function showEditor(_ref9) {
-      var options = _ref9.options;
-      return checkTypeIsLocalChoropleth(options);
-    },
-    editorProps: {
-      themes: themes
-    }
-  }], [{
-    label: (0, i18n_1._)('Choropleth stroke'),
-    option: 'layers[0].choroplethStrokeColor',
-    editor: 'editor.color',
-    showEditor: function showEditor(_ref10) {
-      var options = _ref10.options;
-      return checkTypeIsChoropleth(options);
-    },
-    editorProps: {
-      themes: themes
-    }
-  }], [{
-    label: (0, i18n_1._)('Choropleth opacity (%)'),
-    option: 'layers[0].choroplethOpacity',
-    editor: 'editor.percent',
-    showEditor: function showEditor(_ref11) {
-      var options = _ref11.options;
-      return checkTypeIsChoropleth(options);
-    },
-    editorProps: {
-      themes: themes,
-      min: 0
-    }
-  }], // TODO: add support for seriesColorsByField option
-  // [
-  //     {
-  //         label: _('Series colors by field name'),
-  //         option: 'seriesColorsByField',
-  //         editor: 'editor.seriesColorsByField',
-  //     },
-  // ],
-  (0, BackgroundColor_1.default)({
-    themes: themes
-  }), [{
-    label: (0, i18n_1._)('Show base layer'),
-    option: 'showBaseLayer',
-    editor: 'editor.toggle'
-  }], [{
-    label: (0, i18n_1._)('Base layer tile server'),
-    option: 'baseLayerTileServer',
-    editor: 'editor.text',
-    showEditor: function showEditor(_ref12) {
-      var options = _ref12.options;
-      return options.showBaseLayer !== false;
-    }
-  }], [{
-    label: (0, i18n_1._)('Base layer tile server type'),
-    option: 'baseLayerTileServerType',
-    editor: 'editor.radioBar',
-    showEditor: function showEditor(_ref13) {
-      var options = _ref13.options;
-      return options.showBaseLayer === false ? false : !(typeof options.baseLayerTileServer === 'undefined' || options.baseLayerTileServer === '');
-    },
-    editorProps: {
-      values: [{
-        label: (0, i18n_1._)('Vector'),
-        value: 'vector'
-      }, {
-        label: (0, i18n_1._)('Raster'),
-        value: 'raster'
-      }]
-    }
-  }]]
-}];
-/**
- * visualization configuration
- */
-
+  })(props)
+};
+var checkTypeIsChoropleth = (options) => options.layers && options.layers.length && options.layers[0].type === visualization_schemas_exports.LAYER_TYPE.Choropleth;
+var checkTypeIsLocalChoropleth = (options) => options.layers && options.layers.length && options.layers[0].type === visualization_schemas_exports.LAYER_TYPE.Choropleth && (options.layers[0].source === "geo://default/us" || options.layers[0].source === "geo://default/world");
+var EDITOR_LABEL_WIDTH = 140;
+var editorConfig = [
+  {
+    label: (0, i18n_exports._)("Data configurations"),
+    layout: [
+      [
+        {
+          label: (0, i18n_exports._)("Layer type"),
+          option: "layers[0].type",
+          editor: "editor.select",
+          editorProps: {
+            values: [
+              { label: (0, i18n_exports._)("Bubble"), value: visualization_schemas_exports.LAYER_TYPE.Bubble },
+              { label: (0, i18n_exports._)("Marker"), value: visualization_schemas_exports.LAYER_TYPE.Marker },
+              { label: (0, i18n_exports._)("Choropleth"), value: visualization_schemas_exports.LAYER_TYPE.Choropleth }
+            ]
+          }
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Area IDs"),
+          option: "layers[0].areaIds",
+          editor: "editor.columnSelector",
+          showEditor: ({ options }) => checkTypeIsChoropleth(options),
+          editorProps: {
+            dataSourceKey: "primary",
+            shouldShowInternalFields: false,
+            filterByTypes: ["string"]
+          }
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Area values"),
+          option: "layers[0].areaValues",
+          editor: "editor.columnSelector",
+          showEditor: ({ options }) => checkTypeIsChoropleth(options),
+          editorProps: {
+            dataSourceKey: "primary",
+            shouldShowInternalFields: false,
+            filterByTypes: ["number"]
+          }
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Latitude"),
+          option: "layers[0].latitude",
+          editor: "editor.columnSelector",
+          showEditor: ({ options }) => !(options.layers && options.layers.length && options.layers[0].type === "choropleth"),
+          editorProps: {
+            dataSourceKey: "primary",
+            shouldShowInternalFields: false
+          }
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Longitude"),
+          option: "layers[0].longitude",
+          editor: "editor.columnSelector",
+          showEditor: ({ options }) => !(options.layers && options.layers.length && options.layers[0].type === "choropleth"),
+          editorProps: {
+            dataSourceKey: "primary",
+            shouldShowInternalFields: false
+          }
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Bubble size"),
+          option: "layers[0].bubbleSize",
+          editor: "editor.columnMultiSelector",
+          showEditor: ({ options }) => !(options.layers && options.layers.length && (options.layers[0].type === "marker" || options.layers[0].type === "choropleth")),
+          editorProps: {
+            dataSourceKey: "primary",
+            shouldShowInternalFields: false,
+            excludeByNames: ["latitude", "longitude", "geobin"]
+          }
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Additional tooltip fields"),
+          option: "layers[0].additionalTooltipFields",
+          editor: "editor.columnMultiSelectionByFieldNameEditor"
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Result limit"),
+          option: "layers[0].resultLimit",
+          editor: "editor.number",
+          showEditor: ({ options }) => !checkTypeIsLocalChoropleth(options),
+          editorProps: {
+            themes,
+            labelPosition: "top",
+            min: 0
+          }
+        }
+      ]
+    ]
+  },
+  {
+    label: (0, i18n_exports._)("Data display"),
+    layout: [
+      [
+        {
+          label: (0, i18n_exports._)("Latitude (initial map location)"),
+          option: "center[0]",
+          editor: "editor.number",
+          editorProps: {
+            themes,
+            labelPosition: "top",
+            min: -90,
+            max: 90
+          }
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Longitude (initial map location)"),
+          option: "center[1]",
+          editor: "editor.number",
+          editorProps: {
+            themes,
+            labelPosition: "top",
+            min: -180,
+            max: 180
+          }
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Zoom (initial map location)"),
+          option: "zoom",
+          editor: "editor.number",
+          editorProps: {
+            themes,
+            labelPosition: "top",
+            min: 0
+          }
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Show zoom controls"),
+          option: "showZoomControls",
+          editor: "editor.checkbox",
+          editorProps: {
+            labelPosition: "right",
+            labelWidth: EDITOR_LABEL_WIDTH
+          }
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Show scale"),
+          option: "showScale",
+          editor: "editor.toggle",
+          editorProps: {
+            labelPosition: "right",
+            labelWidth: EDITOR_LABEL_WIDTH
+          }
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Scale unit"),
+          option: "scaleUnit",
+          editor: "editor.radioBar",
+          showEditor: ({ options }) => options.showScale !== false,
+          editorProps: {
+            values: [
+              { label: (0, i18n_exports._)("Metric"), value: "metric" },
+              { label: (0, i18n_exports._)("Imperial"), value: "imperial" }
+            ]
+          }
+        }
+      ]
+    ]
+  },
+  {
+    label: (0, i18n_exports._)("Color and style"),
+    layout: [
+      // TODO: add support for color mode option and its corresponding editor
+      // [
+      //     {
+      //         label: _('Color mode'),
+      //         option: 'colorMode',
+      //         editor: 'editor.radioBar',
+      //         editorProps: {
+      //             values: [
+      //                 { label: _('Static'), value: 'static' },
+      //                 { label: _('Dynamic'), value: 'dynamic' },
+      //             ],
+      //         },
+      //     },
+      // ],
+      [
+        {
+          label: (0, i18n_exports._)("Series colors"),
+          option: "layers[0].seriesColors",
+          editor: "editor.seriesColors",
+          showEditor: ({ options }) => !(options.layers && options.layers.length && options.layers[0].type === "choropleth")
+        }
+      ],
+      // TODO: add editor for data colors
+      // [
+      //     {
+      //         label: _('Data colors'),
+      //         option: 'layers[0].dataColors',
+      //         editor: 'editor.text',
+      //         editorProps: {
+      //             themes,
+      //             labelPosition: 'top',
+      //         },
+      //     },
+      // ],
+      [
+        {
+          label: (0, i18n_exports._)("Choropleth empty area"),
+          option: "layers[0].choroplethEmptyAreaColor",
+          editor: "editor.color",
+          showEditor: ({ options }) => checkTypeIsLocalChoropleth(options),
+          editorProps: {
+            themes
+          }
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Choropleth stroke"),
+          option: "layers[0].choroplethStrokeColor",
+          editor: "editor.color",
+          showEditor: ({ options }) => checkTypeIsChoropleth(options),
+          editorProps: {
+            themes
+          }
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Choropleth opacity (%)"),
+          option: "layers[0].choroplethOpacity",
+          editor: "editor.percent",
+          showEditor: ({ options }) => checkTypeIsChoropleth(options),
+          editorProps: {
+            themes,
+            min: 0
+          }
+        }
+      ],
+      // TODO: add support for seriesColorsByField option
+      // [
+      //     {
+      //         label: _('Series colors by field name'),
+      //         option: 'seriesColorsByField',
+      //         editor: 'editor.seriesColorsByField',
+      //     },
+      // ],
+      BackgroundColor_default({ themes }),
+      [
+        {
+          label: (0, i18n_exports._)("Show base layer"),
+          option: "showBaseLayer",
+          editor: "editor.toggle"
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Base layer tile server"),
+          option: "baseLayerTileServer",
+          editor: "editor.text",
+          showEditor: ({ options }) => options.showBaseLayer !== false
+        }
+      ],
+      [
+        {
+          label: (0, i18n_exports._)("Base layer tile server type"),
+          option: "baseLayerTileServerType",
+          editor: "editor.radioBar",
+          showEditor: ({ options }) => options.showBaseLayer === false ? false : !(typeof options.baseLayerTileServer === "undefined" || options.baseLayerTileServer === ""),
+          editorProps: {
+            values: [
+              { label: (0, i18n_exports._)("Vector"), value: "vector" },
+              { label: (0, i18n_exports._)("Raster"), value: "raster" }
+            ]
+          }
+        }
+      ]
+    ]
+  }
+];
 var config = {
   /**
    * unique viz key
    */
-  key: 'splunk.map',
-
+  key: "splunk.map",
   /**
    * viz name
    */
-  name: (0, i18n_1._)('Map'),
-  category: VizCategory_1.VizCategory.SPATIAL,
-  status: 'preview',
-
+  name: (0, i18n_exports._)("Map"),
+  category: "Spatial" /* SPATIAL */,
+  status: "preview",
   /**
    * viz icon
    */
-  icon: visualization_icons_1.Map,
-  placeholderIcon: placeholders_1.Map,
-  dataContract: dataContract,
-  size: size,
-  defaultContext: defaultContext,
-  optionsSchema: visualization_schemas_1.mapOptionsSchema,
-  editorConfig: editorConfig,
+  icon: visualization_icons_exports.Map,
+  placeholderIcon: placeholders_exports.Map,
+  dataContract,
+  size,
+  defaultContext,
+  optionsSchema: visualization_schemas_exports.mapOptionsSchema,
+  editorConfig,
   events: {
-    'map.load': {
-      description: 'triggered when map is fully loaded',
-      parentKeys: ['exec']
+    "map.load": {
+      description: "triggered when map is fully loaded",
+      parentKeys: ["exec"]
     },
-    'map.click': {
-      description: 'trigger when user clicks map layer'
+    "map.click": {
+      description: "trigger when user clicks map layer"
     }
   },
-  supports: [VizBehavior_1.VizBehavior.DYNAMIC_OPTIONS, VizBehavior_1.VizBehavior.EVENTS, VizBehavior_1.VizBehavior.PLACEHOLDER],
-  themes: themes,
+  supports: ["dynamic-options" /* DYNAMIC_OPTIONS */, "events" /* EVENTS */, "placeholder" /* PLACEHOLDER */],
+  themes,
   requiredProps: []
 };
-exports.default = (0, configUtils_1.enhanceConfig)(config);
-
-/***/ }),
-
-/***/ 6:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VizBehavior = void 0;
-var VizBehavior;
-
-(function (VizBehavior) {
-  /**
-   * Dynamic Options Behavior.
-   * This allows visualization options to be powered by data
-   *
-   * **Example**
-   *
-   * sparklineValues: ">primary|seriesByIndex(0)"
-   * would configure sparklineValues with an array of data points
-   * coming from the first series in the primary datasource
-   *
-   */
-  VizBehavior["DYNAMIC_OPTIONS"] = "dynamic-options";
-  VizBehavior["EVENTS"] = "events";
-  VizBehavior["DOWNSAMPLING"] = "downsampling";
-  /**
-   * Placeholder behavior: visualization will display a placeholder rather than fail if any of the `requiredProps` is
-   * missing.
-   * @type {string}
-   */
-
-  VizBehavior["PLACEHOLDER"] = "placeholder";
-  VizBehavior["PAGE_AND_SORT"] = "page-and-sort";
-  VizBehavior["TRELLIS"] = "trellis";
-})(VizBehavior = exports.VizBehavior || (exports.VizBehavior = {}));
-
-/***/ }),
-
-/***/ 7:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VizCategory = void 0;
-var VizCategory;
-
-(function (VizCategory) {
-  VizCategory["SINGLE_VALUE"] = "Single Value";
-  VizCategory["TRENDS"] = "Trends";
-  VizCategory["COMPARISONS"] = "Comparisons";
-  VizCategory["TABLE"] = "Table";
-  VizCategory["GAUGE"] = "Gauge";
-  VizCategory["DISTRIBUTIONS"] = "Distributions";
-  VizCategory["CHOROPLETH"] = "Choropleth Maps";
-  VizCategory["SHAPES"] = "Shapes";
-  VizCategory["MISC"] = "misc";
-  VizCategory["FLOW"] = "Flow";
-  VizCategory["CORRELATION"] = "Correlation";
-  VizCategory["SPATIAL"] = "Spatial";
-})(VizCategory = exports.VizCategory || (exports.VizCategory = {}));
-
-/***/ })
-
-/******/ });
-//# sourceMappingURL=Map.config.js.map
+var config_default = enhanceConfig(config);
+//# sourceMappingURL=Map.config.js.map