@splunk/visualizations 25.7.1 → 25.8.0

package/Map.config.js

@@ -114,7 +114,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.VizBehavior = void 0;
 var VizBehavior;
-
 (function (VizBehavior) {
   /**
    * Dynamic Options Behavior.
@@ -134,7 +133,6 @@ var VizBehavior;
    * missing.
    * @type {string}
    */
-
   VizBehavior["PLACEHOLDER"] = "placeholder";
   VizBehavior["PAGE_AND_SORT"] = "page-and-sort";
   VizBehavior["TRELLIS"] = "trellis";
@@ -154,33 +152,24 @@ module.exports = require("@splunk/visualizations-shared/schemaUtils");
 
 
 var _toConsumableArray = __webpack_require__(1);
-
 var _defineProperty = __webpack_require__(7);
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.insertLayout = exports.isDynamicOption = exports.uncollapseEditorConfig = exports.generatePrecisionValues = exports.getInitialPreset = exports.enhanceOptionsSchemaWithDynamicOptions = exports.enhanceConfig = void 0;
-
 var lodash_1 = __webpack_require__(6);
-
 var schemaUtils_1 = __webpack_require__(3);
-
 var VizBehavior_1 = __webpack_require__(2);
-
 var dynamicOptionsDSLType = {
   type: 'string',
   pattern: schemaUtils_1.DYNAMIC_OPTIONS_DSL_PATTERN
@@ -190,22 +179,20 @@ var dynamicOptionsDSLType = {
  * @param optionsSchema a visualization's options schema
  * @returns an updated options schema that additionally allows strings starting with > for each option
  */
-
 function enhanceOptionsSchemaWithDynamicOptions(optionsSchema) {
   var enhancedOptionsSchema = {};
   Object.keys(optionsSchema).forEach(function (key) {
     var _a = optionsSchema[key],
-        title = _a.title,
-        description = _a.description,
-        readOnly = _a.readOnly,
-        writeOnly = _a.writeOnly,
-        examples = _a.examples,
-        defaultValue = _a.default,
-        type = _a.type,
-        properties = _a.properties,
-        patternProperties = _a.patternProperties,
-        remainingSchemaEntry = __rest(_a, ["title", "description", "readOnly", "writeOnly", "examples", "default", "type", "properties", "patternProperties"]);
-
+      title = _a.title,
+      description = _a.description,
+      readOnly = _a.readOnly,
+      writeOnly = _a.writeOnly,
+      examples = _a.examples,
+      defaultValue = _a.default,
+      type = _a.type,
+      properties = _a.properties,
+      patternProperties = _a.patternProperties,
+      remainingSchemaEntry = __rest(_a, ["title", "description", "readOnly", "writeOnly", "examples", "default", "type", "properties", "patternProperties"]);
     var annotations = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, title !== undefined && {
       title: title
     }), description !== undefined && {
@@ -219,14 +206,12 @@ function enhanceOptionsSchemaWithDynamicOptions(optionsSchema) {
     }), defaultValue !== undefined && {
       default: defaultValue
     });
-
     if (type === 'object') {
       enhancedOptionsSchema[key] = Object.assign(Object.assign(Object.assign(Object.assign({}, remainingSchemaEntry), annotations), {
         type: type
       }), properties && {
         properties: enhanceOptionsSchemaWithDynamicOptions(properties)
       });
-
       if (patternProperties) {
         var enhancedPatternProperties = {};
         Object.keys(patternProperties).forEach(function (opt) {
@@ -244,7 +229,6 @@ function enhanceOptionsSchemaWithDynamicOptions(optionsSchema) {
   });
   return enhancedOptionsSchema;
 }
-
 exports.enhanceOptionsSchemaWithDynamicOptions = enhanceOptionsSchemaWithDynamicOptions;
 /**
  * Helper function to enhance a Visualization Config as needed based on behaviors specified in supports block
@@ -253,14 +237,11 @@ exports.enhanceOptionsSchemaWithDynamicOptions = enhanceOptionsSchemaWithDynamic
  * @returns an enhanced Visualization Config containing updated config entries based on behaviors it supports
  * and containing `open: false` for all editor panels in editorConfig
  */
-
 function enhanceConfig(vizConfig) {
   var enhancedConfig = Object.assign({}, vizConfig);
-
   if (vizConfig.supports.indexOf(VizBehavior_1.VizBehavior.DYNAMIC_OPTIONS) !== -1) {
     enhancedConfig.optionsSchema = enhanceOptionsSchemaWithDynamicOptions(vizConfig.optionsSchema);
   }
-
   enhancedConfig.editorConfig = vizConfig.editorConfig.map(function (config) {
     return Object.assign(Object.assign({}, config), {
       open: config.open || false
@@ -268,7 +249,6 @@ function enhanceConfig(vizConfig) {
   });
   return enhancedConfig;
 }
-
 exports.enhanceConfig = enhanceConfig;
 /**
  * Helper function to uncollapse all editor panels by adding `open: true` to the editorConfig
@@ -276,7 +256,6 @@ exports.enhanceConfig = enhanceConfig;
  * @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) {
@@ -286,16 +265,13 @@ function uncollapseEditorConfig(vizConfig) {
   });
   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
+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
@@ -304,7 +280,6 @@ exports.isDynamicOption = isDynamicOption; // private helpers to improve readabi
  *
  * 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) {
@@ -314,8 +289,6 @@ function hasCompatibleContexts(vizContext, presetContext) {
 /**
  * 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) {
@@ -330,21 +303,18 @@ function hasCompatibleOptions(vizOptions, presetOptions) {
  * @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 = lodash_1.get(preset, ['value', 'context'], {});
     var presetOptions = 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)
+    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
@@ -352,7 +322,6 @@ exports.getInitialPreset = getInitialPreset;
  * @param {Number} numPrecisionValues - number of integer precision values to generate
  * @returns {{ label: string; value; string  }[]} array of { label, value } tuples
  */
-
 function generatePrecisionValues(numPrecisionValues) {
   return lodash_1.range(0, numPrecisionValues + 1).map(function (i) {
     return {
@@ -361,7 +330,6 @@ function generatePrecisionValues(numPrecisionValues) {
     };
   });
 }
-
 exports.generatePrecisionValues = generatePrecisionValues;
 /**
  * insert layout in layout array, return a new layout array instead of updating the original
@@ -371,15 +339,12 @@ exports.generatePrecisionValues = generatePrecisionValues;
  * @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];
   }
-
   return [].concat(_toConsumableArray(layout.slice(0, index)), layoutItems, _toConsumableArray(layout.slice(index)));
 };
-
 exports.insertLayout = insertLayout;
 
 /***/ }),
@@ -407,7 +372,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.VizCategory = void 0;
 var VizCategory;
-
 (function (VizCategory) {
   VizCategory["SINGLE_VALUE"] = "Single Value";
   VizCategory["TRENDS"] = "Trends";
@@ -447,13 +411,11 @@ module.exports = require("@splunk/visualization-icons");
 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;
+    themes = _ref.themes,
+    labelPosition = _ref.labelPosition;
   return [{
     label: i18n_1._(label || 'Background'),
     option: 'backgroundColor',
@@ -464,7 +426,6 @@ var background = function background(_ref) {
     }
   }];
 };
-
 exports.default = background;
 
 /***/ }),
@@ -529,29 +490,17 @@ module.exports = require("@splunk/themes");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var visualization_icons_1 = __webpack_require__(12);
-
 var placeholders_1 = __webpack_require__(11);
-
 var schemaUtils_1 = __webpack_require__(3);
-
 var visualization_color_palettes_1 = __webpack_require__(14);
-
 var themes_1 = __webpack_require__(21);
-
 var i18n_1 = __webpack_require__(0);
-
 var VizBehavior_1 = __webpack_require__(2);
-
 var VizCategory_1 = __webpack_require__(8);
-
 var configUtils_1 = __webpack_require__(4);
-
 var MapUtils_1 = __webpack_require__(57);
-
 var BackgroundColor_1 = __webpack_require__(13);
-
 var defaultContext = {
   colorRangeConfig: [{
     to: 20,
@@ -680,7 +629,7 @@ var optionsSchema = {
             default: visualization_color_palettes_1.VIZ_CATEGORICAL
           },
           dataColors: {
-            description: 'Specify the colors to use for data points. You can use an array of colors to be picked from, or you can use a dataSource to apply dynamic coloring. For example, “> primary | seriesByName("status") | matchValue(colorMatchConfig)”. When type: "choropleth", dataColors is defined by default, and the opacities are shown at 80% of maximum to allow textual information to be visible in the map. By default, the dataColors option is not defined for type "bubble" or "marker".',
+            description: 'Specify the colors to use for data points. You can use an array of colors to be picked from, or you can use a dataSource to apply dynamic coloring. For example, “> primary | seriesByName("status") | matchValue(colorMatchConfig)”. When type: "choropleth", dataColors is defined by default, and the opacities are shown at 80% of maximum to allow textual information to be visible in the map. By default, the dataColors option is not defined for type "bubble" or "marker". If type: "bubble", dataColors requires bubbleSize to have only a single series configured.',
             type: ['string', 'array'],
             items: {
               type: 'string'
@@ -812,7 +761,7 @@ var optionsSchema = {
             default: visualization_color_palettes_1.VIZ_CATEGORICAL
           },
           dataColors: {
-            description: 'Specify the colors to use for data points. You can use an array of colors to be picked from, or you can use a dataSource to apply dynamic coloring. For example, “> primary | seriesByName("status") | matchValue(colorMatchConfig)”. When type: "choropleth", dataColors is defined by default, and the opacities are shown at 80% of maximum to allow textual information to be visible in the map. By default, the dataColors option is not defined for type "bubble" or "marker".',
+            description: 'Specify the colors to use for data points. You can use an array of colors to be picked from, or you can use a dataSource to apply dynamic coloring. For example, “> primary | seriesByName("status") | matchValue(colorMatchConfig)”. When type: "choropleth", dataColors is defined by default, and the opacities are shown at 80% of maximum to allow textual information to be visible in the map. By default, the dataColors option is not defined for type "bubble" or "marker". If type: "bubble", dataColors requires bubbleSize to have only a single series configured.',
             type: ['string', 'array'],
             items: {
               type: 'string'
@@ -911,15 +860,12 @@ var themes = {
     })(props);
   }
 };
-
 var checkTypeIsChoropleth = function checkTypeIsChoropleth(options) {
   return options.layers && options.layers.length && options.layers[0].type === MapUtils_1.LAYER_TYPE.Choropleth;
 };
-
 var checkTypeIsLocalChoropleth = function checkTypeIsLocalChoropleth(options) {
   return options.layers && options.layers.length && options.layers[0].type === MapUtils_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: i18n_1._('Data configurations'),
@@ -1087,7 +1033,8 @@ var editorConfig = [{
   }]]
 }, {
   label: i18n_1._('Color and style'),
-  layout: [// TODO: add support for color mode option and its corresponding editor
+  layout: [
+  // TODO: add support for color mode option and its corresponding editor
   // [
   //     {
   //         label: _('Color mode'),
@@ -1101,16 +1048,15 @@ var editorConfig = [{
   //         },
   //     },
   // ],
-  // TODO: fix seriesColor editor for map layers in dynamic editor repo
-  // [
-  //     {
-  //         label: _('Series colors'),
-  //         option: 'layers[0].seriesColors',
-  //         editor: 'editor.seriesColors',
-  //         showEditor: ({ options }) =>
-  //             !(options.layers && options.layers.length && options.layers[0].type === 'choropleth'),
-  //     },
-  // ],
+  [{
+    label: 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
   // [
   //     {
@@ -1124,11 +1070,11 @@ var editorConfig = [{
   //     },
   // ],
   [{
-    label: i18n_1._('Choropleth empty area color'),
+    label: i18n_1._('Choropleth empty area'),
     option: 'layers[0].choroplethEmptyAreaColor',
     editor: 'editor.color',
-    showEditor: function showEditor(_ref8) {
-      var options = _ref8.options;
+    showEditor: function showEditor(_ref9) {
+      var options = _ref9.options;
       return checkTypeIsLocalChoropleth(options);
     },
     editorProps: {
@@ -1138,8 +1084,8 @@ var editorConfig = [{
     label: i18n_1._('Choropleth stroke'),
     option: 'layers[0].choroplethStrokeColor',
     editor: 'editor.color',
-    showEditor: function showEditor(_ref9) {
-      var options = _ref9.options;
+    showEditor: function showEditor(_ref10) {
+      var options = _ref10.options;
       return checkTypeIsChoropleth(options);
     },
     editorProps: {
@@ -1149,15 +1095,16 @@ var editorConfig = [{
     label: i18n_1._('Choropleth opacity (%)'),
     option: 'layers[0].choroplethOpacity',
     editor: 'editor.percent',
-    showEditor: function showEditor(_ref10) {
-      var options = _ref10.options;
+    showEditor: function showEditor(_ref11) {
+      var options = _ref11.options;
       return checkTypeIsChoropleth(options);
     },
     editorProps: {
       themes: themes,
       min: 0
     }
-  }], // TODO: add support for seriesColorsByField option
+  }],
+  // TODO: add support for seriesColorsByField option
   // [
   //     {
   //         label: _('Series colors by field name'),
@@ -1175,16 +1122,16 @@ var editorConfig = [{
     label: i18n_1._('Base layer tile server'),
     option: 'baseLayerTileServer',
     editor: 'editor.text',
-    showEditor: function showEditor(_ref11) {
-      var options = _ref11.options;
+    showEditor: function showEditor(_ref12) {
+      var options = _ref12.options;
       return options.showBaseLayer !== false;
     }
   }], [{
     label: i18n_1._('Base layer tile server type'),
     option: 'baseLayerTileServerType',
     editor: 'editor.radioBar',
-    showEditor: function showEditor(_ref12) {
-      var options = _ref12.options;
+    showEditor: function showEditor(_ref13) {
+      var options = _ref13.options;
       return options.showBaseLayer === false ? false : !(typeof options.baseLayerTileServer === 'undefined' || options.baseLayerTileServer === '');
     },
     editorProps: {
@@ -1201,20 +1148,17 @@ var editorConfig = [{
 /**
  * visualization configuration
  */
-
 var config = {
   /**
    * unique viz key
    */
   key: 'splunk.map',
-
   /**
    * viz name
    */
   name: 'Map',
   category: VizCategory_1.VizCategory.CHOROPLETH,
   status: 'preview',
-
   /**
    * viz icon
    */
@@ -1247,48 +1191,35 @@ exports.default = configUtils_1.enhanceConfig(config);
 
 
 var _defineProperty = __webpack_require__(7);
-
 var _slicedToArray = __webpack_require__(58);
-
 var _toConsumableArray = __webpack_require__(1);
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.formatMetadata = exports.compareBaseStyles = exports.getScaledOpacities = exports.getGlobalLayerBoundaries = exports.isValidLatLon = exports.bakeBubbleData = exports.sanitizeValues = exports.transposeArray = exports.matchBubbleSize = exports.getStaticColors = exports.getZoomLevelFromGeobin = exports.getZoomConstraintsFromTileConfig = exports.getMapStyle = exports.getTilePreset = exports.LAYER_TYPE = exports.DEFAULT_OPACITY = exports.MAX_BUBBLE_RADIUS = exports.MIN_BUBBLE_RADIUS = exports.MAP_STYLE_VERSION_NUMBER = exports.DEFAULT_SERIES_COLORS = exports.DEFAULT_CLUSTER_COLOR = exports.DEFAULT_RESULT_LIMIT = exports.MIN_LONGITUDE = exports.MAX_LONGITUDE = exports.MIN_LATITUDE = exports.MAX_LATITUDE = void 0;
-
 var lodash_1 = __webpack_require__(6);
-
 var d3_scale_1 = __webpack_require__(59);
-
 var chroma = __webpack_require__(60);
-
 var colorUtils_1 = __webpack_require__(61);
-
 var visualization_color_palettes_1 = __webpack_require__(14);
-
 var types_1 = __webpack_require__(62);
-
 exports.MAX_LATITUDE = 90;
 exports.MIN_LATITUDE = -90;
 exports.MAX_LONGITUDE = 180;
 exports.MIN_LONGITUDE = -180;
 exports.DEFAULT_RESULT_LIMIT = 1000;
 exports.DEFAULT_CLUSTER_COLOR = '#909090';
-exports.DEFAULT_SERIES_COLORS = visualization_color_palettes_1.VIZ_CATEGORICAL; // MapLibre requires a map style specification number which is always 8
-
-exports.MAP_STYLE_VERSION_NUMBER = 8; // currently using one [min, max] value set for bubbles across all zoom levels
+exports.DEFAULT_SERIES_COLORS = visualization_color_palettes_1.VIZ_CATEGORICAL;
+// MapLibre requires a map style specification number which is always 8
+exports.MAP_STYLE_VERSION_NUMBER = 8;
+// currently using one [min, max] value set for bubbles across all zoom levels
 // TODO: design choices on [min, max] bubble size for different zoom levels
-
 exports.MIN_BUBBLE_RADIUS = 7.11; // 10px
-
 exports.MAX_BUBBLE_RADIUS = 45.26; // 85px
-
 exports.DEFAULT_OPACITY = 0.8;
 var LONGITUDE = 'longitude';
 var LATITUDE = 'latitude';
 var LAYER_TYPE;
-
 (function (LAYER_TYPE) {
   LAYER_TYPE["Marker"] = "marker";
   LAYER_TYPE["Bubble"] = "bubble";
@@ -1302,16 +1233,12 @@ var LAYER_TYPE;
  * @param {BaseTileConfig[]} args.customTileConfig
  * @returns {Object} tile preset
  */
-
-
 var getTilePreset = function getTilePreset(_ref) {
   var _ref$defaultTileConfi = _ref.defaultTileConfig,
-      defaultTileConfig = _ref$defaultTileConfi === void 0 ? [] : _ref$defaultTileConfi,
-      _ref$customTileConfig = _ref.customTileConfig,
-      customTileConfig = _ref$customTileConfig === void 0 ? [] : _ref$customTileConfig;
-
+    defaultTileConfig = _ref$defaultTileConfi === void 0 ? [] : _ref$defaultTileConfi,
+    _ref$customTileConfig = _ref.customTileConfig,
+    customTileConfig = _ref$customTileConfig === void 0 ? [] : _ref$customTileConfig;
   var _a, _b;
-
   var tilePreset = {};
   var defaultTileLight = {};
   var defaultTileDark = {};
@@ -1325,7 +1252,6 @@ var getTilePreset = function getTilePreset(_ref) {
     });
     tilePreset[key] = updatedConfig;
   });
-
   if (defaultTileConfig.length > 0) {
     defaultTileLight = (_a = defaultTileConfig.find(function (config) {
       return config.theme === 'light';
@@ -1338,14 +1264,12 @@ var getTilePreset = function getTilePreset(_ref) {
       return config.theme === undefined;
     });
   }
-
   return {
     tilePreset: tilePreset,
     defaultTileLight: defaultTileLight,
     defaultTileDark: defaultTileDark
   };
 };
-
 exports.getTilePreset = getTilePreset;
 /**
  * Check if baseLayerTileServer is in tilePreset and config matches current theme, if yes, return.
@@ -1360,22 +1284,20 @@ exports.getTilePreset = getTilePreset;
  * @param {BaseTileConfig} args.defaultTileLight
  * @returns {BaseTileConfig} mapStyle
  */
-
 var getMapStyle = function getMapStyle(_ref2) {
   var showBaseLayer = _ref2.showBaseLayer,
-      _ref2$baseLayerTileSe = _ref2.baseLayerTileServer,
-      baseLayerTileServer = _ref2$baseLayerTileSe === void 0 ? '' : _ref2$baseLayerTileSe,
-      _ref2$baseLayerTileSe2 = _ref2.baseLayerTileServerType,
-      baseLayerTileServerType = _ref2$baseLayerTileSe2 === void 0 ? '' : _ref2$baseLayerTileSe2,
-      _ref2$tilePreset = _ref2.tilePreset,
-      tilePreset = _ref2$tilePreset === void 0 ? {} : _ref2$tilePreset,
-      _ref2$colorScheme = _ref2.colorScheme,
-      colorScheme = _ref2$colorScheme === void 0 ? 'light' : _ref2$colorScheme,
-      _ref2$defaultTileLigh = _ref2.defaultTileLight,
-      defaultTileLight = _ref2$defaultTileLigh === void 0 ? {} : _ref2$defaultTileLigh,
-      _ref2$defaultTileDark = _ref2.defaultTileDark,
-      defaultTileDark = _ref2$defaultTileDark === void 0 ? {} : _ref2$defaultTileDark;
-
+    _ref2$baseLayerTileSe = _ref2.baseLayerTileServer,
+    baseLayerTileServer = _ref2$baseLayerTileSe === void 0 ? '' : _ref2$baseLayerTileSe,
+    _ref2$baseLayerTileSe2 = _ref2.baseLayerTileServerType,
+    baseLayerTileServerType = _ref2$baseLayerTileSe2 === void 0 ? '' : _ref2$baseLayerTileSe2,
+    _ref2$tilePreset = _ref2.tilePreset,
+    tilePreset = _ref2$tilePreset === void 0 ? {} : _ref2$tilePreset,
+    _ref2$colorScheme = _ref2.colorScheme,
+    colorScheme = _ref2$colorScheme === void 0 ? 'light' : _ref2$colorScheme,
+    _ref2$defaultTileLigh = _ref2.defaultTileLight,
+    defaultTileLight = _ref2$defaultTileLigh === void 0 ? {} : _ref2$defaultTileLigh,
+    _ref2$defaultTileDark = _ref2.defaultTileDark,
+    defaultTileDark = _ref2$defaultTileDark === void 0 ? {} : _ref2$defaultTileDark;
   if (!showBaseLayer) {
     return {
       version: exports.MAP_STYLE_VERSION_NUMBER,
@@ -1395,11 +1317,9 @@ var getMapStyle = function getMapStyle(_ref2) {
       }]
     };
   }
-
   if (baseLayerTileServer && tilePreset[baseLayerTileServer] && (tilePreset[baseLayerTileServer].theme === colorScheme || tilePreset[baseLayerTileServer].theme === 'all')) {
     return tilePreset[baseLayerTileServer];
   }
-
   if (baseLayerTileServer && baseLayerTileServerType) {
     var tiles = [];
     /**
@@ -1407,7 +1327,6 @@ var getMapStyle = function getMapStyle(_ref2) {
      * Subdomains are used to help with browser parallel requests per domain limitation. These subdomains are typically single letters 'a', 'b' and 'c'
      * Refer to https://leafletjs.com/SlavaUkraini/reference.html#tilelayer and https://wiki.openstreetmap.org/wiki/Tile_servers
      */
-
     if (baseLayerTileServer.match(/^(https?):\/\/{(s|S)}\../)) {
       /**
        * sXML (Leaflet) allows users to define their own tile server URLs + list of available subdomains
@@ -1418,9 +1337,8 @@ var getMapStyle = function getMapStyle(_ref2) {
       tiles = [baseLayerTileServer.replace(/{(s|S)}/, 'a'), baseLayerTileServer.replace(/{(s|S)}/, 'b'), baseLayerTileServer.replace(/{(s|S)}/, 'c')];
     } else {
       tiles = [baseLayerTileServer];
-    } // TODO: remove hardcoded style when we allow users to pass in layer style through Viz options
-
-
+    }
+    // TODO: remove hardcoded style when we allow users to pass in layer style through Viz options
     var mapStyle = {
       version: exports.MAP_STYLE_VERSION_NUMBER,
       sources: {
@@ -1435,164 +1353,135 @@ var getMapStyle = function getMapStyle(_ref2) {
         type: 'raster',
         source: 'base-tiles',
         minzoom: 0,
-        maxzoom: 10
+        maxzoom: 24 // https://maplibre.org/maplibre-gl-js-docs/api/map/
       }]
     };
-    return mapStyle;
-  } // if tile server is not present in the preset AND we can't construct a mapStyle, fall back on defaults
-
 
+    return mapStyle;
+  }
+  // if tile server is not present in the preset AND we can't construct a mapStyle, fall back on defaults
   return colorScheme === 'light' ? defaultTileLight : defaultTileDark;
 };
-
 exports.getMapStyle = getMapStyle;
-
 var getZoomConstraintsFromTileConfig = function getZoomConstraintsFromTileConfig(tileConfig, baseLayerTileServer) {
   var sources = tileConfig.sources,
-      layers = tileConfig.layers;
-  var matchedBaseLayerTileServer = false; // check sources for minzoom maxzoom first
-
+    layers = tileConfig.layers;
+  var matchedBaseLayerTileServer = false;
+  // check sources for minzoom maxzoom first
   var sourceKeys = Object.keys(sources);
-
   for (var i = 0; i < sourceKeys.length; i += 1) {
     var _sources$sourceKeys$i = sources[sourceKeys[i]],
-        minzoom = _sources$sourceKeys$i.minzoom,
-        maxzoom = _sources$sourceKeys$i.maxzoom;
-
+      minzoom = _sources$sourceKeys$i.minzoom,
+      maxzoom = _sources$sourceKeys$i.maxzoom;
     if (baseLayerTileServer && sources[sourceKeys[i]].tiles.indexOf(baseLayerTileServer) !== -1) {
       matchedBaseLayerTileServer = true;
     }
-
     if ((baseLayerTileServer && matchedBaseLayerTileServer || !baseLayerTileServer) && lodash_1.isNumber(minzoom) && lodash_1.isNumber(maxzoom)) {
       return {
         minZoom: minzoom,
         maxZoom: maxzoom
       };
     }
-  } // then check layers
-
-
+  }
+  // then check layers
   for (var _i = 0; _i < layers.length; _i += 1) {
     var _layers$_i = layers[_i],
-        _minzoom = _layers$_i.minzoom,
-        _maxzoom = _layers$_i.maxzoom;
-
+      _minzoom = _layers$_i.minzoom,
+      _maxzoom = _layers$_i.maxzoom;
     if ((baseLayerTileServer && matchedBaseLayerTileServer || !baseLayerTileServer) && lodash_1.isNumber(_minzoom) && lodash_1.isNumber(_maxzoom)) {
       return {
         minZoom: _minzoom,
         maxZoom: _maxzoom
       };
     }
-  } // Maplibre default - would reset previous min/maxZoom
-
-
+  }
+  // Maplibre default - would reset previous min/maxZoom https://maplibre.org/maplibre-gl-js-docs/api/map/
   return {
     minZoom: 0,
-    maxZoom: 22
+    maxZoom: 24
   };
 };
-
 exports.getZoomConstraintsFromTileConfig = getZoomConstraintsFromTileConfig;
-
 var getZoomLevelFromGeobin = function getZoomLevelFromGeobin(geobinStr) {
   var _a;
-
   if (!geobinStr) {
     return null;
-  } // geostats cmds return geobin with zoom level 0-18, 0-99 in the geobinPattern covers the range
-
-
+  }
+  // geostats cmds return geobin with zoom level 0-18, 0-99 in the geobinPattern covers the range
   var geobinPattern = /bin_id_zl_([0-9]{0,2})?_y_/g;
   var match = geobinPattern.exec(geobinStr);
   return (_a = (match === null || match === void 0 ? void 0 : match.length) && parseInt(match[1], 10)) !== null && _a !== void 0 ? _a : null;
 };
-
-exports.getZoomLevelFromGeobin = getZoomLevelFromGeobin; // Bubble colors - static
-
+exports.getZoomLevelFromGeobin = getZoomLevelFromGeobin;
+// Bubble colors - static
 var getStaticColors = function getStaticColors(colorCount, colorArray) {
   if (colorCount < 0 || !colorCount) {
     return [exports.DEFAULT_CLUSTER_COLOR];
   }
-
   if (!colorArray || !colorArray.length) {
     return _toConsumableArray(Array(colorCount).keys()).map(function (i) {
       return exports.DEFAULT_SERIES_COLORS[i];
     });
-  } // loop through colorArray to pick the first $colorCount colors
+  }
+  // loop through colorArray to pick the first $colorCount colors
   // start from begining again if colorCount > colorArray.length
-
-
   return _toConsumableArray(Array(colorCount).keys()).map(function (i) {
     return colorUtils_1.isColor(colorArray[i % colorArray.length]) ? colorArray[i % colorArray.length] : exports.DEFAULT_CLUSTER_COLOR;
   });
 };
-
-exports.getStaticColors = getStaticColors; // Bubble size
-
+exports.getStaticColors = getStaticColors;
+// Bubble size
 var matchBubbleSize = function matchBubbleSize(dataRange, data) {
   var size = d3_scale_1.scalePow().exponent(0.2).domain(dataRange).range([exports.MIN_BUBBLE_RADIUS, exports.MAX_BUBBLE_RADIUS])(data);
-
   if (size > exports.MAX_BUBBLE_RADIUS) {
     return exports.MAX_BUBBLE_RADIUS;
   }
-
   if (size < exports.MIN_BUBBLE_RADIUS) {
     return exports.MIN_BUBBLE_RADIUS;
   }
-
   return size;
 };
-
 exports.matchBubbleSize = matchBubbleSize;
-
 var transposeArray = function transposeArray(array) {
   if (!array || !array.length || !array[0] || !array[0].length) {
     return [];
   }
-
   return array[0].map(function (_, i) {
     return array.map(function (row) {
       return row[i];
     });
   });
 };
-
-exports.transposeArray = transposeArray; // sanitize values: update all null, undefined, or negative values to 0
-
+exports.transposeArray = transposeArray;
+// sanitize values: update all null, undefined, or negative values to 0
 var sanitizeValues = function sanitizeValues(values) {
   // null / undefined
   if (!values) {
     return 0;
-  } // number
-
-
+  }
+  // number
   if (!Array.isArray(values)) {
     return values > 0 ? values : 0;
-  } // array
-
-
+  }
+  // array
   return values.map(function (arr) {
     return exports.sanitizeValues(arr);
   });
 };
-
 exports.sanitizeValues = sanitizeValues;
-
 var bakeBubbleData = function bakeBubbleData(layer) {
   var _a;
-
   if (!layer || !((_a = layer.bubbleSize) === null || _a === void 0 ? void 0 : _a.length) || !layer.geobin || !layer.geobin.length || !layer.latitude || !layer.latitude.length || !layer.longitude || !layer.longitude.length) {
     return null;
-  } // if bubbleSize is passed as an array of single number array (data series)
+  }
+  // if bubbleSize is passed as an array of single number array (data series)
   // e.g. [value0, value1, ...]
   // format each value as an array to unify data operations for data series and frames
-
-
   var sanitizedBubbleSize = exports.sanitizeValues(layer.bubbleSize);
   var transposedBubbleSize;
   var transposedSanitizedBubbleSize;
-  var isPie = false; // format array if bubbleSize is passed as an array of array (data frame)
-
+  var isPie = false;
+  // format array if bubbleSize is passed as an array of array (data frame)
   if (Array.isArray(layer.bubbleSize[0])) {
     // one-time array transpose,
     // e.g. from [column0data, column0data] (multi series)
@@ -1602,8 +1491,8 @@ var bakeBubbleData = function bakeBubbleData(layer) {
     // for easy access of values at each geo location,
     // and min max pie size computation
     transposedBubbleSize = exports.transposeArray(layer.bubbleSize);
-    transposedSanitizedBubbleSize = exports.transposeArray(sanitizedBubbleSize); // if multiple series in the dataframe, set isPie to true
-
+    transposedSanitizedBubbleSize = exports.transposeArray(sanitizedBubbleSize);
+    // if multiple series in the dataframe, set isPie to true
     if (layer.bubbleSize.length > 1) {
       isPie = true;
     }
@@ -1615,11 +1504,9 @@ var bakeBubbleData = function bakeBubbleData(layer) {
       return [n];
     });
   }
-
   if (!transposedBubbleSize || !transposedBubbleSize.length) {
     return null;
   }
-
   var data = layer.latitude.map(function (lat, i) {
     return {
       zoom: exports.getZoomLevelFromGeobin(layer.geobin[i]),
@@ -1630,8 +1517,8 @@ var bakeBubbleData = function bakeBubbleData(layer) {
     };
   }).filter(function (d) {
     return Boolean(d.values);
-  }); // compute the min/max value to encode min/max pie or bubble size
-
+  });
+  // compute the min/max value to encode min/max pie or bubble size
   var min = lodash_1.sum(transposedSanitizedBubbleSize[0]);
   var max = lodash_1.sum(transposedSanitizedBubbleSize[1]);
   transposedSanitizedBubbleSize.forEach(function (row) {
@@ -1647,29 +1534,22 @@ var bakeBubbleData = function bakeBubbleData(layer) {
     bubbleSizeFields: layer.bubbleSizeFields
   };
 };
-
 exports.bakeBubbleData = bakeBubbleData;
-
 var isValidLatLon = function isValidLatLon(latlon) {
   if (!latlon || !Array.isArray(latlon) || latlon.length !== 2) {
     return false;
   }
-
   var _latlon = _slicedToArray(latlon, 2),
-      lat = _latlon[0],
-      lon = _latlon[1];
-
+    lat = _latlon[0],
+    lon = _latlon[1];
   if (!types_1.isNumber(lat) || !(lat >= exports.MIN_LATITUDE && lat <= exports.MAX_LATITUDE)) {
     return false;
   }
-
   if (!types_1.isNumber(lon) || !(lon >= exports.MIN_LONGITUDE && lon <= exports.MAX_LONGITUDE)) {
     return false;
   }
-
   return true;
 };
-
 exports.isValidLatLon = isValidLatLon;
 /**
  * Returns a list of all lat or lon coordinates used in a specified layer
@@ -1677,12 +1557,10 @@ exports.isValidLatLon = isValidLatLon;
  * @param {string} field
  * @returns {number[]} list of lat coordinates or lon coordinates
  */
-
 var getLatOrLonCoordinates = function getLatOrLonCoordinates(layer, field) {
   var getClusterValues = function getClusterValues(clusterLayer) {
     return lodash_1.get(clusterLayer, field, []).slice(0, clusterLayer.type === LAYER_TYPE.Marker && clusterLayer.resultLimit ? clusterLayer.resultLimit : exports.DEFAULT_RESULT_LIMIT);
   };
-
   var getChoroplethValues = function getChoroplethValues(choroplethLayer) {
     var slicedGeomList = choroplethLayer.geom.slice(0, choroplethLayer.resultLimit);
     var flatCoordinates = slicedGeomList.flatMap(function (geomObject) {
@@ -1692,7 +1570,6 @@ var getLatOrLonCoordinates = function getLatOrLonCoordinates(layer, field) {
       return coord[field === LONGITUDE ? 0 : 1];
     });
   };
-
   return layer.type === LAYER_TYPE.Choropleth ? getChoroplethValues(layer) : getClusterValues(layer);
 };
 /**
@@ -1700,32 +1577,25 @@ var getLatOrLonCoordinates = function getLatOrLonCoordinates(layer, field) {
  * @param {LayerType[]} layers
  * @returns {LngLatBoundsLike}
  */
-
-
 var getGlobalLayerBoundaries = function getGlobalLayerBoundaries(layers) {
   var isLayerValid = function isLayerValid(field) {
     return layers.every(function (layer) {
       return layer[field] || layer.geom;
     });
   };
-
   var getDefaultMax = function getDefaultMax(field) {
     return field === LONGITUDE ? exports.MAX_LONGITUDE : exports.MAX_LATITUDE;
   };
-
   var getDefaultMin = function getDefaultMin(field) {
     return field === LONGITUDE ? exports.MIN_LONGITUDE : exports.MIN_LATITUDE;
   };
-
   if (!layers || !Array.isArray(layers) || !layers.length) {
     return null;
   }
-
   var getMin = function getMin(field) {
     if (!isLayerValid(field)) {
       return getDefaultMin(field);
     }
-
     return layers.reduce(function (prevVal, layer) {
       var coordinatesNumArr = getLatOrLonCoordinates(layer, field).map(function (x) {
         return +x;
@@ -1733,41 +1603,32 @@ var getGlobalLayerBoundaries = function getGlobalLayerBoundaries(layers) {
       return lodash_1.min([prevVal].concat(_toConsumableArray(coordinatesNumArr)));
     }, getDefaultMax(field));
   };
-
   var getMax = function getMax(field) {
     if (!isLayerValid(field)) {
       return getDefaultMax(field);
     }
-
     return layers.reduce(function (prevVal, layer) {
       var coordinatesNumArr = getLatOrLonCoordinates(layer, field).map(Number);
       return lodash_1.max([prevVal].concat(_toConsumableArray(coordinatesNumArr)));
     }, getDefaultMin(field));
   };
-
   return [[getMin(LONGITUDE), getMin(LATITUDE)], [getMax(LONGITUDE), getMax(LATITUDE)]];
 };
-
 exports.getGlobalLayerBoundaries = getGlobalLayerBoundaries;
-
 var getScaledOpacities = function getScaledOpacities(colors, cfgOpacity) {
   // extract opacity information from 8 digit hex codes
   var opacities = colors === null || colors === void 0 ? void 0 : colors.map(function (color) {
     var _a;
-
     return (color === null || color === void 0 ? void 0 : color.length) === 9 ? (_a = chroma(color).alpha()) !== null && _a !== void 0 ? _a : 1 : 1;
-  }); // opacity cannot be greater than configured opacity
-
+  });
+  // opacity cannot be greater than configured opacity
   return opacities === null || opacities === void 0 ? void 0 : opacities.map(function (opacity) {
     return opacity * cfgOpacity;
   });
 };
-
 exports.getScaledOpacities = getScaledOpacities;
-
 var compareBaseStyles = function compareBaseStyles(curr, next) {
   var _a, _b, _c, _d;
-
   var currBaseLayer = (_a = curr === null || curr === void 0 ? void 0 : curr.layers) === null || _a === void 0 ? void 0 : _a.find(function (layer) {
     return (layer === null || layer === void 0 ? void 0 : layer.id) === 'base-layer';
   });
@@ -1776,16 +1637,12 @@ var compareBaseStyles = function compareBaseStyles(curr, next) {
   });
   var currBaseSource = lodash_1.get(curr === null || curr === void 0 ? void 0 : curr.sources, (_c = currBaseLayer === null || currBaseLayer === void 0 ? void 0 : currBaseLayer.source) !== null && _c !== void 0 ? _c : '');
   var nextBaseSource = lodash_1.get(next === null || next === void 0 ? void 0 : next.sources, (_d = nextBaseLayer === null || nextBaseLayer === void 0 ? void 0 : nextBaseLayer.source) !== null && _d !== void 0 ? _d : '');
-
   if (!currBaseLayer || !nextBaseLayer || !currBaseSource || !nextBaseSource) {
     return false;
   }
-
   return lodash_1.isEqual(currBaseLayer, nextBaseLayer) && lodash_1.isEqual(currBaseSource, nextBaseSource);
 };
-
 exports.compareBaseStyles = compareBaseStyles;
-
 var formatMetadata = function formatMetadata(choroplethLayer, i) {
   if (!choroplethLayer || !choroplethLayer.areaIds || !choroplethLayer.areaValues) return {};
   if (i >= choroplethLayer.areaIds.length) return {};
@@ -1802,7 +1659,6 @@ var formatMetadata = function formatMetadata(choroplethLayer, i) {
     return Object.assign(Object.assign({}, result), _defineProperty({}, key, val));
   }, base);
 };
-
 exports.formatMetadata = formatMetadata;
 
 /***/ }),